Bagi blogger yang sudah punya banner tapi belum tau slot yang bagus bagaimana. Nah, saya akan SHARE sebuah tutorial sederhana tentang "Cara Membuat Slot Banner 125x125 Di Bawah Header Blog". Trick ini sama dengan slot banner 125x125 yang saya gunakan di bawah header saya. Tertarik? Kepo? berikut cara membuatnya.
Tutorial
- Log in ke akun blogger kalian
- Pilih menu Template
- Setelah itu klik Edit HTML
- Cari kode ]]></b:skin>
- Masukan kode berikut tepat diatas kode ]]></b:skin>
#MIMAdz{box-shadow: 0px 0px 16px #006acc;background:rgba(0,0,0,0.5); width:950px; height:150px; border:3px solid #006acc; float:left; margin-left:0px;box-shadow:0 0 16px #006acc}
-webkit-transform:rotate(355deg); -o-transform:rotate(355deg)}
#MAdz{margin-top:0px; padding:0px; text-align:center;}
#MAdz img{border:3px solid #006acc; border-radius:70px; margin:1px 1px; text-align:center; padding:0px; margin-left:27px; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out;margin-top:8px}
#MAdz img:hover{border:3px solid #006acc; -moz-transform:rotate(720deg); -webkit-transform:rotate(720deg); -o-transform:rotate(720deg);border-radius:0px}
- Belum selesai sampai disitu, Cari kode <div id='content-wrapper'>
- Letakan kode berikut tepat dibawah kode <div id='content-wrapper'>
<div class='MIMAdz section' id='MIMAdz'><div class='widget HTML' id='HTML13'><div class='widget-content'><h3></h3>
<div id='MAdz'>
<a href='http://creative-blog10.blogspot.com/' title='Go And Get Your Self'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBgQMIp6Ltr6DUiBZb5yvLoFxJ9irSzfLy9F9fNtjq3aEPkH919ys8Ctuidt8mfppvzzvpp6LN7x9opj-4Kto7X9Zm0PXL-uOluPsg5GlyWAuRkAIsWsXJ6y2CaajX-1Alr89zbcJyB8U/s1600/rafiblog2.gif'/></a><a href='http://creative-blog10.blogspot.com/' title='Go And Get Your Self'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBgQMIp6Ltr6DUiBZb5yvLoFxJ9irSzfLy9F9fNtjq3aEPkH919ys8Ctuidt8mfppvzzvpp6LN7x9opj-4Kto7X9Zm0PXL-uOluPsg5GlyWAuRkAIsWsXJ6y2CaajX-1Alr89zbcJyB8U/s1600/rafiblog2.gif'/></a><a href='http://creative-blog10.blogspot.com/' title='Go And Get Your Self'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBgQMIp6Ltr6DUiBZb5yvLoFxJ9irSzfLy9F9fNtjq3aEPkH919ys8Ctuidt8mfppvzzvpp6LN7x9opj-4Kto7X9Zm0PXL-uOluPsg5GlyWAuRkAIsWsXJ6y2CaajX-1Alr89zbcJyB8U/s1600/rafiblog2.gif'/></a><a href='http://creative-blog10.blogspot.com/' title='Go And Get Your Self'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBgQMIp6Ltr6DUiBZb5yvLoFxJ9irSzfLy9F9fNtjq3aEPkH919ys8Ctuidt8mfppvzzvpp6LN7x9opj-4Kto7X9Zm0PXL-uOluPsg5GlyWAuRkAIsWsXJ6y2CaajX-1Alr89zbcJyB8U/s1600/rafiblog2.gif'/></a><a href='http://creative-blog10.blogspot.com/' title='Go And Get Your Self'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBgQMIp6Ltr6DUiBZb5yvLoFxJ9irSzfLy9F9fNtjq3aEPkH919ys8Ctuidt8mfppvzzvpp6LN7x9opj-4Kto7X9Zm0PXL-uOluPsg5GlyWAuRkAIsWsXJ6y2CaajX-1Alr89zbcJyB8U/s1600/rafiblog2.gif'/></a><a href='http://creative-blog10.blogspot.com/' title='Go And Get Your Self'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBgQMIp6Ltr6DUiBZb5yvLoFxJ9irSzfLy9F9fNtjq3aEPkH919ys8Ctuidt8mfppvzzvpp6LN7x9opj-4Kto7X9Zm0PXL-uOluPsg5GlyWAuRkAIsWsXJ6y2CaajX-1Alr89zbcJyB8U/s1600/rafiblog2.gif'/></a>
</div>
</div>
</div>
</div>
- Setelah itu Klik Simpan atau Save
- Selesai
Jika berhasil komen juga..
Backlinks Please Thanks
URL |
Code For Forum |
HTML Code |
Anda Baru Saja Membaca Artikel Tentang Cara Membuat Slot Banner 125x125 Di Bawah Header Blog ,Anda Boleh Menyebarluaskan / Mengcopy Paste Artikel Cara Membuat Slot Banner 125x125 Di Bawah Header Blog Ini Bermanfaat Buat Anda , Namun Saya Mohon Untuk Mencantumkan Link Cara Membuat Slot Banner 125x125 Di Bawah Header Blog Sebagai SumberNya.
Wah berhasil nich.......
BalasHapusNice info! :-bd
KOmen balik: http://rifqi-blog27.blogspot.com/
Wah,,,, Bermanfaat nih buat newbie.....
BalasHapusThank's ya...
Nice Post...
BalasHapusIzin simak yo...
Wahh work!!!!!!! Thank's ya...
BalasHapusizin simak
BalasHapus