2

Cara letak Divider pada setiap post

16:53 |
Salam semua.Apa tu Divider selepas post?Bagi korang yang buat 2-3 post dalam satu page,cuba tengok pemisah antara satu post ke satu post yang lain.Ada tak satu garisan panjang?Cuba tengok di hujung post kite ada tak nampak ni;

Comel tak?Inilah namanya Divider dalam bahasa omputeh.Apakah tujuan divider?Sudah tentulah selain daripada nak cantikkan lagi post,ia ibarat pemidang/pemisah antara satu post ke post yang lain.Cuba bayangkan jika korang ada 3-4 post tak ke nampak berserabut?Ok tak nak buang masa jom kite mulakan.


1.Klik Layout>Edit HTML
   Download dulu template(sebagai backup).
2.Klik Expand Widget Templates>Ctrl+f (Find).Type .post}
atau pun boleh juga cari sendiri.Korang akan jumpa macam ni;
.post {
margin: 0 0 1.5em;
padding-bottom: 1.5em;
border: 2px solid #FFC0CB;
padding:7px;
-moz-border-radius: 10px;
}
3.Kemudian korang gantikan dengan kod ni;
.post {
background: url(url divider anda);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:5.5em;
}
Tulisan berwarna merah tu korang gantikan sendiri dengan kod divider yang telah dipilih .


4.Tetapi ada sesetengah template yang tak sama codenya.Contoh template kite ni,puaslah besarkan mata
   mencari.Mula2 dah putus asa,rupa2nya cinonet sangat kodnya;
.post {
 margin: 0 0 $(post.margin.bottom) 0;
1.Langkah seterusnya  korang klik di sini.Terdapat banyak pilihan divider nak bentuk garisan dan imej
  bergerak macam divider kite pun ada.Korang pilih mana yang berkenan.Klik pada gambar divider tu.
  Contoh;


2.Korang scroll ke bawah hingga jumpa macam ni;


Copy this HTML code to your (myspace) profile or website:

<a href="http://www.glitter-graphics.com"><img src="http://dl3.glitter-graphics.net/pub/2394/2394323cwomnsprqr.gif" 

width=417 height=106 border=0></a><br><a href="http://www.glitter-works.org" target=_blank>

glitter-graphics.com</a>
Korang klik untuk 'Copy'.


3.Masuk semula ke Edit HTML yang tadi korang dah tukar kod,just 'paste' di tulisan berwarna merah tu.
  'Preview' terlebih dulu,dah puas hati barulah 'Save'.


Ok apalagi cubalah sekarang.Jangan lupa tinggalkan komen tau.




Kredit Info:
  1. http://whiteymommy.blogspot.com
  2. http://www.glitter-graphics.com
  3. http://www.mommymoment.ca/2010/04/how-to-make-post-dividers.html




2 comments

14/12/10 11:32

rujuk tutor ni dah eheh.. tq sis

14/12/10 11:45

@pN.rOs

okie..smg dpt mcantikkan lg blog..nti kite sggh yer..

Post a Comment
Related Posts Plugin for WordPress, Blogger...