Cara Buat Related Post Flexible

Related post atau sering disebut artikel berhubungan adalah daftar artikel terkait lainnya yang dihubungkan karena pada kategori atau label yang sama. Hampir semua blogger sudah terpasang, tetapi untuk mengoptimalkan instalasi yang terkait dengan fungsi yang juga mempertimbangkan keindahan faktor yang meningkatkan tampilan halaman?

Posting terkait untuk memudahkan pembaca blog Anda untuk mencari artikel-artikel di salah satu jenis label. Related Post saya ini menggunakan tampilan yang fleksibel atau tidak memakan tempat yang banyak, karena menggunakan scrolling bar

Bagaimana cara menginstal? Ikuti penjelasan berikut ini:

cari kode ini ]]></b:skin> dimana carinya ??? ditempat seperti biasa di kamar layout menu edit Html dan contreng expand widget. selanjutnya copy kode dibawah ini dan paste tepat diatas code ]]></b:skin> yang kita cari tadi.

.rbbox{border: 1px solid rgb(192, 192, 192);padding: 5px;
background-color: #f0f0f0;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: rgb(255, 255, 255);}

Kemudian Cari lagi kode yang ini <data:post.body/> biar cepat pakai fasilitas crtl+f. bila sudah ketemu copy kode dibawah ini :

<b:if cond='data:blog.pageType == "item"'>
<H2>Artikel Terkait:</H2>
<DIV class='rbbox'>
<DIV style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<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>
</DIV>
</b:if>

lalu paste dibawah kode yang dicari tadi <data:post.body/> , bila anda telah menggunakan fasilitas read more maka akan ketemu 2 code, paste di bawah code yang pertama.

Truzz Save dan Selesai...

NB : Untuk sobat blogger yang kesulitan dengan tips Cara Buat Related Post Flexible iatas anda bisa menggunakan cara yang instan disini <--(belum diposting tunggu ya...)

Baca Juga Artikel menarik di bawah ini :