Membuat Related Post Dengan Scroll

Related Post, nah, tips neh bisa buat ningkatin minta pengunjung, jadi kalo pengunjung baca artikel kita gak bosen, coz banyak pilihan artikel lain yang berhubungan disetiap akhir postingan, apalagi kalo gayanya dibuat scroll, jadi gak makan tempat.
Seperti biasa, Dark Ard males nulis, ikutin aja intruksi dibawah ni:


1. Masuk ke Tata Letak (Sekarang namanya berubah jadi Rancangan), trus pilih Edit HTML

2. Centang Expand Template Widget.


3. Trus Cari kode dibawah ini:
<P><data:post.body/></P>

4. Kalo udah ketemu, masukkan kode dibawah ini dibawah kode tadi:
<b:if cond='data:blog.pageType == "item"'>
<H2>Related Post:</H2>
<div class='DADrelpost'>
<div style='margin:0;padding:10px;height:150px;overflow:auto;border:1px solid #FF6600;'>
<div id='DADrelpostc'/><script type='text/javascript'>var homeUrl3 = "<data:blog.homepageUrl/>";var maxNumberOfPostsPerLabel = 4;var maxNumberOfLabels = 3;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('DADrelpostc').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>

Save Dah,, liat ntar hasilnya..

Credit to: sobat Adib
Comments

5 comments:

  1. ciattt.tttt..tt...numpang copy paste deh....jurus gunting menyambar ....

    ReplyDelete
  2. Kalo mw masang gambar di background scroll nya gmana?

    ReplyDelete
  3. eh gan .
    yg code di atas
    cara nya nyari code ini gmn ?

    TOLONG PENCERAHAN NYA ;d;

    ReplyDelete
Related posts
Guestbook
Author


© 2008 - 2016 DickeyMaru
Blogger Template Win 8 design by Dark Ard from DeezClan | All rights reversed.
  • Post
  • Comments
  • Related
  • Guestbook
  • Author
  • Other