cara mudah membuat efek bayangan pada sidebar diblog

hasilnya seperti ini kalau sobat terapkan...

                                       Langkah-langkahnya: 

• Masuk ke akun blogger anda kemudian -> Klik Drop Down Menu
• Kemudian pilih -> Template -> Edit HTML

• Cari tag/kode ]]></b:skin> tekan CTRL+F untuk memudahkan pencarian
• Kopi dan pastekan kode css berikut tepat diatas kode  ]]></b:skin>

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

               CARA MENAMBAHKANNYA PADA SIDEBAR?

Untuk contoh saya akan menambahkan efek shadow pada gadget/widget recent comment:

<b:widget id='HTML11' locked='false' title='Recent Comment' type='HTML'>
 <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
 <div id='shadow2'/>
</b:includable>
   </b:widget>

-Kode yang disorot wana orange adalah nama widget/gadget
-Kode yang disorot warna merah adalah kode shadow hasil dari pemanggilan kode css diatas
-Letakan kode shadow setelah tag </div> 

• Jadi jika anda ingin menambahkan efek shadow pada gadget yang lain seperti popular post, widget follower atau yang lainnya tinggal menambahkan kode <div id='shadow2'/> setelah tag</div> 

• Simpan template...selesai.