Cara Membuat dan Memasang Kotak Iklan di Blog

Halo sobat blogger..., ada yang tahu gak bagaimana cara memasang kotak iklan di blog seperti yang ada di sebelah kiri ini ni?, nah kebetulan kalau anda belum tahu caranya, langsung aja dah begini caranya :
  1. siapakan gambar atau iklan berukuran 125x125 px yang ingin kita pasang, agar gemabar terasa lebih hidup dan menarik silahkan baca postingan artikel saya yang berjudul Cara Membuat Banner Animasi Bergerak untuk Iklan di Blog.
  2. Jika sudah, kita akan membuat space kotak iklannya, login ke account blogger Anda\
  3. Klik rancangan atau tataletak bagi yang menggunakan dasbor blogger baru
  4. Kemudian klik Edit HTML dan cari kode ]]></b:skin> (gunakan ctrl + f ) untuk mempermudah pencarian
  5. Sisipkan kode berikut ini diatas kode ]]></b:skin>
#super-beeads {margin:0px;padding:0px;text-align:center}
#super-beeads  img {margin:1px 1px;text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 1px 2px 1px #ccc;-moz-box-shadow: 1px 2px 1px #ccc;box-shadow: 1px 2px 1px #ccc;}
#super-beeads img:hover {-moz-opacity: 0.7;opacity: 0.7;filter:alpha(opacity=70);}

  • Perhatikan kode yang saya beri warna, untuk warna merah merupakan jarak antara kotak iklan atas dan bawah. Sedangkan warna biru merupakan jarak kotak iklan antara kiri dan kanan. Sesuaikan dengan kebutuhan Anda.
  • Kemudian save template Anda
  • Langkah selanjutnya kembali ke Elemen laman dan klik tambah gadget > pilih HTML/Javascript
  • Copy dan paste kode berikut ini (edit terlebih dahulu untuk memasukkan link dan url gambar gambar yg ingin digunakan) lalu save>
<div id="super-beeads">
<a href="Masukkan-Url" target="_blank" title="Title-Iklan"><img alt="Alt/Text Gambar" border="0" src="Url Gambar" /></a>
<a href="Masukkan-Url" target="_blank" title=" Title-Iklan"><img alt="Alt/text Gambar" border="0" src="Url Gambar" /></a>
<a href="Masukkan-Url" target="_blank" title="Title-Iklan"><img alt="Alt/Text Gambar" border="0" src="Url Gambar" /></a>
<a href="Masukkan-Url" target="_blank" title="Title-Iklan"><img alt="Alt/Text Gambar" border="0" src="Url Gambar" /></a>
</div>

Ada 4 iklan berukuran 125 x 125 px yang dapat dimasukkan.
Jika Ingin Menghilangkan satu kotak iklan tinggal hapus kode berikut.

<div id="super-beeads">
<a href="Masukkan-Url" target="_blank" title="Title-Iklan"><img alt="Alt/Text Gambar" border="0" src="Url Gambar" /></a>



oke seian dulu postingan saya tentang Cara Membuat dan Memasang Kotak Iklan di Blog semoga bermanfaat.., baca juga artikel saya yang berhubungan dengan artikel ini yaitu Cara Membuat Banner Animasi Bergerak untuk Iklan di Blog.Wassalamualaikum 

Tidak ada komentar:

Posting Komentar

isikan komentar anda