Wednesday, 31 July 2013

Menerapkan Efek Gelap Terang Pada Sebuah Box Di Blog





Ini adalah sebuah trik sederhana dari gubhugreyot yang sangat menarik sebelumnya saya berterima kasih kepada admin disana yang telah membagikan sebuah trik menarik ini...
untuk menciptakan efek gelap terang pada suatu box caranya sangat mudah sekali gan...
hanya menambahkan beberapa kode CSS3 Diatas ]]></b:skin> dan beberapa kode pemanggilnya
maka efek ini akan segera bekerja..

1. Masuk Blog anda
2. pilih templlate/edit html
3. cari kode ]]></b:skin> gunakan ctrl + f untuk menudahkan pencarian
4. jika sudah ketemu copas kode dibawah ini tepat diatas tag    ]]></b:skin>

 .boxwidget {
      height: 250px;
      overflow: auto;
      margin: 20px 4px 10px;  
      padding: 15px 8px;
      background: #111;
      color: #666;
      border: 2px solid #555;
      border-radius: 6px;
     -moz-border-radius: 6px;
     -webkit-border-radius: 6px;
      opacity: 0.4;
      filter:alpha(opacity=40);
     -o-transition: all ease-in 1.2s;
     -moz-transition: all ease-in 1.2s;
     -webkit-transition: all ease-in 1.2s;
}
.boxwidget:hover {
      background: #660000;
      color: #eee;
      opacity: 1.0;
      filter: alpha(opacity=100);
}

 5. apabila sudah save template anda...

Agar Efek ini bekerja gunakan kode dibawah ini didalam setiap box yang akan diberi efek ini..

<div class="boxwidget">
Letakan kode widged,atau kode apasaja yang akan diberi efek disini...!
</div>
 Selesai gan efek akan bekerja dengan kode pemanggil diatas..
selamat mencoba semoga bermanfaat....

No comments:

Post a comment

Silahkan Komen Rider,