Tutorial Blog Untuk Pemula
  • 1. Panduan membuat blog
  • 2.Cara Mengatur/setting blog
  • 3.Membuat Text berjalan
  • 4.Cara memposting artikel
  • 5.Cara membuat Text Area
  • 6.Cara membuat menu dropDown
  • 7.Cara memasang Metta Tags
  • 8.Cara memasang jam di Blog
  • 9.Cara memasang Feed Di Blog
  • 10.Cara Membuat Email Subscribe Form dengan Feedburner
  • 11.Cara Menghilangkan Judul Blog
  • 12.Mengubah Title Blog dengan Title Postingan
  • 13.Cara menampilkan widget hanya di halaman depan
  • 14.Cara Membuat Refresh di Blog
  • 15.Cara Mengimpor Blog Ke Catatan Facebook
  • 16.Apa Siih Peringkat Alexa..?
  • 17.Mengatasi Blogspot yang di hapus Blogger
  • 18.Membuat Pagging Di Blogspot
  • 19.Membuat pesan Selamat Datang dan Selamat tinggal Di Blog
  • 20.Cara Membuat Form Contact via E-mail Untuk Blog
  • 21.Mengatur Huruf dan Warna di blogger
  • 22.Cara Memasang Tombol Facebook Share Dalam Postingan Blog
  • 23.Buat Tulisan Bergaya Web Secara Online
  • 24.Pasang User Online Status
  • 25.Cara Memasukan Video Di dalam postingan
  • 26.Cara membuat atau mengganti Favicon Di Blog
  • 27.Cara Menampilkan Form Komentar Hanya di Postingan Tertentu
  • 28.Cara Mengubah Tampilan Kursor Blog
  • 29.Cara MeMbuat Banner Animasi Untuk Blog
  • 30.Memasang Tombol Like Facebook Di Blog
  • 31.Pasang Fasilitas Print di Blog
  • 32.Pasang Icon Emotions Upin dan Ipin di Komentar Blog
  • 33.Membuat Tulisan terbalik Di Blog
  • 34.Cara Menampilkan kode HTML di Postingan
  • 35.Cara Pasang Recent Post
  • 36.Cara membuat Search Box pada Blog
  • 37.Daftar Situs Social Bookmarking Dofollow
  • 38.Cara Membuat Menu di Blogspot dengan List-O-Matic
  • 39.Mengganti Template Di Blogger
  • 40.Cara Daftar di Search Engine
  • 41.Apa siih Google Page Rank..??
  • 42.Menambahkan Search Engine di blog
  • 43.Pasang Pelacak IP Address di Blog
  • 44.Pasang Widget Top Artikel
  • 45.Tips membuat Blog Lebih menarik
  • 46.Membuat Tulisan Yang Dicoret pada postingan
  • 47.Cara mendaftar Google Sitemap
  • 48.Fitur Fitur baru Dari Blogger.com
  • 49.Cara Pasang Recent Post dengan Thumbnails
  • 50.Menghilangkan Icon Obeng dan Tang / Quick edit Blogger
  • 51.Cepat Terindeks di Search Engine
  • 52.Membuat Drop Cap( Tulisan bergaya Koran )
  • 53.Membuat Tanda Tangan(Signature) Online
  • 54.Membuat Gambar ASCII
  • 55.Cara Upload Foto Ke Photo Bucket
  • 56.Cara Memasang Widget Visitor Di Blog
  • Seputar SEO (Search Engine Optimezed)

    Kamis, 10 Maret 2011

    Pasang Widget Top Artikel


    Top Post Artikel adalah suatu Statistik yang menunjukan seberapa popular artikel yang anda buat atau publikasikan. Widget ini akan menampilkan posting-posting atau artikel-artikel yang memiliki komentar terbanyak.
    Dibawah ini merupakan kode yang bisa langsung digunakan, cara pasang kodenya sangat mudah tinggal masukan saja pada element halaman baru:

    <script type="text/javascript">
    function pipeCallback(obj) {
    document.write('<ol style="text-transform: capitalize;">');
    var i;
    for (i = 0; i < obj.count ; i++)
    {
    var href = "'" + obj.value.items[i].link + "'";
    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=1db0519c1a1484330328c8c455a513c7&url=http%3A%2F%2Fblogkomputers.blogspot.com&num=10" type="text/javascript"></script>
    <span
    style="gt;Mau Pasang <a
    href="http://www.ateonsoft.com/2008/10/pasang-widget-top-artikel.html">Widget
    Ini </a></span>


    Keterangan:

    blogkomputers.blogspot.com : Ganti dengan nama blog sendiri.

    num=10 : Jumlah maksimal Top Post yang ingin ditampilkan

    Untuk mnghilangkan nomor urut:

    Pada
    tampilan awal akan tampil urutan jumlah top post, jika rekan tidak
    menginginkannya tinggal hapus aja ke dua kode dibawah ini

    document.write('<ol style="text-transform: capitalize;">'); dan document.write("</ol>"); pada kode diatas

    Semoga Bermanfaat…………………..

    Ingin artikel Blog ini langsung ke Email anda? Silahkan masukan alamat email anda untuk berlangganan.

    Masukan Alamat Email Anda :
    Postingan yang Berhubungan

    0 komentar:

    Posting Komentar

    Download buku Yang Bermanfaat

    Gabung bersama kami

     
    Copyright  2011 @ Johan Untuk Perempuan || Johan507-berbagi.blogspot.com