Jika kita membuka suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon pada address bar (kotak untuk mengetikkan alamat web). Dan jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar seperti ini huruf (B) dan judul blognya statis atau diam.
Bagi kamu yang tidak puas dengan icon/gambar default ikon Blogspot tersebut. kamu bisa menggantinya dengan gambar lain yang sudah kamu upload ke webhost dan juga membuat judul blognya anda berjalan. 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). Berikut ini langkah2nya ;
# Mengganti Icon Address Bar
1. Sign In ke Blog-mu
2. Pilih Layout/ Tata letak
3. Pilih Edit HTML
4. Cari kode </head> dengan Ctrl+F agar mudah
5. Letakkan kode dibawah ini di atas kode </head>
<link href=' http://img98.imageshack.us/img98/9617/image3cr0.gif ' rel='SHORTCUT ICON'/>
# Membuat Tulisan Judul Blog berjalan pada Address Bar
1. Sign In ke Blog-mu
2. Pilih Layout/ Tata letak
3. Pilih Edit HTML
4. Cari kode </head> dengan Ctrl+F agar mudah
5. Letakkan kode dibawah ini di atas kode </head>
<script type='text/javascript'>
//<![CDATA[
msg = " --- ECHA BINTANG TIMUR ";
msg = " | Media Sharing | Tutorial Blogger | Software | Komputer --- " + 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>
ganti huruf yang dicetak tebal dengan lokasi gambar pada webhost tempat anda menyimpan file gambar anda. Kamu bisa menyimpan gambarmu di photobucket dan juga di imageshack atau kalo kamu tidak mau pusing dibawah ini ada beberapa contoh icon/gambar beserta dengan linknya.
Catatan ;
Ganti tulisan berwarna orange dengan tulisan yang kamu suka.
Kamu juga dapat mengganti URL berwarna merah dengan Url icon dibawah ini ;
http://img87.imageshack.us/img87/5862/image1an1.gif
http://img110.imageshack.us/img110/6218/image2ie0.gif
0 komentar:
Post a Comment