Saya kira akhir-akhir ini keasyikan ngotak ngatik CSS dan desain template hampir melupakan saya bahwa masih ada beberapa widget blogger yang belum saya posting. Diantaranya widget top komentator yang ingin saya ketengahkan kali ini tutorial memasangnya pada template blogger.
Oke, langsung saja pada tahapan-tahapan memasang widget top komentator
image
* Login ke blogger lalu pada dasbor pilih menu "Layout"/ Tata Letak
* Pada elemen halaman=> Klik Tambah Gadget=> HTML=> Letakkan kode berikut pada kolom konten
<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol>');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
if(obj.value.items[i].link == "")
var item ="<li>" + obj.value.items[i].title + "</li>";
else
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=a55cb97ebb368bb1b89b7f6bdeb35336&url=http%3A%2F%2Famatullah83.blogspot.com&num=15&filter=amatullah" type="text/javascript"></script>
<small><div style="font-size:90%; text-align:right; text-shadow:2px 2px 2px #adadad;"><a href="http://amatullah83.blogspot.com/2010/01/cara-memasang-widget-top-komentator.html target="_blank" title="widget top komentator">Add this widget to your blog</a></div></small>
Catatan: Ganti tulisan yang berwarna hijau dengan url blog sobat dan nama author. Dan tulisan yg berwarna merah ganti dengan angka jumlah komentator yang ingin ditampilkan.
* Klik save/ simpan dan simpan lagi. Lihat hasil dari widget top komentator yang telah terpasang diblog sobat
Semoga bermanfaat.
Social networks that provide information on a variety of electronic goods and shopping centers in various parts of electronic goods online world
Arsip Blog
-
▼
2010
(90)
-
▼
Oktober
(68)
-
▼
Okt 21
(41)
- Menambahkan 4 Kolom/ Elemen Halaman Baru Diatas Fo...
- Merubah Posisi Sidebar & Main Pada Template Blogger
- Cara Memasang Translate Pada Blog
- Cara Membuat Recent Post (Postingan Terbaru)
- Membuat Recent Comment (Komentar Terbaru)
- Cara Membuat Related Post (Tulisan Terkait)
- Cara Membuat Scroll Pada Related Post
- Cara Memasang Widget Top Komentator
- Daftar Kode Warna Dengan Tabel
- Cara Memasang Widget Sexy Sosial Bookmarks
- Multi Level Drop-Down Menu Dengan CSS dan JQuery
- Cara Membuat Page Peel Effect Untuk Blogger Dengan...
- Membuat Tabber Tab Dengan Jquery #2
- Featured Content Slider Using JQuery
- Cara Membuat Menu Slider Versi 2 Menggunakan JQuery
- Membuat Featured Posts (Menu Slider) Dengan JQuery
- Membuat Sebuah Simple Featured Content SlideShow M...
- How To Add Featured Auto Posts Slider Using JQuery...
- Membuat Sebuah Thumbnail Dengan Caption (Keteranga...
- Cara Membuat Menu dTree
- Ngeblog Offline Tanpa Terhubung Ke Internet
- Saya Buat Blog Ini Via Hp
- Membuat Read More Atau Baca Selengkapnya
- Merubah Read More Dengan Icon Image
- Cara Membuat Efek Marquee (Teks Berjalan)
- Membuat Effect Hover Pada Image Dengan CSS
- Membuat Link Berwarna Pelangi
- Cara Membuat Link Memiliki Ragam Efek Menarik
- Membuat Cursor Bertabur Bintang
- Cara Membuat Menu Scrolling
- Cara Membuat Scroll Pada Daftar Komentar
- Membuat Scroll Pada Daftar Komentar (New)
- Membuat BlogRool
- Mengganti Background Blog
- Merubah Background Postingan
- Membuat Efek Stabilo/ Background Tulisan
- Membuat Background Pada Judul Postingan
- Membuat background Pada Judul Sidebar
- Cara Membuat Background Pada Titel Footer
- Membuat Background Pada Teks Area
- Membuat Komentar Admin Berbeda Dengan Pengunjung Blog
-
▼
Okt 21
(41)
-
▼
Oktober
(68)
Kamis, 21 Oktober 2010
Langganan:
Posting Komentar (Atom)
Tidak ada komentar:
Posting Komentar