Cara Membuat Artikel Terkait Keren Di Bawah Postingan Blog

Artikel terkait di bawah postingan blog bisa membawa dampak positif karena dapat meningkatkan Search Engine Optimization (SEO) yang berguna meningkat trafik blog dan juga mempermudah pengunjung blog dalam mencari isi blog seperti posting sebelumnya Cara Memasang Slider Teks Artikel Terbaru Diatas Postingan Blog yang juga sangat bermanfaat buat blog.

Perbedaan nya Artikel Terkait atau Related Post menampilkan link posting berdasarkan label yang berkaitan dengan postingan yang sedang di buka tanpa harus susah-susah mencari artikel yang berkaitan dari Daftar Isi Blog .

Kali ini saya akan berbagi Cara Membuat Artikel Terkait Keren Di Bawah Postingan Blog dengan tampilan icon RSS yang dapat memperindah tampilan pada blog dengan icon RSS mungil yang membuat tampilan blog lebih profesional dilihat pengunjung blog , supaya sahabat kabar malam tidak penasaran silahkan di praktekan saja cara pasang nya melalui langkah berikut :

1. Pertama Login dulu ke Blogger
2. Pilih Template di dasbor blog
3. Klik Edit HTML
4. Centang Expand Template Widget
5. Pasang kode di bawah ini sebelum kode </head>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts{width:100%;font-size:12px tahoma;margin: 15px 0 7px 0;}
#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:16px;padding:0;}
#related-posts ul li{display:block;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXoIiKgAttrWcYG0bqHqAgq2E2djFt1bgiEh85W7VhpRxsRaygCw0Xydi9HPgeVNAqq6_IQBKmS-OcseLALz6UwAjOg3qCNa4-2ld8MGHsckw07FJzcj6gRF5yRbcnZIWD1xWk_CON/s1600/Untitled+RSS.gif) no-repeat;
padding:0 0 1px 21px;margin-bottom:3px;line-height:1.6em;
border-bottom:1px dotted #cccccc;}
#related-posts ul li a{background:#fff;display:block;}
#related-posts ul li a:hover{background:#E9F5FB;}
</style>
<script src='http://kabarmalam.googlecode.com/files/artikel.terkait.icon.js' type='text/javascript'/>
</b:if>

6. Berikut nya pasang kode dibawah ini setelah kode <data:post.body/>

<!-- Start Related post-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<font face='Georgia' size='3'><b><u>Artikel Terkait Dengan <a expr:href='data:post.url' expr:title='data:blog.pageName'><data:blog.pageName/></a></u> : </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>
<!--End Related post-->

7. Terakhir Klik Simpan Template untuk melihat hasilnya.

Keterangan :

• Kalau  kode <data:post.body/> lebih dari 1 (satu) letakan kode  script nya pada kode <data:post.body/> yang ke 2 (dua).
• Ubah Angka 5 sesuai banyak artikel terkait yang ingin di tampilkan .

Anda baru saja membaca artikel yang berkategori Tips Trik Seo dengan judul Cara Membuat Artikel Terkait Keren Di Bawah Postingan Blog. Anda bisa bookmark halaman ini dengan URL http://kabarmalam.blogspot.com/2012/12/cara-membuat-artikel-terkait-keren-di.html. Terima kasih!

Ditulis oleh: Unknown -