Cara Memasang Widget Related Posts Pada Blog

Salam semua sahabat blogger, dalam kesempatan kali ini saya akan membagikan kepada sahabat blogger semua Custum Widget Related Posts Untuk Blog, Berikut ini adalah salah satu tip untuk mempercantik tampilan Widget Related Posts pada blogger, saya pikir ini sangat penting untuk kita tambahkan widget ini pada blog kita karena akan meningkatkan pengunjung di blog kita tanpa menghabiskan banyak waktu di SEO, jika kita pelajari lebih dalam lagi maka kita akan dengan mudah menemukan bahwa widget related post adalah sumber utama untuk meningkatkan seo optimization tips. Jadi, jika kita benar-benar tertarik untuk dan ingin menampilkan posting terkait di mana postingan kita sedang dibaca oleh pengunjung.

widget yang satu ini mengandung gambar sehingga kita juga dapat melihat gambar jika postingan kita memiliki gambar. lebih kurang ini tampilannya (lihat gambar di bawah)

Oke, langsung saja ke TKP…!!!

Langkah pertama yang harus kamu lakukan adalah

• Buka dashboard blogger kamu

• Klik pada bagian Template blogger yang ingin Kamu tambahkan widget (jika kamu punya beberapa blog)

• setelah itu klik tombol/tulisan Edit HTML (lihat gambar di bawah)

• Selanjutnya Kamu harus mencari kode ini dalam template </ head> 

   Kalau susah mencarinya tekan saja Ctrl + F lalu pate kode ini </ head>  di dalam kota pencarian dan tekan Enter

  

  Kalau sudah menemukan kode </ head>  tersebut

• Sekarang paste kode ini di atas </ head> tag

<b:if cond='data:blog.pageType == "item"'><style type='text/css'>#related-posts { float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px; }  #related-posts h2{ font-size: 18px; letter-spacing: 2px; font-weight: bold; text-transform: none; color: #5D5D5D; font-family: Arial Narrow; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; } #related-posts a{ border-right: 1px dotted #DDDDDD; color:#5D5D5D; } #related-posts a:hover{ color:black; background-color:#EDEDEF; } </style><script type='text/javascript'>var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS3y6gMMMSou1ENPmRmmk4uSlQNtAvGvI40nxafZ7id6Ku_ezNuMOiaCv_0w6rA_rE2MC1u4soFJbl4vq6LltUfjUgfDXOIqsC19mm4bX4wb_BNIUbHlivkHWw71cY7hMsXVoSEhm_OhmX/s1600/no_image.jpg"; var maxresults=5; var splittercolor="#DDDDDD"; var relatedpoststitle="Related Posts"; </script><script src='http://helplogger.googlecode.com/svn/trunk/related-posts-with-big-thumbnails.js' type='text/javascript'/><!-- remove --></b:if>

selanjutnya cari kode ini dalam template <div class='post-footer'> lalu

Tempelkan kode dibawah ini di atas kode class='post-footer'> <div

<b:if cond='data:blog.pageType == "item"'><div id='related-posts'>

<b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != "true"'></b:if><script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:loop><script type='text/javascript'>removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs("<data:post.url/>"); </script></div>

<div style='clear:both'/>

<!-- remove --></b:if><b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'><a href='http://mbgadget.blogspot.com/2013/08/blogger-related-post.html'><img alt='Blogger related post widget' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVc1zJNTLmEe0ak1LulLC-CpX7t48_57qu_N9l0vTYh5j2uh7yE6b2ARhLaA5YIB8aHnETlgszwk23bgX15tVl4soA1yuWV0xwEzsKBYkzKB6HEuwmU7DYCcyZUyVXU91A_JYjl5FrlDN6/s1600/best+blogger+tips.png'/></a></b:if></b:if>

Setelah itu klik tombol simpan template yang ada di atas pojok kanan (warna orange)

Dan Sekarang Kamu sudah selesai dan widgate Kamu berhasil diinstal.

Kamu harus me-refresh blog Kamu untuk melihat perubahan, saya juga telah mencobanya pada beberapa blog lain sebelum memposting  di sini.

Kita sadari dan tahu bahwa ada banyak pilihan dan mengapa kita menggunakan gadget ini untuk blogger kita. Sebenarnya jika kita ingin membangun tampilan halaman sebagian besar blog kita, maka kita harus menambahkan gadget ini dan pastinya itu akan membuat respon yang jauh lebih positif dari pengunjung terhadap tampilan halaman blog kita meningkat dan lebih dari normal.

Jika ada masalah saat menambahkan Widget Related Posts Untuk Blog silahkan bertanya dalam komentar dan jangan ragu untuk memberi saran anda. hal ini untuk meningkatkan seo optimization tips pada blog ini. Thank..