.

Membuat Effect Shadow Widget Sidebar

Effect Shadow
Pada kali ini shadows akan membagikan sebuah bentuk effect yang cukup menarik. Membuat Effect Shadow Widget Sidebar adalah untuk yang gemar mensetting template agar terlihat rapi dan elegant, mungkin ini menjadi solusi anda untuk di gunakan pada template manapun tidak menjadi kendala dan juga tidak menggangu beban loading pada blog anda simple sekali untuk cara pembuatannya.

Untuk tampilan Membuat Effect Shadow Widget Sidebar ini lihat gambar di kiri postingan ini cukup menawankan dan terlihat menarik pada template anda sekalian. Untuk itu marilah kita simak dan ikuti apa yang saya tampilkan caranya, tidak sulit dan tidak memerlukan script yang rumit hanya memasukkan kode css saja sudah cukup untuk tampilan yang menawan.

Pertama masuk ke blog anda

Kedua setelah itu klik TEMPLATE > EDIT HTML ingat selalu download lengkap template anda untuk berjaga jaga.

Ketiga gunakan CTRL+F agar cepat cari ini ]]></b:skin> dan copy kode dibawah ini tepat diatasnya.

#shadow2 { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaoNj8khmPyN3t0kWPlaAsNJM3JhS5-airspqGrtIByXmUsw5ac_YglCVbCrSAKLWO0Wfu41eYzgIx_dyzgbLE-4HrBg8A1j4w_nxHrg-GkDSxDL6ep_rUlsP1MDfbAVdifrMo-0LSMKI/s1600/frame_shadow2+
copy.png") no-repeat scroll center center transparent;  width: 100%; height: 20px;}

Itu adalah kode css nya sudah terpasang sekarang kita cari apa yang anda inginkan untuk penempatan dan penampakan shadowsnya misal di Recent Posts  maka sekarang gunakan lagi CTRL+F dengan isi kotak yang keluar dengan Recent Posts maka terlihat seperti ini.

<b:widget id='HTML2' locked='false' title='Resent Post' 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'/></div>

 Jadi anda harus ingat penempatannya harus sebelum </div> penutup menjadi sepeti yang diatas, itu berlaku juga pada widget popular posts atau widget yang lainnya nah itulah Membuat Effect Shadow Widget Sidebar untuk anda gunakan agar template anda menjadi menarik dan pengunjung akan betah berlama lama di blog anda semoga bermanfaat dan selamat berkreasi.

3 komentar:

  1. Bookmark dulu buat nanti digunakan, makasih gan

    BalasHapus
  2. ok sob terima kasih sdh berkunjung.

    BalasHapus
  3. makasih gan infonya, kunjungi juga blog saya di https://sobirinimam.blogspot.com

    BalasHapus

> NO ~ Sara, Porno, Hujat, Provokasi, Hargailah Sesama.
> NO ~ Promo ( iklan ), Spam, Link Hidup, Akan Langsung Hilang
> Berkomentar Sesuai Topik Tidak OOT, Agar Kita Semua Bisa Berbagi.