CARA MEMBUAT ARTIKEL TERKAIT DIBAWAH POSTINGAN

Cara membuat artikel terkait dibawah postingan : Para bloger tentunya akan terus berpikir apa yang harus di posting kedalam blognya setiap waktu bahkan setiap hari untuk terus berbagi ilmu dan juga pengetahuan atau bahkan pengalaman. Nah sobat bloger, pada kesempatan kalai ini saya akan mengulas tentang bagaimana Cara membuat artikel terkait dibawah postingan seperti pada gambar di samping sobat.

Jika sobat ingin membuatnya sobat bisa ikuti cara-cara yang ada dibawah ini yang sudah lulus uji seleksi dari dari saya, jika sobat gagal dalam membuatnya kemungkinan template sobat tidak cocok dengan kode-kode yang ada pada scirpnya. Untuk mempersingkat waktu langsung saja kita mulai.  

Baca juga cara gampang mendapatkan sitelink dari google

Buka dulu baju sobat jika sobat sedang ingin lebih merasa adem… tapi jika tidak sobat abaikan saja tahap ini

• Masuk ke akun blog sobat dengan penuh kasih saying
• Pilih Template untuk mengedit
• Setelah itu injak Edit HTML yang ada di samping Suaikan 

• Jika sudah selanjutnya carilah kode </head> dengan mengunakan kaca pembesar, jika tidak ketemu gunakan Ctrl+F dan masukkan kode </head> kedalamnya, setelah itu tekan enter
• Jika sobat sudah menemukannya copy dan letakkan kode scrip dibawah ini tepat diatas atau dibawah kode </head> sobat coba saja diposisi mana yang bisa.

<style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj586bhE7glVNykpyp6U2qwW1QV1FQSJDRpmR27mSvk07AjLAY8DervzcNnDlwRwSY6MguucOKRJedbtGsS0Qg6MS6XhME8IlUzkUoANN81j2nmttWrHuPcEfp8Huxaeu4SC-c-fIeMFZE/") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style>

Selanjutnya sobat cari kode <data:post.body/> biasanya kode ini lebih dari satu, sobat bisa coba kode yang paling terakhir, jika nanti belum berhasil sobat bisa cari kode <data:post.body/> yang lain untuk dicoba. Jika sobat sudah menemukan kodenya copy dan paste kembali kode dibawah ini dibawah kode <data:post.body/> 

<br/><br/><b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

Jika sudah selesai langsung sobat simpan template blog sobat dalam lemari dan jika sobat ingin mencobanya sobat tinggal buka lagi lemarinya untuk melihat hasilnya sudah berhasil atau belum. Jika sobat ada yang kurang jelas sobat bisa tanyakan kembali melalui kolom komentar dibawah.
 
Artikel terkait cara buat tulisan berjalan di blog

Saya rasa sobat sudah sangat mengerti tentang apa yang saya jelaskan dan semoga postingan ini bermanfaat buat sobat pengunjung blog HayalanNews serta jangan lupa untuk meninggalkan komentar sebagai bukti sobat sudah berkunjung kemari dan untuk tombol Share, Like, Tweet, G + dan lainnya ada dibawah postingan ini silahkan digunakan sebaik mungkin.

Share this post