Effect Shadow Dibawah Sidebar Blog

Huuufffttttt....abis ujian UTS di kampus ane sempatin untuk buat tutorial Blog lagi. Kali ini kita akan membuat Effect Shadow Dibawah Sidebar Blog, kalau belum jelas silahkan sobat lihat pada bagian sidebar blog ini atau lihat screenshoot di samping .Sebelum nya sedikit info saja buat sobat yang akan melakukan trik ini ,akan lebih jelas /bagus jika warna background sidebar/sidebar berwarna putih atau transparent dengan bagian body berwarna background #fff (putih/white).
Oke untuk sobat yang ingin pasang trik ini silahkan ikuti tutorialnya yang akan saya jabarkan secara lengkap seperti di bawah ini :

Loggin ke blogger dengan ID sobat

Saat ada di dasboard pilih template >>Edit Html >> ingat download lengkap dulu template untuk menjaga kemungkinan salah dalam pengeditan..

Cari kode ]]></b:skin> taruh kode css berikut tepat di atas nya (gunakan Ctrl + F untuk mempermudah pencarian) berikut kode nya :

#shadow2 {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkXi9xoAasvJOn5OWOzx71ea5MITXFGoc0U-Cf2CHJKlPYr5EpD3fo511ij5pvUY0kUyIBGuqsiy2jLPdiFHVnsujbdiHK_Iur0UCv8JhPjBxNJPgZUFRxdVmx3aGIBpz8_M9UbKUSX88/s1600/frame_shadow2+copy.png") no-repeat scroll center center transparent; height: 20px; width: 300px;}

Nah kode Css nya sudah di pasang sekarang penempatan shadownya untuk hal ini saya contohkan yang akan di beri shadow adalah Friend's Banner seperti gambar di atas maka gunakan Crtl + F cari kode Friend's Banner maka contoh kode nya kurang lebih akan seperti di bawah ini

Jadi, jika sobat ingin menggunakan kode ini pada widget yang lain seperti Popular Post, Kolom Komentar, Widget Followe, dll lakukan hal yang sama seperti di atas dan letakkan kode <div id='shadow2'/> setelah kode penutup </div> pada widget-content seperti contoh di atas.
Kalau sudah coba sobat Preview Template dulu agar tidak terjadi kesalahan, jika sudah pas baru Save Template.

Tambahan : Jika sobat ingin warna shadow yang lain silahkan kunjungi Link berikut : http://peaceblogberbagi.blogspot.com/2013/04/kumpulan-warna-shadows-di-bawah-sidebar.html

Thank's to FullBlogDesign for this Tutorial

Effect Shadow Dibawah Sidebar Blog

4/ 5

Oleh Randi Afrinal

Randi Afrinal 4/25/2013 4 Komentar