Jika memang maksud sobat seperti yang di live demo, berikut tutorial yang akan saya bagikan :
1. Sobat masuk di Template kemudian pilih Edit Html
2. Jangan lupa beri cek list Expand Template Widget
3. Cari kode ]]></b:skin> dan masukan kode berikut tepat diatas ]]></b:skin>
#anakbaik-ads {
margin: 0px;
padding: 5px;
text-align: center;
}
#anakbaik-ads img {
margin: 0px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #c0c0c0;
}
#anakbaik-ads img:hover {
margin: 0px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #333;
}
margin: 0px;
padding: 5px;
text-align: center;
}
#anakbaik-ads img {
margin: 0px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #c0c0c0;
}
#anakbaik-ads img:hover {
margin: 0px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #333;
}
4. Simpan, kemudian ke Tataletak dan tambah gadget
5. Lalu masukan kode berikut
<div id="anakbaik-ads">
<a target="_blank" href="http://mdiery.blogspot.com"><img alt="ads" src="http://i1072.photobucket.com/albums/w380/annakbaik/iklan1_zpsf2873afd.jpg"
border="0"/></a>
<a target="_blank" href=" http://mdiery.blogspot.com "><img alt="ads" src="http://i1072.photobucket.com/albums/w380/annakbaik/iklan2_zps99ad6192.jpg"
border="0"/></a>
<a target="_blank" href="http://mdiery.blogspot.com"><img alt="ads" src="http://i1072.photobucket.com/albums/w380/annakbaik/iklan1_zpsf2873afd.jpg"
border="0"/></a>
<a target="_blank" href=" http://mdiery.blogspot.com "><img alt="ads" src="http://i1072.photobucket.com/albums/w380/annakbaik/iklan2_zps99ad6192.jpg"
border="0"/></a>
</div>
<a target="_blank" href="http://mdiery.blogspot.com"><img alt="ads" src="http://i1072.photobucket.com/albums/w380/annakbaik/iklan1_zpsf2873afd.jpg"
border="0"/></a>
<a target="_blank" href=" http://mdiery.blogspot.com "><img alt="ads" src="http://i1072.photobucket.com/albums/w380/annakbaik/iklan2_zps99ad6192.jpg"
border="0"/></a>
<a target="_blank" href="http://mdiery.blogspot.com"><img alt="ads" src="http://i1072.photobucket.com/albums/w380/annakbaik/iklan1_zpsf2873afd.jpg"
border="0"/></a>
<a target="_blank" href=" http://mdiery.blogspot.com "><img alt="ads" src="http://i1072.photobucket.com/albums/w380/annakbaik/iklan2_zps99ad6192.jpg"
border="0"/></a>
</div>
6. Simpan dan lihat hasilnya.
7. Untuk penataannya sobat tambahkan kode <center> sebelum kode <div id="anakbaik-ads"> dan akhiri kode </center>setelah kode</div>
sehingga tampilan kodenya seperti ini
<center><div id="anakbaik-ads">
<a target="_blank" href="http://mdiery.blogspot.com"><img alt="ads" src="http://i1072.photobucket.com/albums/w380/annakbaik/iklan1_zpsf2873afd.jpg"
border="0"/></a>
<a target="_blank" href=" http://mdiery.blogspot.com "><img alt="ads" src="http://i1072.photobucket.com/albums/w380/annakbaik/iklan2_zps99ad6192.jpg"
border="0"/></a>
<a target="_blank" href="http://mdiery.blogspot.com"><img alt="ads" src="http://i1072.photobucket.com/albums/w380/annakbaik/iklan1_zpsf2873afd.jpg"
border="0"/></a>
<a target="_blank" href=" http://mdiery.blogspot.com "><img alt="ads" src="http://i1072.photobucket.com/albums/w380/annakbaik/iklan2_zps99ad6192.jpg"
border="0"/></a>
</div></center>
<a target="_blank" href="http://mdiery.blogspot.com"><img alt="ads" src="http://i1072.photobucket.com/albums/w380/annakbaik/iklan1_zpsf2873afd.jpg"
border="0"/></a>
<a target="_blank" href=" http://mdiery.blogspot.com "><img alt="ads" src="http://i1072.photobucket.com/albums/w380/annakbaik/iklan2_zps99ad6192.jpg"
border="0"/></a>
<a target="_blank" href="http://mdiery.blogspot.com"><img alt="ads" src="http://i1072.photobucket.com/albums/w380/annakbaik/iklan1_zpsf2873afd.jpg"
border="0"/></a>
<a target="_blank" href=" http://mdiery.blogspot.com "><img alt="ads" src="http://i1072.photobucket.com/albums/w380/annakbaik/iklan2_zps99ad6192.jpg"
border="0"/></a>
</div></center>
7. Silahkan sobat ganti tulisan berwarna merah dengan link iklan sobat, jika sobat mempunyai gambar sendiri silahkan ganti kode berwarna hijau
8. Kode <center> maksudnya adalah digunakan supaya gambar-gambar tersebut diletakkan di tengah-tengah jika masih ada ruang kosong di sebelah kanannya.
9. Sobat juga bisa mengganti kode <center> menjadi <right> merapikan iklan dikanan dan apabila ada ruang yang kosong akan diletakan dikanannya, maksudnya adalah merapikan iklan sejajar, sedangkan perintah<center> untuk mengurutkan kanan kiri atas dan bawah
Semoga membantu sob.
Salam Blogging
Pertamax sob,,, lanjut, tambah semangat ngeblog nih hehehe
BalasHapusbener sob mesti semangat ngeblog donk
HapusHahaha Lanjutkan deh sob.. semangat 45 :)
Hapusmasa sih semangat 45 harusnya semangat baru semangat 2012, hehee
Hapussob,,kok gak ada gambar contohnya,
BalasHapustapi di coba dulu lah,,thanks sob...
kan ada live demonya sob
HapusWah ini dia yg sy cari nih sob..mantap
BalasHapusizin sedot ilmu nya ya sob :)
Wah ini dia yg sy cari nih sob..mantap
BalasHapusizin sedot ilmu nya ya sob :)
silahkan disedot ilmunya mas bro :)
Hapustutorialnya mantap,, saya coba ya sob,,,
BalasHapusSalam kenal,,
salam kenal juga sob
Hapusmakasih, sangat bermanfaat,.,
BalasHapussama sama sob
Hapusmakasih ya ilmunya
BalasHapussuatu saat kalo pasang iklan akan kucoba...
moga aja bisa membantu sob
Hapuswuih keren ..thx ya
BalasHapuskomentar aku dihapus ya sudahlah ..tak apa .
komentar yang mana sob
Hapusitu bang .. yang hn mutiara >_<
Hapusitu saya Lho !!.
oh itu karena ada link hidupnya sob, maap yah, punya berapa blog sih miz tia, jadi bingung saya
Hapusada dua ..
Hapustapi yang satu belum kelar , isinya juga coret-coret doang :D
.
oh belum kelar toh, aktip semua yah sob
HapusAda baiknya belajar dulu sob, entar pas butuhkan paling tidak udah ada gambaran. heheheh
BalasHapussilahkan dipelajari sob
BalasHapus