Friday 25 July 2014

Blogskins List Hover vers 9

       Wah, padahal kemaren rencananya aku cuma mau buat blogskins list hover sampe versi delapan. Tapi alhamdulillah aku baru dapet ide bagi muehehe. Preview :

  • Copy kode dibawah ini :
<style>
.olaf{
-webkit-transition: 0.8s;
-moz-transition: 0.8s;
border-radius: 50%;
margin:5px;
width: 100px;
height: 100px;
border: 5px solid #f1f1f1;
}
.olaf:hover{
border-radius: 15px 15px 15px 15px;
-webkit-transition: 0.8s;
-moz-transition: 0.58;
border: 5px solid #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!  

2 comments:

  1. Kak, izin pakai blogskins Snowflakes nya ya. Kalau mau lihat, silahkan berkunjung ke blogku : kharismabloggienotes.blogspot.com

    ReplyDelete

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