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:
Blog
- Cara Memasang Twitter Box di Blog
- Cara Menampilkan Monetize diblog yang hilang
- Cara membuat komentar facebook diblog
- Cara Membuat Efek Label Bergeser di Blog
- Membuat Menu Navigasi Drop Down diblog
- Cara mudah mendapatkan Page Rank
- Cara Setting Tag header robot khusus di Blog
- Keuntungan dan Kerugian Blog Doffolow
- Cara Mengubah Blog Nofollow menjadi Dofollow
- Cara Memasang Meta tag SEO Friendly diblog
- Membuat pesan saat pengunjung keluar blog
- Membuat Efek Salju diblog
- Cara membuat iklan melayang diblog
- Cara memasang like facebook,twitter,google + dibawah judul postingan
- Postingan Anti Copy Paste di blog
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
