Mengganti Icon Address Bar dan Membuat Tulisan Judul Blog Berjalan - GISTECHINDO
  • About
  • Kontak
  • Disclaimer
  • Sitemap
  • Pasang Iklan
  • Follow DuniaKompi
GISTECHINDO

  • SEO
  • Desain
  • Templates
  • AdSense
  • Tutorial
    • Membuat Blog
    • Ganti Template
    • Kode Warna
    • Tag Kondisional
    • Awesome Font
  • Layanan Premium
  • Blog Tools
    • Parse HTML
    • CSS Compressor
    • Image Optimizer
    • HTML Compressor
  • Galeri Template
MENU
Home » Trik Blog » Mengganti Icon Address Bar dan Membuat Tulisan Judul Blog Berjalan
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

KANG GAWE October 18, 2010 DK Blogger Indonesia

Mengganti Icon Address Bar dan Membuat Tulisan Judul Blog Berjalan

Posted by KANG GAWE on Oct 18, 2010

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

Tweet
Previous
« Prev Post
Next
Next Post »

Related Posts

Dunia Komputer
GISTECHINDO Updated at: October 18, 2010
Click to Comment!
Close Comment!

0 komentar:

Post a Comment

Jika anda Suka dengan Artikel ini Selahkan Berkomentarlah

PERHATIAN

1. Berkomentarlah dengan bijak
2. jangan berkomentar yang berisi isu sara, porno grafi/aksi

Labels

agama app av browser aplikasi cms design downapp editor global Hosting Ilmu sehat indonesia Internet java karya tulis Komputer linux mp3 obat OS pemrograman pengobatan Sosial network ss Trik Blog tt windows wp

Popular Posts

  • Cara Menghapus Subtitle Bawaan Video atau Film
  • Download MKV Software
  • Cara Aktivasi Windows 7 menjadi Asli permanen
  • CARA MENGGUNAKAN TURBO PASCAL
 

Labels

agama (1) app (27) av (1) browser aplikasi (3) cms (1) design (1) downapp (17) editor (1) global (5) Hosting (3) Ilmu sehat (7) indonesia (7) Internet (19) java (8) karya tulis (1) Komputer (44) linux (8) mp3 (1) obat (5) OS (10) pemrograman (7) pengobatan (7) Sosial network (14) ss (5) Trik Blog (26) tt (14) windows (3) wp (2)

DK Suport

d

Test Footer 2

Test Footer 1

Test Footer

Support : Blog Gado Gado | Indo Media Kita | Gistechindo | Wong Asli Cirebon
Copyright © GISTECHINDO. All rights reserved.
Template Modif by Dunia Komputer
powered by Blogger
Back To Top