Tutorial Post Divider (Freebies)

by D'ya Marshmello - 9/26/2011 12:21:00 PG

Ramai juga yang tanya macam mane eh nak letak divider yang lawa-lawa di bawah post.Kali ini D'ya akan buat tutorial post divider.Sila lihat gambar di bawah kalau still tak paham lagi.Actually rasanya ramai yang dah tahu kot tentang fungsi ini.Fungsi ini hanya untuk template blogger sahaja.Jom try dan mari mulakan :)

Pergi ke blogger >> dashboard >> design >> edit HTML

Cari code di bawah dengan menggunakan ctrl+f okay

.post {

So, kalau dah jumpa you all akan jumpa code yang lebih kurang sama macam code di bawah ini.Maksudnya, lain template lainlah jenis codenya.

.post {
margin:.9em 0 1.5em;
border-bottom:5px solid $bordercolor;
}

Apa yang perlu you all buat ialah, buang semua code tuh dan gantikan dengan code di bawah ini.

.post {
background: url(URL DIVIDER);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:5.5em;
}

Gantikan URL DIVIDER dengan gambar divider kamu.Okay, alang-alang menyeluk pekasam tu, D'ya nak bagi freebies divider sekali la.But credit me, penat tau D'ya cari divider ini.Harap-harap you all suka la okay.