Assalamualaikum Sobat.Kali ini saya akan share trik.Trik ini berupa bentuk banner.Wew, apa itu ye ?? Sebut saja nama trik ini adalah "Cara Membuat Banner 125x125 di Sidebar Blog".Trik ini emang ada originalnya.tapi, originalnya saya lupa sob. Maaf.Oke sob.. langsung saja pembahasanya.
- Login ke Blogger
- Lalu Masuk ke Menu Edit template
- Setelah itu Cari Kode ]]></b:skin> dan letakan kode dibawah ini tepat diatas kode tadi
/*Kotak Iklan 125x125*/
#kotak-iklan-125x125 {
margin: 0px;
padding: 1px;
text-align: center; }
#kotak-iklan-125x125 img {
margin: 3px 3px 6px 6px;
padding: 1px;
text-align: center;
border: 3px solid #ff5600;
-webkit-transition: all 0.45s ease-out;
-moz-transition: all 0.45s ease-out;
-o-transition: all 0.45s ease-out;
transition: all 0.45s ease-out;
}
#kotak-iklan-125x125 img:hover {
-webkit-box-shadow: 0px 0px 10px #ff5600;
-mox-box-shadow: 0px 0px 10px #ff5600;
-ms-box-shadow: 0px 0px 10px #ff5600;
-o-box-shadow: 0px 0px 10px #ff5600;
box-shadow: 0px 0px 10px #ff5600;
text-align: center;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
-moz-transform: rotate(715deg);
-webkit-transform: rotate(715deg);
-o-transform: rotate(715deg);
}- Lalu Pergi ke Menu Tata Letak >> Add Gadget/Widget >> Pilih HTML/Javascript dan masukan kode dibawah ini dikotak disediakan
<center><div id="kotak-iklan-125x125">
<a href="http://Modas4rt.blogspot.com/" target="_blank"><img alt="" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-ivHz9v-9rfObOtBjhM8bg2xBVdzgzgMh98_qfAMsio9Bg8TuJWb9F0kf-YGXHGsR6NksovK_1HePU9NQke1Il3QXbAoHNGzoa_uRWUpwgsO-5ykZupXDEHFCbmj_SPSMCVGrcjog4Bw/s1600/star-us.jpg" title="Modas4rt" width="125" /></a>
<a href="http://Vhee-zone.blogspot.com/" target="_blank"><img alt="" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-ivHz9v-9rfObOtBjhM8bg2xBVdzgzgMh98_qfAMsio9Bg8TuJWb9F0kf-YGXHGsR6NksovK_1HePU9NQke1Il3QXbAoHNGzoa_uRWUpwgsO-5ykZupXDEHFCbmj_SPSMCVGrcjog4Bw/s1600/star-us.jpg" title="Vhee-zone" width="125" /></a>
<a target="_blank" href="http://zetta-zone.blogspot.com/"><img alt="banner ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAYIydf9IrKjr7RickfVzXAE682PptOUFlvwtxqIQQI-HrTwKS1mGvQDGYWV-SzWHVb9a8ts4iYKTyAzict-ZtUSqtRKRl76RIcMtky19t6RU_IQGhy1AlUB9GQCuWs9DXiFXS8SI04vM/s1600/Banner+Ads+125x125.png" border="0"/></a>
<a target="_blank" href="http://zetta-zone.blogspot.com/"><img alt="banner ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAYIydf9IrKjr7RickfVzXAE682PptOUFlvwtxqIQQI-HrTwKS1mGvQDGYWV-SzWHVb9a8ts4iYKTyAzict-ZtUSqtRKRl76RIcMtky19t6RU_IQGhy1AlUB9GQCuWs9DXiFXS8SI04vM/s1600/Banner+Ads+125x125.png" border="0"/></a>
</div></center> Nah, Gmna cukup jelas dan mudah kan..
Sekian dan semoga bermanfaat..
Terimah kasih...
