Statistik Komentar dan Posting

Sebagai pelengkap widget anda, gak ada salahnya jika anda memasang statistik jumlah komentar dan jumlah postingan dalam blog kita. ini hanya ingin mengetahui seberapa besar ketenaran blog kita. Paling tidak bisa membuat kita lebih semangat untuk melakukan pembenahan-pembenahan terhadap blog kesayangan kita. Slah satu contohnya, blog Kang Fathur ini memiliki komentar yang sedikit jika dibandingkan dengan postingan yaang diteritkan oleh Kang Fathur. Ini menunjukkan kalau blog saya tidak tenar setenar Kang Rohman, Kang O-Om dan lainnya.

Untuk itu, sebagai blog pemula saya harus lebih bekerja agar blog ini melejit terbang.... hehhehe,

Postingan yang diterbitkan oleh Kang Fathur adalah :
Komentar pada blog Kang Fathur adalah :

Contoh diatas hanyalah sebuah statistik perkembangan blog Kang Fathur. Bagaimana dengan blog anda?

Silakan pasang statistik berikut dalam blog anda untuk mengetahui sejauh mana traffick blog anda.

Posted

posts published

Commented

Published comments

Kodenya adalah :

<div class="widget-content">
<div name="posted" style="float: left; height: 50px; margin-top: 5px; width: 160px;">
<div name="img" style="background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5cc1BKibde4k0XEsFoRAYbhGAQNmFqr5LvklCT8rsnv82MIM2dzqBLF3H2CzkcjCZ-9vzCkL1jQAwXN3bqjk-roMpZJENw_oLveaEMlYm69cYsl08xmm8uUeLqoEiQyA8DKLP5MrKTd8/s1600/posted.png&quot;) no-repeat scroll 0% 0% transparent; float: left; height: 46px; margin: 2px 5px 2px 2px; padding: 0pt; width: 46px;">
</div>
<div name="contador" style="font-family: Arial,Helvetica,sans-serif; font-size: 13px; font-weight: bold; margin: 0pt; padding: 6px 0pt 0pt;">
<script type="text/javascript">
  function showpostcount(json) {  document.write(parseInt(json.feed.openSearch$totalResults.$t,10));  }
</script><script src="/feeds/posts/default?alt=json-in-script&amp;callback=showpostcount">
</script> Posted</div>
<div name="posting" style="font-family: Arial,Helvetica,sans-serif; font-size: 10px; margin: 5px 0pt 0pt; padding: 0pt;">
posts published</div>
</div>
<div name="comments" style="float: left; height: 50px; margin-left: 10px; margin-top: 5px; width: 160px;">
<div name="img" style="background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqNDAhkSf0FLw_HenGsxsq7dD6zdbQGkm0TAUYEQ6-6CwF61p6UuF2RG8w6v3lr3uB6sS75nFRIXa11ROdznI3oDKe8TEHc1gESUrxJvzcDTnoIXUAcpy0D6FLJR5aGLnu8kHLcurEnJ4/s1600/commented.png&quot;) no-repeat scroll 0% 0% transparent; float: left; height: 46px; margin: 2px 5px 2px 2px; padding: 0pt; width: 46px;">
</div>
<div name="contador" style="font-family: arial,Helvetica,sans-serif; font-size: 13px; font-weight: bold; margin: 0pt; padding: 6px 0pt 0pt;">
<script type="text/javascript">
  function showpostcount(json) {  document.write(parseInt(json.feed.openSearch$totalResults.$t,10));  }
</script><script src="/feeds/comments/default?alt=json-in-script&amp;callback=showpostcount">
</script> Commented</div>
<div name="texto" style="font-family: Arial,Helvetica,sans-serif; font-size: 10px; margin: 5px 0pt 0pt; padding: 0pt;">
Published comments</div>
</div>
<span style="float: right; font-family: Arial,Helvetica,sans-serif; font-size: 12px; margin: 0pt; padding: 0pt;"><small><script language="javascript" src="http://zonaku.googlecode.com/files/kf.js" type="text/javascript">
</script></small></span></div>

Semoga berguna bagi anda semua.

Read More

Halaman Arsip Blog (Daftar Isi)

Masih ingat dengan pembuatan Sitemap (Daftar Isi)? saya kira semua pecinta blogger gak akan awam atas daftar isi blog. Lah, dalam tutorial kali ini Kang Fathur akan membagikan cara pembuatan Halaman Arsip Blog yang sama dengan daftar isi, hanya saja tampilannya yang sedikit variasi yang dilengkapi tanggal postingan, kategori (label) postingan serta dijamin tidak akan ada duplicate dalam postingan.


LIVE DEMO


Selain itu, kelebihan Halaman Arsip pada Blog ini adalah kita bisa mengurutkan postingan (sort) baik dari Alphabet huruf A sampai huruf Z ataupun sebaliknya. Sort pertanggal dan sort berdasarkan kategori postingan. Penasaran ya?

Dan penerapannyapun sangat mudah. Anda tinggal men-copy paste kode berikut pada halaman postingan atau laman dalam blog anda.

<div id="bp_toc">
Loading....</div>
<script src="http://zonaku.googlecode.com/files/archive.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&max-results=500&callback=loadtoc" type="text/javascript"></script>

Sekian artikel singkat ini, semoga apa yang menjadi kebutuhan anda saat ini semuanya terjawab dalam blog ini. Selamat berkarya dan semoga berhasil.

Source : Kang Fathur

Read More

Toolbar Iframe (Live Demo - Download)

Lama tidak buat tulisan membuat Kang Fathur kangen akan dunia blogger, ya meskipun banyak kalangan blogger paham tentang pembuatan tips dan trick, tutorial, serta artikl-artikel lainnya. Seperti yang Kang Fathur tulisankan kalin ini adalah pembahasan tentang cara membuat link demo yang hidup, artinya Toolbar Iframe Demo dan Download.

Seperti yang diberikan berbagai penyedia download template baik template blogger, theme wordpress, drupal theme ataupun template-template lainnya dalam dunia internet. Coba anda lihat gambar dibawah, gambar ini menunjukkan link demo yang tidak menghapuskan blog aslinya. Artinya, penggabungan blog kita dengan blogger orang lain.

Ada dua cara untuk menerapkannya dalam blogger kita :

Cara Pertama :

Kita menggunakan template yang disediakan oleh KOD Tutor dalam tulisannya




LIVE DEMO


Penerapannya dalam blog kita seperti ini :

http://NAMABLOGKAMU.blogspot.com/?url=NAMABLOG-DEMO.blogspot.com

Cara Kedua :

Menerapkan java script dan kode CSS beserta pembuatan laman blog




LIVE DEMO


Penerapannya sebagai berikut :

http:// NAMABLOGKAMU/p/demo.html?iframe= NAMABLOG-DEMO.blogspot.com/

Masih bingung ya? Silakan kunjungi blog aslinya di KOD Tutor tentang Cara 1 dan Cara 2.

Semoga bermanfaat ya? salam Blogger Indonesia

Source : Kang Fathur 

Read More

BlackZone Template Classic

Urusan modifikasi bloggersetiap saat gak akan ada habisnya, apalgi pembuatan template blog yang kian hari kian ada inspirasi untuk membuatnya. Pada template Ebook Gallery dan Magazine juga pernah di bagikan gratis untuk anda, semoga apa yang pernah Kang Fathur tuliskan bermanfaat bagi anda semua. Template ini banyak referensi yang bisa dibuat untuk menjadi template seperti yang Kang Fathur bagikan. Template sederhana dengan style classic yang bisa digunakan untuk urusan news, berita kumpulan artikel dan lain sebagainya, tergantung dari anda untuk dipakai.

LIVE | DOWNLOAD

Install BlackZone Template Classic

1. Feature Pada Pendidikan
2. Like Us
3. Terkini
4. Komentar
5. About  The Author
6. Random Post

Semoga template ini gak mengurangi rasa anda terus berkunjung pada blog Berbagi Untuk Semua dalam dunia Portal Infomasi Online. Sampai jumpa lagi, bye.....!!!!

Source : Kang Fathur 

Read More

Membuat Random Posts pada Blog

Random posts merupakan salah satu trick untuk blogger agar SEO Friendly, sebab pengunjung akan bertanya-tanya saat melihat random posts. Paling gak membuat pengunjung blog ingin melihat apa yang telah diperlihatkan pada random posts tersebut.

Jika anda ingin menaikkan pagerank blog anda adalah :

1. Buat Related Posts pada blogger anda;
2. Perbanyak Backlink pada artikel (tulisan) anda;
3. Backlink blog anda pada social bookmark;
4. Sering bertukar link atau banner;
5. Perbanyak komentar di blog dan situs (web) lain;
6. Mengedit blog agar SEO Friendly
7. Pasang Random post pada widget blog.

Lah untuk melengkapi salah satu meningkatkan pagerank blog tersebut adalah membuat random post, dan script-nya berikut :

<script type="text/javascript">
    var randarray = new Array();var l=0;var flag;
    var numofpost=5;function randomposts(json){
    var total = parseInt(json.feed.openSearch$totalResults.$t,10);
    for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
    if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
    for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
    for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
    document.write(item);}}
    }document.write('</ul>');}
    </script>
    <script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>

Selamat mencoba dan semoga blog anda lebih maju. Amin Allahumma Amin

Source : Kang Fathur 

Read More