Sunday, June 30, 2013

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

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://www.aplikasi-android.net/">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://www.aplikasi-android.net/">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://www.aplikasi-android.net/">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://www.aplikasi-android.net/">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 Aplikasi Android</div>
</div>
5. Paste ke dalam kotak HTML/Javascript
6. Simpan dan lihat hasilnya

Keterangan

  • Warna Hijau 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
Hasilnya akan seperti ini

Hanya Rp50.000/bulan, Pasang Iklan Teks Anda Disini Sekarang juga!
Hanya Rp50.000/bulan, Pasang Iklan Teks Anda Disini Sekarang juga!
Hanya Rp50.000/bulan, Pasang Iklan Teks Anda Disini Sekarang juga!
Hanya Rp50.000/bulan, Pasang Iklan Teks Anda Disini Sekarang juga!
Ads by Aikon Media

Semoga widget kotak iklan buatan saya ini bisa bermanfaat untuk sobat semua, jika ada kekurangan mohon bantuannya melalui kotak komentar. Sekian Cara Memasang Widget Kotak Iklan Teks, semoga hasil karya saya ini bisa bermanfaat. Terima kasih

Related Posts

Cara Memasang Widget Kotak Iklan Teks
4/ 5
Oleh