Memasang gambar ke blog baik itu blogspot atau wordpress pada prinsipnya adalah sama, hanya berbeda pada tata letaknya saja. Untuk memasukkan gambar di blog ada beberapa jenis kode HTML yang dipakai, yang pertama kode HTML yang pada saat di klik gambar iklan akan merujuk langsung ke situs yang dituju sementara yang kedua kode HTML yang saat di klik menuju ke tab baru.
Pada tutorial cara memasang gambar iklan ke blog dengan HTML ini akan kita bahas untuk blog berplatfom blogspot dan wordpress karena dua platform web tersebut yang banyak di gunakan oleh para bloger. Sementara untuk jenis kode HTML yang digunakan adalah open new tab. Berikut tutorial lengkapnya.
Berikut ini adalah kode HTML yang digunakan untuk memasang gambar, pada contoh tutorial ini gambar yang digunakan adalah gambar animasi atau bergerak sehingga formatnya GIF
<a width="280" href=http://www.dealerhondasolo.net target="_blank" hight="300"><img border="0" alt="Link Banner" src="http://1.bp.blogspot.com/-R7pp61m148A/U81cxt7elAI/AAAAAAAABLc/C_T6veZkfQk/s1600/blog-honda.gif"/></a>
Keterangan :
- Untuk tulisan yang diberi wana merah adalah URL link target
- Untuk tulisan yang diberi warna biru adalah URL link upload gambar (dalam contoh ini tempat untuk upload gambar di hosting blogspot)
- 280 adalah lebar gambar iklan
- 300 adalah tinggi gambar iklan
Cara Memasang Gambar Iklan ke Blog Berplatfom Blogspot
Masuk ke blogspot selanjutnya pilih New Post selanjutnya masuk kan gambar / insert imagesiklan yang sudah kita buat ( bisa dalam bentuk GIF, JPG, PNG dll). Selanjutnya klik menu HTML pilih link alamat yang ada di menu HTML tersebut. Setelah link sudah di copy simpan dahulu di notepate atau di MS World. Selanjutnya save. setelah proses selesai tidak perlu di publish karena Kita hanya butuh menyimpan gambar saja di hosting. Ingat file uplaod gambar ini jangan di delet di postingan jika di hapus gambr juga akan terhapus.
Masuk ke blogspot selanjutnya pilih New Post selanjutnya masuk kan gambar / insert imagesiklan yang sudah kita buat ( bisa dalam bentuk GIF, JPG, PNG dll). Selanjutnya klik menu HTML pilih link alamat yang ada di menu HTML tersebut. Setelah link sudah di copy simpan dahulu di notepate atau di MS World. Selanjutnya save. setelah proses selesai tidak perlu di publish karena Kita hanya butuh menyimpan gambar saja di hosting. Ingat file uplaod gambar ini jangan di delet di postingan jika di hapus gambr juga akan terhapus.
Ubah link target sesuai dengan target situs yang akan anda tuju, setelah dirubah masukkan menu blogspot pilih Layout, selanjutnya pilih menu Add a Gadget selanjutnya pilihHTML/JavaScript, pastekan kode HTML yang sudah kita siapkan. setelah itu save atau simpan. Proses Memasang Gambar Iklan ke Blog Berplatfom Blogspot selesai.
Cara Memasang Gambar Iklan ke Blog Berplatfom Wordpress
Masuk ke dasbord wordpress selanjutnya pilih Media selanjutnya pilih Add new, pilih menu select files masukkan objek gambar iklan dari PC / Laptop. Setelah gambar masuk ke hosting pilih menu edit yang berada di pojok kanan. Copy kode URL yang terdapat pada gambar tersebut. Kode URL inilah yang nanti dipakai sebagai kode URL link upload. Setelah semua kode URL target sudah diganti copy kan kode ke Appearance kemudian pilih Widgetselanjutnya cari widget yang berupa Text drag atau geser ke side bar menu yang anda inginkan selanjutnya pastekan kode HTML iklan tersebut.
Proses memasukkan gambar iklan dengan kode HTML di wordpress selesai. Untuk lebih jelasnya silahkan lihat video tutorialnya dibawah ini :
Masuk ke dasbord wordpress selanjutnya pilih Media selanjutnya pilih Add new, pilih menu select files masukkan objek gambar iklan dari PC / Laptop. Setelah gambar masuk ke hosting pilih menu edit yang berada di pojok kanan. Copy kode URL yang terdapat pada gambar tersebut. Kode URL inilah yang nanti dipakai sebagai kode URL link upload. Setelah semua kode URL target sudah diganti copy kan kode ke Appearance kemudian pilih Widgetselanjutnya cari widget yang berupa Text drag atau geser ke side bar menu yang anda inginkan selanjutnya pastekan kode HTML iklan tersebut.
Proses memasukkan gambar iklan dengan kode HTML di wordpress selesai. Untuk lebih jelasnya silahkan lihat video tutorialnya dibawah ini :
Posting Komentar