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.
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">5. Paste ke dalam kotak HTML/Javascript
#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://wordstblog.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://wordstblog.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://wordstblog.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://wordstblog.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 Aplikasi Android</div>
</div>
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
0 comments:
Post a Comment