Monday, May 9, 2011

Blogger - Cara Membuat Kolom Iklan 125 X 125

Cara Membuat Kolom Pengiklan 125 x 125 bertujuan untuk tempat banner untuk Pengiklan terlihat rapi bila ada Pengiklan yang ingin memasang iklan mereka di situs Anda.
Berikut Caranya :

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

. iklan (background: # ffffff;
border: 1px solid # cccccc;
width: 280px; / * ukuran standar * /
float: left;
padding-top: 15px;
margin-bottom: 10px;
)

. iklan img (float: left;
margin: 0;
padding: 0px 0px 10px 10px; / * menyesuaikan jika sidebar lebih width: 280px; * /
)

. iklan img a: hover (border: 1px solid # ff0000;)

@ Berikutnya cari kode <div id='sidebar-wrapper'>
@ Masukkan kode banner setelah kode Pengiklan

<div class='ads'>
<a href='#' target='_blank'> <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2undXuxRLzF41EcM0J2CmEIYcDmdyOibGgDEJ2dzwvV7O0K8R4CC5q1BLGUx0CJoBlzhTNEReW9P583QvZcWz9K0_EUZmAKtw4Ylgbehbgq7wWxIOguk0To1p83YS10J0mDOz5D4cheH1/s320/125x125ad.png'/> </ a>
<a href='#' target='_blank'> <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2undXuxRLzF41EcM0J2CmEIYcDmdyOibGgDEJ2dzwvV7O0K8R4CC5q1BLGUx0CJoBlzhTNEReW9P583QvZcWz9K0_EUZmAKtw4Ylgbehbgq7wWxIOguk0To1p83YS10J0mDOz5D4cheH1/s320/125x125ad.png'/> </ a>
<a href='#' target='_blank'> <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2undXuxRLzF41EcM0J2CmEIYcDmdyOibGgDEJ2dzwvV7O0K8R4CC5q1BLGUx0CJoBlzhTNEReW9P583QvZcWz9K0_EUZmAKtw4Ylgbehbgq7wWxIOguk0To1p83YS10J0mDOz5D4cheH1/s320/125x125ad.png'/> </ a>
<a href='#' target='_blank'> <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2undXuxRLzF41EcM0J2CmEIYcDmdyOibGgDEJ2dzwvV7O0K8R4CC5q1BLGUx0CJoBlzhTNEReW9P583QvZcWz9K0_EUZmAKtw4Ylgbehbgq7wWxIOguk0To1p83YS10J0mDOz5D4cheH1/s320/125x125ad.png'/> </ a>
</ div>

NB : terkkadang ada juga tempalte yang tidak memakai sebagian dari script di atas.
thanxs to : torikoh

No comments:

Post a Comment

free tutorial making site,blog,wordpres

Followers

Comments