Karena Artikel Terkait ini di lengkapin dengan sedikit gambar, scroll, dan warna yang keren, bagi sobat yang ingin mengunakan dan membuatnya bisa mengikuti tutorialnya di bawah ini
- Login ke blogger
- Pilih menu''Template''
- Klik ''Edit HTML''
- Cari kode </head> dan taruhlah kode dibawah ini di atas kode </head>
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#related_posts h4{background:#BDBDBD; color:#FFF; font:bold 11px Arial,Tahoma,Verdana; margin:0; padding:5px 7px 4px 10px; text-shadow:1px 1px #000; text-transform:uppercase}
#relpost_img_sum{height:308px; overflow:auto; margin:0; padding:5px; line-height:16px}
#relpost_img_sum:hover{background:none}
#relpost_img_sum ul{list-style-type:none; background:none; margin:0; padding:0}
#relpost_img_sum li{border-top:1px solid #fff; outline:1px solid #DDD5CD; background:#FAFAFA; overflow:hidden; margin:0; padding:5px; height:64px; list-style:none}
#relpost_img_sum li:hover{background-color:#F2F2F2}
#relpost_img_sum .news-title a{color:#2C6BA8}
#relpost_img_sum .news-title{font-family:Arial,Serif; font-weight:bold !important; display:block; margin-bottom:4px}
#relpost_img_sum .news-text{display:block; text-align:left; font-weight:normal; text-transform:none; color:#333}
#relpost_img_sum img{float:left; margin-right:14px; padding:4px; background:#fafafa; border:1px solid #ddd; width:55px !important; height:55px !important}
</style>
<script type='text/javascript'>
var relnojudul = 0;
var relmaxtampil = 10;
var numchars = 200;
var morelink = "baca selengkapnya";
</script>
<script src='http://reader-download.googlecode.com/svn/trunk/atdeskripsi.js' type='text/javascript'/>
</b:if>
- Setelah itu cari kode div class='post-footer-line post-footer-line-1 dan taruhlah kode dibawah ini di atas kode div class='post-footer-line post-footer-line-1
<b:if cond='data:blog.pageType == "item"'>
<div id='related_posts'>
<h4>Artikel Terkait</h4>
<b:loop values='data:post.labels' var='label'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=relpostimgcuplik&max-results=50"' type='text/javascript'/>
</b:loop>
<ul id='relpost_img_sum'>
<script type='text/javascript'>artikelterkait();</script>
</ul>
</div>
</b:if>
NOTE : Kode yang ke dua bisa di taruhkan di atas <data.post:body> , kalau sobat sudah mengunakan readmore sobat maka kode yang kedua di simpan di <data.post:body> yang ke dua
- kalau tidak terjadi error, maka sekarang klik simpan template
Dan Demikanlah artikel yang berjudul Membuat Artikel Terkait di Bawah Postingan Blog Yg Keren semoga artikel di atas menjadi bermanfaat untuk kalian semua dan kalau berhasil beri komentar
Source code :
DTE :]
