Credit img: freepik.com |
Sebenarnya cara membuat kotak iklan itu sangat simple dan mudah. Nah, langsung saja ya?
Login ke blog anda.
Pilih Template > Edit Html
Cari kode ]]></ b: skin>
Letakan kode di bawah ini tepat diatas 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; }
Simpan, Selanjutnya pilih Tata Letak>Tambah Gadget>HTML/JavaScript.
Masukan kode di bawah ini :
<div id="Box-Banner-ads">
<a href='#' target='_blank'> <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK593T-aDtkbxrY__O_V1foID24Fzezhz0GOfD4DzrM71LXJrhMuVfx-07GZ01Q3eleHD2fUkIgJJWM66qtwqTQ9nktgOsiyDBCgMyvCeYWMQ68jnoqNE6FOMKgX0IecUCldgIxqdao9my/s320/125x125ad.png'/> </ a>
<a href='#' target='_blank'> <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK593T-aDtkbxrY__O_V1foID24Fzezhz0GOfD4DzrM71LXJrhMuVfx-07GZ01Q3eleHD2fUkIgJJWM66qtwqTQ9nktgOsiyDBCgMyvCeYWMQ68jnoqNE6FOMKgX0IecUCldgIxqdao9my/s320/125x125ad.png'/> </ a>
<a href='#' target='_blank'> <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK593T-aDtkbxrY__O_V1foID24Fzezhz0GOfD4DzrM71LXJrhMuVfx-07GZ01Q3eleHD2fUkIgJJWM66qtwqTQ9nktgOsiyDBCgMyvCeYWMQ68jnoqNE6FOMKgX0IecUCldgIxqdao9my/s320/125x125ad.png'/> </ a>
<a href='#' target='_blank'> <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK593T-aDtkbxrY__O_V1foID24Fzezhz0GOfD4DzrM71LXJrhMuVfx-07GZ01Q3eleHD2fUkIgJJWM66qtwqTQ9nktgOsiyDBCgMyvCeYWMQ68jnoqNE6FOMKgX0IecUCldgIxqdao9my/s320/125x125ad.png'/> </ a>
</ div>
Simpan dan selesai.
NB:
Untuk huruf yang berwarna biru, ganti dengan Url gambar iklan yang mau dipasang dan # , ganti dengan Url tujuan anda.
Semoga bermanfaat dan terima kasih.