Rabu, 29 April 2009

Cara Memasang Banner & Script Banner di Blog

Untuk pertama kalinya saya memposting tentang tip-trik dalam blogging hehe jadi malu neh .. mudah-mudahan aja gak diketawain .. , masalahnya masih junior banget dalam hal ngeblog lagian tip ini udah banyak yang tau alias udah basi, tapi nggak ada salah nya untuk mencoba, kali aja ada mampaat nya .. tentunya buat yang masih junior dunk sama jg hal nya seperti saya
. Sesuai dengan judul diatas saya mencoba untuk berbagi tentang cara memasang script banner di blog ... karena ada beberapa orang yang belum tau dan merequest nya di shoutmix .. oke deh tip ini kupersembahkan buat kalian (halah sok-sokan) .. nah kita mulai sekarang .. 1 2 3 start

  • Login di Blogger > Tata Letak > Tambah Gadget > Html / Java Script > Buat Nama nya misal My Banner
  • Copy script dibawah ini lalu pastekan digadget My Banner dan jangan lupa tulisan yang warna merah diganti dengan alamat atau url blog kamu dan tulisan yang warna biru di ganti dengan alamat link image banner kamu ... ini untuk menampilkan Baner di blog
<a href="http://ekakom.blogspot.com" target="_blank"><img border="0" src="http://i560.photobucket.com/albums/ss44/erge32/BnreEkakom.gif"/></a>

  • Nah cara untuk manampilkan Script Banner diblog ... copy script yang ada dibawah ini, lalu paste kan di gadget My Baner dibawah script pertama jangan lupa ganti tulisan yang berwarna merah dan biru sesuai dengan url blog dan alamat link banner kamu kemudian simpan.
<div style="border: 1px solid #ccc; overflow: auto; width: 90%; font: 11px Verdana; height: 80px; text-align: center;margin:3px; padding:8px">
&lt;a href=&quot;http://ekakom.blogspot.com&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://i560.photobucket.com/albums/ss44/erge32/BnreEkakom.gif&quot;/&gt;&lt;/a&gt;
</div>


hasil nya kalau gak salah seperti dibawah ini

http://erge32.blogspot.com

<a href="http://ekakom.blogspot.com" target="_blank"><img border="0" src="http://i560.photobucket.com/albums/ss44/erge32/BnreEkakom.gif"/></a>

Sedikit penjelasan tambahan tentang script diatas , sript yang dibawah ini adalah untuk membuat scoroll tek (mengulung tek)

<div style="border: 1px solid #ccc; overflow: auto; width: 90%; font: 11px Verdana; height: 80px; text-align: center;margin:3px; padding:8px">


</div>

sedang kan script dibawah ini
&lt;a href=&quot;http://ekakom.blogspot.com&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://i560.photobucket.com/albums/ss44/erge32/BnreEkakom.gif&quot;/&gt;&lt;/a&gt;

adalah merupakan hasil dari Encode script dibawah ini
<a href="http://ekakom.blogspot.com" target="_blank"><img border="0" src="http://i560.photobucket.com/albums/ss44/erge32/BnreEkakom.gif"/></a>

Untuk Encode script kamu bisa melakukakan nya disini Encode script ini juga merupakan cara untuk menampilkan script di posting atau di gadget,... copy script yang mau di Encode kemudian pastekan di kotak isian Convert text to HTML entities (and vice-versa) tapi sebelum itu hapus dulu kata yang ada dalam kotak tersebut setelah itu klik tombol Encode copy script hasil setelah di Encode pastekan ke dalam postingan.

Mudah mudahan tips ini ada mamfaat nya bagi yang membutuhankan ... salam, eit... jangan lupa nitip komen nya yaa .... terimakasih.

48 komentar:

  1. nambh lagi pengetahuan ku setelh mampir ke sini
    maksih brother,tutornya sangat bermanfaat bagi blogger newbiew seperti saya ini

    keep posting
    trs semangat

    BalasHapus
  2. wuih mantap neh,,warteg nya erge emang keren,,

    BalasHapus
  3. Nice info, jalan-jalan ke blog kami ya!

    BalasHapus
  4. empatxxxxx !!!!!!
    artikel bagus ni bro..
    two thumbs for you !!!
    mampir ya ke iamhurted.blogspot.com...
    hehehe...
    Salam Blogger Mas Erge......

    BalasHapus
  5. Makasih atas komentar nya teman-teman ...

    BalasHapus
  6. bagus bos... tanks infonya..tp q pengen tau caranya bikin bannernya dulu dmana?

    BalasHapus
  7. Wah kebetulan gw dah gak pasang di blog, tapi di artikel sob, dah penuh blog saya hehhe
    Makasih infonya :)

    Regards,
    Ghustie Samosir
    www.hanyainfo.blogspot.com

    BalasHapus
  8. banner roomen kapan jadinya???
    uda satu tahun niy roomen tunggu.
    oya bos, ada pesan dr roomen buat blogger indonesia.
    baca disini bos

    BalasHapus
  9. nice info bro,.... ditunggu kedatangannya.

    BalasHapus
  10. banner saya koq,... nggak ada disini yah?

    BalasHapus
  11. wekekek.. nice info broooo... :D

    BalasHapus
  12. tipsnya macho !!!


    0---> mampir yah.... websiteadipratama.blogspot.com

    BalasHapus
  13. keren infonya nux...



    saluteee...


    jadi followwers aku yah...



    ---? websiteadipratama.blogspot.com

    BalasHapus
  14. aku belum buat banner, baca tips ini, lalu pengen buat banner secepatnya dech, biar bisa tuker2an banner

    BalasHapus
  15. ini info yg saya tunggu gie..tp script na panjang jg ya..ada yg lebih ringkas ga? maklum ga ngerti neh ttg script tp pgn bikin banner

    BalasHapus
  16. gada kata telat untuk berbagi pengetahuan sob..

    BalasHapus
  17. Mantaabbbzzz nech bro...Sangat bermanfa'at...Sukses slalu..:)

    BalasHapus
  18. wah saya juga ingin nambah wawasan tentang bagaimana membuat banner scrip ntar biar blog saya makin rame dan bagus lagi hehehe makasih infonya mas,salam hangat

    BalasHapus
  19. satu artikel menarik bagi kita semua agar bisa di praktekkan dalam blog kita bagi sobat yang belum punya banner scrip ,heheheh salam

    BalasHapus
  20. harus dicoba nih... coz beberapa hari yg lalu cari2 cara buat bkin ginian..maklumlah newbie..

    BalasHapus
  21. thank info nya. http://www.heriex.blogspot.com

    BalasHapus
  22. Sip tipsnya Sob..... he..he... kapan2 aku ambil tuh script2nya, soalnya aku sering lupa.... trus ga bs buat sendiri.....
    Keep Ngeblog Sob.....

    BalasHapus
  23. thaks... aku juga pemula, tulisannya sgt bermanfaat buat aku... :)

    BalasHapus
  24. Thanks banget ney infonyaaa
    berguna banget wat blogger ingusan kaya gw
    ThanKs A LOT

    BalasHapus
  25. wah untung banget nih gw ketemu nih blog..soale gw kepuyengan nih kulalang kuliling cari cara bikin banner....thx ach he..he..he...

    BalasHapus
  26. thanx baget..
    http://bakumatsu16.blogspot.com/

    BalasHapus
  27. Keren
    Hahahahaha
    T'X for Info
    Kaumkusut.blogspot.com

    BalasHapus
  28. matepppppppppppp dah tak praktekin gan.. thx banget.. aku cri2 muter2 ngaak nemu.. akhirnya nemu juga.

    BalasHapus
  29. Mantap infonya jadi bnyk tahu klo mampir ke sini, jgn lupa mampir" juga ya..Dan juga memang berkerja keras buat mambangun blog dari pemula sampai intermediate aja deh, karena memang Kerja keras adalah energi kita
    tapi apakah hanya dengan kerja keras saja sudah cukup??Memang di perlukan Tips-tipsselain kerja keras, but anyway nice post

    BalasHapus
  30. Mantap bro postingannya,setelah kucari2 jawabannya ternyata ada disini! Ada satu lagi pertanyaan bro, gimana menampilkan banner yang bertumpuk di sidebar 1 kolom,supaya hemat ruang. Terima kasih.

    BalasHapus
  31. numpang links yach,,,, links anda sudah kita pasang pada http://bangbom.blogspot.com

    BalasHapus
  32. terimakasih bro untuk artikelnya, langsung praktek di TKP...

    BalasHapus
  33. Mas, saya sangat tertarik dengan artikelnya, kalau mo diapsang do blog wordpress gimana mas ??
    terimakasih sebelumnya

    BalasHapus
  34. @sukadi :
    masuk di Dashboard, lalu cari Appearance, klik Widget, trus di sidebar kamu tambah kotak Teks (geser dari available widget ke sidebar), di dalam Teks itu baru kamu copy paste kan, langkah selanjutnya sama kayak penjelasan di atas......lalu save.udah, aku uda coba......berhasil !!! ^_^V

    BalasHapus
  35. matursuwun untuk caranya bos...meskipun cara jadul...tapi masih manjur

    BalasHapus
  36. GABUNG AHHH,JANGAN LUPA KUNJUNG :http://colom-cerita.blogspot.com/

    BalasHapus