Cara Membuat iklan sederhana diblog
Senin, 20 Januari 2014
0
komentar
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.
NB:Kalo sekiranya tinggi tempat iklannya kurang lebar,temen-teman bisa menambah tingginya sendiri dibagian bawah ini,letaknya ada dibagian atas sendiri.
height: 300px; (tinggi)
width: 300px; (lebar)
Semoga dapat membantu!
TERIMA KASIH ATAS KUNJUNGAN SAUDARA
Judul: Cara Membuat iklan sederhana diblog
Ditulis oleh Unknown
Rating Blog 5 dari 5
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://rizaltipsntriks.blogspot.com/2014/01/cara-membuat-iklan-sederhana-diblog.html. Terima kasih sudah singgah membaca artikel ini.Ditulis oleh Unknown
Rating Blog 5 dari 5
0 komentar:
Posting Komentar