Thursday, August 30, 2012

Cara Membuat Kotak Space Banner Iklan Pada Blog

Cara Membuat Kotak Space Banner Iklan Pada Blog- Bagaimana cara menghasilkan uang dari blog? salah satunya adalah dengan kita menyewakan sebagian ruang blog kita untuk para pemasang iklan yang ingin memasang iklannya di blog kita. Baiklah langsung saja ikuti langkah-langkahnya di bawah ini:
Cara Membuat Kotak Space Banner Iklan Pada Blog 
1. Masuk ke dashboard blogger, template, edit html
Berikan tanda Centang atau ceklist pada tulisan Expand Template Widget yang berada pada sudut kiri atas agar kode yang tersembunyi dalam template bisa terlihat nantinya
2. Copy kode CSS di bawah ini
# hayardin-blogads {margin:0px;padding:0px;text-align:center}
# hayardin-blogads  img {margin:1px 1px;text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 1px 2px 1px #ccc;-moz-box-shadow: 1px 2px 1px #ccc;box-shadow: 1px 2px 1px #ccc;}
# hayardin-blogads img:hover {-moz-opacity: 0.7;opacity: 0.7;filter:alpha(opacity=70);}  
3. Cari Kode ]]></b:skin> ( Gunakan CTRL+F untuk memudahkan pencarian ), letakkan Kode CSS tadi di atas Kode  ]]></b:skin>

Selanjutnya Simpan Template Anda
4. Setelah Anda menyimpan template, Silahkan Anda buka Design atau Layout, Add widget, Kemudian Pilih HTML atau Javascript dan Copy paste Script HTML di bawah ini
 
<div id="hayardin-blogads">
<a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a>
<a href="MASUKKAN-URL" target="_blank" title=" TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a>
<a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a>
<a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a>
</div>
  
http://mesincetak.files.wordpress.com/2010/07/iklan-percetakan.jpg%3Fw%3D593http://farm3.static.flickr.com/2681/4340135414_5b44774aeb_o.jpg


http://1.bp.blogspot.com/_m5nN8kZX50E/S8u_UStugrI/AAAAAAAAAQg/khfnqaObWZ8/s320/BANNER_125x125.jpghttp://www.iklanbarisgratis.org/images/bnrs/banner-125x125.pnghttp://iklanbaris369.com/images/bnrs/banner125x125.png





Catatan : Perhatikan Kata kata MASUKKAN-URL, TITLE IKLAN, ALT/TEXT GAMBAR,. Dan URL GAMBAR pada kode HTML di atas
  • Untuk kata MASUKKAN URL, Masukkan URL Anda disini. URL disini bisa berupa URL Postingan atau Laman Statis yang berisi mengenai Informasi statistik, deskripsi, harga iklan, spasi iklan dan lain lain kepada calon Advertiser
  • Untuk kata TITLE IKLAN, dan ALT/TEXT GAMBAR, isi dengan kata yang Anda inginkan.
  • Untuk kata URL GAMBAR, Isi dengan URL gambar yang telah Anda upload. Sebaiknya Anda membuat sendiri banner berukuran 125x125 lewat photoshop kemudian menguploadnya. jika sobat semua tidak ingin repot-repot membuatnya di atas ada beberapa gambar yang bisa sobat semua pakai.
Langkah terakhir, Simpan dan lihat hasilnya. Hasilnya bisa Anda lihat pada sidebar kanan blog ini.

Demikian turitorial Cara Membuat Kotak Space Banner Iklan Pada Blog ini yang bisa saya share, selamat mencoba !

G+

Komentar Anda

 
Indoking (Kumpulan Berbagai Macam Informasi) © Copyright 2015 - Designed by Muhammad Iqbal
Back to top
Selamat Datang di www.indoking.blogspot.co.id (Download Mp3, Software, Games, Film, ebook, Chord Gitar, Tips and Trick, Operator Sekolah, Android, dll). Terima Kasih Atas Kunjungannya, Jangan lupa Komentarnya, Dan Berkunjunglah Kembali Untuk Mendapatkan Informasi Terbaru 2016.