Memasang Hit Counter di blog

Posted by Hendra Herdiansyah Monday, March 18, 2013 2 comments
Dari sekian banyak widget yang telah saya bahas pada artikel terdahulu, kali ini saya mencoba share cara memasang hit counter di blog salah satu widget yang tak kalah penting dari widget lainnya yaitu hit counter dimana dengan widget ini kita dapat mengetahui jumlah visitor yang masuk ke dalam blog kita.

Salah satu alasan kenapa kita harus mempertimbangkan untuk memasang widget ini adalah dalam kegiatan blog sendiri tentunya kita perlu mengetahui/menjadikan tolak ukur apakah informasi/konten yang telah kita sajikan sudah cukup populer atau memberikan banyak manfaat untuk orang lain atau tidak.

Sebetulnya ada banyak penyedia layanan counter yang bisa sobat gunakan, namun pada pembahasan kali ini saya hanya akan share cara memasang hit counter di blog melalui layanan histat counter. tenang saja sob layanan ini gratis kok, cuma perlu daftar saja terus pasang deh kodenya di blog.

Untuk membuatnya silahkan sobat ikuti panduan dibawah ini :

1. Pertama masuk dan daftar dulu di situs histat.com lalu masukan data-data yang perlukan untuk proses pendaftaran

Berikut ini panduan membuat hit counter di blog, supaya anda mengetahui jumlah visitor

2. Lalu cek email sobat untuk melakukan verifikasi pendaftaran
3. Setelah melakukan verifikasi selanjutnya sobat login di situs histat dengan menggunakan username dan pasword yang digunakan pada saat melakukan pendaftaran
4. Pada halaman control panel sobat pilih menu +Add Website dan masukan data blog

Berikut ini panduan membuat hit counter di blog, supaya anda mengetahui jumlah visitor

5. Selanjutnya klik nama blog yang sudah didaftarkan tadi

Berikut ini panduan membuat hit counter di blog, supaya anda mengetahui jumlah visitor

6. Untuk memasang kode histat di blog sobat, klik pilihan counter code
7. Selanjutnya klik Add New Counter maka akan menampilkan pilihan design histat yang dapat dipilih sesuai selera

Berikut ini panduan membuat hit counter di blog, supaya anda mengetahui jumlah visitor

8. Pada ceklis data terdapat pilihan visitor today, total visitor, page view today, total page view dan user online silahkan pilih data apa saja yang akan ditampilkan pada blog sobat lalu klik save.

Berikut ini panduan membuat hit counter di blog, supaya anda mengetahui jumlah visitor

9.    Selanjutnya sobat kembali ke list counter, kemudian klik ID counter yang telah dibuat tadi
10. Maka akan muncul tampilan kode/HTML histat, terakhir copy paste kode histat tersebut pada HTML/Javascript pada blog sobat

Sekarang blog sobat sudah terpasang histat, demikian tutorial cara memasang hit counter di blog semoga bermanfaat

Baca Selengkapnya ....

Cara Memasang Facebook di Blog

Posted by Hendra Herdiansyah 0 comments
Bagaimana kabarnya sob? maaf nih saya baru sempet update lagi artikelnya so lagi banyak kerjaan. Ok soba kali ini saya akan coba share cara memasang facebook di blog, mungkin sebagian dari sobat blogger sudah pada thu caranya namun tidak ada slahnya kalau saya share kembali barangkali ada sebagian dari sobat yang belum paham cara membuatnya.


Salah satu alasan saya share cara memasang facebook di blog ini adalah selain dapat mempercantik blog juga dapat meningkatkan jumlah pertemanan di akun facebook saya, pengunjung dapat dengan mudah melihat profil saya dan tidak sedikit yang langsung add FB saya tersebut. so kata orang banyak teman banyak rezeki he.....

Baiklah sob dari pada ngalor ngidul gag jelas kita langsung saja pada pokok pembahasannya, berikut ini panduannya :



1. Pertama sobat masuk ke halaman ini  Klik disini
2. Selanjutnya klik lencana profil


Berikut ini panduan bagaimana memasang facebook di blog supaya anda dapat berinteraksi dengan pengunjung

3. Pilih tempat yang akan di pasang lencana facebook, apabila belum ada pilih other
Berikut ini panduan bagaimana memasang facebook di blog supaya anda dapat berinteraksi dengan pengunjung

4. Copy kode yang diberikan, untuk dipasang pada widget blog


Berikut ini panduan bagaimana memasang facebook di blog supaya anda dapat berinteraksi dengan pengunjung

5. Selanjutnya masuk ke dasbord blogger pilih rancangan - edit HTML
6. Masukan kode dari lencana facebook pada edit HTML lalu save


Nah sekarang coba cek blog sobat tersebut, pasti sudah terpasang profil facebooknya. cukup mudah kan sob, sekian tutorial cara memasang facebook di blog semoga bermanfaat

Baca Selengkapnya ....

Membuat Aplikasi Blog

Posted by Hendra Herdiansyah Thursday, March 14, 2013 0 comments
Sobat kali ini saya akan share membuat aplikasi blog, aplikasi blog memang salah satu pilihan untuk mempercantik tampilan blog, selain blog tampak lebih menarik juga dapat menarik perhatian pengunjung. Saat ini ada begitu banyak pilihan aplikasi yang dapat sobat pasang, namun perlu diingat tidak semua aplikasi cocok untuk blog sobat.

Tampilan blog yang terlalu ramai akan terkesan kurang nyaman dilihat serta malah akan membuat loading blog sedikit terhambat, oleh karena itu dalam membuat aplikasi blog pilihlah aplikasi yang sesuai dengan tema blog sobat supaya mempunyai kesan yang selaras serta blog lebih terlihat rapi. Dengan begitu akan menaikan image si pemilik blog di mata pengunjung dengan kesan yang baik dalam merawat blog.

Baik kita kembali ke pembahasan awal, saya akan share beberapa aplikasi yang bermanfaat untuk ditanamkan di blog sobat. Berikut ini beberapa aplikasi pilihan :

Facebook Social Plugin

Aplikasi ini biasanya dipergunakan bagi perusahaan atau bisnis yang ingin selalu menjaga komunikasi dengan konsumen atau pengunjung setia mereka. Dengan aplikasi ini kita tetap dapat berhubungan dengan visitor walaupun mereka tidak mengunjungi blog kita.

Twitter Widget

Aplikasi berupa widget ini berguna untuk menampilkan stream twitter pada halaman blog kita, sehingga visitor dapat mengetahu setiap update yang dilakukan oleh pemilik twitter blog tersebut. Selain itu aplikasi ini juga berfungsi untuk berbagi konten blog yang dapat dikirmkan ke halaman stream twitter followernya.

Foursquare Widget

Aplikasi ini bermanfaat untuk menampilkan lokasi kita sekarang, foursquare sendiri merupakan social media yang berfokus pada lokasi sehingga visitor dapat mengetahui keberadaan atau lokasi kita sekarang.  

Dengan begitu banyak manfaat dari aplikasi tersebut, sobat blogger bisa mempertimbangkan apakah blog sobat tersebut memungkinkan untuk dipasang aplikasi atau tidak.

Demikian tutorial membuat aplikasi blog semoga bermanfaat

Baca Selengkapnya ....

Cara Membuat Link Blog

Posted by Hendra Herdiansyah 1 comments
Sobat blogger kali ini saya akan coba membahas mengenai cara membuat link blog, namun sebelumnya kita perlu kupas dulu apa sih yang dimaksud dengan link tersebut. Link adalah sebuah kata atau kalimat yang apabila kita klik maka akan diarahkan pada halaman/tujuan dari link tersebut.

Link biasanya banyak digunakan untuk menu sebuah blog/website namun banyak juga digunakan untuk memberi tautan atau keterkaitan antara satu artikel dengan artikel yang lainnya, contoh pada artikel B kita memberi link/tautan ke artikel A maka pada saat pengunjung membuka artikel B dan klik tautan tersebut maka artikel A juga akan mendapat kunjungan.


Selain itu keuntungan lain dari cara membuat link blog adalah apabila link tersebut berisi keyword atau kata kunci maka itu akan membantu blog/website kita untuk mendapat baklink internal, sobat ada yang tertarik dengan membuat link? 


Oke kita langsung saja, sobat pasang kode dibawah ini pada halaman yang diinginkan. baik pada halaman posting maupun widget, masih inget kan cara membuat widget? nah untuk memasang link pada posting sobat lihat ada dua menu Compose dan HTML nah sobat pilih yang HTML.

Berikut kodenya :

<a href="http://membuatblog-sendiri">membuat blog sendiri</a>


Untuk kode yang saya kasih warna merah sobat ganti dengan URL web/blog, dan yang berwarna biru ganti dengan kata/kalimat yang telah sobat tentukan baik berupa kalimat bisa atau berupa keyword, script diatas apabila kata yang berwarna biru di klik maka akan meampilkan link web/blog tujuan pada satu halaman.

Cara kedua apabila sobat ingin link tersebut terbuka pada tab baru sobat bisa menambahkan kode "_blank> sehingga kodenya menjadi :

<a href="http://membuatblog-sendiri.blogspot.com"_blank">membuat blog sendiri</a>

Sobat bisa membuat link yang dinginkan baik di halaman posting maupun widget, dan untuk link pada posting sebaiknya sobat sisipkan keyword dari blog/web sobat karena itu akan berdampak pada backlink internal.


Sampai disini dulu tutorial cara membuat link blog, apabila ada yang kurang jelas bisa tinggalkan pesan pada kotak komentar

Baca Selengkapnya ....

Cara Membuat Kursor di Blog

Posted by Hendra Herdiansyah Wednesday, March 13, 2013 0 comments
Buat sobat blogger yang bosan dengan tampilan kursor yang biasa, berikut saya share panduan cara membuat kursor di blog, caranya cukup mudah kok tinggal cari image kursor yang sobat inginkan melalui google.

Berikut ini, beberapa contoh kursor yang saya dapat dari google. silahkan sobat cari sesuai selera masing-masing.


Buat kursor blog sobat lebih menarik dengan puluhan desain kursor terbaik
Selanjutnya untuk langkah-langkanya cara membuat kursor di blog sobat ikuti panduan dibawah ini :

1. Login ke akun blogger
2. masuk ke dasbord -->Design --> Page element
3. Add gadget dan pilih HTML/Java Script
4. Copy paste kode dibawah ini

Kode1 : mengubah kursor namun tidak mengubah saat menyorot link

<style type="text/css">
body{cursor: url("http://dl8.glitter-graphics.net/pub/330/330658m8v492ivpa.gif"), auto;}
</style>


Kode2 : Mengubah kursor maupun ketika menyorot link

<style type="text/css">body{cursor: url("http://dl8.glitter-graphics.net/pub/330/330658m8v492ivpa.gif"), auto;}body a:hover{cursor: url("http://dl8.glitter-graphics.net/pub/330/330658m8v492ivpa.gif"), auto;}</style>


Sobat tinggal ganti kode yang berwarna ungu dengan link tempat menyimpan gambar kursor yang telah sobat upload.

Demikian tutorial cara membuat kursor di blog, semoga bermanfaat


Baca Selengkapnya ....

Membuat Kotak Komentar Blog

Posted by Hendra Herdiansyah 0 comments
Sobat kali ini saya akan coba share membuat kotak komentar blog, Kotak komentar merupakan salah satu bagian yang paling penting dalam sebuah blog, dimana  kita dapat berinteraksi dengan pengunjung blog melalui kotak tersebut. Artikel yang telah kita buat akan sangat berarti dan memiliki manfaat disaat ada pengunjung yang memberikan komentar baik itu berupa masukan atau saran kritik dll.

Oleh karena itu begitu pentingnya kotak komentar sehingga banyak sobat blogger yang berinovasi supaya kotak komentarnya lebih terlihat menarik dan mengatur tata letaknya sehingga lebih memberikan kemudahan kepada pengunjung untuk menggunakannya.

Nah pada kesempatan kali ini saya akan share bagaimana membuat kotak komentar blog dibawah posting blog, untuk langkah-langkahnya iktui panduan dibawah ini :

1. Login dulu ke akun blogger
2. Kemudian masuk ke setting --> coment 
3. Pada bagian menu coment palcement klik pada tulisan embedded below post kalau sudah  selesai jangan lupa klik save



4. Masuk ke dasbord lalu klik menu layout lalu klik Edit HTML kemudian cari kode dibawah ini

<p class='comment-footer'> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </p>

Kemudian ganti dengan kode dibawah ini

<p class='comment-footer'> <b:if cond='data:post.embedCommentForm'> <b:include data='post' name='comment-form'/> <b:else/> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </p>

5. Terakhir klik tombol save dan lihat hasilnya


Bagimana cukup mudah kan sob? nah sekarang blog sobat sudah mempunyai tampilan kotak komentar yang cukup manarik dengan tata letak yang baik. 

Demikian tutorial membuat kotak komentar blog semoga bermanfaat.

Baca Selengkapnya ....

Animasi For Blog

Posted by Hendra Herdiansyah Monday, March 11, 2013 0 comments


Sob kemarin saya mengunjungi salah satu blog dimana pada blog tersebut terdapat berbagai animasi yang lucu-lucu, blog sobat sudah mempunyai animasi? kalau belum kali ini saya akan share sedikit tips mengenai animasi for blog untuk menambahkan gambar bergerak atau animasi.


Tipsnya masih sama seperti pada pembahasan sebelumnya yakni dengan membuat Gadget baru dan menempatkan script di dalamnya, masih pada ingat kan?

untuk panduan animasi for blog, ikuti panduannya dibawah ini :

Login dulu ke dasbord Blogger
Masuk ke rancangan element ==>Tambah Gadget==>HTML Java script
Copy dan paste kode animasi dibawah ini 
Terakhir klik simpan


Berikut ini saya share kumpulan kode animasi yang dapat di gunakan pada blog sobat, semoga bermanfaat. Jangan terlalu berlebihan ya, nanti kesannya blog sobat terlalu lebay he.....


1. Spombob

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1028/th/102882.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>



2. Kepala Semangka 


<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://sig.graphicsfactory.com/Halloween/a.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>



3. Tengkorak


<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1/th/152.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>



4. Dewa Cinta


<div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>



5. Bayi Ngakak


<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget-Animasi</a></center></small></div>

Sobat demikian tutorial animasi for blog semoga bermanfaat

Baca Selengkapnya ....