Cara Membuat Related Post Dengan Fungsi Scroll-DropDown DiBlog
Friday, 1 February 2013
0
komentar
kali ini Admin Masdeitha akan membahas sedikit
tentang Related Post dengan Fungsi Scroll-Drop Down Diblog. Bagi blogger yang
mmpunyai banyak postingan, memasang related post sangat berguna, karena untuk
membantu atau mempermudah pembaca dalam mencari artikel menarik lainnya yang
ada di blog sobat. Related post yang saya bahas sekarang, saya lengkapi dengan
fungsi Scroll-Drop Down agar lebih menarik. Penasaran bagaimana cara
membuatnya, silahkan ikuti langkah-langkah Admin Masdeitha yah :
- login ke blog sobat masing2
- pilih template>editHTML> (centang) Expand Template Widget
- cari kode ( ]]></b:skin ) untuk mempermudah tekan Ctrl+F
- Copy paste kode berikut tepat diaras kode ]]></b:skin
.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 kode <data:post.body/> setelah ketemu copy kode dibawah ini persis setelah kode <data:post.body/>
<!-- START Related posts-->
<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> <script
type="text/javascript">RelPost();</script> </DIV>
</b:if> <!-- END Related posts -->
CATATAN : apa bila
sobat sudah menggunakan Read More biasanya memiliki kode <data:post.body/> lebih dari satu, pilihlah kode yang nomor dua
- Lalu simpan dan lihat hasilnya
Cukup sekian Admin masdeitha postingkan, semoga
artikel ini bisa bermanfaat bagi kalian, bagi kalian yang menyukai artikel ini
jangan lupa untuk berkomentar dan share ya
salam manis dari Admin Masdeitha
Artikel Terkait:
TERIMA KASIH ATAS KUNJUNGAN SAUDARA
Judul: Cara Membuat Related Post Dengan Fungsi Scroll-DropDown DiBlog
Ditulis oleh Unknown
Rating Blog 5 dari 5
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://masdeitha.blogspot.com/2013/02/cara-membuat-related-post-dengan-fungsi.html. Terima kasih sudah singgah membaca artikel ini.Ditulis oleh Unknown
Rating Blog 5 dari 5
Categories:
Blog
0 Comments
