Cara Pasang Daftar Isi Keren Pada Blog

Fasilitas Daftar isi merupakan salah satu widget yang berfungsi untuk mempermudah melihat isi dari Blog kita, jadi pengunjung mudah melacak isi atau postingan kita berdasarkan Label.
Kelebihan dari Daftar isi ini adalah:

• Secara Otomatis akan mengurutkan abjad Postingan blog
• Menampilkan efek Show and Hide
• Menampilkan Accordion effect
• Menggunakan CSS 3
• Warna yang berbeda untuk konten
• Secara otomatis menambahkan Jquery
• Menggunakan style buka tutup
• Menampilkan tulisan "New !!" pada 10 postingan terbaru

Nah, sahabat Warung Blogger, Kali ini saya akan share Cara Pasang Daftar Isi Keren Pada Blog, Jika Sobat berminat langsung aja Ikuti langkah berikut:

1. Login ke Blog sobat
2. PilihCreate New Post

3. Beri Judul Laman atau Posting

4. Pilih HTML, jangan pilih yang Compose

5. Lalu Masukkan script di bawah ini:
<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link> <script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script> <script src="http://distro-blogger.blogspot.com/feeds/posts/summary?max-results=99999&alt=json-in-script&callback=loadtoc"></script> <script type="text/javascript"> var accToc=true; </script> <script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script> Ganti <script src="http://distro-blogger.blogspot.com dengan URL Blog Sobat
Hasilnya akan tampak seperti ini: DEMO
NB: Klik Skip Ad di pojok kanan atas

Sekian yang dapat saya share kali ini, Semoga bermanfaat dan Keep Blogging

22.27  Unknown  No comments

Read More

Cara Pasang Salam Pembuka Di Blog

Untuk menambah suasana pada Blog sobat, saya akan sedikit memberi solusi yang tepat namun widget semacam ini sebetulnya malah membuat pengunjung Kecewa, tapi nggak masalah. Nah, sahabat Warung Blogger, Kali ini saya akan share Cara Pasang Salam Pembuka Di Blog, Jika Sobat berminat langsung aja Ikuti langkah berikut:

1. Login ke Blog sobat
2. Pilih Tata Letak
3. Pilih HTML Javascript
4. Pastekan script berikut ke dalam HTML Sobat
<script type='text/javascript'> var name = prompt("Welcome!! Nama anda siapa", "Nama Anda "); alert("Salam Kenal Ya "+name) alert("Selamat Datang Di Blog Saya, Happy Blogging!") </script> 5. Simpan dan lihat hasilnya

Sekian yang dapat saya share kali ini, Semoga bermanfaat dan Keep Blogging

22.16  Unknown  No comments

Read More

Cara Pasang Top Commentator Di Blog

Top Komentator merupakan widget yang dikhususkan untuk menampilkan pengunjung yang meninggalkan komentar pada blog kita. Sahabat Warung Blogger, Kali ini saya akan share Cara Pasang Top Commentator Di Blog, Jika Sobat berminat langsung aja Ikuti langkah berikut:

1. Login ke Blog sobat
2. Pilih Tata Letak
3. Pilih HTML Javascript
4. Pastekan script berikut ke dalam HTML Sobat
<div style="text-align:justify;line-height:1.2;"> <script type="text/javascript"> function cCloud(feed) { max = 0; min = 10000; //finding highest and lowest count for (i=0;i<feed.count;i++) { ccCount = feed.value.items[i].commentcount * 1; if (ccCount > max){ max = ccCount; } if (ccCount < min) { min = ccCount; }} ccCountD = ""; display = ""; for (j=0;j<feed.count;j++) { ccdiff = feed.value.items[j].commentcount - min; ccFontsize = 80 + (ccdiff * 100) / (max - min) + "%"; ccUrl = "'" + feed.value.items[j].authorurl + "'"; ccCountD = "(" + feed.value.items[j].commentcount + ")";//comment count ccName = feed.value.items[j].title + ccCountD; ccLName = "<a style='text-decoration:none;font-size:" + ccFontsize + "' href=" + ccUrl + " target='_blank'>" + ccName + " </a>";//clickable commentator name display = display + ccLName; } document.write(display);}</script> <script src="http://pipes.yahoo.com/pipes/pipe.run? YourBlogUrl=http://distro-blogger.blogspot.com/ &Exclusions=Anonymous,Muhammad Septi Rosidi&ShowHowMany=13&Order=alphabet&_callback=cCloud&_id=cfa196644e1d6159c9183548c4b5e2f5 &_render=json" type="text/javascript"></script><br/> <span style="font-size: 8px;">Widget by <a href="http://distro-blogger.blogspot.com/" title="Lentera Blogger">Get Widget</a></span></div> <!-- Top Commentators Cloud End --> 5. Simpan dan lihat hasilnya

NB: Ganti YourBlogUrl=http://distro-blogger.blogspot.com/ dengan URL Blog sobat
Sekian yang dapat saya share kali ini, Semoga bermanfaat dan Keep Blogging

22.02  Unknown  No comments

Read More