-->
 
Membuat Efek Bersinar di Sekitar Elemen

BERANDAARCHIVEQUR'ANYASINTAHLILAMALAN

     
Untuk memberi efek ini mungkin setiap template blog  sedikit berbeda, namun untuk kode yang digunakan dalam membuat efek ini sama saja , Coba arahkan cursor sobat ke area Sidebar atau area posting diblog ini , maka akan mengeluarkan efek sinar yang berwarna merah
Seperti itulah efek yang saya maksud, Untuk warna efeknya sobat bisa ganti kodenya dengan warna kesukaan sobat  Kode warnanya bisa lihat disini
Untuk kode  70px  juga bisa sobat rubah itu menunjukkan lebar efeknya

Langsung aja Sobat kita menuju TKP ;


  • Login keakun Blog Sobat
  • Klik Rancangan pilh Edit HTML
  • Lalu cari kode ]]></b:skin>
  • Lalu letakkan kode dibawah ini tepat diatas kode ]]></b:skin>


  • Untuk memberi efek disekitar area sidebar kodenya dibawah ini
.sidebar .widget :hover{-moz-box-shadow:0 0 70px #F80505;-webkit-box-shadow:0 0 70px #F80505;box-shadow:0 0 40px #F80505;transition:all 1s;-webkit-transition:all 1s;}
  • Kalau tidak berhasil pakai kode yang ini
.sidebar  :hover{-moz-box-shadow:0 0 70px #F80505;-webkit-box-shadow:0 0 70px #F80505;box-shadow:0 0 40px #F80505;transition:all 1s;-webkit-transition:all 1s;}

  • Kalau untuk area postingan kodenya dibawah ini
.post :hover{-moz-box-shadow:0 0 70px #F80505;-webkit-box-shadow:0 0 70px #F80505;box-shadow:0 0 40px #F80505;transition:all 1s;-webkit-transition:all 1s;}
  • Atau sobat juga bisa pakai kode yang ini
.main :hover{-moz-box-shadow:0 0 70px #F80505;-webkit-box-shadow:0 0 70px #F80505;box-shadow:0 0 40px #F80505;transition:all 1s;-webkit-transition:all 1s;}
Posted On : 9 September 2011 Time : 20.43
SHARE TO :
| | Powered By : C.(BH-elatos) | Copyright By : cuerosbhelatos | |