Dalam posting kali ini taukahbahwa.blogspot.com akan menyajikan posting tentang Effect Shadow Dibawah Sidebar Blog. Semoga dengan artikel Effect Shadow Dibawah Sidebar Blog akan menambah pengetahuan bagi anda pembaca setia taukahbahwa.blogspot.com
Effect Shadow Dibawah Sidebar Blog, 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/AVvXsEh-J8gta_ytHkvyKZ8uF0dKIFqgg2x3FNUNNWFMF6M8JkMrX-6t8MlhBT5ggzrfcucQTxYJxahf5u7GVP_nELtGLtClr6UVk9LysPi8gLmH1AGbGAzLAkD42PturAy8vDQQJgcZ17ekW_s/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.
Dapatkan berita terupdate dan unik setiap saat hanya di taukahbahwa.blogspot.com
Homepage|http://taukahbahwa.blogspot.com
No comments:
Post a Comment
jangan lupa tinggalkan komentar .... trimakasih atas kunjungannya