Friday 25 July 2014

Blogskins List Hover Vers 10

       ..Delapan.. sembilan.. dan ini dia yang kesepuluh! Tenang, kalau aku ada banyak ide, bakal aku upgrade lagi kok versi versinya biar list tutorial aku penuh hehehe. Preview :

  • Copy kode dibawah ini :
<style>
.pinkeu{
-webkit-transition: 0.8s;
-moz-transition: 0.8s;
border-radius: 5px;
margin:5px;
width: 100px;
height: 100px;
border: 5px solid #f1f1f1;
}
.pinkeu:hover{
border-radius: 50%;
-webkit-transition: 0.8s;
-moz-transition: 0.8;
border: 5px dashed #dadada;
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
}
</style>
  • Pastekan dimanapun kamu mau, misalnya dilaman skins.
  • Ubah kode yang berwarna merah dengan kode warna kesukaanmu.
  • Kemudian, copy lagi kode dibawah ini :
<center>
<div><a href="Url blogskin" ><img class="bacon" src="Url screenshot blogskin" /></a>
<a href="Url blogskin" ><img class="bacon" src="Url screenshot blogskin" /></a>
<a href="Url blogskin" ><img class="bacon" src="Url screenshot blogskin" /></a>
<a href="Url blogskin" ><img class="bacon" 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!  

1 comment:

 
Copyright © 2013-2017 By Anugerah Mullia Ulfa Salsabella. All Rights Reserved.