Senangnya Berbagi Pengetahuan

Kawan sekarang mengganti logo favicon semakin gampang. Tentu saja anda masih bisa menggantinya dengan cara konvensional. Tapi jika anda tidak ingin repot, kini platform blogger.com telah memberi kemudahaan untuk mengganti lambang defaultfavicon berupa huruf B tebal berlatar orange dengan logo favicon pilihan anda.

Untuk mengubah favicon blogger, sebelumnya ada 2 syarat yang harus anda penuhi :

1. Anda menggunakan http://draft.blogger.com/home sebagai halaman defaultdari dashboard blogspot. Jika anda belum berpindah ke mode draft, segera lakukan untuk menikmati banyak kemudahan yang ditawarkan. Aku sudah menggunakan mode ini lebih dari setahun
2. Anda sudah memiliki file favicon yang berekstensi .ico, bisa dibuat gratis dihttp://www.html-kit.com/favicon atau di http://www.iconj.com/

Anda kemudian cukup masuk ke halaman 'Design' untuk mendapatkan tulisan seperti diatas. 

file favicon siap diupload

Kini anda memiliki solusi mengganti logo favicon blogger yang permanen dan tetap gratis. Sebelumnya anda harus mengupload file favicon ke penyedia hosting independen untuk mengganti logo blog di address bar browser tersebut.


Selamat mencoba. Kawan :)

Yang sebelah kiri adalah favicon default di blogspot dan yang sebelah kanan adalah favicon modifikasiku. Bikinnya gampang kok. Saya akan tunjukkan kepada anda sekalian bagaimana mengganti favicon blogspot:

1. Persiapkan gambar untuk favicon. Anda bisa menggunakan editor gambar kesukaan untuk berkreasi. Saya menggunakan Adobe Photoshop. (anda juga bisa cari di paman google jika anda binggung untuk membuat gambarnya)
2. Ukuran icon yang saya buat adalah 27 x 20 pixel. Menurut saya ukuran maksimal untuk tinggi icon agar terlihat proporsional adalah 30 pixel.
3. Simpan dengan ekstensi gif (File, Save As, File Type : gif). Ekstensi untuk favicon sebenarnya bisa dibuat dalam ekstensi gif, ico dan png. Saya pilih gif karena lebih mudah pembuatannya dan ukurannya relatif kecil, juga bisa dibuat beranimasi (tidak saya bahas sekarang)
4. Upload gambar ke ImageShack, Flickr atau dari Picasa dan dapatkan link direct downloadnya. Contoh yang saya pakai ada di https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHFzc4ogd5tAEt3NOw8kBSJzgQMJvKi7icL9ZcxVCQb1TQ9n_aPm9G08BA-pLYeuCLtCAHxwi2jliDBqmY4ZIcdDuoE97EmVzPk9hssZ0ptHwskl2H9L69uuY1rKNo6HR8aCmQQKi3UxlX/s512/icon3c.gif
   
   Anda dapat mengupload file favicon ke
   1. http://www.iconj.com/favicon_hosting.php
   2. http://www.picpanda.com
   3. http://www.fileden.com
   4. http://mirrorimg.net
   5. http://www.imageboo.com
5. Login ke Dashboard blogspot anda, masuk ke menu Layout, Edit HTML
6. Tekan CTRL+F, masukkan kata: </head>, letakkan kursor anda sebelum tanda </head> tersebut Selipkan syntax berikut :
7. <link href='http://www.timawa.net/forum/Smileys/default/armata_PDT_33.gif'/> (NB: Ganti alamat yang berwarna merah sesuai alamat icon anda.
8. Save Template dan lihat perubahan yang terjadi (View Blog) - Selesai

Silahkan dicoba. Beri tahu saya hasil yang anda buat.


jika anda tidak berhasil anda bisa melakukan untuk memaksa browser menampilkan favicon diatas, anda dapat menambahkan kode:

Disini saya akan membahas gimana cara membuat tulisan address bar berjalan, untuk kali ini kawan bisa menerapkannya di address bar Blog kawan. Tulisan ini berjalan tanpa hentinya di address blog kawan sehingga tidak terkesan monoton dan pengunjung pun tidak akan kabur. (Mudah-mudahan ga pada kabur) :D

kawan bisa mengganti tulisan yang berjalan sesuai dengan keinginan kawan.
sulitkah untuk membuat nya ???? Untuk kawan, ini tidak terlalu sulit kita hanya menambahkan sedikit kode CSS di template kita. Dari pada penasan langsung aja ya di praktekkan.
Langkah Membuat Address bar berjalan :
1. kawan harus LOg In dulu di Blogger.com.
2. Masuk ke menu Tata Letak >Edit Html
3. Cari Kode dan Copy script di bawah ini kemudian pastekan tepat di atas kode


<script type='text/javascript'>
//<![CDATA[
msg = " --- welcome Belajar Iseng-Iseng--- ";
msg = " --matur nuwun sanget--" + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",100);
}
scrollMSG();
//]]>
</script>


Ket :

• Lihat Tulisan yang berwarna merah, kawan bisa menggantinya sesuai keinginan kawan dan itulah tulisan yang akan muncul di Address bar kawan.

4. Simpan Template.

Gampang kan.,..,,Sekarang kawan bisa melihat hasilnya di Blog kawan.
Selamat bereksperimen ya kawan..!!!