Cara Membuat Artikel Terkait Di Blog Menggunakan Gambar

Dengan yang namanya gambar orang pasti suka karena meeka bisa tahu apa yang sedang di posting oleh kita, contohnya saja widget CCTV blog orang belum tahu bagaimana gambarnya dan hal tersebut membuat orang jadi malas lihatnya apa lagi kalau ngebahas tentang SEO apa itu SEO tapi dengan adanya gambar maka orang akan tertarik melihatnya dan berniat untuk mengkliknya. Dan oleh sebab itu maka saya akan memposting tentang Cara Membuat Artikel Terkait Atau Related Posts Di Blog Menggunakan Gambar contoh widgetnya seperti di bawah ini :

Jika mouse stand by di widget maka akan muncul judul blog kita yang terkait dengan yang di bacanya. Dan tempatnya tepat di bawah postingan. Caranya buatnya gampang, ikuti step di bawah ini :

1. Login ke www.blogger.com
2. Masuk ke Menu Template >> Edit HTML

3. Cari kode </head> Gunakan tombol CTRL + F untuk mempermudah pencariannya.
Lalu copy / salin kode di bawah ini dan letakan tepat diatas kode </head>

<b:if cond='data:blog.pageType == "item"'><style type='text/css'>#related-posts {float:center;text-transform:none;height:90%;min-height:90%;padding-top:0px;padding-left:8px;}#related-posts h2{font-size: 1.0em;font-weight: bold;color: white;font-family: Rockwell,Georgia,Serif;margin-bottom: 0.8em;margin-top:0em;padding-bottom:0em;}#related-posts a{color:white;}#related-posts a:hover{color:white;}#related-posts a:hover {background-color:#080;}</style><script type='text/javascript'>var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG4-xY3XYwwlGW9aY6TOUrHK5xyk0Cpr21XrU2x-41ZrO9jrCG5mmLCEQsP5XXFv8bDAxeFZh8u0fT_Oaxnr5jlTY_ZTDbc0LqDBNrw4ym4j1WsiTc9dUu8WUJ9bo-7WckXSzV7-FK0OW8/s1600/No+Image.jpg";var maxresults=6;var splittercolor="#000000";var relatedpoststitle="Artikel Terkait:";</script><script src='http://yourjavascript.com/22811210832/RelatedPoststhumb3.txt.js' type='text/javascript'/></b:if>

4. Kemudian cari kode <data:post.body/> jika terdapat empat kode <data:post.body/> maka pilih yang nomor tiga.

6. Kalau kodenya sudah ketemu, maka paste-kan kode script di bawah ini tepat di di bawah kode :

<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=7"' type='text/javascript'/></b:loop><script type='text/javascript'>removeRelatedDuplicates_thumbs();printRelatedLabels_thumbs("<data:post.url/>");</script></div><div style='clear:both'/></b:if>

Catatan :
- #000000 ganti dengan warna yang di inginkan

- Artikel Terkait ganti dengan judul widgetnya nanti bisa jadi Artikel Menarik lainnya. pokonya sesuai dengan ke sukaanmu.

- 7 kamu bisa menggantinya dengan jumlah artikel terkait yang akan muncul di blog-mu.

7. Jika sudah, klik Simpan Template

Demikian, tentang Cara Membuat Artikel Terkait Di Blog Menggunakan Gambar semoga bermanfaat nih.