Membuat Efek Bayangan Pada Halaman

IDEINI | Membuat Efek bayangan pada halaman, nah tutorial ini simple dan juga tidak membuat load berat, karena cara membuatnya pun cukup mudah, saya bingung bagaimana mau menjelaskanya, tapi ini saya kasih screnshootnya agar tidak bingung fungsi dari CSS Membuat Efek bayangan pada halaman :

Bagaimana cara membuatnya

1. Login Blogger.com
2. Pilih Layout/Tata Letak ► Edit HTML
3. Cari kode </body> kemudian letakan kode berikut sebelum kode </body> tadi

<div style='display:scroll; position: fixed; bottom:-20px; right:0px; width:100%; border:0; box-shadow:0 0 100px #000;'>ideini</div>

Tambahan, kode yang berwarna merah dapat diganti dengan Top jika kamu ingin menempatkan bayanganya di atas :

Contoh : <div style='display:scroll; position: fixed; top:-20px; right:0px; width:100%; border:0; box-shadow:0 0 100px #000;'>ideini</div>

Atau kamu juga bisa membuat 2 kode yang satu untuk bayangan bawah dan satu lagi untuk bayangan atas. Semoga artikel Membuat Efek bayangan pada halaman ini bermanfaat :D