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.
Terima kasih sudah singgah di blog ID CREATIVE   «« jangan lupa tinggalkan komentarnya "thanks.
Related Posts Plugin for WordPress, Blogger...
 
Powered by Blogger