Cara Buat Kotak Iklan di Blog
Kotak Iklan |
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
Post a Comment