Membuat efek bayangan diblog atau website

         Selamat beraktifitas sahabat blogger semua, salam sukses selalu buat semua, sedikit sharing lagi ni sob, saya juga pikir ini share bisa bermanfaat atau tidak buat sahabat semua, yang pasti kita share dulu, mungkin saja ada sobat blogger kita yang membutuhkan, 



     ya kira-kira begitu, ok langsung saja sob kembali ke tofik judul kita yaitu bagaimana cara membuat "efek bayangan diblog kita atau website kita", ok berikut langkahnya mudah banget kok sob gak ribet apa lagi sulit, kita hanya menambahkan beberapa kode di halaman penyususun tampilan suatu web atau blog atau yang lebih pasnya lagi di halaman CSSnya suatu web atau blog, tukan ternyata ketemu apa itu CSS, he.he cuma itu pengertian versi ane sob...

  • login ke blog sobat
  • kemudian masuk ke menu template 
  • Pilih edit HTML
  • kemudian letakkan kode dibawah ini ditempat yang ingin kita berikan efek bayangan.
     Nah untuk meletakkan kode tersebut letakkan sebelum tanda } dari sebuah kode yang ada ditemplate kita,  contoh begini sob. misal kita meletakkan di sisi paling luar dari blog, biasanya paling luar itu kodenya outer-wrapper, main-wrapper, dll sobat sesuaikan dengan template yang digunakan, contoh penulisan, 

.outer-wrapper {
    height: 300px;
    width: 300px;
    margin-top: 150px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    border-radius:10px;

    moz-box-shadow        : 0 0 10px 2px #B9E9F7;
    webkit-box-shadow    : 0 0 10px 4px #B9E9F7;
    box-shadow                : 0 0 10px 4px #B9E9F7;
 

}
      Mudah bukan sob hanya menambahkan kode warna merah diatas sebelum tanda penutup }
silakan sobat ganti kode warna #B9E9F7 sesuai dengan yang sobat inginkan, untuk mengetahui kodewarna sobat bisa lihat disini

Sekian semoga bermanfaat buat semua.

Thanks for reading: Membuat efek bayangan diblog atau website, Sorry, my English is bad:)

Getting Info...

Posting Komentar

Komentar
Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.