Friday, 22 November 2013
Bagi anda yang ingin Exchange Banner/memasang banner 88x31 tetapi anda tidak mempunyai tempatnya, atau anda ingin menaruh banner 88x31 di tempat banner 88x31 tapi sudah penuh. Solusinya Gampang. Ikuti Langkah/tutorial dibawah ini mengetahui Cara Memasang Kotak Banner 88x31 Di Blog.
1. Login ke Blogger
2. Setelah masuk ke dashboard lalu pilih blog anda yang ingin anda taruh kotak banner 88x31
3. Pilih Menu Edit Template
4. Cari Kode ]]></b:skin> (Gunakan Tombol Ctrl+F untuk Mempermudah)
5. Masukkan kode CSS dibawah ini tepat diatas kode ]]></b:skin>
#bannerikram 88{position:absolute;height:280px;width:340px;margin-left:65px;margin-top:-115px;background:#181818;border-radius:0px;
overflow:hidden;
border-top:4px solid#000;border-right:4px solid#0011ff;border-bottom:4px solid#0011ff;border-left:4px solid#0011ff;}
#bannerikram h2{color:#fff;font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;background:#181818;font-weight: bold;text-align:center;
font-size: 15pt;}
#bannerikram ul li{font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;line-height:1.5em;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;font-size:18px;list-style:square;width:188px;margin-left:16px;margin-top:6px;}
#bannerikram ul li a:link{color:#ffffff}
#bannerikram{overflow:hidden;}
6. Setelah itu taruh kode CSS dibawah ini tepat dibawah ini tepat dibawah kode <div id='header-wrapper'>
<div id='bannerikram 88'><h2>Banner 88x31</h2>
<ul>
<a href='http://iz-darkness.blogspot.com' target='_blank'><img alt='I.z Darkness' src='http://i.imgur.com/1ltMdlM.gif?1' title='I.z Darkness | Go For Your Inspiration'/></a>
<a href='http://iz-darkness.blogspot.com' target='_blank'><img alt='I.z Darkness' src='http://i.imgur.com/1ltMdlM.gif?1' title='I.z Darkness | Go For Your Inspiration'/></a>
<a href='http://iz-darkness.blogspot.com' target='_blank'><img alt='I.z Darkness' src='http://i.imgur.com/1ltMdlM.gif?1' title='I.z Darkness | Go For Your Inspiration'/></a>
<a href='http://iz-darkness.blogspot.com' target='_blank'><img alt='I.z Darkness' src='http://i.imgur.com/1ltMdlM.gif?1' title='I.z Darkness | Go For Your Inspiration'/></a>
<a href='http://iz-darkness.blogspot.com' target='_blank'><img alt='I.z Darkness' src='http://i.imgur.com/1ltMdlM.gif?1' title='I.z Darkness | Go For Your Inspiration'/></a>
<a href='http://iz-darkness.blogspot.com' target='_blank'><img alt='I.z Darkness' src='http://i.imgur.com/1ltMdlM.gif?1' title='I.z Darkness | Go For Your Inspiration'/></a>
<a href='http://iz-darkness.blogspot.com' target='_blank'><img alt='I.z Darkness' src='http://i.imgur.com/1ltMdlM.gif?1' title='I.z Darkness | Go For Your Inspiration'/></a>
<a href='http://iz-darkness.blogspot.com' target='_blank'><img alt='I.z Darkness' src='http://i.imgur.com/1ltMdlM.gif?1' title='I.z Darkness | Go For Your Inspiration'/></a>
<a href='http://iz-darkness.blogspot.com' target='_blank'><img alt='I.z Darkness' src='http://i.imgur.com/1ltMdlM.gif?1' title='I.z Darkness | Go For Your Inspiration'/></a>
<a href='http://iz-darkness.blogspot.com' target='_blank'><img alt='I.z Darkness' src='http://i.imgur.com/1ltMdlM.gif?1' title='I.z Darkness | Go For Your Inspiration'/></a>
<a href='http://iz-darkness.blogspot.com' target='_blank'><img alt='I.z Darkness' src='http://i.imgur.com/1ltMdlM.gif?1' title='I.z Darkness | Go For Your Inspiration'/></a>
<a href='http://anonymous-revenge.blogspot.com/' target='_blank'><img src='http://i1248.photobucket.com/albums/hh491/Asfarul_BiasebiaseJak/88x31.png'/></a>
<a href='http://rifqitecnolgy2.blogspot.com/' target='_blank' title='Zayyan Blog'><img alt='RAFIBLOG' src='http://i.imgur.com/sn12gDZ.gif'/></a>
</ul>
</div>
7. Setelah itu Simpan Template
Keterangan:
- Ganti Kode yang berwarna Merah dengan alamat URL blog anda
- Ganti Kode yang berwarna Hijau dengan URL Gambar Anda
- Ganti Kode yang berwarna Kuning dengan Keterangan Anda
