Thursday, March 10, 2011

[Tutorial] Meletak divider antara post

Salam semua :)
Dah lama saya tak update blog ni. Maklumlah sibuk dengan tugas harian, tambahan pula kedai baru dah launch, maka kerja-kerja semakin banyak yang perlu dibereskan.

Beberapa hari ni, saya banyak meronda blog-blog orang, cantik2 seh blognya, maka saya sekali lagi terfikir untuk membuat perubahan pada blog ni. Dah lama terfikir nak buat, tapi aura kemalasan kuat, maka tak buat la :p

Untuk kali ni, saya ingim memberikan sedikit tutorial tentang bagaimana meletakkan divider diantara post-post anda. Senang saja,

post divider


1. Pegi ke Design/Layout dan klik.
2. Cari Edit HTML dan klik lagi.
3. Gunakan Ctrl + f untuk mencari .post -----> 

.post {
margin: 0 0 40px 0;
width: 90%
}
4. Dah dapat seperti di atas ? Gantikan dengan yang dibawah ni.

.post{margin: 0 0 40px 0;
width: 90%;
background: url(URL image);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:2.5em;
}
 URL Image <-----  gantikan dengan url image yang berkenan dihati. Sebelum tu, image tu hendaklah diupload menggunakan photobucket atau apa saja software yang sewaktu dengannya. Selepas tu  copy direct URL image ke kawasan bertanda merah tu. Senangkan :)

Kalau malas nak upload, gunakan yang dah ada ni ----> Divider

5. Dah selesai tu klik save templete. :)

Selamat mencuba.

Kalau tak faham, cuba klik Sini

3 comments: