Artikle Terkait Dengan Scroll Banyak Diminati

Setelah sebelumnya saya membuat postingan tentang artikle terkait atau related post, ada teman blogger yang menanyakan cara membuat postingan terkait tersebut dengan menggunakan scroll, katanya kalau yang biasa saja kurang enak di pandang terlalu panjang…bisa aja si bozzzz.!
Sebenarnya untuk membuat postingan terkait dengan scroll anda cukup menambahkan beberapa code saja di Bagian CSS. Tapi jika anda kesiltan untuk editnya mendingan di hapus dulu kode Postingan terkaitnya yang dulu dan ganti dengan kode ini, kalau yang belum pasang langsung aja ikuti caranya seperti ini.

Silahkan Ikuti caranya seperti di bawah ini :

1. masuk ke blogger
2. Pilih Tata letak
3. Edit HTML
4. Beri centang pada “Expand Widgets Template”

Cari Kode HTML seperti ini

Masukan kode di bawah ini , di bawah Kode di atas.

Artikel Terkait:

var homeUrl3 = "";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 10;
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;


textLabel = "";
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++;
}
}

cari kode ]]>
masukan kode di bawah ini di atas kode ]]>

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

RelPost();

Jangan lupa anda simpan….Selamat mencoba.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s