Efek Shadow Didalam Target

Hika Ramadhan Putra   19:17   Blogger Trik   5 comments  

Assalamualaikim

Apa kabar Sobat Bloggerku,Admin lagi Liburan nich 1 minggu ,karna kelas 3 lagi Ujian Praktek .wkwkw

Nah berhubungan Gada acara nih mending admin posting aja nich.....（￣□￣；）

Kemaren Udah ini

Okkee langsung aja yah kawan ....mari kita berbagi ilmu

Langkah :

1. Seperti Biasa login dulu di blogger anda
2. Ke template
3. Pilih EDIT HTML
4. Dicentang dulu di atas kiri kotakan tersebut
5. Cari yang anda mau di kasih Shadow tersebut
6. Codenya : 

box-shadow:inset 0 0 16px #000;
background-image: linear-gradient(bottom, #f16529 17%, #f16529 59%, black 80%);
background-image: -o-linear-gradient(bottom, #f16529 17%, #f16529 59%, black 80%);
background-image: -moz-linear-gradient(bottom, #f16529 17%, #f16529 59%, black 80%);
background-image: -webkit-linear-gradient(bottom, #f16529 17%, #f16529 59%, #f16529 80%);
background-image: -ms-linear-gradient(bottom, #f16529 17%, #f16529 59%, #f16529 80%);

Code warna itu yang berwarna maupun yang dibawahnya bisa diganti sesuai warna kalian yang kita inginkan
Contoh Penempatan Kode tersebut :

.post-body{font-family:verdana; font-size:13px;background:#f16529; color:white; line-height:1.5em; margin:5px; pading:15px; text-align:justify;box-shadow:inset 0 0 16px #000;background-image: linear-gradient(bottom, #f16529 17%, #f16529 59%, black 80%);background-image: -o-linear-gradient(bottom, #f16529 17%, #f16529 59%, black 80%);background-image: -moz-linear-gradient(bottom, #f16529 17%, #f16529 59%, black 80%);background-image: -webkit-linear-gradient(bottom, #f16529 17%, #f16529 59%, #f16529 80%);background-image: -ms-linear-gradient(bottom, #f16529 17%, #f16529 59%, #f16529 80%);}

Hargai Karyan Orang !