Cara Memasang Gambar Iklan ke Blog Dengan Kode HTML Open New Tab

by
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.

Link Banner
Turorial kali ini adalah tutorial lanjutan dari cara membuat baner iklan yang sudah dibahas sebelumnya, untuk melihatnya silahkan klik di sini. Hal yang perlu diketahui untuk memasukkan kode HTML ke website atau blog adalah mengetahui ukuran dari tempat atau space iklan yang tersedia. Untuk mengetahui ukuran dari space iklan di web / blog klik di sini

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=”https://www.hargatekno.com/wp-content/uploads/2014/08/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 images iklan 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.

Untuk lebih jelasnya silahkan lihat video tutorialnya dibawah ini :


 

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 pilih HTML/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 Widget selanjutnya 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 :

Leave a Comment