Monday 22 February 2010

Cara Membuat Banner/Kode Banner Blog Sendiri

Kali ini saya akan berbagi catatan tentang cara membuat banner sendiri, mau tau? kalo ga silahkan keluar dari sini!! wah ngusir!! bercanda..
Begini caranya lihat kode html dibawah ini!!

<center><a target="_blank" href="URL Anda" title="Nama Blog Anda"><img src="URL Gambar Banner Anda" alt="Nama Blog Anda" /></a></center>

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Tandai Semua Lalu Copy+Paste" /> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 250px; HEIGHT: 50px" name="txt" rows="100" wrap="VIRTUAL" cols="55"><center><a target="_blank" href="URL Anda" title="Nama Blog Anda"><img src="URL Gambar Banner Anda" alt="Nama Blog Anda" /></a></center></textarea></p></form></div>
  1. Copy kode di atas dua - duanya yang atas dan yang bawah ke kode HTML/JavaScript, jika belum tahu caranya silahkan kesini. Beri judul sesuka hati seperti saya yang memakai judul:
    Pasang Banner di Blog Anda, Buat Koleksi..
  2. Buatlah Banner anda menggunakan software pembuat gambar, misalnya Paint, Adobe Photoshop, atau yang lainnya terserah anda, yang penting jadi!!
  3. Untuk mendapat URL gambar atau banner anda, bagi pengguna blogger bisa  menggunakan fasilitas picasaweb.google.com anda atau mau yang lai juga bisa. Tapi khusus picasaweb.google.com  Caranya setelah anda mengupload sebuah gambar, maka anda klik kanan pada gambar tersebut. Kemudian klik copy image location, itulah url gambar anda!!
  4. Untuk Kata Tandai Semua Lalu Copy+Paste bisa anda ganti terserah anda!! 
  5. Lalu anda dapat mengatur lebar text area dengan mengubah angka di kode WIDHT, dan HEIGHT untuk ukuran kebawah atau panjangnya.
  6. Tambahan bila anda tidak menginginkan banner berada di tengah bisa anda hapus tulisan <center> atau ganti semau anda!
Mau bukti? lihat saja di sidebarku!!
Semoga artikel ini berguna dan bermanfaat.

NurAd1K
nurad1k.blogspot.com

21 comments:

  1. Wah bikin banner???Coba dulu ah mumpung belum punya...Makasih ya sobat....

    ReplyDelete
  2. folow balik yah ni blogki http://wikiadipedia.blogspot.com

    ReplyDelete
  3. okeh , patut di coba nih ..
    dari http://www.ex-zone.co.cc/

    ReplyDelete
  4. makasih gan
    from edhogawa-black.blogspot.com

    ReplyDelete
  5. ijin copas ya mas, mo t prakti'in dulu

    ReplyDelete
  6. Assalamu'alaykum....Wah...mantap..terimakasih mas ats infonya...sdh saya coba...hasilnya sangat memuaskan...terimakasih buanyakkkkk....

    ReplyDelete
  7. wah info.a bermanfaat banget ni saya baru dalam dunia blog msh ijo bgd. trims gan x)
    jgn lupa di follow ya gan http://ucleD82.blogspot.com

    ReplyDelete
  8. Tandai Semua Lalu Copy+Paste mksudnya kata" ni ap gan??ap yg di copy lalu di paste?mohon pncerhannya ya for newbie ^^
    waiting you for visit my blog
    http://cara-tiptrik.blogspot.com/

    ReplyDelete
  9. jazakallah tutorialnya.....
    langsung tkp end mantap :D
    nich hasilnya gan
    http://sunnahmu.blogspot.com/

    tapi ane mu tanya gan, bagaimana membuat memperkecil kotaknya ????

    ReplyDelete
  10. wah, hebat gan ijin nyimak dan mempraktekan dulu...??

    ReplyDelete
  11. ada cerita seru di www.bukuhidupandre.blogspot.com gak nyesel deh kalau udah baca

    ReplyDelete
  12. wah,terima kasih nih tips nya..saya jadi bisa bikin banner :D

    ReplyDelete
  13. kalau mau bikin banner yang gerak gerak pake apa ya ?..aplikasi online yang bagus apa?

    ReplyDelete
  14. Keren banget sob artikelnya, izin nyimak saja ya :)
    http://goo.gl/en6pkY

    ReplyDelete
  15. terimakasih atas infonya gan
    di tunggu informasi selanjutnya
    sukses terus

    ReplyDelete