Cara Membuat Iklan Di Blog

Bagi anda yang tertarik untuk membuat kotak iklan di blog, yuk sama-sama kita simak tutorial berikut ini

• Siapkan gambar atau image yang ingin kita pasang pada space iklan yang berukuran 125 x 125 px, agar gambar kelihatan menarik dan memiliki efek silahkan Anda baca membuat banner animasi dan flash. Kemudian simpan gambar tersebut pada hosting penyipanan gambar seperti photobucket untuk mendapatkan url gambar yang nantinya kita butuhkan.

contoh:

• Jika sudah, kita akan membuat space kotak iklannya, login ke account blogger anda
• klik rancangan atau tataletak bagi yang mengunakan dasbor bloggeer baru
• kemudian klik Edit HTML dan cari kode ]]></b:skin> (gunakan ctrl + f ) untuk  mempermudah pencarian
• sisipkan kode CCS diatas kode ]]></b : skin> (yang ada di bawah ini )

Code CSS Iklan

1. #super-beeads {
2. margin:0px;padding:0px;text-align:center
3. }
4. #super-beeads  img {
5. margin:1px 1px;
6. text-align:center;
7. -webkit-border-radius: 5px;
8. -moz-border-radius: 5px;
9. border-radius: 5px;
10. -webkit-box-shadow: 1px 2px 1px #ccc;
11. -moz-box-shadow: 1px 2px 1px #ccc;
12. box-shadow: 1px 2px 1px #ccc;
13. }
14. #super-beeads img:hover {
15. -moz-opacity: 0.7;opacity: 0.7;filter:alpha(opacity=70);
16. }

• kemudian save temlate anda
• langkah selanjutnya kembali ke Elemen laman dan klik tambah gadget > pilih  HTML / Javascript ( dibawah ini )
• Copy dan paste kode HTML (edit terlebih dahulu untuk memasukkan link dan gambar yang ingin di gunakan)

Code HTML Iklan

1. <div id="super-beeads">
2. <a href="Masukkan-Url" target="_blank" title="Title-Iklan"><img alt="Alt/Text Gambar" border="0" src="Url Gambar" /></a>
3. <a href="Masukkan-Url" target="_blank" title=" Title-Iklan"><img alt="Alt/text Gambar" border="0" src="Url Gambar" /></a>
4. <a href="Masukkan-Url" target="_blank" title="Title-Iklan"><img alt="Alt/Text Gambar" border="0" src="Url Gambar" /></a>
5. <a href="Masukkan-Url" target="_blank" title="Title-Iklan"><img alt="Alt/Text Gambar" border="0" src="Url Gambar" /></a>
6. </div>

• save kerjaan anda dan lihat hasilnya
• Space kotak iklan diatas merupakan space kotak iklan yang terdiri dari 4 bagian yaitu atas kiri, atas kanan dan bawah kiri serta bawah kanan. Jika anda ngin mengurangi space kotak iklan, anda dapat menghapus kode
  1. <a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a>

Kunjungi blog saya http://sharealdy.blogspot.com .Untuk mengetahui lebih banyak tentang tips - tips untuk pemula yang baru membuat blog .

Terimah Kasih Semogah Membantuh

Berikan saran dan Komentar anda :