cara bikin icon blogger di tolbars browser

sudah beberapa lama off akhirnya hari ini ada juga waktu untuk membuat postingan, sesuai dengan judul di atas yang sepertinya dah jadul atau sudah ketinggalan banget tapi nyatanya masih banyak kawan kawan yang belum tahu cara ini.

Ok, kita lanjut saja ke inti permasalahan,untuk pembuatan icon ini kita dapat menggunakan bantuan dari dua situs yang berkaitan, saya paparkan situs yang sering saya gunakan.
1 . cooltext.com (ini untuk membuat icon)
2. photobucket.com (ini untuk mendapatkan link icon)



nah sekarang cara - caranya adalah sebagai berikut :

1. Silahkan buka alamat cooltext.com
   


2. Lalu klik tulisan Design a Logo
   


3. Klik gambar contoh logo yang sobat sukai
   


4. Tulis tulisan yang ingin di jadikan logo di sampimg tulisan Logo Text. Misal : Blog Tutorial atau apapun
   


5. Tulis ukuran yang di inginkan di samping Tulisan Text Size. Misal : 50 ( Text standar : 70 )
   


6. Klik logo warna-warni disamping kotak yang ada tulisan Text Color untuk memilih warna tulisan (text).silahkan pilih warna yg sobat sukai
   


7. Pilih format image disamping tulisan file format. sebaiknya .JPG atau .GIF
   


8. Klik tombol yang bertuliskan Render Logo Design
   


9. Tunggu beberapa saat ketika proses pembuatan logo berlangsung
   


10. Lihat hasil logo, sudah cocok apa belum? bila belum cocok, klik tulisan Edit this logo ulangi langkah diatas, rubah yang sobat inginkan. Jika sudah cocok, klik tulisan Download Image untuk kita simpan di PC kita, Nanti logo ini yang akan kita jadikan icon blog kita
    


11. Selesai. Sobat sudah mempunyai sebuah logo.

 Sekarang sobat tinggal meng upload logo tadi ke situs photobucket.com untuk mendapatkan Link image yang akan kita pakai di blog  

1. Jika belum terdaftar di situs ini, silahkan daftar dulu (gratis dan mudah) dengan meng klik tombol yang bertuliskan Join Now pada sudut kanan atas layar
   


2. Sekarang saya asumsikan sobat sudah terdaftar (pastilah cara daftarnya bisa kan)
   


3. Silahkan Sign In dengan Id sobat
   


4. Bila sudah berada pada halaman Account sobat, Klik tombol yang bertuliskan Browse/Upload Silahkan pilih logo yang tadi di buat dari cooltext
   


5. Klik tombol yang bertuliskan Upload
   


6. Tunggu beberapa saat ketika proses upload berlangsung
   


7. Setelah upload selesai, akan di perlihatkan gambar logo serta penambahan Tag (ini bisa di lewati) masuk ke halaman account lagi dan lihat kode Link HTML nya
   


8. Copy kode HTML yang ada di sebelah tulisan URL Link. Paste pada program notepad
   


9. Silahkan klik tulisan Log Out untuk keluar dari account sobat. tutup layar browser sobat

Nah sekarang sobat tinggal memasukan kode gambar tadi ke blog ke blog sobat, cuma ada sedikit kode yang harus di tambahkan, karena kode tadi baru berupa Link Image saja. Contoh kode link image : http://i844.photobucket.com/albums/ab8/3rl4nk/cooltext438007265.png Disini sobat harus menambahkan kode <link href=' .. ' rel='shortcut icon' type='image/x-icon'/> , sehingga kode tadi menjadi seperti ini :

<link href='http://i844.photobucket.com/albums/ab8/3rl4nk/cooltext438007265.png' rel='shortcut icon' type='image/x-icon'/> 

untuk memasukan kode diatas kedalam blog anda, silahkan anda masuk ke Blogger dengan account blogger anda masuk ke menu edit HTML, pastekan kode tadi persis dibawah kode ]]></b:skin> cari mengunakan tombol F3 pada keyboard dan ketikan
]]></b:skin>  setelah ketemu masukkan kode yang tadi kita buat di bawah kode itu akan seperti ini

]]></b:skin>
<link href='http://i844.photobucket.com/albums/ab8/3rl4nk/cooltext438007265.png' rel='shortcut icon' type='image/x-icon'/>

dan hasil akhir akan seperti ini

selamat mencoba