Cara Memasang Live Traffic Feed

Live Traffic Feed dari situs feedjit.com diperlukan bagi sebuah blog yang berguna menjadi history untuk mengetahui dari mana datangnya pengunjung blog kita. dan lebih hebatnya lagi kita bisa melihat keyword atau kata-kata apa yang dituliskan di mesin pencari seperti google search engine, atau yahoo search dll. yang berakhir di blog kita secara live (secara langsung) dengan cara mengklik Watch in Real-Time yang ada di bawah widget live traffic feed tersebut.
sebagai contoh klik Watch in Real-Time itu live traffic punya ankenf he...he...he...

Untuk anda yang ingin menambahkan widget diatas, ikuti langkah-langkah berikut ini.

1. Kunjungi link : http://feedjit.com


2. Klik widgets setelah anda berada di situs tersebut


3. Klik salah satu pilihan Javascript widget yang anda perlukan.
   


4. Setelah memilih salah satu dari 4 pilihan disana lalu anda klick "Click here to Customize It!" itu berguna untuk menentukan warna agar sesuai pada blog kita.


5. Selesai mengotak-atik warna, Copy dan Paste ke blog anda dengan cara berikut dibawah ini.


6. ~> Login ke Blogger lalu ke Elemen Halaman dan Tambah gadget di sisi sidebar atau di footer terserah pemilik blog setelah itu pilih HTML/JavaScript setelah itu paste di dalamnya kode yang telah di copy di atas.


7. Klik simpan dan selesai
   
   


8. Silahkan anda lihat blog anda sekarang

Semoga Berhasil...!!

Demikianlah artikel mengenai Cara Memasang Live Traffic Feed
Semoga Bermanfaat..

Read More... »

Cara Mengganti Icon Pada Address Bar

kali ini ankenf akan membahas masalah address bar atau disebut dengan favicon, Jika kita membuka suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon pada address bar (kotak untuk mengetikkan alamat web) . jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar seperti ini :

lalu dibarengi dengan alamat blogger kita

sudah mengerti..? kalau belum ankenf perjelas lagi, contoh gambar favicon punya ankenf :
Bagi kamu yang tidak puas dengan icon/gambar tersebut, kamu bisa menggantinya dengan gambar sesuai dengan keinginanmu. caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat).

kalau belum bisa membuat gambarnya ikuti langkah-langkah berikut ini :

1. Pertama buatlah sebuah gambar yang akan di jadikan sebagai favicon, contoh seperti gambar di bawah ini :




2. Setelah itu anda harus mengubah gambar tersebut kedalam bentuk gambar icon. Untuk hal tersebut, anda bisa menggunakan tool Favicon Generator, silahkan kunjungi situs

• http://www.favicongenerator.com
  atau


• http://www.favicon.co.uk:
  Anda dapat memilih ukuran favicon (16x16, 32x32, 48x48, 64x64)
  atau


• http://favicon-generator.org
  atau


• http://www.favicon.cc :
  Anda dapat membuat favicon sendiri sesuai kreasi Anda

3. Klik pada tombol Browse...

4. Masukan gambar yang tadi dibuat untuk di ubah menjadi format icon

5. Klik pada tombol Generate Favicon.

6. Setelah proses selesai, klik pada Click Here to Download your favicon.

7. Save ke komputer anda.

Setelah itu .....
masuk ke "Tata Letak --> Edit HTML" trus tempatkan script berikut sebelum kode

</head>

<link href='http://img98.imageshack.us/img98/9617/image3cr0.gif' rel='SHORTCUT ICON'/>

atau bisa juga seperti kode dibawah ini :

<link rel="shortcut icon" href="http://img98.imageshack.us/img98/9617/image3cr0.gif"/>

Ganti huruf yang berwarna merah dengan lokasi gambar dimana kamu menyimpan gambar tersebut yang kita upload di tempat hosting gambar.
contohnya kamu mengupload gambar kamu di photobucket dan juga di imageshack sebagai contoh kamu meng-upload di Album Picasa caranya seperti di bawah ini :

1. Login ke picasa dengan account google di http://picasaweb.google.com


2. Tekan tombol I accept.


3. Jika anda memiliki software picasa yang sudah terinstall pada PC, anda dapat meng-uploadnya dengan mudah. Tekan tombol launch picasa dan software pun akan berjalan. Namun pada kesempatan kali ini, kita gunakan cara tradisional yaitu meng-upload gambar melalui browser.


4. Setelah anda menekan tombol I accept, silahkan dilanjutkan dengan klik tombol upload.


5. Isikan form title, date, dan seterusnya. jika selesai tekan tombol continue.


6. Tekan tombol browse dan arahkan pada file yang akan anda upload


7. Tekan tombol start upload untuk menguploadnya ke dalam server picasa
8. Setelah selesai, anda akan menjumpai tampilan thumbnail gambar tersebut. Klik gambar tersebut untuk melihatnya secara full


9. Klik kanan gambar tersebut dan pilih properties.


10. Anda akan mendapatkan URL gambar yang kurang lebih seperti ini http://lh6.ggpht. com/_4r8ISY........................oTZz4tK4/gambar-header.gif (hanya contoh alamat gambar).


11. Kembali lah pada situs blogger.com dan masuklah pada tab layout * Edit HTML
12. Link gambar yang bertuliskan http://img98.imageshack.us/img98/9617/image3cr0.gif anda ganti dengan link yang baru yaitu http://lh6.ggpht. com/_4r8ISY........................oTZz4tK4/gambar-header.gif (contoh alamat gambar).


13. Lakukan hal yang sama untuk gambar2 yang lain.

Good Luck

Read More... »

Cara Mengganti Judul Postingan pada Blog

Secara default widget template Blogger yang ada selalu menggunakan <h2> atau <h3> untuk judul postingannya. Menurut pakar SEO nih... Supaya judul postingan kita lebih SEO friendly maka judul postingan bisa kita ganti dengan kode <h1>. Dengan demikian search engine akan lebih mudah untuk menemukan postingan di blog kita, dan blog kita bisa bertengger di posisi bagus di halaman searh engine.

Ok! Tanpa banyak komentar, sekarang kita mulai bagaimana cara mengganti heading tag pada judul postingan agar lebih SEO friendly.

Berikut langkah - langkahnya:

1. Login di Blogger >> Menu Layout >> Edit HTML.


2. Beri tanda centang "Expand Widget Template".


3. Cari kode dibawah ini (gunakan ctrl+F untuk mempermudah pencarian).




<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>




4. Kalau dah ketemu Ganti kode h3 menjadi h1.


5. Selanjutnya copy kode dibawah ini.




h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 {font-size:1.5em;}




6. Lalu letakkan tepat sebelum kode dibawah ini.




]]></b:skin>




7. Selesai dan Save Template.

Perlu diperhatikan bahwa nilai 1.5 adalah nilai besaran font. Jika anda merasa nilai tersebut terlalu besar untuk judul posting, anda bisa merubahnya dengan nilai 1.4 atau 1.3 saja. Sesuaikan dengan template anda sendiri.

Ok! Semoga bermanfaat...

Good Luck...!

Read More... »