July 28, 2012

Menampilkan 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/AVvXsEg_PnaHV4gMod7l8LROy5ALk2xoO3sT_5iKC70zu5VDA529Q3u4RXjWd4BGUc55RaU1FtfBXywjp54UaBeITG2Zw1WAqDv510RXkvOtxQeFxjQ7BMCD6skTYuqRjJ9tR9CC8leUSgxEFKo/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/AVvXsEg7jwziIvLNHCRIkyA3djjQ1Nf98PZL50YiYmkkA520g4BANqJFSjwbMByTi5PzJ6wHAppT5ZNg3EKnxbbe5CoQcIVoGAf7M9ycwdPW7WP0bqQUQ9G-UObQJvA412Zd5PmK2T5_XySQ9Ek/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.

July 24, 2012

Membuat 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.


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.

July 14, 2012

Dapatkan Domain Gratis Dot Com Dari Intuit.Website

Domain Gratis Dot Com Dari Intuit.Website

Banyak kalangan blogger yang berpikiran untuk mendapatkan domain yang bersifat premium seperti domain [dot]com, [dot]org, [dot]info ataupun [dot]name. Akan tetapi kadang kita kendala dengan pembayaran bulanan yang mengikat. Ya, tenang dulu, pada artikel kecil dan sederhana ini Kang Fathur akan membagikan tentang cara untuk mendapatkan domain gartis dari Intuit.Website

Bisakah?

jawabannya pasti yes... Untuk itu marilah ikuti secara seksama tetang artikel ini. Namun harus diingat, domain yang ditawarkan oleh Intuit.Website hanya berlaku selama 1 tahun dan akan dikenakan biaya $2USD pada tahun berikutnya.

Ya gak apa-apalah, paling gak kita pengguna blogger [blogspot.com] tahu bagaimana mempunyai domain yang premium walaupun hanya sebentar. Jika anda berminat untuk melanjutkan, ya lakukan transfer domain ke penyedia domain di Indonesia.

Biar tidak terlalu panjang lebar pembahasannya, marilah kita langsung pada tutorial cara mendapat domain gratis dari Intuit.Website
  1. Siapkan nama domain [dot]com, [dot]org, [dot]info, [dot]name bisa cek Disini
  2. Daftar akun Intuit.Website Disini
  3. Untuk ByPass klik Disini
  4. Masukan Email dan Domain
  5. Masukan domain tanpa www
  6. Jangan centang Domain Privasi (akan kena biaya $1USD)
  7. Centang Saya Setuju
  8. Submit

Tunggu sekitar 4 - 5 jam akun anda diapprove dan jika masih belum di setujui tanggu waktu estimasi maksimal skitar 24 jam. Lakukan pengecekan untuk login akunnya disini.

Sebagai referensi anda kalau Kang Fathur berhasil membuat domain blogger [blogspot.com] pada URL

http://www.karak-situbondo.blogspot/
menjadi :
http://www.karaks.info/

Warning...!!!!

  • Tidak diperbolehkan kita order domain melalui Intuit.Website lebih dari satu domain dalam satu akun, jika nantinya domain anda tidak mau kena suspend.
  • Tidak diperkenankan menjual domain yang anda dapatkan dari Intuit
  • Domain yang diperbolehkan hanya [dot]com, [dot]org, [dot]info,[dot]name
  • Pergunakanlah dengan bijak, at your own risk.

Semoga artikel ini bermanfaat bagi semuanya. Amin Allahumma Amin.

dari banyaknya komentar yang mengungkapkan kalau pendaftran ini memerlukan input data pada billing informasi seperti yang ditanyakan Fathur Rahman, maka dari itu silakan masukan informasi dibaha ini yang diberikan oleh Fashinour
Name on card : Isi Terserah Anda
Card Type : Visa
Number card : 4067424205414109
Exp date : 02/13
Security code card : 145

Update terbaru : Cara ini sudah tidak berlaku lagi

July 10, 2012

Template dan Java Script 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

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

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