Kali ini Saya Akan Memberikan Suatu Trik Yang sangat Mudah.Trik ini adalah
"Sidebar Widget Conten Flat UI".Selain Mudah trik ini tidak Ribet.Inti dari trik ini adalah
Penataaan CSS.Nggak Usah Panjang Lebar Yah Sobat, Silahkan Masuk ke TKP yah ^_^
Cara Pengerjaan:
- Login ke Blogger
- Lalu Masuk ke Menu Edit Template > Edit HTML
- Lalu Cari kode </style> atau ]]></b:skin> dan letakan kode dibawah ini tepat diatas kode tadi
/* WIDGET MODIFIKASI by Yasdil-blog.blogspot.com*/
#PopularPosts1 .widget-content {
background:rgb(0, 74, 122);
}
#Label1 .widget-content {
background:rgb(0, 64, 100);
}
- Lalu Simpan/Save Template
NB: Untuk berwarna
Biru silahkan ganti dengan ID Widget Contohnya
Label1 atau
PopularPosts1
Untuk Cara Melihat ID widget Sebagai Berikut
Cara Melihat ID widget
- Buka Blog Anda
- Lalu Klik Kanan Dan Pilih Inspect Element Seperti Gambar dibawah ini
- Nah, Langsung saja sobat ganti dengan Tulisan berwarna Biru tadi
Nah, Sekian Artikel Kali ini.
Terimah kasih Dan Semoga bermanfaat ^_^
Update
Saya Baru Tahu ternyata bisa juga diubah tag h2 nya.silahkan di pelajari css dibawah ini.
#HTML2 .widget-content {background:#40d47e}
#HTML2 h2 {background:#27ae60}
#PopularPosts1 .widget-content {background:#e67e22}
#PopularPosts1 h2 {background:#d35400}
#Label1 .widget-content {background:#9b59b6}
#Label1 h2 {background:#8e44ad}
Keterangan:
- Pada Text Saya Warnain Hijau Muda Berarti itu adalah widget content dari Widget Tersebut.
- Pada Text Saya Warnain Hijau Tua+Bold Berarti itu tag h2 (tittle) dari widget tersebut.
- Pada Text Saya Warnain Biru Berarti Warna Background silahkan diubah sesuka hati
Untuk Mencari ID Widget sudah saya jelaskan diatas. Sekian dan terima kasih.