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

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

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="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 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 :

Alt/Text Gambar

12 comments:

mebel jepara said...

keren gan.

Benii saputra said...

mantap mas bro thx info bermanfat begini

@historysetiawan said...

ijin sedot gan

-brywrHESSEHEURR- said...

kalo dalam satu html bisa memasukkan 2 gambar itu gimana ya?

Ali said...

klo 1 HTML 1 gambar mas, mgkn itu yang di maksud ukuran side bar, ada juga yang 1 side bar bisa 4 gambar. itu caranya setting dahulu side barnya menjadi 2 atau 4 kolom.

Jams said...

wahh mantap gan smoga bermanfaat untuk semua, mampir ke www.jamalcyber.com

Unknown said...

terimakasih gans atas petunjuknya, web saya sudah berhasil

http://www.ilmusosiologi.com/2014/12/pengertian-tentang-teori-sosiologi.html

Ridvan Satria Pradhana said...

Mampir Ke blogku juga ada
serbailmuteknologi.blogspot.com

ARTIKEL SILOKALIKU said...

makasih buat infonya,saya coba y, :D

kubah masjid said...

makasih tutorialnya boz...

Jak Brom said...

terima kasih banyak atas infonya http://giribig.com/

ahmad faqih said...

izin nyimak gan :)

http://karikatur-jombang.blogspot.com