home about linkies tutobies


Looking for what?!



Welcome to My Blog


Assalamualaikum.
I'm Lintang.
I come from Indonesia.
Thankyou for visiting my blog
Hope you enjoy my posts : )

Here's my social media links, thankyou.



Leave your footprint here




A R C H I E V E




© 2014 - Skins by Yuki. Bascode by Dhy. and Edited by Alya. And i edited this for last.

Cute icons are from Pixeliette
Minggu, 13 Oktober 2013 | 1 Comments

Assalamualaikum!


Hari ini aku mau tutorial lagi. Semua tuto tentang image hover melengkung ini credit ke Kak Nadd. Pandai kali kakak tu buat memang. Iri aku. Hahahah, only kidding. Oke. Mulai.

A. Untuk Classic Template *Yang Template Designer di bawah, scroll aja*

  1. Log in, buka DASHBOARD > DESIGN > EDIT HTML
  2. Tekan ctrl + F bersamaan, nanti keluar kotak pencarian.
  3. Cari kode ini : a img{
  4. Copy kode ni :  
-webkit-transition-duration:.4s;} img:hover {filter: alpha(opacity=60); opacity: .6; -webkit-box-shadow: 0px 0px 20px #FA58AC; -moz-box-shadow: 0px 0px 20px #FA58AC; -webkit-border-top-right-radius:20; -webkit-border-top-left-radius:20; -webkit-border-bottom-right-radius:20; -webkit-border-bottom-left-radius:20;}img:hover {filter: alpha(opacity=60); opacity: .60; border: 1px dashed #FA58AC; border-radius: 30px; -moz-border-radius: 30px;}
    note : kode  #FA58AC boleh diganti dengan kode warna yang lain
             kode   dashed boleh diganti dengan solid (garis penuh), dotted (titik-titik), inset, outset, atau double. Coba sendiri yah :)


    5.  Paste di sebelah kode a img{ 
    6.  Siaap



B. Untuk Template Designer (Blogger Versi Baru)

  1. Pergi ke dashboard > Template > Sesuaikan
  2. Pilih Tingkat Lanjut
  3. Pilih yang tambahkan KODE CSS
  4. Copy terus paste kode ini di kotak kosong di add css tu 
a img {-webkit-transition-duration:.4s;} img:hover {filter: alpha(opacity=60); opacity: .6; -webkit-box-shadow: 0px 0px 20px #FA58AC; -moz-box-shadow: 0px 0px 20px #FA58AC; -webkit-border-top-right-radius:20; -webkit-border-top-left-radius:20; -webkit-border-bottom-right-radius:20; -webkit-border-bottom-left-radius:20;}img:hover {filter: alpha(opacity=60); opacity: .60; border: 1px dashed #FA58AC; border-radius: 30px; -moz-border-radius: 30px;}
    5.  Save, Siapp. Silahkan di cek :D

Good Luck yah, Assalamualaikum!


                                                                                                                   

Label: ,

Blogger briel mengatakan...

Thanks ya! jadinya bagus lho..

 

Posting Komentar

Napa? Bingung? Ndak ngerti? Mau copas?
Komen lah ha komen~