Membuat Kolom Iklan Banner 125x125

Setelah di postingan sebelumnya yakni Buat Frame Iklan , sekarang kita mencoba untuk membuat kolom iklan banner di blog, karena semakin bagus alexa rang blok kita tentu mengundang orang untuk memasang iklan di blog kita tersebut baik lah sekarang kita  Membuat Kolom iklan Banner 125 x 125 bertujuan untuk tempat banner untuk iklan Supaya terlihat rapi bila ada Pengiklan yang ingin memasang iklan mereka di blog Anda.

Berikut Caranya :

•  Login ke blog Anda
•  Pilih Layout
•  Klik Edit Html
•  Kemudian tambahkan kode berikut sebelum kode ]]></ b: skin>

/* Kotak Banner
===================== */
#Box-Banner-ads {
margin: 0px;
padding: 5px;
text-align: center; }

#Box-Banner-ads img {
margin: 0px 8px 4px 0px;
padding: 3px;
text-align: center;
border: 3px outset #c0c0c0; }

#Box-Banner-ads img:hover {
margin: 0px 8px 4px 0px;
padding: 3px;
text-align: center;
border: 3px inset #333; }

• Setelah selesai menaruh kode tersebut, silahkan simpan dulu template blog kamu. Kemudian pilih Tata Letak-->Tambah Gadget-->kemudian pilih HTML/JavaScript.
• Masukkan kode banner setelah kode iklan

<div id="Box-Banner-ads">
<a href='#' target='_blank'> <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr0FgX39g_qdUvPp3q4gO6i8n1wkne3g_QSxtJxHZza2wp6yU-pGYyoMZoqWHHiY2h1Wi4tG4brQ4T-2YjmH-yOL1las8sL6S7KkblB9m3LSqnUDolFb9Qa-6ul2HcSdBHs_z5ZOir3rzf/s320/125x125ad.png'/> </ a>
<a href='#' target='_blank'> <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr0FgX39g_qdUvPp3q4gO6i8n1wkne3g_QSxtJxHZza2wp6yU-pGYyoMZoqWHHiY2h1Wi4tG4brQ4T-2YjmH-yOL1las8sL6S7KkblB9m3LSqnUDolFb9Qa-6ul2HcSdBHs_z5ZOir3rzf/s320/125x125ad.png'/> </ a>
<a href='#' target='_blank'> <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr0FgX39g_qdUvPp3q4gO6i8n1wkne3g_QSxtJxHZza2wp6yU-pGYyoMZoqWHHiY2h1Wi4tG4brQ4T-2YjmH-yOL1las8sL6S7KkblB9m3LSqnUDolFb9Qa-6ul2HcSdBHs_z5ZOir3rzf/s320/125x125ad.png'/> </ a>
<a href='#' target='_blank'> <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr0FgX39g_qdUvPp3q4gO6i8n1wkne3g_QSxtJxHZza2wp6yU-pGYyoMZoqWHHiY2h1Wi4tG4brQ4T-2YjmH-yOL1las8sL6S7KkblB9m3LSqnUDolFb9Qa-6ul2HcSdBHs_z5ZOir3rzf/s320/125x125ad.png'/> </ a>
</ div>

• Simpan dan lihat hasilnya...

Share to >>>

Facebook Google+ Twitter