Dipostingan yang ini atau ini, Pak Guru sharing tentang membuat Logo dan banner alternative. Tenyata masih ada yang kesulitan atau juga belum paham untuk memasukan logo atau banner itu ke blogspot, it is ok karena Pak Guru tahu masih banyak yang pemula dalam urusan blog. Pak Guru juga dulu sepertu itu saat pertama kali ngeblog.
1. Memasukan Logo atau Banner Pada Sidebar
Kalau kita ingin memasukan Logo/banner yang kita buat di sidebar, kita harus mendapatkan Image URL/HTML Code dari gambar logo atau banner tersebut. Kalau belum tahu cara mendapatkan Image URL nya, baca lagi posting tentang Image Hosting dari Photobucket disini.
Misalkan Pak Guru ingin memasukan banner dibawah ini pada sidebar.
Dan setelah di masukan ke Photobucket, Image URL dan HTML dari gambar tersebut adalah:
Sekarang sudah siap di masukan ke sidebar.
1. Log in ke blogspot
2. Klik Layouts pada menu dashboard
3. Klik Add A Gadget
4. Klik HTML/Javascript
5. Masukan Kode HTML yang tadi (kotak merah), jangan lupa beri judul (kotak biru) dan kelik SAVE.
6. Sekarang coba KLIK DISINI, lihat sidebar kanan dan lihat hasilnya.
1. Log in pada blogspot.
2. Klik Layouts pada menu dashboard.
3. Lihat bagian Header dari blog kalian, selanjutnya klik Edit (lihat gamabr di bawah ini)
4. Klik Browse untuk mencari gambar.
5. Silakan pilih gambar/banner nya, terus klik Open
Dah Dulu ya besok dilanjutin, mau ngajar dulu.
bYEEEEEEEEEEEEEEEE
<a href="http://s285.photobucket.com/albums/ll80/edisamsuri22/?action=view¤t=uang-panas-3-125x125.gif" target="_blank"> <img src="http://i285.photobucket.com/albums/ll80/edisamsuri22/uang-panas-3-125x125.gif" border="0" alt="Photobucket"></a>
Yang berwarna biru adalah alamat dari photobucket dan kita bisa merubahnya dan mendirectnya menuju alamat blog kita atau yang lainnya. Saat ini alamat diatas Pak Guru direct ke websitenya Uang Panas (http://uangpanas.com/?id=edisamsuri). Sedangkan tulisan merah adalah Image URL dari banner di atas.
Jadi setelah perubahan sedikit, kode di atas menjadi:
<a href="http://uangpanas.com/?id=edisamsuri" target="_blank"><img src="http://i285.photobucket.com/albums/ll80/edisamsuri22/uang-panas-3-125x125.gif" border="0" alt="Photobucket"></a>
1. Log in ke blogspot
2. Klik Layouts pada menu dashboard
3. Klik Add A Gadget
4. Klik HTML/Javascript
5. Masukan Kode HTML yang tadi (kotak merah), jangan lupa beri judul (kotak biru) dan kelik SAVE.
2. Memasukan Banner/Gambar pada Header
Untuk memasang banner di header atau mengganti header sangatlah mudah. Misalkan Pak Guru Ingin memasang Banner di bawah ini pada header.
2. Klik Layouts pada menu dashboard.
3. Lihat bagian Header dari blog kalian, selanjutnya klik Edit (lihat gamabr di bawah ini)
6. Tunggu beberapa detik samapi banner atau gambarnya di upload dan hasil dari upload seperti dibawah ini (kotak merah). Jangan lupa pilih Instead of title and description Position (kotak biru) Yang terakhir klik SAVE. Lihat hasilnya dengan mengklik DISINI.
Disamping cara di atas, bisa juga dengan memasukan Image URL , caranya pada Step 4 diatas, masukan Image URL pada kolom From the web (lihat contoh di bawah) dna klik SAVE dan lihat hasilnya DISINI.
bYEEEEEEEEEEEEEEEE
wuihhhh lengkap banget pak guru. Top deh emang penjelasan pak guru