Hay sob kali ini saya akan share Cara Membuat Banner 125x125 Keren seperti yang ada di Blog Blogger Indonesia. Langsung ikuti stepsnya:
Screenshoot:
1. Loggin ke Blogger
2. Klik Template > Edit Template
3. Tekan Ctrl+f cari kode
]]></b:skin>
4. Masukkan Script berikut tepat di atas kode
]]></b:skin>
#MAHJ125 img {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
border: 1px solid #0860CA;
margin: 1px 1px;
text-align: center;
padding: 3px;
margin-left: 3px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
}
#MAHJ125 img:hover {
border-radius:5px;
border:1px solid #0860CA;
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
-moz-transform:rotate(715deg);
-webkit-transform:rotate(715deg);
-o-transform:rotate(715deg);
}
5. Lalu letakkan script berikut di tempat sobat mau pasang, tapi bukan di Widget.
<div id='MAHJkotakbesar1'/>
<div id='MAHJ125'>
<a href=
'http://muhafnursandy.blogspot.com/' title='
Your Ads Here
!!!'><img alt='
Your Ads Here !!!'
src='
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGgqDvfyQHOM0aGFjrlZUt1Y9NoGk7Uhqh5lp9gkHaX_Cm5ERlx4rquEJKFVm9wYRyyGkltr4xx50IzC20xaMZXmQlL-lqmXOvh6FTiJkkgaJcUceMa2i0GcyCB8hlC25-wPR47YLglmo/s1600/1.jpg'/></a>
<a href=
'http://muhafnursandy.blogspot.com/' title='
Your Ads Here
!!!'><img alt='
Your Ads Here !!!'
src='
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGgqDvfyQHOM0aGFjrlZUt1Y9NoGk7Uhqh5lp9gkHaX_Cm5ERlx4rquEJKFVm9wYRyyGkltr4xx50IzC20xaMZXmQlL-lqmXOvh6FTiJkkgaJcUceMa2i0GcyCB8hlC25-wPR47YLglmo/s1600/1.jpg'/></a>
<a href=
'http://muhafnursandy.blogspot.com/' title='
Your Ads Here
!!!'><img alt='
Your Ads Here !!!'
src='
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGgqDvfyQHOM0aGFjrlZUt1Y9NoGk7Uhqh5lp9gkHaX_Cm5ERlx4rquEJKFVm9wYRyyGkltr4xx50IzC20xaMZXmQlL-lqmXOvh6FTiJkkgaJcUceMa2i0GcyCB8hlC25-wPR47YLglmo/s1600/1.jpg'/></a>
<a href=
'http://muhafnursandy.blogspot.com/' title='
Your Ads Here
!!!'><img alt='
Your Ads Here !!!'
src='
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGgqDvfyQHOM0aGFjrlZUt1Y9NoGk7Uhqh5lp9gkHaX_Cm5ERlx4rquEJKFVm9wYRyyGkltr4xx50IzC20xaMZXmQlL-lqmXOvh6FTiJkkgaJcUceMa2i0GcyCB8hlC25-wPR47YLglmo/s1600/1.jpg'/></a>
</div>
6. Silahkan sobat ubah kode yang berwarna
Biru dengan Url Blog sobat, Tulisan berwarna
Kuning dengan kata-kata sobat, Tulisan berwarna
Hijau dengan Url Gambar Sobat.
Semoga Postingan ini bermanfaat sob...
Judul : Cara Membuat Ads Banner 125x125 Keren
Deskripsi : Hay sob kali ini saya akan share Cara Membuat Banner 125x125 Keren seperti yang ada di Blog Blogger Indonesia. Langsung ikuti stepsnya: S...