Assalamu'alaikum. Tutorial ini direquest oleh Safira dan Maya. Preview? Lihat gambar dibawah ini.
Live previewnyaa, coba kalian klik navigasi "Stuffs"! Disitu ada list blogskins aku kan? Coba hover salah satunya, dia akan bergerak. Dan kalau diklik, muncul halaman blogskins kamu. Mau coba? Ikuti caranya ^^
- Dashboard > Template > Paste kode ini diantara kode <style> dan </style>.
.bs{
border:1px solid #000000;
background:url(Url Background);
padding:5px;transform:rotate(0deg);
margin:5px;
-webkit-transition:All 0.5s ease !important;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
}
.bs:hover{transform: rotate(360deg) ;
-webkit-transform: rotate(360deg) ;
-moz-transform: rotate(360deg) ;
-o-transform: rotate(360deg) ;
-ms-transform: rotate(360deg) ;}
- Atur kode berwarna itu. Sudah? belum selesai. Paste kode ini di list tutobies atau dimanapun kamu mau.
<center>
<a href="Url Blogskins"><img class="bs" src="Url screenshot blogskins" />
</a><a href="Url Blogskins"><img class="bs" src="Url screenshot blogskins" /><a href="Url Blogskins"><img class="bs" src="Url screenshot blogskins" /><a href="Url Blogskins"><img class="bs" src="Url screenshot blogskins" /></center>
- Untuk kode warna ungu, screenshot blogskins-nya harus berukuran 100px x 100px.
Jadi, copy nya itu kaya gini :
ReplyDelete.bs{
border:1px solid #000000;
background:url(Url Background);
padding:5px;transform:rotate(0deg);
margin:5px;
-webkit-transition:All 0.5s ease !important;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
}
.bs:hover{transform: rotate(360deg) ;
-webkit-transform: rotate(360deg) ;
-moz-transform: rotate(360deg) ;
-o-transform: rotate(360deg) ;
-ms-transform: rotate(360deg) ;}
< style >
Bukan ka? aku kurang ngerti #ahaha
Jadi, antara < / s t y le > & < s t y le >
ReplyDeleteContoh :
< / s t y le >
.bs{
border:1px solid #000000;
background:url(Url Background);
padding:5px;transform:rotate(0deg);
margin:5px;
-webkit-transition:All 0.5s ease !important;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
}
.bs:hover{transform: rotate(360deg) ;
-webkit-transform: rotate(360deg) ;
-moz-transform: rotate(360deg) ;
-o-transform: rotate(360deg) ;
-ms-transform: rotate(360deg) ;}
< s t y l e >
Gitu? -_- komentar sebelum ga boleh komen kata STYLE jadi kurang jelas
maksud nya antara kode itu apa? dibawah, diatas, atau kayak mana? --"
ReplyDeleteMaya : Iya kayak gitu -_-
ReplyDeleteSafira : emang kamu gatau "Di antara" ? Coba tanya guru Bahasa Indonesia mu :v
Makasih kak =) Aku pakai ya
ReplyDeleteWAHHH MAKASIIIH KAK SALSAAAA!!!!!!!
ReplyDeleteGak jadi gak T________T
ReplyDeleteTuto kayak gitu dapet dari blog siapa? Harap dijawab ._.
safira : apa yang gak jadi? ._. Maaf banget Saf aku gak inget T^T udah lama soalnya
ReplyDeleteThank's kak salsaa!! Aku pake blogger biasa tapi bisa :)
ReplyDelete