Header Ads

Buat Logo Blog dan Judul Blog Berjalan

Pernah tidak, kita membuka suatu blog kemudian 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 dan judul blognya bergerak tulisanya..

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). Setelah itu .....
masuk ke "Layout -->Edit HTML" trus tempatkan script berikut kedalam tag <thead> tepat diatas atau dibawah script tersebut

Script buat LOGO Blog
<link href="http://img98.imageshack.us/img98/9617/image3cr0.gif" rel="SHORTCUT ICON">


Script buat judul blog berjalan:
<script language="JavaScript"><br />var txt="";<br />var kecepatan=250;var segarkan=null;function<br />bergerak() { document.title=txt;<br />txt=txt.substring(1,txt.length)+txt.charAt(0);<br />segarkan=setTimeout("bergerak()",kecepatan);}bergerak();<br /></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.

Ni aq kasih beberapa Icon :

http://img87.imageshack.us/img87/5862/image1an1.gif

http://img110.imageshack.us/img110/6218/image2ie0.gif

http://img98.imageshack.us/img98/9617/image3cr0.gif

sedangkan kode dibawahnya untuk membuat judul blog anda berjalan. aku udah mencobanya dan sukses.. trus aku apus lagi script nya coz lama2 bikin puyeng mata hehehe.. oh ya ada beberapa template blog yang gak bisa dirubah..tapi otak-atik aja biar bisa gimana.. sedangkan untuk logo blog apabila gak jadi coba script logo tadi letakan tepat di bawah script <title><data:blog.pageTitle/></title>

di coba ya... kalo salah ato gak jadi oprek lagi OK jangan putus asa..

5 komentar:

  1. mas puyeng... BOY CELL

    BalasHapus
  2. wew asyik punya nih design, bagi dong ilmunya gimana sih caranya biar bisa muncul menu menu seperti diatas, terus ketika kursor diarahkan muncul sub menu nya...pengen tau.... he he
    ajari dong mas...peace

    BalasHapus
  3. SUMPAH...!!!
    ga ngerti mas
    maaf bangat ya

    da coba
    pusing amat

    BalasHapus

Diberdayakan oleh Blogger.