Tutorial : Post Divider

Tutorial ini direquest dari  Ayunie . Ayunie request ngan Ainaa di Facebook . Wahh , orang pertama yg me'request' nihh..Okela, meh start !

Contoh :

1)  Sign In ke www.blogger.com

2) Pergi ke Design ↪ Edit HTML

3)  Cari Code dibawah ataupun yang lebih kurang seperti dibawah. Ada Blog yang panjang dan ada juga margin sahaja. Jadi tengok betul-betul ya. Bagi memudahlan pencarian, tekan CTRL+F.

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

4) Gantikan Code dibawah ataupun lebih kurang seperti diatas dengan Code dibawah:

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

5)  Gantikan Url Divider dengan Url Divider korang .

6)  Save Template . Dinasihatkan menekan butang Preview untuk mengelakkan korang terjun daripada bangunan KLCC sebab Blog korang rosak :P

Nah, ni URL Divider . Free,  no charge :)

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5qlZ0KiGxLUd9chJmaZpxckDsPwxyWpgV2d8WVlQ_-f0WTgKVkMiZPn5UoxNJK00v6dAXiao4tRg9OoVC3K7yOsNq7ngr6QC1rBu-1_N5zmOO7SQYB_zeuS8DPs36lSKQ4VwPDJbRdw8/s1600/divider-1.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhThxoYST5b2cIjlF07yc9cxK-kro98c_CRn1lrKmKsI84GrUiLSDIBBg4UJoV3EAs1oeayP5xeESaC-rXRTZ4vtBRb-l9_QvuuPjaHZ5ryqKGJDoBM3BQ3IqN37P-ellojs9tN3Nm7zOg/s1600/border-1.png

Sekian,