Cara Membuat Ads Banner 125x125 Keren

Hay sob kali ini saya akan share Cara Membuat Banner 125x125 Keren seperti yang ada di Blog Blogger Indonesia. Langsung ikuti stepsnya: 

ScreenShot:

1. Buka Blog Sobat,
2. Pilih Template,
3. Pilih edit Template,
4. Lalu Ctrl+f cari kode ]]></b:skin>,
5. Setelah itu masukkan kode dibawah ini 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 #0000FF;

margin: 0px 0px;

text-align: center;

padding: 0px;

margin-left: 0px;

-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:1px;

border:1px solid #0000FF;

-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,

<div id='MAHJkotakbesar1'/><div id='MAHJ125'>

<a href="http://goo.gl/mxGyCL" target="_blank" title="MaenCit | By Way Of Life"><img src="http://goo.gl/ikDMCW" alt="MaenCit | By Way Of Life" /></a>

<a href="http://goo.gl/mxGyCL" target="_blank" title="MaenCit | By Way Of Life"><img src="http://goo.gl/ikDMCW" alt="MaenCit | By Way Of Life" /></a>

<a href="http://goo.gl/mxGyCL" target="_blank" title="MaenCit | By Way Of Life"><img src="http://goo.gl/ikDMCW" alt="MaenCit | By Way Of Life" /></a>

<a href="http://goo.gl/mxGyCL" target="_blank" title="MaenCit | By Way Of Life"><img src="http://goo.gl/ikDMCW" alt="MaenCit | By Way Of Life" /></a>

</div></div>

NB: Tulisan yang berwarna hijau silahkan sobat ubah sendiri itu url banner sobat dan nama banner sobat.

Sekian Tutorial Ini , , Semoga Bermanfaat!!!

Sumber : Blogger Indonesia & Maen-Cit