Berikut langkah cara membuat iklan text pada widget blog :
1. Login akun blogger Anda.
2. Pilih menu tab Tata Letak > Tambahkan Gadget > HTML/JavaScript.
3. Copy paste kode berikut pada gadget HTML/JavaScript.
<style type="text/css">
#teks {
height: 300px;
width: 300px;
border: 1px solid #333;
}
#teks #teks1 {
height: auto;
width: auto;
margin-top: 10px;
text-decoration: underline;
padding-top: 0px;
padding-bottom: 4px;
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;
text-align: right;
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://id-pemula.blogspot.com/">Pasang Iklan Murah</a></div>
<div class="isi-iklan">Hanya dengan Rp40.000/bulan, Pasang Iklan Teks Anda Disini Sekarang juga!</div>
<div id="teks2"><a href="http://id-pemula.blogspot.com/">Pasang Iklan Murah</a></div>
<div class="isi-iklan">Hanya dengan Rp40.000/bulan, Pasang Iklan Teks Anda Disini Sekarang juga!</div>
<div id="teks3"><a href="http://id-pemula.blogspot.com/">Pasang Iklan Murah</a></div>
<div class="isi-iklan">Hanya dengan Rp40.000/bulan, Pasang Iklan Teks Anda Disini Sekarang juga!</div>
<div id="teks4"><a href="http://id-pemula.blogspot.com/">Pasang Iklan Murah</a></div>
<div class="isi-iklan">Hanya dengan Rp40.000/bulan, Pasang Iklan Teks Anda Disini Sekarang juga!</div>
</div>
<div id="ads-by"><a href="http://id-pemula.blogspot.com/">Ads by ID-Pemula Blog</a></div>
</div>
Keterangan :#teks {
height: 300px;
width: 300px;
border: 1px solid #333;
}
#teks #teks1 {
height: auto;
width: auto;
margin-top: 10px;
text-decoration: underline;
padding-top: 0px;
padding-bottom: 4px;
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;
text-align: right;
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://id-pemula.blogspot.com/">Pasang Iklan Murah</a></div>
<div class="isi-iklan">Hanya dengan Rp40.000/bulan, Pasang Iklan Teks Anda Disini Sekarang juga!</div>
<div id="teks2"><a href="http://id-pemula.blogspot.com/">Pasang Iklan Murah</a></div>
<div class="isi-iklan">Hanya dengan Rp40.000/bulan, Pasang Iklan Teks Anda Disini Sekarang juga!</div>
<div id="teks3"><a href="http://id-pemula.blogspot.com/">Pasang Iklan Murah</a></div>
<div class="isi-iklan">Hanya dengan Rp40.000/bulan, Pasang Iklan Teks Anda Disini Sekarang juga!</div>
<div id="teks4"><a href="http://id-pemula.blogspot.com/">Pasang Iklan Murah</a></div>
<div class="isi-iklan">Hanya dengan Rp40.000/bulan, Pasang Iklan Teks Anda Disini Sekarang juga!</div>
</div>
<div id="ads-by"><a href="http://id-pemula.blogspot.com/">Ads by ID-Pemula Blog</a></div>
</div>
Warna biru adalah kode warna border atau kotak iklan.
Warna merah adalah link URL.
Warna kuning adalah judul teks iklan.
Warna hijau adalah keterangan iklan.
Warna ungu adalah pemilik layanan iklan.
4. Kemudian Simpan.
Semoga dapat membantu!
0 Response to "Membuat Iklan Text pada Widget Blog"
Post a Comment