Tuesday 22 July 2014

Blogskins List Hover vers 2

       Sebelum ini, aku juga udah pernah share blogskins list hover yang versi satu, kalau mau lihat klik disini aja oke. Kali ini aku mau share yang versi kedua dan ini kode aku sendiri, jadi kalau ingin repost reshare retuto sertakan clickable credits ya! Preview :

Setelah melihat previewnya, mungkin kamu mau coba. Okay, follow these steps carefully!
  • Copy kode dibawah ini :
<style>
.skinny{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border-radius: 50%;
width: 100px;
height: 100px;
border: 5px solid #f1f1f1;
}
.skinny:hover{
border-radius: 50%;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border: 5px solid #dadada;
}
</style>
  • Pastekan dimanapun kamu mau, atau misalnya di laman Skins.
  • Ubah kode yang berwarna merah dengan kode warna yang kamu suka.
  • Kemudian, copy lagi kode dibawah ini :
<center>
<div><a href="Url blogskin" ><img class="skinny" src="Url screenshot blogskin" /></a>
<a href="Url blogskin" ><img class="skinny" src="Url screenshot blogskin" /></a>
<a href="Url blogskin" ><img class="skinny" src="Url screenshot blogskin" /></a>
<a href="Url blogskin" ><img class="skinny" src="Url screenshot blogskin" /></a></div></center>
  • Pastekan lagi kode tadi dibawah kode di step pertama.
  • Setelah itu, ubah kode yang berwarna hijau dengan url blogskins kamu.
  • Ubah juga kode yang berwarna biru dengan url image screenshot blogskin kamu dan ukurannya harus 100 x 100 pixel.
  • Save and done!

1 comment:

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