Cara Memasang Effect Box Shadow di Template Blogger

Effect Box Shadow, pada kesempatan kali ini saya akan mengulas sebuah artikel tutorial sederhana yaitu bagaimana cara memasang effect box shadow di template blogger anda. sebelum kita melanjutkan ke inti pembahasan saya ingin bertanya terlebih dahulu apakah dari sobat sudah tahu apa itu effect box shadow? Mungkin sebahagian dari anda sudah ada yang tahu apa itu effect box shadow dan ada juga yang belum mengetahui apa itu effect box shadow jadi buat anda yang belum mengerti atau belum paham apa itu effect box shadow saya akan mengulas sedikit apa yang di maksud dengan box shadow ini agar dari sobat yang beum tahu akan mengerti nantinya. Effect Box shadow adalah sebuah bayangan yang nantinya akan muncul di belakang template blog anda jika blog anda memasang effect box shadow ini dan jika dari template situs anda tidak ada effect box shadow maka akan terlihat polos tidak ada yang menonjol jadi jika di pasangkan effect box shadow pada template, template blog anda akan lebih muncul kedepan karena terdapat sebuah bayangan hitam yang di pasangkan di template blog bayangan hitam inilah yang di namakan dengan effect box shadow. Nah buat anda yang masih bingung dan belum mengerti anda bisa melihat perbedaan dari dua buah gambar di bawah ini gambar 1 adalah gambar yang sudah di pasangkan box shadow dan gambar yang ke 2 tidak di pasangkan effect box shadow akan tampak jelas perbedaan dari kedua gambar di bawah ini :

Gambar 1 Sudah di Pasangkan Effect Box Shadow


Gambar 2 Belum di Pasangkan Effect Box Shadow


Bagaimana sobat terlihat jelas bukan perbedaan dari kedua gambar di atas yang mana pada gambar pertama itu templatenya lebih muncul ke depan karena sudah di pasangkan effect box shadow tersebut dan gambar yang kedua templatenya tidak muncul kedepan itu di karenakan dari template blog tersebut tidak di pasangkan effect box shadow. Jadi buat anda yang ingin memasang effect box shadow di template blog anda masing-masing agar nantinya dari template tersebut memiliki bayangan dan akan tampak lebih keren dan menarik bisa melihat tutorial cara pemasang effect box shadow tersebut di bawah ini.


Langkah-langkahnya :


1. Login ke akun blogger anda
2. Pilih menu Template ⟶ Edit Template

3. Cari kode #wrapper di dalam template blog yang anda gunakan, tekan tombol "CTRL+F" untuk mencari #wrapper dengan cepat, jika sudah ketemu letakkan kode "CSS" yang ada di bawah ini tepat di samping kode #wrapper untuk lebih jelasnya anda bisa melihat gambar di bawah ini perhatikan kode yang di tandai pada gambar :

KODE CSS


box-shadow:0 2px 6px rgba(100,100,100,0.3);

4. Jika sudah simpan template yang baru saja di edit tadi dan sekarang langsung saja buka situs blog anda kembali untuk melihat hasil dari perubahannya apakah sudah muncul effect box shadow yang di pasangkan tadi
Cara Memasang Effect Box Shadow di Template Blogger