Top Social

Tutorial pisahkan widget sidebar untuk simple template

Wednesday 24 February 2021

Tutorial pisahkan widget sidebar untuk simple template. Ape yang dimaksudkan pisahkan widget sidebar ni, kita pisahkan satu persatu macam dalam gambar di bawah ini.


Sebelum buat tutorial sile save dulu template blog.

Dashboard>>Design>>Edit HTML>>Download Full Template.
Dah siap download[save],boleh mulakan tutorial.

1.Cari code 

/* Widgets
----------------------------------------------- */

*tekan ctrl+F untuk memudahkan pencarian.bile dah tekan akan keluar satu box. Mmasukkan code yang  nak di cari tu.

2. Lepastu copy code bawah ni

.sidebar .widget, .sidebar2 .widget {
background: #ffffff url(LINK GAMBAR BACKGROUND);
-moz-border-radius: 0em 0em 0em 0em;
border-radius: 0em 0em 0em 0em;
margin: .5em 0;
padding:0 0 1.5em;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px;
text-align: justify;
border: 2px solid #000000;
text-transform:none;
}

3.Kemudian paste kat bawah sekali dalam bahagian widget, sebelum code /* Footer

4.Customize code mengikut pilihan masing-masing

ffffff-code warna background*code warne boleh >> http://userabbe.xtgem.com/code_warna
 LINK GAMBAR BACKGROUND-kalau nak letak backround
-moz-border-radius: 0em 0em 0em 0em;border-radius: 0em 0em 0em 0em;-bentuk widget,boleh tukar nilai 0 tu kepada 1 akan terbentuk corner.
margin: .5em 0;
padding:0 0 1.5em;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px;-coding ni tak tukar pun takpe.kalau paham coding,bolehlah nak tukar.
text-align: justify;-boleh tukar align tajuk tu,kiri dan kanan..just type left or right.
border: 2px-ketebalan border widget sidebar
solid-boleh jugak buat dashed[garisan putus-putus]..tukar solid kepada dashed
000000-code warne border widget sidebar


5.dah siap customize, tekan preview dulu.

6. Jika dah berpuas hati bolehlah SAVE.

Siap!

Post Comment
Post a Comment