
Tutorial : Letak Divider Di Bawah Setiap Entry!
Assalamualaikum
*KALAU NAK COPY KOD TEKAN CTRL + C SERENTAK!
Tetibe rajin plak nak buat tuto, hehe. Ok, tau x dividers tu macm mane? Alaaa, yang selalu kita letak kat bwah post tu.. Kalau taktau jugak nahh gambar die.
click pada gambar untuk tumbesaran
So? Dah tau kann.. Let's go straight to the point!

Bukak Dahsboard.

Click design or layout.

Click Edit HTML

Tick Expand Widget Templates
Then..

Tekan CTRL and F
*serentak!

Copy kod nie then paste dekat kotak search tu
.post {
margin: 0 0 1.5em;
padding-bottom: 1.5em;
border: 2px solid #FFC0CB;
padding:7px;
-moz-border-radius: 10px;
}

Jumpa x? Kalau dah jumpa padam kod tu then gantikan dengan kod yang kat bwah nie~
.post {
background: url(URL DIVIDER);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:5.5em;
}

Yang warna merah tu URL DIVIDER yang korang dah cari. Divider boleh cari kat
SINI!

Ehh!! Belum habis lagi.. Bile dah cari divider yang korg suka, korang click kat divider tu.. Then nanti scroll bawah nanti die bagi kod. Jangan copy semuaa!! Nanti xjadiiii. Ambik kod yang Zati merahkan kat bawah nie je.
click pada gambar untuk tumbesaran

Preview dulu sebelum save.. Takut xjadi. Kalau xde problem, savee teruss :D
0 Comments:
Post a Comment