1. Login ke akun Blogger sobat.
2. Masuk tab Rancangan lalu pilih Edit HTML.
3. Backup terlebih dahulu template sobat dengan klik Download Template Lengkap, lalu centang Expand Template Widget.
4. Cari kode </b:skin> lalu tambahkan kode di bawah ini sebelum kode tersebut.
5. Kemudian cari kode ini <data:post.body/> lalu tambahkan kode berikut di bawahnya.
.rbbox{border: 1px solid silver;padding: 5px;
background-color: #f0f0f0;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: #fff;}
#relpostFs {border: 1px solid silver; margin: 0; padding: 3px 5px; overflow: auto; max-height: 200px; -moz-border-radius:5px;}
<b:if cond='data:blog.pageType == "item"'>Tapi jika sobat sudah menggunakan fitur readmore otomatis, letakkan kode di atas setelah <data:post.body/> yang kedua.
<h2>Related Post</h2>
<div class='rbbox'>
<div id='relpostFs'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('albri').appendChild(div1);
}}
}function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}}
</b:loop>
</b:loop>
</script>
</div>
<script type='text/javascript'>RelPost();</script>
</div>
</b:if>
6. Simpan template sobat.
Jika sobat belum berhasil atau menemukan masalah tentang tutorial di atas silahkan diuatarakan di komentar.
mantab gan, ta coba dulu,,,
BalasHapusoke banget nih tips...
BalasHapusmampir dong pada mas bro di blog saya ' bnyak kok tips-tips blog yng perlu anda letehui check TKP >>>>>
BalasHapushttp://putrapatiwara.blogspot.com/
thanks infonya {maling}{onfire}
BalasHapusijin mencoba
BalasHapusinfo bagus bray..makasih
BalasHapus