Cara Merubah Style Blog Sidebar Gadgets Title


Sidebar gadget merupakan salah satu jalan pintas para pengunjung terhubung dengan blog anda. Tapi default sidebar gadgets dari blogspot sangat kaku meskipun anda telah mengubah disana-sini mulai dari warna, font, background, dan banyak lagi. Jadi tidak ada salahnya jika anda mengubahnya agar ada sedikit lebih baik.

Dan sebagai jawabannya, newtwentysevenline akan memberi sedikit style just to make it a little bit awesome. Andapun dapat mengeditnya langsung pada “Template Designer -> Advanced -> Links. So, backup dulu template anda dan masuk ke menu “Edit css.” Anda akan melakukan sedikit trik untuk merubah judul sidebar gadgets. Temukan kode berikut:

sidebar code 



Misalkan kode yang akan dibuat seperti berikut:

h2 {
font-family: ‘arial’, helvetica, sanserif;
font-size: 20px
font-weight: bold;
color: #00FFFF;
line-spacing: 3px;
text-align: center;
text-shadow: 4px 4px 0 #000000;
background-color: #99FF00;
}

Dengan keterangan panduan kode diatas sebagai berikut:

H1= sidebar gadget yang akan diedit,
Font-family= jenis font yang akan digunakan,
Font-size= ukuran font yang akan digunakan,
Font-weight= pilih nilainya menggunakan: bold / bolder / lighter / normal,
Color= warna font yang dipakai,
Line-spacing= jarak antar-huruf,
Text-align= posisi font: pilih center / left / right.
Text-shadow= bayang dari semua font dan propertinya,
Background-color= warna latar belakang dari judul sidebar.


Dan hasilnya akan menjadi seperti berikut:


sidebar code style











Semua kode css diatas, rubah dengan value anda sendiri. Jika POST DATE HEADERnya ikut berubah, ikuti terus tutorial-tutorial dibawah ini.

Andapun dapat melakukan trik ini pada BLOG TITLE, POST DATEHEADER, POST TITLE, dan BLOG DESCRIPTION.

No comments:

Post a Comment