Langsung ke konten utama

Pasang Related Post Dengan Fungsi Scroll

Pasang Related Post Dengan Fungsi Scroll- menurutku sih tampilannya agak menarik dan yang lebih penting lagi fungsi scroll down menu nya itu lho..siapa tahu blog ini bisa berumur panjang dan kategori postingannya bisa ratusan atau mungkin ribuan. Coba bayangkan kalau tidak pakai scroll.. wiiw panjang banget.. oleh karena itu (oki) saung web coba ganti lagi dengan cara yang ini, bagi yang ingin tahu, inilah cara Pasang Related Post Dengan Fungsi Scroll pada Template Blogspot.

Langsung saja , caranya seperti ini : ( bagi yang sudah pakai related post cara lain , sangat disarankan dihapus dulu, supaya hasilnya maksimal )
1. Masuk ke Dashboard , pilih Layout , pilih Edit HTML
2. Sangat disarankan untuk Download Full Template sebagai backup
3. Contreng .. eh centang Expand Widget Templates
4. Cari kode : <data:post.body/> , bagi yg sudah pakai Red more kode ini ada dua, nah ambil saja kode yang pertama
5. Copy kode dibawah ini dan pastekan dibawah kode no. 4 diatas
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<br/>

<br/>

<H2>Related Post:</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 = &quot;<data:blog.homepageUrl/>&quot;;

var maxNumberOfPostsPerLabel = 4;

var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 10;

maxNumberOfLabels = 3;

function listEntries10(json) {

var ul = document.createElement(&#39;ul&#39;);

var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?

json.feed.entry.length : maxNumberOfPostsPerLabel;

for (var i = 0; i &lt; maxPosts; i++) {

var entry = json.feed.entry[i];

var alturl;

for (var k = 0; k &lt; entry.link.length; k++) {

if (entry.link[k].rel == &#39;alternate&#39;) {

alturl = entry.link[k].href;

break;

}

}

var li = document.createElement(&#39;li&#39;);

var a = document.createElement(&#39;a&#39;);

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 &lt; json.feed.link.length; l++) {

if (json.feed.link[l].rel == &#39;alternate&#39;) {

var raw = json.feed.link[l].href;

var label = raw.substr(homeUrl3.length+13);

var k;

for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);

var txt = document.createTextNode(label);

var h = document.createElement(&#39;b&#39;);

h.appendChild(txt);

var div1 = document.createElement(&#39;div&#39;);

div1.appendChild(h);

div1.appendChild(ul);

document.getElementById(&#39;albri&#39;).appendChild(div1);

}

}

}

function search10(query, label) {

var script = document.createElement(&#39;script&#39;);

script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;

+ label +

&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);

script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);

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 = &quot;<data:label.name/>&quot;;

var test = 0;

for (var i = 0; i &lt; labelArray.length; i++)

if (labelArray[i] == textLabel) test = 1;

if (test == 0) {

labelArray.push(textLabel);

var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?

labelArray.length : maxNumberOfLabels;

if (numLabel &lt; maxLabels) {

search10(homeUrl3, textLabel);

numLabel++;

}

}

</b:loop>

</b:loop>

</script>

</div>

<script type="text/javascript">RelPost();</script>

</div>

</b:if>
6. Seterusnya cari lagi kode : ]]></b:skin> , kemudian copy kode dibawah ini dan simpan diatas nya.
.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);}
7. Tulisan Related Post pada point 5. (warna biru) bisa diganti apa saja misalnya artikel yang berhubungan, artikel terkait dsb.
8. Selesai. Selamat mencoba untuk Pasang Related Post Denganungsi Scroll ini . Semoga sukses. menggunaan F
Ada yang masih ganjal di ati.. bila dilihat hasilnya di blog ini tampak jarak tulisanya itu 1,5 spasi. Saya maunya 1 spasi saja biar agak rapat gitu, tapi caranya belum ketemu tuh... bagi sobat2 yang tahu caranya ..kasih tahu ya.. please...

Komentar

Postingan populer dari blog ini

Pilihan Aplikasi Blackberry Gratis Terbaru 2012

Infomudah.blogspot.com - Selalu ada yang baru, inilah yang diusung oleh penyedia layanan aplikasi Blackberry ditahun 2012 ini. Seperti yang kita ketahui bahwa pengguna Blackberry di indonesia semakin hari semakin bertambah dan begitu pula dengan aplikasi pendukungnya yang semakin digemari oleh kalangan pengguna BB. Disini saya akan memberikan review dan link download agar anda dapat mengetahui kegunaan dan fungsi masing-masing aplikasi. Aplikasi yang akan saya review kali ini sangat beragam dan jelaslah nanti akan memberikan fungsi blackberry anda lebih gaya dan stylish. Cekidot gan dan lansung serap review aplikasi Blackberry berikut: Opera mini browser Dikenalkan sebagai browser tercepat dengan kemampuan yang sangat baik pada blackberry, terutama tipe bold dan strom. Keunggulan dari opera mini ialah kecepatan dalam menampilkan halaman pada saat browsing melalui perangkat mobile. Bagi yang berminat silahkan bisa download ke sini http://mini.opera.com Google mobile...

Awal mula desain infomudah.blogspot.com

Kira-kira nya sobat ingin tahu bagaimana Template blog ini dari sporty magazine 2 yang gambar nya seperti ini : bagi yang mau download silahkan klick di sini  Tetapi lihat punya saya : Mungkin sangat berbeda dengan asli nya, dari sisi letaknya, header, body dll,..kenapa saya memberanikan diri untuk mengganti Nama template dan nama pembuatnya,, karena template yang saya ubah hampir 95% terubah..saya mau berterima kasih kepada kang herdiansyah selaku pembuat template sporty magazine 2.

Download Modul KKPI Lengkap

Download Gratis Semua Modul Dari 1-9 ISI MODUL/KETERANGAN MODUL : MODUL 1. MENGETIK 10 JARI Mengetik pada papan ketik (Keyboard) StandardModul 2 Mengidentifikasi dan mengoperasikan komputer personal MODUL 2. MENGIDENTIFIKASI KOMPONEN SISTEM KOMPUTER TINGKAT DASAR (PC). Mengoperasikan komputer personal yang berdiri sendiri (PC STAND ALONE) Mengoperasikan Sistem Operasi Mengoperasikan pc yang terhubung pada jaringan komputer lokal modul MODUL 3. MENGOPERASIKAN PERIFERAL   Mengoperasikan Printer Mengoperasikan Scanner MODUL 4. MENGOPERASIKAN PERANGKAT LUNAK PENGOLAH KATA Bekerja dengan Microsoft Word Bekerja dengan Open Office writer Bekerja dengan Star office Writer Bekerja dengan KwWriter Mail Merge MODUL 5. MENGOPERASIKAN PERANGKAT LUNAK LEMBAR SEBAR Bekerja dengan Microsoft Excel Bekerja dengan Open Office Calc Bekerja dengan Star office calc Bekerja dengan KSPREADFORMULA MODUL 6. MENGOPERASIKAN PERANGKAT LUNAK PRESENTASI Bek...