cara mudah memperbanyak visitor blog

Ada banyak cara memperbanyak visitor blog untuk meningkatkan lalu lintas situs dan membuat page view blog semakin meningkat, tujuanya agar blog anda semakin sehat dan membuat rank 1 di google.

Saya pernah membaca bahwa backlink sudah tidak berguna lagi, sekarang tekhnik seo yang harus di terapkan agar visitor unik mengunjungi situs kita, namun tidak ada salahnya apabila anda membaca artikel berikut ini.

Perubahan Desain Website sebagai Strategi Konversi Pertama

Cara memperbanyak visitor memang rumit.

Halaman blog harus di benahi secara signifikan, agar seorang pengunjung semakin betah menelusuri halaman blog Anda.

Jika dia melihat informasi yang sama, mungkin pengunjung akan kecewa dan kehilangan minat membaca di blog kita. Namun misi kita adalah mencari dan menarik pengunjung sebanyak-banyaknya dan Anda juga tidak pernah tahu kapan pengunjung di hari ini akan menjadi pelanggan kita besok.

Desain harus elegan dan jelas, beserta loading blog yang cepat juga membuat pengunjung betah, bayangkan apabila blog loading lelet, dia pasti langsung out dari halaman kita, dan meningkatkan bounch rate yang merugikan blog kita.

Visitor adalah tamu situs atau blog kita, jadi suguhkan mereka dengan sebaik-baiknya, hidangkan mereka dengan menu navigasi dan postingan yang super bermanfaat, jangan kecewakan mereka, jangan membuat mereka tidak betah menelusuri seluruh blog atau website kita, penting untuk difahami, visitor akan terus naik apabila kita rajin memposting, dengan minimal 100 postingan dengan umur blog sekitar 3 bulan kita sudah bisa melihat naik turun dan siapa saja yang aktif berkunjung menelusuri situs kita.

Halaman Kontak seperti Halaman Hubungi Kami juga penting agar halaman kita tampil profesional, disamping itu melengkapi widget seperti recent post dan popular post agar langsung terbaca ketika pengunjung berada di homepage, anda juga bisa menambahkan halaman privacy disclaimer dan TOS agar pengunjung lebih menghargai blog, selain itu juga, isi artikel adalah hal utama dalam lalu lintas pengunjung blog kita menjadi betah, semakin lama pengunjung berada dalam blog, semakin baik pula blog kita, apalagi mereka membuka banyak postingan blog kita.

Gunakan tombol bagikan ke Facebook Twitter atau Google+ dll, gunanya memperkenalkan anda ke media sosial lainya, selain memperbanyak visitor juga membangun blog dalam konteks share ini, karena lalu lintas dari media sosial sangatlah penting, saya menyarankan anda memasang komentar disqus agar visitor dapat menentukan dengan metode apa mereka berkomentar di blog anda.

Sering melakukan teknik page view dan blog walking pada blog lain, secara tidak langsung memang tidak masuk akal, namun cara ini cukup jitu, namun yang perlu anda ingat, jangan mengunjungi situs yang ber PR rendah, masuki lalu lintas di blog terkenal dan yang sering di urutan pertama google.

Read More

Cara Membuat Floating Social Bookmark dengan Efek Easing

Cara Membuat Floating Social Bookmark dengan Efek Easing- Dengan penambahan jquery, jika Anda meletakkan cursor pada salah satu icon social bookmark, dia akan keluar pelan-pelan, lebih lembut seperti putri Solo yang baru keluar dari keraton, itu karena efek easing yang ada pada jquery-ui.min. Di samping efek easing yang saya tambahkan pada widget ini, juga jenis social media yang saya pasang lebih banyak.

DEMO

 Berikut ini langkah-langkah pembuatannya :

1. Login ke Blogger
2. Masuk ke Template >> Edit HTML (centang expand widget templates)
3. Letakkan kode CSS di bawah ini diatas ]]></b:skin> :
   
   .social-buttons {
       position: fixed;
       top: 130px;
       width: 45px;
       z-index: 9999;
   }
   .button-left {
       left: 0;
   }
   .button-right {
       right: 0;
   }
   .social-buttons #twitter-btn .social-icon,
   .social-buttons #facebook-btn .social-icon,
   .social-buttons #google-btn .social-icon,
   .social-buttons #rss-btn .social-icon,
   .social-buttons #pinterest-btn .social-icon,
   .social-buttons #youtube-btn .social-icon {
       background-color: #33353B;
       background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXgfRCJ0eaeBCzrSMgJcaMZA2h5fHWdqOclTCy4LMjtNTbr7H6utK5pEFd16BJ3orIMKLrsm09PGQC8qMSzHVCoDG4nn0rBWnmACvLXTbmZhlDCAuPkQkN4TjLqvRJ6kseBI5rbJFk-hE/s1600/mas-icons.png);
   }
   .button-left #facebook-btn span {
       background-position: right 10px;
   }
   .button-left #twitter-btn span {
       background-position: right -35px;
   }
   .button-left #google-btn span {
       background-position: right -127px;
   }
   .button-left #rss-btn span {
       background-position: right -80px;
   }
   .button-left #pinterest-btn span {
       background-position: 11px -177px;
   }
   .button-left #youtube-btn span {
       background-position: 11px -223px;
   }
   .button-right #facebook-btn span {
       background-position: 12px 10px;
   }
   .button-right #twitter-btn span {
       background-position: 11px -35px;
   }
   .button-right #google-btn span {
       background-position: 10px -127px;
   }
   .button-right #rss-btn span {
       background-position: 11px -80px;
   }
   .button-right #pinterest-btn span {
       background-position: 11px -177px;
   }
   .button-right #youtube-btn span {
       background-position: 11px -223px;
   }
   .social-buttons #facebook-btn:hover .social-icon {
       background-color: #3B5998;
   }
   .social-buttons #twitter-btn:hover .social-icon {
       background-color: #62BDB2;
   }
   .social-buttons #google-btn:hover .social-icon {
       background-color: #DB4A39;
   }
   .social-buttons #rss-btn:hover .social-icon {
       background-color: #FF8B0F;
   }
   .social-buttons #pinterest-btn:hover .social-icon {
       background-color: #D43638;
   }
   .social-buttons #youtube-btn:hover .social-icon {
       background-color: #C4302B;
   }
   .social-buttons a:hover .social-text {
       display: block;
   }
   .button-left .social-icon {
       -moz-transition: background-color 0.4s ease-in 0s;
       -webkit-transition: background-color 0.4s ease-in 0s;
       background-repeat: no-repeat;
       display: block;
       float: left;
       height: 43px;
       margin-bottom: 2px;
       width: 43px;
   }
   .button-left .social-text {
       display: none;
       float: right;
       font-size: 1em;
       font-weight: bold;
       margin: 11px 40px 11px 0px;
       white-space: nowrap;
   }
   .button-right .social-icon {
       -moz-transition: background-color 0.4s ease-in 0s;
       -webkit-transition: background-color 0.4s ease-in 0s;
       background-repeat: no-repeat;
       display: block;
       float: right;
       height: 43px;
       margin-bottom: 2px;
       width: 43px;
   }
   .button-right .social-text {
       display: none;
       float: left;
       font-size: 80%;
       font-weight: bold;
       margin: 11px 0 11px 40px;
       white-space: nowrap;
   }
   .social-buttons .social-text {
       color: #FFFFFF;
   }
4. Berikutnya penambahan jquery dan javascript, masih di Edit HTML letakkan kode berikut sebelum</head> :
   

   <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>

   <script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js' type='text/javascript'/>
   <script>
       $(window).load(function(){
           $(&#39;.social-buttons .social-icon&#39;).mouseenter(function(){
               $(this).stop();
               $(this).animate({width:&#39;160&#39;}, 500, &#39;easeOutBounce&#39;,function(){}); 
           });
           $(&#39;.social-buttons .social-icon&#39;).mouseleave(function(){
               $(this).stop();
               $(this).animate({width:&#39;43&#39;}, 500, &#39;easeOutBounce&#39;,function(){});
           });
       });
   </script>

   Untuk jquery library warna biru diatas, jika pada template yang Anda gunakan sudah terpasang, ditinggalkan saja.
5. Selanjutnya memanggil widget tersebut, letakkan kode HTML di bawah ini sebelum </body> :
   
   <div class='social-buttons button-right hidden-phone hidden-tablet'>
   <a class='itemsocial' href='https://www.facebook.com/your FB' id='facebook-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Facebook</span></span></a>
   <a class='itemsocial' href='https://twitter.com/your twitter' id='twitter-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Twitter</span></span></a>
   <a class='itemsocial' href='https://plus.google.com/your G+' id='google-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Google</span></span></a>
   <a class='itemsocial' href='http://pinterest.com/your ID' id='pinterest-btn' target='_blank'><span class='social-icon'>
   <span class='social-text'>Follow via Pinterest</span></span></a>
   <a class='itemsocial' href='https://www.youtube.com/user/your ID' id='youtube-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Youtube</span></span></a>
   <a class='itemsocial' href='http://feeds.feedburner.com/your feed' id='rss-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via RSS</span></span></a>
   </div>
   Ganti tulisan warna biru diatas, dengan ID Anda masing-masing jangan sampai keliru dengan ID tetangga.
6. Terakhir, Save Templates

Sekian dan semoga ada manfaatnya

Read More

Cara Pasang Background Matrix Di Blog Dengan Mudah

Background The Matrix ini tersedia dalam berbagai image yang sudah saya persiapkan. Sobat blogger tinggal pilih imagenya kemudian tinggal pasang kode CSS-nya di blog sobat.

Sebelum sobat blogger mencoba trik kali ini ada baiknya membuat backup template blog sobat terlebih dahulu untuk menghindari hal-hal yang tidak diinginkan.

Cara Pemasangan 

Login ke blog sobat.

Klik "Design" kemudian klik "Edit HTML".

Cari kode </Head> kemudian copy-paste kode CSS di bawah ini diatas </Head>.

<style type="text/css">

body{

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxtp48bt4feRCLnJ_1nfA3oanFuY_LOkGMFNg6ZQV_6yk2AjNdX9Xj5Yihu0H0wJL1qKtVtsYk2sSUOoOsvP-jVSZyYpFJkqtEB6dwDTQwHIaQ9Xh36j6cziIxKTfl4tXtR4cb8iGu3j7x/s800/monozcore_blogspot_com_redmatrix.gif) repeat center center fixed black;

}

</style>

Ganti kode yang berwarna merah pada baris kode atas dengan URL gambar animasi matrix yang sobat inginkan.

Klik "Save" dan lihat hasilnya...Animasi Gambar Matrix

0-1-1 Matrix

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjJZ0n-7UlhglPspB_fwr0xmZZXt5I8WkxExfe-S3hePvQwTehpWRgtrR-t9Dgdo-DqVJ-AADb_HCNsIN_S5FshxHazcom04phoFij9YSlsP8v6RkcYzhLRH5ei2ST-JykqFLBAXvPwJE/s1600/0_1_1.gif

Black Red Matrix

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie71L7SJtRs6DHyF8T7G5Kd1swEvOMJqeuCk0Dd9FxfxGR2l8HHVoRCVGjGGzjuXcXFSM0BMSx28BD6gRDHQMRHnCYpSClBrqAxLnsonevK3awhN3zY1cZuX5GXdcLRMsIOrqaG2lYMlfq/s800/black_red_matrix.gif

Blue Matrix 1

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXfbnXMl1dDWXuEU-hwbSM5NT3lBljIr5_syfhm3uNEuclNMkxCYI4ome-LhA-DCY1M3hYO6jO5RIpCSEfmDfxdORxOvD7LP2SVeZ4ixaYZ311EJQvWilSBIaQwG2o_Jrvf7b5I67iolwi/s800/bluematrix.gif

Blue Matrix 2

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0fVkAbDistu_tNuIuiyD2ZQ5IZ2PUk_9pbmD_CA2faOWn8CHBUXxcTvL1ID2Z23ER1r-HEbwiVGfwv7EoU5-MURnbjhu53F8oxvfN68j9xw-G3NX2OrlcJlHEmbd_iGDXBZGaecFSKx0i/s800/bluematrix2.gif

Green Matrix

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSrPiS8Nzdu42Z1jUmx5MCYmk2lEQyttKl3dn7cXxgfPvb7PtPbnWZhnGu18Lj-NJSBA0IsHjPCcZNxw-2KXIa7V5LbvjpKEFb19mizhkMZvQS1lN0Nbd_wqpHnp5Sq7uv4TtgFcbJ7MeA/s800/matrix.gif

Port Listener

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHHlWvMybr_cSn0I8DNytm6E1_kb_7SWPb7H1RJGFDkNlDkQi_LGJ6wDg4r1DKX-wTAy5UMgcGX2wvg98f4Y436G7qxGK6NJBBJQOzeYInzrauZ2PWf9OwgkqlfHWU72JTEFWPuMyIH-oB/s800/port_listener.gif

Red Matrix

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxtp48bt4feRCLnJ_1nfA3oanFuY_LOkGMFNg6ZQV_6yk2AjNdX9Xj5Yihu0H0wJL1qKtVtsYk2sSUOoOsvP-jVSZyYpFJkqtEB6dwDTQwHIaQ9Xh36j6cziIxKTfl4tXtR4cb8iGu3j7x/s800/monozcore_blogspot_com_redmatrix.gif

Blue Matrix

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2dolbM-Q0WDraxwjMOs0f80iGcT6Hqs-5HnxaDg3m_GgAEC2MDk4I5lKEHAcYTDTmcc6KjxgmkQddEqm2ElHBK3-PHdNJkapkPGqamSIZ3JZo4FXYNpLVubmLpABZkm-f-mBwTMJ8oTs/s800/matrix.gif

Read More

CARA Memasang Alexa Rank Pada Blogspot

Alexa rank adalah sebuah situs web yang merangking web/blog yang ditinjau berdasarkan trafik jumlah pengunjung yang dibuat oleh situs alexa.com. Data trafik tersebut ditinjau melalui toolbar alexa yang terpasang pada browser pengunjung web/blog yang bersangkutan untuk mempermudah pemantauan hasil Alexa Rank terhadap web/log.

Ok.langkah awal untuk memasang widget ini pada blog/web, maka terlebih dahulu harus mendaftarkan web/blog kita pada Alexa.com.

Cara pendaftaran akun Alexa pun cukup mudah, bahkan pihak Alexa menyediakan langsung log in via Facabook tanpa harus melaui jalur panjang pendaftara. Sebaiknya anda pilih login via facebook agar lebih mudah.

Sebelum memasang widget nya, terlebih dahulu mengklaim blog kita, cara nya sebagai berikut

klik alexarank untuk melengkapi form pendaftaran

Pada sudut kanan atas, silahkan log in. Jika belum mendaftar, saya sarankan langsung log in via facebook saja.

Setelah masuk, kemudian pilih menu "Site Tool" yang ada di bagian atas,

Pada bagian paling bawah ada gambar "Claim Your Site"

Setelah selesai, kemudian pada tahap berikutnya, masukan "URL blog" yang akan di buat alexa, selanjutnya klik "Claim Your Site"

• Kemudian Anda akan dibawa ke halaman "Plans an Princing",

• pilih yang "free sign up"
• Isi URL yang ada di kotak

• Masuk ke halaman "Dasbor Alexa rank"

• lihat kebawah pada sederetan kode HTML terdapat verivikasi ID yang akan dipasang pada blog melaui edit HTML. 
• Lakukan Verivikasi dengan options 2. copykan kode yang yang seperti ini "<meta content='OfjkhTt1DdZL1QlAXtQOC2r63Mw' name='alexaVerifyID'/>"HARAP PERHATIKAN: Jangan menutup jendela "Dashbord Alexarank" sebelum memasukkan kode ID verifikasi dari alexa rank pada template Anda

• Sekarang menuju blog anda pada halaman Edit HTML untuk memasukkan kode tersebut pada blog/template sobat
• Masuk ke blog anda dan pilih halaman "Edit HTML"
• Cari kode <head> atau </head> "perhatikan barisan kuning"

• Masukkan kode alexarank dibawah <head> atau diatas </head> 
• Jika sudah save 
• Kembali pada dashbord Alexarank untuk Verifikasi ID alexa
• Kembali pada browser Alexa rank untuk konfirmasi bahwa kode ID tersebut telah terpasang pada blog Anda
• Kembali pada dashbord Alexarank untuk Verifikasi bahwa blog Anda telah terpasang kode dari alexa rank
• Kemudian lihat dibawah ada tombol "Verify My ID"
• Klik tombol "Verify My ID"
• Langkah penting selanjutnya adalah memasang Widget Alexa Rank pada web/blog kita.

• Masuk ke Halaman Alexa Site Widget,http://www.alexa.com/siteowners/widgets
• Terdapat beberapa pilihan kolom. Masukan URL Blog pada salah satu kolom yang diinginkan dan klik Build Widget.
• Pilih salah satu bentuk widget yang diinginkan dan copikan kode scrib nya.
• Login ke akun Blogger sobat.
• Masuk pada bagian Tata Letak.
• Klik Tambah Gadget di posisi yang sobat inginkan.
• Pilih HTML/Javascript.
• Pastekan kode Widget
• Save

SEKIAN........

Read More

CARA MENDAFTAR PAYPAL

PayPal adalah salah satu layanan pembayaran atau transaksi online yang umum di jumpai di dunia maya. Dengan Paypal, kita dapat melakukan penarikan, pambayaran, dan auto debet dari bisnis internet yang akan geluti ke nomor card credit kita. Tapi masalahnya, mendapatkan kartu credit tidak semudah kita membuka rekening bank seperti pada umum nya. Dan pada sistem paypal, kartu kredit lah yang lebih penting untuk urusan transfer or tarik bayar atau lain sebagainya. Tapi bagaimana nasib bagi yang tidak punya kartu kredit?? pupus sudahlah harapan...

Disini ada sedikit solusi nya, tapi syarat utama di sini, anda wajib dan harus mempunya bahan-bahan dasar nya terlabih dahulu, yakni email(akan menjadi data atau no rekaning paypal. Di sini, email adalah no rekening yang akan kita jadikan sebagai pangganti no kartu kredit ) dan no rekening bank(berfungsi untuk penarikan ke bank lokal, dan alhamdulillah mendukung untuk smua no rekening bank di indonesia)

Langsung bergegas menuju TKP

1. Pertama dan pertama sekali, kita menuju laman paypal dan silahkan klik http://www.paypal.com/ untuk melakukan pendaftaran.
2. Klik Create your PayPal account alias mendaftar. Country or region terdeteksi Indonesia, pilih saja bahasa Indonesia jika belum lancar cipcascipcus bahasa English nya.
3. Nah, di sini ada 3 pilihan. Yang pertama “PRIBADI” (Untuk perorangan yang berbelanja online). Kedua yang “PRIMER”( Bagi perorangan yang membeli dan menjual online). Trus yang ketiga “BISNIS” (Untuk pedagang yang menggunakan nama kelompok atau perusahaan) sekarang tinggal pilih sesuai kebutuhan nya masing-masing.
4. Untuk mengisi Enter your informationAlamat email : masukan alamat Email anda
5. Pilih sandi: isikan kode unik dan dianjurkan berbeda dengan kode unik email anda.
6. Masukkan ulang sandi: masukan kembali kode unik yang baru saja dibuat
7. Nama depan : masukan nama depan anda
8. Nama tengah (optional) : kalau nama hanya dua suka kata, mending kosongkan aja.
9. Nama belakang: masukan nama akhir anda
10. Tanggal lahit : isi dengan fotmat yang diminta
11. Kebangsaan : Indomesia
12. Baris 1 alamat : alamat sesuai identitas diri dengan lengkap sesuai KTP ( anjuran pak kades )
13. Baris 2 alamat(optional) : tidah usah diisi
14. Kota : kota tempat tinggal sepeti Medan, Jakarta, dll.
15. Negara Bagian / Provinsi / Wilayah : Provinsi tempat tinggal
16. Kode pos: kode pos
17. No Hp : langsung saja tanpa manggunakan kode negara +62
18. Klik sutuju dan buat rekening
19. Masukkan kode keamanan atau klik perbaharui bila tidak jelas.
20. kemudian klik > Lanjutkan.

Maka akan muncul tampilan dengan pesan "Selamat! Anda telah mendaftar untuk rekening Paypal".

Selanjutnya buka email anda, kemudian Konfirmasi Email,

Anda diminta untuk login dan silahkan masukan password anda pada kolom yang tersedia, kemudian klik Login

Pilih dua pertanyaan keamanan anda, sebaiknya jawaban nya tidak disamakan, kemudian klik Kirimkan.

Pada tampilan Bayar Dengan Kartu Kredit Saya,klik saja LanjutkanSelamat anda telah memiliki alat transaksi online Paypal,selanjutnya silahkan pelajari semua fitur yang ada dan untuk mendaftarkan Rekening dan Nomor lokal Bank Indonesia silahkan klik > Profil > Tambah/Edit Rekening Bank.

Masukan data rekening Bank dengan benar, jika sudah yakin benar klik > Lanjutkan, 

Untuk klain ke team Paypal silahkan klik > Hubungi kami.

Read More

Cara Ping Blog ke Google

Ping Blog ke Google bertujuna untuk menginformasikan bahwa konten pada Blog telah diperbarui.

langkah- perjuangan yang harus ditempuh:

Menuju TkP http://blogsearch.google.com/ping.
Jika telah masuk ke halaman tersebut, masukan URL Blog sobat dan klik Submit.

Akan muncul tampilan baru yang menampilkan teks "Thanks for sharing your Blog".

Laman permberitahuan diatas menandakan blog bahwa konten Blog telah terperbarui. Maka Google segera menyegarkan informasi konten-konten pada Blog sobat termasuk menyegarkan konten Blog sobat di search engine.

Read More

Cara Memasang Flag Counter di Blog Blogspot

Berapa jumlah pengunjung blog sobat?? Bagi sobat blogger yang belum tahu saya sarankan untuk memasang widget ini. Namanya Flag Counter. Flag counter adalah visitor count yang menampilkan jumlah pengunjung blog dengan ciri khas menampilkan bendera negara setiap pengunjung. Contoh bisa sobat lihat di sidebar blog ini.
Setelah sebelumnya posting cara membuat banner untuk link exchange kali ini saya akan sharecara memasang widget flag counter di blog sobat. Sobat yang penasaran dan tertarik silahkan ikuti tutorial berikut.

1. Sobat kunjungi situs http://flagcounter.com 
Sobat akan melihat tampilan seperti berikut.

2. Seperti pada gambar, di situ sobat bisa mengatur tampilan dari flag counter tersebut sesuka hati.
Berikut beberapa menu editnya..

• Top Countries : menampilkan jumlah pengunjung tiap negara dengan bendera negara asal pengunjung
• Flag Map : menamplkan pengunjung dalam bentuk map aatau peta dunia seperti gambar berikut.

• Mini Counter : menampilan counter dalam bentuk mini berupa pagaview blog.
• Maximum Flag to Show : Jumlah bendera yang akan di tampilkan
• Column of Flags : Jumlah kolom untuk counter
• Label on Top of Counter : Nam dari counternya. bisa di ganti sesuai keinginan.
• Background Color : Warna latar belakang
• Text Color : warna teks
• Border color : Warna garis tepi
• Show Country Codes : Menampilkan kode setiap negara, misalnya amerika dengan kode US.
• Show Pageview Count : Menampilkan jumlah pageview atau jumlah penelusuran halaman di satu blog
• Show Number of Flags : Menampilkan seluruh jumlah bendera asal pengunjung

3. Setelah selesai ngeditnya, klik tulisan GET YOUR FLAG COUNTER. Kemudian sobat akan melihat tampilan seperti berikut.

4. Klik Skip, ambil kodenya, kemudian pasang ke HTML/Javascript blog sobat.

Cara Pemasangan :
Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
Masukkan kode kedalam kotak yang di sediakan kemudian klik save.

Read More

Cara Membuat Daftar Isi dengan Jquery di Blog

Daftar isi pada blog sangat penting sekali karena dapat memudahkan pengunjung untuk mengetahui atau mencari artikel keseluruhan pada sebuah blog. Pada kesempatan ini kita akan membahas cara membuat daftar isi dengan efek Jquery di blog.

Kelebihan daftar isi dengan Jquery ini adalah pada tampilannya yang cukup menarik. Jika Anda ingin memasangnya di blog ikuti dan simak langkah-langkahnya berikut ini :

1. Login akun blogger Anda.
2. Pilih Template > Edit HTML > centang 'Expand Template Widget'.
3. Letakkan kode berikut diatas kode ]]></b:skin> 

#dafis-acc{
font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvRAPEeXWj7liol7eKCL4PdF4gLVE-BXG5zqLREHY7ixjCwjOt3-wPVJlndze6ehpi7ERDSKbK4NMakRCHK_C6NPeIUOVJF1cLUcvhpQWLXf3jIXze1bmm5zXxjhFtDbBJNLJiHhRo0WM/s320/bg5.gif) repeat-y scroll left center #E7F7FB;
padding:2px 0;
border:1px solid #339DC6;
}
.dafis-label{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2V4eZgU8gLiiyJ3kG7IcEe7_dBqys4DwmUq_9ScY60DE6jKhhmcDpNPnu-MwiQN0bjjOPJErYZ_UgOuyd0-DuCO8fmtTvQR7zudX5exkKN-8hM1W4WZEWQE_FgL6rMuBEm1LFzl34BkY/s1600/bg4.gif) repeat-x scroll 0 0 #E1F4FB;
font-weight:bold;
line-height:1.4em;
overflow:hidden;
white-space:nowrap;
vertical-align: baseline;
margin: 1px 3px;
outline: none;
cursor: pointer;
text-decoration: none;
padding: 2px 10px;
color: #fff;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
border:1px solid #2F94BA;
}
.dafis-label:hover{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6PdN7EnIBh_9Ol9mrJEsAOCR7QSXMQ8_xRr2kD9cILfehF_kDLPRqkrdtg3_jwBQQgi765uZNWYpcyrpyxTail7Gh8mQ6KOqJmCHIgQ3Osuxy4Xoq9ApQsOl1hiT_WmfPIECr7l9XEeU/s320/bg2.gif) repeat-x scroll 0 0 #E1F4FB;
color:#003366;
}
.dafis-daf ol{
margin:0 0 0 30px !important;
padding:0 !important;
}
.dafis-daf ol li{
background-color:#C9E9F4;
line-height:1.5em;
margin:1px 3px !important;
white-space:nowrap;
text-align:left;
border:1px solid #339DC6;
}
.dafis-daf ol li a{
text-decoration: none !important;
color:#333 !important;
display:block;
padding-left:10px;
}
.dafis-daf ol li a:hover{
background: #7BC4DF;
border-left: 5px #333 solid;
padding-left: 5px;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
}

4. Kemudian letakkan juga kode berikut diatas kode </head> 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

5. Setelah itu Simpan template.
6. Langkah selanjutnya adalah memasang daftar isi di blog, letakkan kode dibawah ini pada HTML/JavaScript atau posting blog Anda pada mode HTML. 

<script type="text/javascript" src="http://id-pemula-javascript.googlecode.com/files/Dafsis.js"></script> <script src="http://id-pemula.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>

Keterangan:
Ganti kode yang berwarna merah diatas dengan alamat URL blog Anda.

Nah, sekarang blog Anda sudah terpasang daftar isi dengan efek Jquery yang menarik. 

Read More

Cara Membuat Tombol Share di Samping Blog

Pada postingan sebelumnya telah kita bahas cara membuat tombol share di posting blog serta manfaatnya, tapi kali ini kita akan membahas cara membuat tombol share di samping blog.

Agak berbeda dengan postingan sebelumnya, dimana pada posting sebelumnya tombol share yang kita pasang pada blog terletak diatas/bawah posting, untuk tombol share yang akan kita bahas ini nanti terletak disamping blog. Anda penasaran ingin segera memasangnya di blog, berikut ikuti langkah-langkahnya :



1. Login akun blogger Anda.
2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
3. Copy paste kode berikut pada HTML/JavaScript. 

<!--SideBar Floating Share Buttons Code Start-->
<style>
#pageshare {position:fixed; bottom:15%; right:10px; float:right; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px 0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>
<div id='pageshare' title="Share This With Your Friends">
<div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>
<div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
<div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>
<div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://id-pemula.blogspot.com/">Get This</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div></div>

Keterangan :
Jika Anda menginginkan tombol share di kiri blog ganti right dengan left.
4. Kemudian Simpan.

Nah, sekarang pengunjung blog Anda dapat dengan mudah membagikan halaman blog Anda ke social media. 

Read More

Cara Membuat Berita Terbaru Berjalan / Headline News Pada Blog

Ketika Anda melihat siaran berita di televisi pasti pernah menjumpai berita berjalan atau informasi yang muncul pada bagian bawah layar televisi. Pada kesempatan ini kita akan membahas cara membuat berita terbaru/headline news pada blog seperti yang kita ketahui pada siaran berita televisi.

Selain untuk mempercantik tampilan blog, pemasangan widget untuk memudahkan pengunjung mencari informasi atau berita terbaru pada blog. Berikut ikuti langkah-langkah cara membuat berita terbaru/headline news pada blog :

1. Login akun blogger Anda.
2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript
3. Copy kode berikut dan letakkan pada HTML/JavaScript. 

<script type="text/javascript">
var hn_url_blog = "http://id-pemula.blogspot.com";
var hn_jumlah_post = 8;
var hn_warna_latar = "#EEEEEE";
var hn_warna_garis = "#000000";
var hn_posisi = "bottom";
var hn_tampilkan_judul = true;
var hn_backlink = true;
</script>
<script src=" http://id-pemula-javascript.googlecode.com/files/headline-news.js">
</script>

Keterangan :
http://id-pemula.blogspot.com : ganti dengan alamat URL Anda.
8 : jumlah posting yang akan ditampilkan.
#EEEEEE : warna background yang ditampilkan.
#000000 : warna bingkai atau border.
bottom : posisi headline berada dibawah, jika ingin diatas ganti dengan top.
true : menampilkan tulisan Headline news of NAMABLOG, jika tidak ingin ditampilkan ganti dengan false.
4. Kemudian Simpan.

Nah, kini blog Anda jadi lebih menarik dengan adanya widget berita terbaru pada blog dan pengunjung dapat dengan mudah mencari postingan terbaru pada blog Anda.

Read More

Cara Membuat Auto Refresh pada Halaman Blog

Pada awal tahun 2015 ini kami akan mencoba memposting singkat cara membuat auto refresh pada halaman blog. Beberapa sumber menyatakan salah satu tujuan memasang auto refresh pada halaman blog adalah untuk membantu meningkatkan traffik blog.

Berikut langkah cara membuat auto refresh pada halaman blog :
1. Login akun blogger Anda.
2. Pilih menu tab Template > Edit HTML > letakkan kursor pada area kode HTML.
3. Cari kode dibawah ini (tekan tombol Ctrl + F untuk melakukan pencarian). 

</head>

4. Letakkan kode berikut diatas kode </head> 

<meta content='60' http-equiv='refresh'/>

Keterangan:
Angka 60 adalah waktu yang diperlukan untuk melakukan auto refresh, ganti sesuai keinginan.
5. Kemudian Simpan template.

Nah, yang perlu Anda perhatikan dalam memasang auto refresh pada halaman blog adalah setting waktu karena jika terlalu cepat maka mesin pencari khususnya Google akan menganggapnya sebagai tindakan manipulasi traffik, serta kenyamanan pengunjung blog. Usahakan pengaturan waktunya tidak terlalu cepat dan berlebihan. 

Read More