Membuat Artikel Terkait Dan Kotak Feedburner, Artikel terkait adalah widget yang menampilkan tautan artikel yang ada pada blog tersebut yang masih dalam satu category dengan artikel yang sedang di baca pengunjung sedangkan Feedburner adalah salah satu layanan gratis untuk membantu mempublikasian artikel yang ada pada blog dan pengunjungpun bisa berlangganan artikel lewat Feedburner Anda. Pada umumnya kedua fungsi ini berada terpisah pada blog namun pada artikel ini saya akan memberikan tips agar keduanya berdamping dan letaknyapun dibawah posting
Cara membuatnyapun cukup mudah, perhatikan di bawah ini :
1. Seperti biasa Login terlebih dahulu pada blog Anda
2. Pilih Template Edit Html
3. Letakkan Css berikut, sebelum kode
]]></b:skin>#related{background:#222; border:1px solid #000; border-bottom:1px solid #444; border-right:1px solid #444;text-shadow:0 1px 0 #000;margin:0 0 5px;padding:10px}
ul#related-posts{font:bold 11px Arial;list-style:none;text-transform:none;margin:10px 0;padding:0}
#related .related-posts{font-weight:400;width:50%;float:right}
#related .related-posts p{margin:0}
ul#related-posts li{float:left;height:auto;list-style-type:none;margin:0 5px;padding:2px 1px}
*html ul.rp#related-posts li{margin:0 13px}
ul#related-posts li a{-moz-box-shadow:0 1px 2px rgba(0,0,0,0.15);border:2px solid #333;display:block;height:72px;position:relative;width:72px;color:#eaeaea;text-decoration:none;text-shadow:0 1px 0 #000}
ul#related-posts li .overlay{height:66px;line-height:16px;position:absolute;width:66px;z-index:10;padding:6px 0 0 6px}
ul#related-posts li a:hover .overlay{background:#000;display:block!important;opacity:0.7}
ul#related-posts li img{bottom:0;padding:0!important}
ul#related-posts li a:hover{-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25)}
#related .subscribe{width:43%;float:left;color:#bdbdbd;}
4. Kemudian letakkan kode di bawah ini, sesudah kode
<data:post.body/> <b:if cond='data:blog.pageType == "item"'>
<div class='clearfix' id='related'>
<div class='related-posts'>
<p>Related Articles</p>
<script type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh90QY3yxYpNAGKJBbkzTyhg_hOnxbHx_EJCgWubSz5SgPi-x2TfXWt5rQzw43EUsTES9jQaSIlm2N906xv_btVvP7xtNJS5l1Pw4W0POfR-pZKGghpP4KSocX0zJ5Qrk0z9LvyOapTDk/s1600/no+image.jpg";
var maxresults=6;
</script>
<script src='http://yourjavascript.com/1198561349/relatedimg.js' type='text/javascript'/>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/>
</b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs("<data:post.url/>");
</script>
</div>
<div class='subscribe'>
<p class='intro'>If you enjoyed this article just <a href='http://feeds.feedburner.com/Lagi Oke' target='_blank' title='feedburner'>
<b>click here</b></a>, or subscribe to receive more great content just like it.</p>
<p class='feed'><a href='http://lagioke.blogspot.com/feeds/posts/default'>Subscribe via RSS Feed</a></p>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=Lagi Oke', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input name='uri' type='hidden' value='Lagi Oke'/>
<input name='loc' type='hidden' value='en_US'/>
<input id='botsub' name='email' onblur='if (this.value == "") {this.value = "Enter your email";}' onfocus='if (this.value == "Enter your email") {this.value = "";}' type='text' value='Enter your email....'/>
<input id='botsubbutton' type='submit' value='Submit'/><br/>
<small>Your information will not be shared. Ever.</small><br/>
<a href='http://feeds.feedburner.com/Lagi Oke'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/Lagi Oke?bg=ceaa6c&fg=444444&anim=1' style='border:0' width='88'/></a>
</form>
</div>
</div>
</b:if>
Keterangan :- Bilah terdapat lebih dari 2 code <data:post.body/>letakkan pada kode yang terakhir
- Silahkan ganti URL berwarna biru dengan URL blog Anda dan untuk kode warna merah ganti dengan alamat feed Anda
5. Save
ADS HERE !!!