Jumat, 21 Februari 2014

cara membuat gambar bergarak di posisi header

        hay sobat blogger sesuai judul postingan di atas kali ini saya akan menjelaskan postingan yang baru" saja lagi hot di tutorial blogger mana pun :D

langsung ke TKP kawan :D

LOGIN KE BLOGGER SOBAT

PILIH MENU TEMPLATE --}

CARI KODE ]]></b:skin>

letakan kode di bawah ini tepat di atas kode ]]></b:skin>
 

]]></b:skin>
]]></b:skin>
]]></b:skin>
]]></b:skin>
]]></b:skin>
]]></b:skin>
]]></b:skin>
a.thumbopacity img { -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;margin-top:5px;margin-left:18px; position:absolute; } a.thumbopacity:hover img{ margin-left: 175px; padding-left: 0px; }
 

Lalu copy kode di bawah ini dan pastekan tepat di bawah kode </head>

 <a class='thumbopacity'>
<img border='0' src='http://i.imgur.com/BVMmnoL.png'/></a>
<a class='thumbopacity'>
<img border='0' src='http://i.imgur.com/BVMmnoL.png'/></a> - See more at: http://www.sandy-shared.com/2013/07/cara-membuat-gambar-bergerak-di-header.html#sthash.aJXKnN2I.dpuf

<a class='thumbopacity'>
<img border='0' src='http://i.imgur.com/BVMmnoL.png'/></a> - See more at: http://www.sandy-shared.com/2013/07/cara-membuat-gambar-bergerak-di-header.html#sthash.aJXKnN2I.dpuf
Lalu copy code di bawah ini dan pastekan tepat dibawah code </head> - See more at: http://www.sandy-shared.com/2013/07/cara-membuat-gambar-bergerak-di-header.html#sthash.aJXKnN2I.dpuf

Lalu copy code di bawah ini dan pastekan tepat dibawah code </head>
 

dan hasil nya seperti gambar yang di atas kawan :D kawan bisa mengganti gambar tersebut dengan mengganti alamat yang berwana HIJAU dengan alamat gambar yang sobat suka :D

0 komentar:

Posting Komentar

hijaxbar. Diberdayakan oleh Blogger.