Akhirnya nulis artikel lagi setelah sekian lama... mumpung lagi semangat lanjut...
Kali ini mau bagi - bagi cara menambah banner di blogger, kayak di saamping kanan blog ini. Buat apa sich dikasih banner? Ndak usah dijelaskan ya? para blogger sudah pasti tau to. Langsung ke caranya aja ya?
ikuti langkah - langkah di bawah ini :- Masuk ke account blogger kamu.
- Lalu pilih Tataletak/layout dan pilih tab Edit Html.
- Jangan lupa backup Blog kamu dulu, klik Download Template Lengkap dan juga contreng Expand Template Widget.
- Cari Kode di bawah ini :
- Masuk ke Tab Elemen laman
Kemudian buat element HTML/Javascript baru (di bagian sidebar kiri atau kanan halaman sesuai keinginan kamu) lalu masukan kode di bawah ini - Klik Simpan, setelah proses simpan selesai klik lihat blog... kelihatan kan banner iklannya?
]]></b:skin>
Setelah itu copy paste kode di bawah ini tepat diatas kode tersebut.
/* Banner Iklan 125x125 */
#spotbanner{
overflow: hidden;
padding:0;
}
.ad1, .ad3 {
float: left;
margin-bottom: 5px;
padding-left:0px;
}
.ad2, .ad4 {
float: right;
margin-bottom: 5px;
padding-right:0px;
}
#spotbanner{
overflow: hidden;
padding:0;
}
.ad1, .ad3 {
float: left;
margin-bottom: 5px;
padding-left:0px;
}
.ad2, .ad4 {
float: right;
margin-bottom: 5px;
padding-right:0px;
}
klik simpan template
<div id='spotbanner'>
<!-- Ad1 start -->
<a class='ad1' href='http://permakblogs.blogspot.com'><img src='http://i945.photobucket.com/albums/ad300/andrebwid/banner/banneriklan.jpg'/></a>
<!-- Ad2 start -->
<a class='ad2' href='http://permakblogs.blogspot.com'><img src='http://i945.photobucket.com/albums/ad300/andrebwid/banner/banneriklan.jpg'/></a>
<!-- Ad3 start -->
<a class='ad3' href='http://permakblogs.blogspot.com'><img src='http://i945.photobucket.com/albums/ad300/andrebwid/banner/banneriklan.jpg'/></a>
<!-- Ad4 start -->
<a class='ad4' href='http://permakblogs.blogspot.com'><img src='http://i945.photobucket.com/albums/ad300/andrebwid/banner/banneriklan.jpg'/></a>
<div class='clearer'/>
</div>
<!-- Ad1 start -->
<a class='ad1' href='http://permakblogs.blogspot.com'><img src='http://i945.photobucket.com/albums/ad300/andrebwid/banner/banneriklan.jpg'/></a>
<!-- Ad2 start -->
<a class='ad2' href='http://permakblogs.blogspot.com'><img src='http://i945.photobucket.com/albums/ad300/andrebwid/banner/banneriklan.jpg'/></a>
<!-- Ad3 start -->
<a class='ad3' href='http://permakblogs.blogspot.com'><img src='http://i945.photobucket.com/albums/ad300/andrebwid/banner/banneriklan.jpg'/></a>
<!-- Ad4 start -->
<a class='ad4' href='http://permakblogs.blogspot.com'><img src='http://i945.photobucket.com/albums/ad300/andrebwid/banner/banneriklan.jpg'/></a>
<div class='clearer'/>
</div>
*text warna biru dapat diganti dengan Url web yang lain
*text warna merah bisa diganti dengan Url gambar
kok hancur ya mas maksudnya gagal
BalasHapus@nizar-modo : gagalnya seperti apa ya? bisa lihat contohnya yang gagal?
BalasHapuskeren tipsnya mas :)
BalasHapushttp://catatanlinuxku.blogspot.com
pate code-nya di atas sini ya mas?tapi ko pas di tampilan malah ada bacaan code yang di paste itu (posisi paling atas)
BalasHapus=>> di sini?
<![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Awesome Inc.
Designer: Tina Chen
URL: tinachen.org
----------------------------------------------- */
Yup.. makasih infonya.. mampir ke sini yah :)
BalasHapusdueottodieci.blogspot.com
makasih
saya coba ya mas
BalasHapusKomentar ini telah dihapus oleh pengarang.
BalasHapus@blow up : diatas /skin bro
BalasHapusMaksih Gan.. :)
BalasHapus