Selasa, 22 Juli 2014

Blogskins List Hover #1

Hai, all!
Aku mau share tutorial nya kak Salsa yang blogskins list hover. Tapi, cuma beberapa doang, hehehe... :3 Oh iya, kebanyakan basa basi nih! Langsung aja yuk cekidot!

   
  • 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 biru dengan url blogskins kamu.<br />
  • Ubah juga kode yang berwarna kuning dengan url image screenshot blogskins kamu dan ukurannya harus 100 x 100 pixel.
  • Save and done!
Credit: AnugerahSalsa
Share:

0 komentar:

Posting Komentar