Cara Mudah Menempatkan Gambar Banner di dalam Postingan

Translate

Promosi Banners dalam posting

Cara Menempatkan Gambar Banner di dalam Postingan. itulah judul yang saya pilih untuk mengawali posting saya kali ini. setelah sebelumnya saya memposting pada halaman lain dalam artikel CARA MERAIH KESUKSESAN BLOG DENGAN MENULIS CONTENT MENARIK

Anda ingin pasang iklan tapi tidak tau caranya untuk membuat link Url pada gambar, berikut saya akan share tentang pasang kotak iklan di blog dan membuat gambar iklan untuk promosi, Berikut cara membuat dan mengubah gambar atau foto kita sendiri menjadi tautan (link) di (sidebars) blog Blogspot yang bila diklik akan membawa readers ke halaman yang diinginkan baik di tab yang sama atau di tab baru.

Pertama-tama, upload atau unggah dulu foto atau gambar yang akan digunakan sebagai link ke situs hosting gambar online seperti ImageShack, TinyPic, Flickr,RockYou atau Photobucket.
Kemudian cari dan copy kode direct link dari gambar yang diupload tadi, seperti berikut ini.

Saya ambil contoh dari salah satu Banner Afiliasi

http://hits4pay.com/imgn/banners/336x280.png

Sedangkan yang berikut ini adalah kode lengkap untuk merubah gambar menjadi tautan atau link.

<a href="URL SITUS" target="_blank"><img border ="0" src="URL GAMBAR" alt="NAMA
TAUTAN" width="400" height="60" /></a>

- Ganti dan isi URL SITUS dengan alamat URL lengkap situs yang akan dijadikan link.
Misalnya seperti:
http://hits4pay.com/members/index.cgi?wawansurya

- Ganti dan isi URL GAMBAR dengan direct link dari gambar yang diupload ke situs hosting image tadi:
http://hits4pay.com/imgn/banners/728x90.png
Lalu ganti dan isi NAMA TAUTAN dengan nama yang dinginkan misalnya: banners.
Bisa juga mengubah lebar (width) dan tinggi (height) gambar tautan dengan mengubah nilai 400 dan 60 sesuai kebutuhan.

Kode lengkapnya akan nampak seperti berikut:

<a href="http://hits4pay.com/members/index.cgi?wawansurya" target="_blank"><img border="0" src="http://hits4pay.com/imgn/banners/336x280.png" width="400" height="60"></a>

ini gambar bannernya



Keterangan / Tutorial ;
- Copy semua kode di atas.
- Kemudian ke halaman Dashboard Blogger. Klik Layout.
Posting ini bisa juga Anda baca di www.affiliate-waones.com.

- Klik Add a gadget.

- Klik di tanda panah biru untuk memilih HTML/JavaScript.

- Kemudian ketik nama gadget di kotak Title (tidak harus) dan paste kode lengkap link tadi di kotak Content.

Banner Besar di bawah ini hanya contoh.

Jika ingin membuat lebih dari satu link gambar, copy dan paste kode lengkap sebanyak yang diinginkan dan jangan lupa untuk mengubah URL SITUS, URL GAMBAR dan NAMA TAUTAN pada setiap link yang baru.

- Klik Save.
Jika tidak ada kesalahan dalam kode maka akan ada pemberitahuan untuk melihat perubahan dengan klik View Blog atau Preview.

Hasil akhir bisa terlihat seperti ini.

<a href="http://hits4pay.com/members/index.cgi?wawansurya" target="_blank"><img border="0" src="http://hits4pay.com/imgn/banners/728x90.png" width="400" height="60"></a>

contoh bannernya

<<Klik di gambar, maka link akan terbuka di tab lain>>

Jika tidak ingin link terbuka di tab baru, hilangkan bagian kode: target="_blank". Jadi kode lengkapnya jadi seperti ini:

<a href="http://hits4pay.com/members/index.cgi?wawansurya" <img border="0" src="http://hits4pay.com/imgn/banners/728x90.png" width="400" height="60"></a>

Bagaimana teman, kalian sudah faham dengan yang saya sampaikan diatas, jika sudah segera praktekkan dan lihat hasilnya......

Sponsor by, hits4pay.com 

SELESAI...

Sampai disini postingan Cara Mudah Menempatkan Gambar Banner di dalam Postingan sebagai salah satu kunci kesuksesan blog yang bisa anda terapkan khususnya yang baru terjun di dunia blogger pemula seperti saya.

Dan setelah anda mengetahui Cara Menempatkan Gambar Banner di dalam Postingan blog, mungkin anda tertarik untuk memasang iklan dengan menempelkan iklan banner yang berganti otomatis pada blog anda, silahkan anda baca pada artikel CARA MEMBUAT IKLAN BANNER BERGANTI SECARA OTOMATIS

Semoga postingan Cara Mudah Menempatkan Gambar Banner di dalam Postingan diatas dapat bermanfaat untuk anda, salam sukses selalu ...

Edit; wawansurya
Sumber ;
www.affiliate-waones.com
http://waones-sbm.blogspot.com
http://mitra-sbm.blogspot.com

merchant 

Artikel Menarik Lainnya :