Share & Give

Halo sobat semua, postingan awal cara ngeblog kali ini akan saya awali dengan cara membuat popular post yang keren di blogspot.

Popular post keren pertama yang saya tawarkan disini adalah bagaimana membuat popular post dapat bergerak di dalam blog kita.

Caranya sangat mudah dan cocok buat newbie blogger.

Ok, sobat dapat mempraktekkannya dengan langkah singkat sebagai berikut :

• Login dulu ke blogger
• Buat yang belum pasang popular post terlebih dahulu sobat ke layout atau tata letak pilih add new gadget lalu pilih popular post
• Selanjutnya simpan
• Buka template lalu pilih edit HTML
• Centang expand widget template
• cari kode seperti beriktu :

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>  <b:includable id='main'>  <b:if cond='data:title'><h2><data:title/></h2></b:if> <div class='widget-content popular-posts'> <ul> <b:loop values='data:posts' var='post'> <li> <b:if cond='data:showThumbnails == &quot;false&quot;'> <b:if cond='data:showSnippets == &quot;false&quot;'> <!-- (1) No snippet/thumbnail --> <a expr:href='data:post.href'><data:post.title/></a> <b:else/> <!-- (2) Show only snippets --> <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div> <div class='item-snippet'><data:post.snippet/></div> </b:if> <b:else/> <b:if cond='data:showSnippets == &quot;false&quot;'> <!-- (3) Show only thumbnails --> <div class='item-thumbnail-only'> <b:if cond='data:post.thumbnail'> <div class='item-thumbnail'> <a expr:href='data:post.href' target='_blank'> <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/> </a> </div> </b:if> <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div> </div> <div style='clear: both;'/> <b:else/> <!-- (4) Show snippets and thumbnails --> <div class='item-content'> <b:if cond='data:post.thumbnail'> <div class='item-thumbnail'> <a expr:href='data:post.href' target='_blank'> <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/> </a> </div> </b:if> <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div> <div class='item-snippet'><data:post.snippet/></div> </div> <div style='clear: both;'/> </b:if> </b:if> </li> </b:loop> </ul>

• Selanjutnya ganti kode tersebut diatas dengan kode berikut :

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'> <b:includable id='main'> <b:if cond='data:title'><h2><data:title/></h2></b:if> <div class='widget-content popular-posts'> <ul> <marquee align='left' direction='up' height='250' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'> <b:loop values='data:posts' var='post'> <li> <b:if cond='data:showThumbnails == &quot;false&quot;'> <b:if cond='data:showSnippets == &quot;false&quot;'> <!-- (1) No snippet/thumbnail --> <a expr:href='data:post.href'><data:post.title/></a> <b:else/> <!-- (2) Show only snippets --> <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div> <div class='item-snippet'><data:post.snippet/></div> </b:if> <b:else/> <b:if cond='data:showSnippets == &quot;false&quot;'> <!-- (3) Show only thumbnails --> <div class='item-thumbnail-only'> <b:if cond='data:post.thumbnail'> <div class='item-thumbnail'> <a expr:href='data:post.href' target='_blank'> <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/> </a> </div> </b:if> <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div> </div> <div style='clear: both;'/> <b:else/> <!-- (4) Show snippets and thumbnails --> <div class='item-content'> <b:if cond='data:post.thumbnail'> <div class='item-thumbnail'> <a expr:href='data:post.href' target='_blank'> <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/> </a> </div> </b:if> <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div> <div class='item-snippet'><data:post.snippet/></div> </div> <div style='clear: both;'/> </b:if> </b:if> </li> </b:loop> </marquee></ul> 

• Jangan lupa untuk menyimpan
• lihat hasilnya

Sangat mudah bukan? selamat mempraktekkannya.
semoga trik tadi bisa mempercantik tampilan blog sobat semua.

keywords : cara bikin populer posts keren, cara bikin popular post bergerak, bikin popular post bergerak di blog, cara mudah bikin popular post bergerak, cara gampang bikin popular post bergerak di blog, cara termudah membuat popular post bergerak, membuat popular post bergerak di blogger, membuat popular post bergerak di blogspot, cara mudah bikin popular post bergerak, cara bikin popular post bergerak, bikin popular post bergerak di blog, cara mudah bikin popular post bergerak, cara gampang bikin popular post bergerak di blog, cara termudah membuat popular post bergerak, membuat popular post bergerak di blogger, membuat popular post bergerak di blogspot, cara mudah bikin popular post bergerak, cara bikin popular post bergerak, bikin popular post bergerak di blog, cara mudah bikin popular post bergerak, cara gampang bikin popular post bergerak di blog, cara termudah membuat popular post bergerak, membuat popular post bergerak di blogger, membuat popular post bergerak di blogspot, cara mudah bikin popular post bergerak, cara bikin popular post bergerak, bikin popular post bergerak di blog, cara mudah bikin popular post bergerak, cara gampang bikin popular post bergerak di blog, cara termudah membuat popular post bergerak, membuat popular post bergerak di blogger, membuat popular post bergerak di blogspot, cara mudah bikin popular post bergerak