Cara membuat Artikel Terkait / Related Posts dengan scroll dan background

Kali ini ane mau ngeshare ilmu blogging yang ane punya yang bertema Cara membuat Artikel Terkait / Related Posts dengan scroll dan background atau Bagaimana membuat Artikel Terkait / Related Posts dengan kotak box dan latar belakang.

• Untuk contohnya seperti ini :

Jadi gimana nih cara buatnya? simple aja sih tinggal ikuti cara dibawah ini :

• Masuk / Login Ke Blogger.
• Rancangan / Layout.
• Edit HTML.
• Lalu diatas kotak editor HTML, centang bacaan  Expand Template Widget.
• Cari kode ]]> lalu copy/paste kode dibawah ini diatasnya :

/* related box version box by http://www.fachrin.tk (The Fantasy Blog) */
.rbbox{-moz-border-radius:5px;background:url(http://3.bp.blogspot.com/_WoCJXgXotb8/StQRAU4vmSI/AAAAAAAAAsE/dKdx-CuRfTs/s1600/img03.jpg);border:1px solid #D8D8D8;margin:5px;padding:5px}.rbbox:hover{background-color:#EFFBEF}

• Untuk tulisan berwarna hijau diatas bisa agan ganti dengan LINK background yang lainnya, terserah mau apa aja. hahaha…
• Setelah itu cari kode lalu copy dan paste kode ini, tepat dibawahnya:

Related Post:

var homeUrl3 = “”;var maxNumberOfPostsPerLabel = 4;var maxNumberOfLabels = 10;maxNumberOfPostsPerLabel = 50;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++;}}

RelPost();

• Lalu SAVE.

The Fantasy Blog, Romy Rafael, hypnotherapy, Romy Rafael Hipnotis, Romy Rafael Hipnosis, Romy Rafael Hypnotherapy, Istri Romy Rafael, Anak Romy Rafael, Master Hipnotis, Ury Kartha, Tv Online, Memasang Tv Online, Tv Online di Blog, Tv Online Streaming, tv episodes online, watch live tv online, zee tv online, arabic tv online, cnn tv online, online tv software, Blogger dan Blog, Tips Blog, Kaskus, Kaskus Radio, Kaskuser, Fachrin, google, googlebot, MSN, Msnbot, Secondhand Serenade