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://mora-cyber4rt.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://mora-cyber4rt.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://mora-cyber4rt.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://mora-cyber4rt.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 Mora cyber4rt</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
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 Mora cyber4rt
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
Gbu
