Pages

SL

Sabtu, 09 Februari 2013

Cara Membuat Barner di Widget Pada Blog

Cara Membuat Barner di Widget Pada Blog

Barner Biasanya dipakai untuk pemasangan iklan yang berisikan Produk atas jasa dari Perusahaan tertentu. Berikut ini langkah-langkah untuk membuat barner.
1. Login/Masuk ke blog
2. Klik Rancangan pilih Edit HTML di blogger anda, kemudian cari kode ]]></b:skin> dan Copy kode CSS di bawah Paste kode CSS  diatas kode  ]]></b:skin>



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

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

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


4. Save Template, setelah itu kembali ke Rancangan,Tambah Gadget lalu pilih HTML/Javascript  masukkan kodedibawah ini :

<div id="Box-Banner-ads">

<a target="_blank" href="http://pertamamedia.blogspot.com/"><img
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaIgrCw-QmZka_3Tc9WxDFR5AxnR4711vY56cTh2fRFjaPOQNhm7GLhrwBBab5YpqZYzo9OKcggd43wti6HZ-aq-_PUAJlaNljMXwQtJqzeCGpBHJu0moHKqvaLp1eQzjdyA-vyD_ZIXo/s144/log.jpg"/></a>
<a target="_blank" href="http://pertamamedia.blogspot.com/"><img
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaIgrCw-QmZka_3Tc9WxDFR5AxnR4711vY56cTh2fRFjaPOQNhm7GLhrwBBab5YpqZYzo9OKcggd43wti6HZ-aq-_PUAJlaNljMXwQtJqzeCGpBHJu0moHKqvaLp1eQzjdyA-vyD_ZIXo/s144/log.jpg"/></a>
<a target="_blank" href="http://pertamamedia.blogspot.com/"><img
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaIgrCw-QmZka_3Tc9WxDFR5AxnR4711vY56cTh2fRFjaPOQNhm7GLhrwBBab5YpqZYzo9OKcggd43wti6HZ-aq-_PUAJlaNljMXwQtJqzeCGpBHJu0moHKqvaLp1eQzjdyA-vyD_ZIXo/s144/log.jpg"/></a>
<a target="_blank" href="http://pertamamedia.blogspot.com/"><img
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaIgrCw-QmZka_3Tc9WxDFR5AxnR4711vY56cTh2fRFjaPOQNhm7GLhrwBBab5YpqZYzo9OKcggd43wti6HZ-aq-_PUAJlaNljMXwQtJqzeCGpBHJu0moHKqvaLp1eQzjdyA-vyD_ZIXo/s144/log.jpg"/></a>

</div>

5. Text yang berwarna pink ganti dengan alamat URL iklan banner yang akan  dipasang dan untuk text berwarna biru adalah URL gambar iklan biasanya format gif atau jpg,

Tidak ada komentar:

Posting Komentar