Cara Memasang Widget Kotak Iklan Teks

 

 Setelah beberapa jam membuat kotak iklan untuk iklan teks akhirnya selesai juga dan hasil pun juga memuaskan. Kotak iklan yang saya buat ini seperti kotak iklan PPC.  Yaitu kotak yang hanya berisi teks dan deskripsinya saja. Tentunya widget yang saya buat ini ringan dan atraktif.

Cara Memasang Widget Kotak Iklan Teks

1. Login ke blogger.com

2. Masuk ke Tata Letak >> tambah widget atau add widget

3. Pilih HTML/JavaScript

4. Copy kode di bawah

<style type="text/css">
#teks {
 height: 300px;
 width: 300px;
 border: 1px solid #D70005;
}
#teks #teks1 {
 height: auto;
 width: auto;
 margin-top: 10px;
 text-decoration: underline;
 padding-top: 2px;
 padding-bottom: 2px;
 font-size: 15px;
 font-style: normal;
 line-height: normal;
}
#teks #teks2 {
 height: auto;
 width: auto;
 margin-top: 10px;
 text-decoration: underline;
 padding-top: 2px;
 padding-bottom: 2px;
 font-size: 15px;
 font-style: normal;
 line-height: normal;
}
#teks #teks3 {
 height: auto;
 width: auto;
 margin-top: 10px;
 text-decoration: underline;
 padding-top: 2px;
 padding-bottom: 2px;
 font-size: 15px;
 font-style: normal;
 line-height: normal;
}
#teks #teks4 {
 height: auto;
 width: auto;
 margin-top: 10px;
 text-decoration: underline;
 padding-top: 2px;
 padding-bottom: 2px;
 font-size: 15px;
 font-style: normal;
 line-height: normal;
}
#buka {
 height: 260px;
 width: auto;
 margin-right: 6px;
 margin-left: 6px;
 font-size: 16px;
 color: #06F;
 padding-right: 2px;
 padding-left: 2px;
}
#teks #ads-by {
 height: auto;
 width: auto;
 margin-top: 5px;
 color: #666;
 font-size: 12px;
 margin-bottom: 5px;
 padding-top: 2px;
 padding-bottom: 4px;
 margin-right: 6px;
 margin-left: 6px;
 font-style: normal;
 line-height: normal;
 text-decoration: none;
}
.isi-iklan {
 color: #333;
 text-decoration: none;
 line-height: normal;
 font-style: normal;
 font-size: 13px;
 }
</style>
<div id="teks">
  <div id="buka">
    <div id="teks1"><a href="http://mozz4rt.blogspot.com/">Iklan Teks Murah</a></div>
    <div class="isi-iklan">Hanya Rp50.000/bulan, Pasang Iklan Teks Anda Disini Sekarang juga!</div>
    <div id="teks2"><a href="http://mozz4rt.blogspot.com/">Iklan Teks Murah</a></div>
    <div class="isi-iklan">Hanya Rp50.000/bulan, Pasang Iklan Teks Anda Disini Sekarang juga!</div>
    <div id="teks3"><a href="http://mozz4rt.blogspot.com/">Iklan Teks Murah</a></div>
    <div class="isi-iklan">Hanya Rp50.000/bulan, Pasang Iklan Teks Anda Disini Sekarang juga!</div>
    <div id="teks4"><a href="http://mozz4rt.blogspot.com/">Iklan Teks Murah</a></div>
    <div class="isi-iklan">Hanya Rp50.000/bulan, Pasang Iklan Teks Anda Disini Sekarang juga!</div>
  </div>
  <div id="ads-by">Ads by Mozz4rt</div>
</div>

5. Paste ke dalam kotak HTML/Javascript

6. Simpan dan lihat hasilnya

Keterangan

• Warna orange adalah warna kotak. Sobat bisa menggantinya dengan warna yang sesuai selera
• Warna Biru adalah alamat URL
• Warna Kuning adalah deskripsi dari iklan (Jangan terlalu panjang deskripsinya)
• Warna Merah adalah nama dari pemilik layanan iklan.
• Warna Ungu adalah anchor text dari iklan

Share this post