Jumat, 19 April 2013

Belajar membuat banner


Kali ini saya akan berbagi catatan tentang cara membuat banner sendiri. Saya baru mencobanya dan berhasil.
Begini caranya lihat kode html dibawah ini!!
  1. Buatlah gambar Banner anda menggunakan software pembuat gambar, misalnya Paint, Adobe Photoshop, Power Point atau yang lainnya terserah anda.
  2. Untuk mendapat URL gambar atau banner anda, bagi pengguna blogger bisa menggunakan fasilitas picasaweb.google.com anda atau mau yang lain. 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.  Saya menempelnya dalam blog pribadi.
  3. Copy kode di atas dua - duanya yang atas dan yang bawah ke kode HTML/JavaScript, beri judul sesuka hati.Pasang Banner di Blog Anda, Buat Koleksi.
<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. Untuk Kata Tandai Semua Lalu Copy+Paste bisa anda ganti sesuai keingingan anda.
  2. Lalu anda dapat mengatur lebar text area dengan mengubah angka di kodeWIDHT, dan HEIGHT untuk ukuran kebawah atau panjangnya.
  3. Tambahan bila anda tidak menginginkan banner berada di tengah bisa anda hapus tulisan center dan ganti dengan keinginan anda.


Kode HTML :

<center><a target="_blank" href="http://asacinta.blogspot.com/" title="Hope and Love For Future"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHH1dI9rQeTNvgVhFH0t1Kb46bcFDydo4SkBI2u6-qOwg_KjDU7FdxSqFPkMRFyj_7j_H40sdVj3raQRSgIXYrZHd8ASJSFeptQqfaqNBTN2Mcx4kLQRK25KdnB5pdUfEZhHK_VO71lM4/s320/banner+asacinta1.jpg" alt=" Hope and Love For Future " /></a></center>




<center><a target="_blank" href="http://www.murtiyarini.staff.ipb.ac.id" title="Memandang Dari Kampus"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6ipvxkOzOd9zsaLIEDhCGYYIndYN3EHA049Y-uNvlro79k9npcUq4vmWzjWjUeWF9gvxVbrnunQO8MvPB3VkFEIUf7hGrTUH93jXQWnjkqSShvWG_85es09PRlpRgM98VodTikYCJmQY/s320/Banner+GA1+ipb.jpg" alt=" Memandang Dari Kampus" /></a></center>





<center><a target="_blank" href="http://www.murtiyarini.staff.ipb.ac.id" title="Memandang Dari Kampus"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNLmbXWGGQwVb4fkJxFExd3kkyEvAha61kKnlcSX-wu7Aozcl-2mpXi01W6VneaII4tMxpSUPkvkS8eGSD0eN8baw50CaHnw5CBcujdHuSxdggGYe17boMDEsoFTuAlIaGdp-F-1jFHC0/s320/banner+murtiyarini.jpg" alt=" Memandang Dari Kampus" /></a></center>







<center><a target="_blank" href="http://asacinta.blogspot.com/" title="Hope and Love For Future"><https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggZAT_kLYvpVwLAnWYLe4bkeRS37SoiVOrdTmwFLvheRw35GkN_hqvB9eJzHYdkga1JAwzVdECQ0mt8Q1-O8Of8h_uNsg6WKJthj6JhPnfBtRW0boRo32p-mpe4zriNcKLXkEf0kBUKbQ/s320/banner+asacinta2.jpg" alt=" Hope and Love For Future " /></a></center>



<center><a target="_blank" href="http://www.dexa-medica.com/" title="dexa-medica"><img src="http://www.dexa-medica.com/images/banner-ogb-dexa.gif" /></a></center>



<center><a target="_blank" href="http://murtiyarini.staff.ipb.ac.id/2013/06/18/give-away-2013-aku-dan-pohon/" title="murtiyarini"><img src="URL Gambar Banner Anda" alt="murtiyarini" /></a></center>

  http://asacinta.blogspot.com/2014/06/honestly-giveaway-ultah-asacinta.html" target="_blank">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv7ifajbcdOsYTdjbfIJs23hhfwBhqLICaFo75dHk5a85JUz3aFFEDg4r_T89M2OZ19wT-ljN_qASvi9V0ElHJnOKU1ZWx76BYpS6XeU2MvQuo8kFX0dyImimih9vHVhpcRVrOKlyOCUs/s1600/1403226997352+-+Copy.jpg
" border="0" alt="asacinta" />


2 komentar:

  1. terimakasih infonya mbak.... sangat bermanfaat untuk pemula macam saya... jangan lupa mampir balikyadi blog saya... :)


    http://f4ndhy.blogspot.com

    NB :jika masuk diblog saya ketemu gambar welcome tinggal di klik saja...

    BalasHapus