Cara Membuat Related Post/ Artikel Terkait di Bawah Postingan

Selamat malam selamat jumpa kembali dengan Saya Admin yang super gaptek ini, pada kesempatan kali ini saya akan berbagi tips seputar cara mudah membuat artikel terkait dibawah postingan, sebelum saya lanjutkan kembali kepembahasannya ada baiknya anda baca dulu post saya sebelumnya tentang Meta Deskripsi vs Meta Keyword dan Cara Menampilkan Link Sumber Saat Artikel Di Copy Paste ,

Oke kita lanjutkan kembali kepembahasannya yaitu tentang related post / artikel terkait yang akan anda pasang tepat dibawah postingan blog anda, dan perlu anda ketahui pemasangan related artikel ini juga membantu pembangunan internal link pada situs maupun blog anda, jadi ada nilai tambahnya buat SEO Anda, tampa panjang lebar lagi nih dia cara pemasangannya, untuk contohnya bisa anda lihat pada gambar diatas ini:


Cara Memasang Related Post di Blogspot


1. Buka blogspot anda lalu cari MENU EDIT TEMPLATE > EDIT TEMPLATE lalu Cari Kode </head>lalu pasang kode dibawah ini tepat diatas 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(&quot;http://lh3.ggpht.com/_cNpXRtRph18/S76dASm3WGI/AAAAAAAAEJg/AVmw4HhRdsk/rss.png&quot;) 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://blog-seo-tutorial.googlecode.com/files/Anetteshus%20Blog%20Related%20Artikel.js' type='text/javascript'/>

2. Pada langkah yang kedua Lalu cari Kode <data:post.body/> kemudian kopas kode dibawah ini tepat di bawah 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>

3. Untuk memastikan pemasangannya tepat anda harus bisa membedakan mana antara kode <data:post.body/> yang sangat tepat dan biasanya dalam satu template ada 3 data post body, kalau begitu pilih yang tengah saja atau yang terakhir, silahkan di pratinjau terlebih dahulu untuk menjaga template anda error.


Cara Membuat Artikel Terkait di bawah posting

Oke itulah informasi singkat saya tentang Cara Membuat Related Artikel Post di Bawah Postingan semoga tips sederhana ini bisa bermanfaat buat anda semuanya, atas kunjungannya saya ucapkan terima kasih. Kunjungi http://www.caraseobali.com/

Related Posts: