About

Search

Kamis, 28 April 2011

Pasang Efek Shadow pada Postingan dan Related Post



Sentuhan Efek Shadow  bila di pasang pada border pasti akan tampak lebih manis atau apalah lah namanya untuk pengungkapan Fenomena tersebut, jiee . . . he, untuk memasangnya tidak perlu dengan menulis kode yang panjang dan sulit untuk dipahami. oke de langsung ke TKP. Ini dia kode untuk Efek Shadow tersebut :


-moz-box-shadow: 0 0 20px #6aa84f;
-webkit-box-shadow: 0 0 20px #6aa84f;}

Disini saya contohkan pemasangan efek shadow pada border postingan :

1.  Login ke Akun Blog
2.  Edit HTML lalu cari kode yang mirip seperti ini karna tiap blog pasti berbeda :
.post {
Background:#000000;padding:10px;
margin:5px 5px 15px 0;
line-height: 1.6em;
text-align: justify;
border: 0px DOUBLE $posttitleBorderColor;
 }

Lalu paste kan kode Efek Shadow tadi persis dibawah kode :   
border: 0px DOUBLE $posttitleBorderColor; 
secara keseluruhan akan tampak seperti dibawah ini :


.post {
Background:#000000;padding:10px;
margin:5px 5px 15px 0;
line-height: 1.6em;
text-align: justify;
border: 0px DOUBLE $posttitleBorderColor;
-moz-box-shadow: 0 0 20px #6aa84f;
-webkit-box-shadow: 0 0 20px #6aa84f;}
}

Kode ini bisa diterapkan pada sisi lain tidak hanya pada border postingan.

>>  Kode #6aa84f; adalah kode warna untuk Efek Shadow, kamu bisa mengantinya sesuai dengan selera.

0 komentar:

Posting Komentar

Blogger templates