Cara Buat Kotak Iklan di Blog

Cara Buat Kotak Iklan di Blog
Kotak Iklan
XDTPD Blogs | Pada kesempatan kali ini saya akan membagi sebuat tutoral blog lagi, yaitu bagaimana cara membuat kotak iklan. Bagaimana sih mas maksudnya ? Ya, memang semuanya jika kita memasangkan iklan pasti akan berbentuk kotak-kotak dengan berbagai ukuran. Namun yang maksud saya disini adalah membuat kotak iklan dalam satu widget menjadi empat kotak iklan dengan ukuran 125x125 Pixel yang akan membentuk ukuran persegi dalam satu widget.

Baca Juga : Paduan Daftar Google Adsense Terbaru

Nah, cara ini sangat bermanfaat bagi kita seorang blogger. Kenapa, ya jika blog kita ingin menampilkan tampilan yang rapi, maka sangat patut untuk mencoba pasang iklan dengan cara yang saja jelaskan ini. Selain itu, blog kita akan terlihat rapi dan tidak mengganggu pembaca ataupun pengunjung. Pengen tau caranya, silahkan ikuti langkah-langkah berikut ini.

1. Pertama sobat login dulu kedashboard blogger seperti biasanya, kemudian klik pada menu Theme > Edit HTML. Lalu tambahkan CSS dibawah ini sebelum kode ]]></b:skin> atau </style>


/* Kotak Iklan */
.kotak_iklan {text-align: center;}
.kotak_iklan  img {margin:0px 5px 5px 0px;padding:5px;text-align:center;border:1px solid #ddd;}
.kotak_iklan  img:hover {border:1px solid #aaa}
.kotak_iklan  img.noborder {border:0;}

2. Simplate Templatenya.
3. Selanjutnya silahkan klik ke menu Tata Letak > Tambahkan Gadget > Tambahkan HTML/Javascript dan masukkan kode dibawah ini dalam kolom tersebut.

<div class="kotak_iklan">
<a href="url iklan yang dituju" title="judul iklan"><img class="noborder" src="Url gambar" alt="alt gambar" width="125" height="125" /></a>
<a href="url iklan yang dituju" title="judul iklan"><img class="noborder" src="Url gambar" alt="alt gambar" width="125" height="125" /></a>
<a href="url iklan yang dituju" title="judul iklan"><img class="noborder" src="Url gambar" alt="alt gambar" width="125" height="125" /></a>
<a href="url iklan yang dituju" title="judul iklan"><img class="noborder" src="Url gambar" alt="alt gambar" width="125" height="125" /></a>
</div>

 Perhatikan yang telah saya tandai dengan warna merah tersebut. Ganti url iklan, Judul Iklan, serta Url Gambar dengan iklan yang akan sobat buat.

4. Jika sudah selesai, simpan dan lihat hasilnya.

Nah, saya rasa itu saja sih untuk cara membuat kotak iklan diblog, semoga dapat bermanfaat dan berguna bagi semuanya. Jika ada pertanyaan silahkan sobat tanyakan pada kolom komentar dibawah. Oh iya, jangan lupa untuk berkunjung dilain waktu, karena blog ini akan selalu update artikel menarik lainnya.

Refrensi : Arlina Design

Comments

Popular posts from this blog

7 Perubahan Gaya Hidup untuk Membuat Anda Menjadi Pengusaha yang Lebih Baik

240 Model Gelang Emas Terbaru Yang Paling Populer

30 Model Perhiasan Emas Paling Baru Yang Lagi Trends