Cara Membuat Related Post Atau Artikel Terkait di Blog

Cara Membuat Artikel Terkait di Blog

Assalamualaikum wr.wb, - Selamat malam buat para agan agan yang sedang berkunjung di blog sederhana ini, dan kali ini saya akan membagikan tutorial cara membuat related post di blog yang menurut saya ini adalah salah satu cara pengoptimalan seo on page yang sangat berhasil menarik pengunjung untuk lama singgah di blog anda, silahkan baca cara optimasi seo on page lainnya.

Baik lah gan langsung saja kita menuju langkah demi langkah cara membuat "artikel terkait" di blog:

1. Login dulu ke blog anda. (jika belum punya baca cara membuat blog di blogger)
2. Langsung menuju Template dan kemudian Edit HTML
3. Cari kode html </head> gunakan ctrl+f untuk mempermudah pencarian, dan selelah ketemu, copy paste kode berikut ini tepat di atas kode </head>
   
   
   
<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/AVvXsEiVuQs185yEVHlBQawq2Dzouy0mWrfUdPgeIgKzzjkhw1wKF05orU3ut3HHoPs7qblT9DzdyHr8F6x0ayZPbK8kMGvWok4_jivPTg1FaDw5chav9vqH2lmmF-my43f_6Dj0KMn1CCj5l7o/") 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> <script src='http://yourjavascript.com/11631137121/related_post_pelajaran_blog.js' type='text/javascript'/>
4. Kemudian cari kode <data:post.body/> dan copy paste kode berikut tepat 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 != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'><script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if></b:loop> </font><script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script></div></b:if>


Simpan template.

Silahkan mencoba dan semoga berhasil, terima kasih atas kunjungan anda dan sangat berkesan jika anda ingin berkomentar untuk postingan saya kali ini tentang Cara Membuat Related Post Atau Artikel Terkait di Blog