Cara Menghasilkan Kotak Space Banner Iklan Di Blog (Updated) - Pendidikan Blog

Menampilkan space iklan di blog memberi kesempatan & isu pada advertiser bahwa blog tersebut menampilkan space iklan yg sanggup disewa. Apalagi jikalau blog tersebut memiliki kredibilitas, rank, serta traffic tinggi, maka advertiser/pemasang iklan niscaya akan berbondong-bondong untuk memasang iklan/banner iklan di blog tersebut. Namun tidak ada salahnya juga bagi blog gres mengobrol space/ruang tersendiri selaku wilayah beriklan advertiser. Hitung-hitung selaku antisipasi dan kali saja ada advertiser yg tertarik. Selain itu penggunaan space iklan sanggup menjadi pesona tersendiri apabila ditaruh dengan benar.

Nah, guna memasang space iklan, kita butuh menyusun template tersendiri biar iklan tersusun rapi dan nikmat dilihat. Makara tidak asal pasang gambar dan link alasannya yaitu karenanya sanggup berantakan. Kali ini aku akan share arahan template iklan yg aku buat serta pakai untuk blog buka-rahasia.blogspot.com.

Fitur dari template iklan 125x125 buka-rahasia.blogspot.com:

• Fleksibel, susunan yg tampil sesuai dengan lebar widget.
• Efek Border radius.
• Efek Transparan/Opacity saat gambar di-hover.
• Gampang di edit guna memasang gambar iklan & link.
• Update (28-01-2012, 19.03 WIB): Dengan menetralisir width serta height, template space iklan ini kini sanggup dipakai untuk banyak sekali jenis ukuran banner iklan, 125x125, 300x250, 468x60, dst. Gunakan gambar sesuai dengan ukuran yg diharapkan maka widget space iklan akan timbul sesuai dengan ukuran tersebut.

Cara Memasang Kotak Space Banner Iklan di Widget Blog:

1. Masuk ke dashboard > template/design < Edit HTML

2. Copy arahan CSS berikut & letakkan di ATAS ]]></b:skin>

#bukarahasiaads {margin:0px;padding:0px;text-align:center}
#bukarahasiaads  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;}
#bukarahasiaads img:hover {-moz-opacity: 0.7;opacity: 0.7;filter:alpha(opacity=70);}

Ganti nilai pada margin:1px 1px untuk mengendalikan jarak gambar iklan. Nilai pertama jarak atas bawah, nilai kedua jarak kiri kanan.

3. Save Template.

4. Buka layout/design > Add a widget > Pilih HTML/Javascript.

5. Copy arahan HTML berikut (edit apalagi dulu untuk memasukkan link dan url gambar gambar yg ingin digunakan):

<div id="bukarahasiaads">
<a href="MASUKKAN-URL" target="_blank" title="Cara Membuat Kotak Space Banner Iklan Di Blog (Updated)"color: blue;">TITLE-IKLAN"><img alt=" isu pada advertiser bahwa blog tersebut menampilkan space iklan yg sanggup disewa Cara Membuat Kotak Space Banner Iklan Di Blog (Updated)"color: #cc0000;">ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a>
<a href="MASUKKAN-URL" target="_blank" title="Cara Membuat Kotak Space Banner Iklan Di Blog (Updated)"color: blue;">TITLE-IKLAN"><img alt=" isu pada advertiser bahwa blog tersebut menampilkan space iklan yg sanggup disewa Cara Membuat Kotak Space Banner Iklan Di Blog (Updated)"color: #cc0000;">ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a>
<a href="MASUKKAN-URL" target="_blank" title="Cara Membuat Kotak Space Banner Iklan Di Blog (Updated)"color: blue;">TITLE-IKLAN"><img alt=" isu pada advertiser bahwa blog tersebut menampilkan space iklan yg sanggup disewa Cara Membuat Kotak Space Banner Iklan Di Blog (Updated)"color: #cc0000;">ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a>
<a href="MASUKKAN-URL" target="_blank" title="Cara Membuat Kotak Space Banner Iklan Di Blog (Updated)"color: blue;">TITLE-IKLAN"><img alt=" isu pada advertiser bahwa blog tersebut menampilkan space iklan yg sanggup disewa Cara Membuat Kotak Space Banner Iklan Di Blog (Updated)"color: #cc0000;">ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a>
</div>

Jika ingin menambahkan/mengurangi kotak space iklan tambahkan/hapus bagian:
<a href="MASUKKAN-URL" target="_blank" title="Cara Membuat Kotak Space Banner Iklan Di Blog (Updated)"color: blue;">TITLE-IKLAN"><img alt=" isu pada advertiser bahwa blog tersebut menampilkan space iklan yg sanggup disewa Cara Membuat Kotak Space Banner Iklan Di Blog (Updated)"color: #cc0000;">ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a> di atas </div>.

6. Save. Drag/geser gadget ke posisi yg diinginkan, untuk ukuran yg lebar & besar, letakkan widget di bawah header atau di atas posting. Save lagi.

Anda sanggup menggunakan gambar berikut selaku gambar space iklan (ukuran 125x125), untuk ukuran lain atau ingin yg sesuai selera & desain blog, sanggup dicari di Google dengan keywords "ads space banner image (ukuran banner)". Upload gambar, ganti URL GAMBAR dengan url gambar yg telah di-upload.

Note: Host/upload gambar sendiri. Jangan cuma gunakan url gambar di atas alasannya yaitu sewaktu-waktu gambar sanggup hilang/dihapus. Klik kanan di atas gambar, save as ke komputer, kemudian upload.

Jika seorang advertiser tertarik, maka ia tinggal mengklik url yg ada pada gambar banner (biasanya link diarahkan  ke halaman pasang iklan/advertise atau ke email/contact form).
Have a nice Blogging.

mencuri yaitu pekerjaan pengecut! © buka-rahasia.blogspot.com