Blogskins List Hover Vers 7

       Tujuh? Iya ini versi yang ketujuh dari blogskins list hover buatan aku. Rencananya aku mau bikin sampe delapan versi. Tinggalkan komentar kalau kamu ingin pakai ya! Preview :

• Copy kode dibawah ini :

<style>
.ceye{
-webkit-transition: 0.5s;
border: 5px solid #f1f1f1;
width:100px;
margin: 5px;
border-radius:50%;
}
.ceye:hover{
-webkit-transform: rotateX(180deg) ;
-moz-transform: rotateX(180deg) ;
-o-transform: rotateX(180deg) ;
-ms-transform: rotateX(180deg) ;}
border-radius: 50%;
border: 5px solid #dadada;
</style>

• Pastekan dimanapun kamu mau, misalnya dilaman skins.
• Ubah kode yang berwarna dengan kode warna kesukaanmu.
• Kemudian, copy lagi kode dibawah ini :

<center>
<div><a href="Url blogskin" ><img class="ceye" src="Url screenshot blogskin" /></a>
<a href="Url blogskin" ><img class="ceye" src="Url screenshot blogskin" /></a>
<a href="Url blogskin" ><img class="ceye" src="Url screenshot blogskin" /></a>
<a href="Url blogskin" ><img class="ceye" src="Url screenshot blogskin" /></a></div></center>

• Pastekan lagi kode tadi dibawah kode yang telah kamu paste distep pertama.<br />
• Ubah kode yang berwarna hijau dengan url blogskins kamu.<br />
• Ubah juga kode yang berwarna biru dengan url image screenshot blogskins kamu dan ukurannya harus 100 x 100 pixel.
• Save and done! 

Email ThisBlogThis!Share to XShare to FacebookShare to Pinterest