Wednesday, March 13

Efek Shadow Didalam Target


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 !


5 comments


EmoticonEmoticon