Cara Membuat Banner 125x125 di Sidebar Blog

Cara Membuat Banner 125x125 di Sidebar Blog


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);
}
- Simpan Template
- 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/AVvXsEjMDOZGIQmgdFi-h-MGjQ9gdJnt68nREQkEuRCa__rHWhklypn4u0VzcDa0NMh89BZK6KuDf-RhHyk5DZtAjRH-NeX_ndQMg8E5Cg8JImwUJSlhIJgG6VSPTv89JHRIc4buqsvtGpvvZ1o/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/AVvXsEjMDOZGIQmgdFi-h-MGjQ9gdJnt68nREQkEuRCa__rHWhklypn4u0VzcDa0NMh89BZK6KuDf-RhHyk5DZtAjRH-NeX_ndQMg8E5Cg8JImwUJSlhIJgG6VSPTv89JHRIc4buqsvtGpvvZ1o/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/AVvXsEjVMq74TI9ZB2stI1th0RizrE-bPHc0VltGyJTB9ZyjBjG51SvoKGDLLTKbjszyQL4K3LUhHevdgJ7xMkqFJk3dhoJWd94auq4kmrSjBfB9M3yBsQaZfRIqwSufYeCQtdA7eHZ3deEUPDE/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/AVvXsEjVMq74TI9ZB2stI1th0RizrE-bPHc0VltGyJTB9ZyjBjG51SvoKGDLLTKbjszyQL4K3LUhHevdgJ7xMkqFJk3dhoJWd94auq4kmrSjBfB9M3yBsQaZfRIqwSufYeCQtdA7eHZ3deEUPDE/s1600/Banner+Ads+125x125.png" border="0"/></a>
</div></center> 
- Simpan

Nah, Gmna cukup jelas dan mudah kan..
Sekian dan semoga bermanfaat..
Terimah kasih...

0 Response to "Cara Membuat Banner 125x125 di Sidebar Blog"

Posting Komentar

follow my twitter @akhmadraauf
yang punya blog wajib comen langsung comen back
yang follow blogku langsung di comen back
comen disini bebas