Assalamu'alaikum pembaca setia solidaritas blog. saya akan memposting bagaimana cara membuat / memasukkan banner di blog. langsung aja sobat membaca perintah dibawah ini !
dan biasanya akan diberikan kode html yang nantinya akan kita pasang di blog kita, seperti ini contoh kode html-nya :
<a href="http://www.buxp.net/?r=miskahiper"><img src="http://buxp.net/banner1.gif" alt="" /></a>
dan bagaimana cara memasangnya di blog kita? silahkan ikuti panduannya berikut ini :
- Login ke Blogger dengan ID sobat.
- Klik Tata Letak.
- Klik Elemen Halaman.
- Kemudian klik yang bertuliskan Tambah Gadget, bisa di sidebar, header atau bagian bawah template.
- Kemudian pilih yang HTML/Java Script
- Copy paste kode HTML sobat kedalamnya, sobat bisa menambahkan judul diatasnya jika mau.
- Lalu klik Simpan.
- Selesai.
Membuat banner sendiri
Bagaimana jika sobat ingin memasang banner atau gambar sendiri ke dalam blog sobat dan jika di klik akan menuju ke situs atau blog sobat yang lain? saya akan berikan contohnya berikut ini.
Saya punya gambar kecil dengan bentuk seperti ini :
Bagaimana membuatnya menjadi banner yang mempunyai link didalamnya?
- Upload gambar tersebut kedalam situs penyimpanan online, sobat bisa upload ke Photobucket atau Google Sites
- Anggap saja sobat ingin menggunakan jasa Photobucket, pada halaman depan silahkan sobat klik Join Now It’s Free! untuk menjadi anggota
- Ikuti saja langkah-langkah pendaftarannya sampai selesai.
- JIka sudah selesai register, klik login untuk masuk ke halaman utama Photobucket
- Bagaimana cara upload gambarnya? pada bagian atas coba cari tulisan Upload images & videos, klik dan upload gambar yang sudah sobat siapkan.
- Setelah selesai upload gambar, kemudian sorot pada gambar tersebut dan klik yang HTML Code
- Sekarang copy paste saja dulu kedalam notepad, misalnya kode html untuk gambar yang saya upload ke Photobucket seperti ini :
<a href="http://s643.photobucket.com/albums/uu155/miskahiper/?action=view¤t=BANNER2.jpg" target="_blank"><img src="http://i643.photobucket.com/albums/uu155/miskahiper/BANNER2.jpg" border="0" alt="blogspot tutorial,blog,tips blogging"></a> - Hapus kode yang berwarna merah dan ganti dengan kode url blog sobat atau situs yang ingin sobat beri link, sehingga jadinya seperti dibawah ini :
<a href=http://miscah.blogspot.com" target="_blank"><img src="http://i643.photobucket.com/albums/uu155/miskahiper/BANNER2.jpg" border="0" alt="blogspot tutorial,blog,tips blogging"></a> - Kode tersebutlah yang sekarang bisa sobat copy paste ke blog sobat.
Mudah kan, selamat berkreasi !
Post a Comment