Kamis, 19 Agustus 2010

MENGGANTI TAB ICON DAN JUDUL TAB BERGERAK

Posted by mboloz at 17.19
Hehe Kali ini aku coba-coba belajar ganti icon tab...
Apa itu tab icon?? nih gambarnya...









setelah beberapa kali goggling dan buka beberapa referensi.. ternyata caranya cukup simpel...
Pertama-tama aku upload gambar buatanku sendiri di http://imageshack.us (site uploader gambar gratis) tinggal di browes aja gambar dari pc kamu tar di buatin link imagenya...
ato juga bisa pake gambar yang sudah resedia di web2 yang penting ada link nya karena tar kita pake..

Setelah dapetin link image masuk ke Design  trus Edit HTML trus copy gantikan link tadi ke script yang ada di blog (bagian paling atas nih...)
<head>
di bagian bawah scrip itu ganti dengan link gambar yang kamu buat atu gambar dari internet
<link href='http://img69.imageshack.us/img69/7633/newcoreldrawx3graphic.png' rel='SHORTCUT ICON'/>
nah yang warna kuning kamu ganti dengan link kamu sendiri..



sedangkan untuk membuat judul tab bergerak di bawah script buat icon tadi kamu masuki aja script ini


<script language='JavaScript'>
var txt=&quot; mboloz blogger amatir&quot;;
var kecepatan=250;var fress=null;function gerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
fress=setTimeout(&quot;gerak()&quot;,kecepatan);}gerak();
</script>


nah untuk warna kuning itu kamu rubah sesuai keinginanmu judul tab yang ingin di tampilkan
sedangkan angka 250 bisa kamu ganti buat mempercepat atau melambatkan gerakan

^^ setelah itu aku save eh berhasil ganti tab icon nya hehehehe....

kayak gini gambarnya (klik gambar untuk perbesar)

10 komentar:

  1. mboloz19 Agustus 2010 pukul 19.14

    :D kalo ada yang mau di tanyakan silahkan saja.. soale kalo salah letak bisa bikin error page elemen

    BalasHapus
  2. Asih5 September 2010 pukul 19.36

    ku kalo uda berhubungan dengan edit page html uda nyerah duluan. soale nyari susah tenan eeee

    BalasHapus
  3. mboloz6 September 2010 pukul 18.41

    hehe di coba aja... di backup dulu template nya jadi kalo terjadi kesalahan bisa di ulang

    BalasHapus
  4. Pasboy14 November 2010 pukul 14.22

    Bener thu cak ....
    klw susah nyari pake (find ajj) ..
    klik Ctrl+F (truz tinggal etik dehh ..

    BalasHapus
  5. MA BUSTANUL ULUM16 November 2010 pukul 04.19

    kok g' bisa ya..........>>

    BalasHapus
  6. mboloz21 November 2010 pukul 08.44

    bisa kog mas... coba liat penempatanya seperti gambar di atas...

    BalasHapus
  7. Ann22 Desember 2010 pukul 22.02

    Ndak ngrti carany...

    BalasHapus
  8. mboloz24 Desember 2010 pukul 14.55

    @ann : ndak ngerti apa gak mau ngerti??

    BalasHapus
  9. khamdi21 April 2011 pukul 13.20

    apa bisa memasukkan code tsb untuk webs, soalnya saya belum tau dimana letak edit html templatenya, tidak seperti di blogspot dll... contohnya ni.. www.hasnaproduction.webs.com

    BalasHapus
  10. mboloz25 April 2011 pukul 06.31

    saya sudah buka situs nya mas... tapi mav saya sendiri belum pernah buat dari webs.com, jadi saya juga belum tahu..

    BalasHapus

Langganan: Posting Komentar (Atom)