Blogskins List Hover vers 6

     Gak nyangka aku udah bikin blogskins list hover sampe enam macem hehe. Kalo yang model keenam ini pretty simple karena aku lagi kehabisan ide. Preview :

• Copy kode dibawah ini :

<style>
.osh{
border: 5px solid #f1f1f1;
width:90px;
margin: 5px;
border-radius:15px 15px 15px 15px;
}
.osh:hover{
border: 5px solid #e4e4e4;
border-radius:0px 0px 0px 0px;
}
</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="osh" src="Url screenshot blogskin" /></a>
<a href="Url blogskin" ><img class="osh" src="Url screenshot blogskin" /></a>
<a href="Url blogskin" ><img class="osh" src="Url screenshot blogskin" /></a>
<a href="Url blogskin" ><img class="osh" 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