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.

No comments:

Post a Comment