Cara Memberi Garis Pada Judul Widget Dan Sidebar Blog


Dibawah ini adalah cara untuk memberikan garis pada judul widget/gadget Sidebar Blog. Atau seperti pada sidebar maenyaah pada bagian Popular Posts terdapat sebuah garis hitam.
 Untuk itu mari disimak langkah demi langkah :

1. Blog > Template > Edit HTML
2. Cari kode dibawah ini. Untuk memudahkan, tekan CTRL + F
.sidebar h2{



3. Bila kode tersebut tidak ada, langsung saja letakan kode di bawah ini tepat diatas kode ]]></b:skin>
.sidebar h2{

border-bottom: 3px Solid #000000;
padding-bottom: 4px;
}
4. Simpan Template


Keterangan :

1.  border-bottom : Letak Garis, bottom berarti garis berada dibawah judul widget. Anda bisa        merubahnya,    bila ingin garis berada diatas, ubah bottom menjadi Top. Atau kiri Left dan Kanan Right

2.3px : Ketebalan garis, semakin besar angka yang digunakan maka garis akan semakin tebal.

3.Solid : Bentuk garis, bila menggunakan Solid maka garis berbentuk garis Lurus.

4.#000000 : Kode warna, bila menggunakan #000000 maka garis akan berwarna Hitam
.
5.padding-bottom : Bagian bawah yang diberi jarak.

6.4px : Jarak, Antara garis dengan Judul widget.


Demikianlah Cara Memberi Garis pada Judul Widget,semoga Artikel ini bermanfaat.

sumber

Artikel Terkait

Previous
Next Post »