photo http://media.tumblr.com/tumblr_m7eg70w16n1qdlkyg.gif


Cute Divider Under Post


Assalamualakum,

Harini aku nak buat tuto nak pasang divider kat bawah post. Tau tak macam mane? Kalau taktahu buatbuat tahu je tau. Hihi takdelah.  Post divider tu, gambar yang dekat bawah entry kite. Macam ni:-


Nak buat ni senang je sebenarnye. Eceh, haha tapi betolla. Tak tipu. First step, Dashboard--> Design--> Edit   
Html --> Tick Expand Widget Template. Lepas  tu tekan Ctrl+f cari code ni..

.post-footer {
Dah jumpa kan? Lepas tu, copy code kat bawah ni

background-image:url(URL GAMBAR);background-repeat:no-repeat; background-position:bottom center;
height:50px;
text-transform:none;
text-align:left;
letter-spacing:0px;
font-size:12px;
line-height: 16px;
padding:10px;
}
Copy code-code dekat atas ni dan paste dekat bawah .post-footer { . Perkataan 'URL Gambar' tuh korang tukar dengan url divider yang korang nak. Yang nombor warne merah tu kena adjust sket sebab kadang kadang die terlebih ke bawah. Lepas tu korang preview dulu. Kalau okay, baru save. Aku bagi skali divider yang aku jumpe :-




http://dl5.glitter-graphics.net/pub/989/989315m7e7csuumd.gif


http://dl7.glitter-graphics.net/pub/68/68547cwg98wmzcn.gif



http://dl2.glitter-graphics.net/pub/439/439872zev6untzyt.gif


http://dl2.glitter-graphics.net/pub/432/432022s1vheyatjs.gif



http://dl9.glitter-graphics.net/pub/480/480419f38gzdedqd.gif


Tu je.. Senangkan? Tapi ingat, preview dulu baru save. Kalau takjadi bagitau tau.. Comment amat dihargai 





KLIK KALAU SUKE :)





19 comments:

  1. haha .
    cam knl jea post divider tuh ? haha xD
    ta de la , saje jeaa . syira , cmne na PRINTSCREEN er ?

    ReplyDelete
  2. Haha, akak takenal.. X) Printscreen? Aik bukan dah tau ke? :)

    ReplyDelete
  3. haha .
    sory kak , tnye nie tyme tataw . TUTO akak gempakk kott ! haha x]

    ReplyDelete
  4. Haha, gempak ke? Taklaaah , btw thanks darl :D

    ReplyDelete
  5. haha , welcome dearest sis :]
    sara da tuka blog sara , haha . template jeaa :))

    ReplyDelete
  6. rajin nyer encik syeera buat tutor.may ihelp you to spread your tuto ? *eh bukan copy-paste entry ok? just letak link !

    ReplyDelete
  7. Rajen? Haha, okayokay.. Boleh lalinkk :)

    ReplyDelete
  8. Takk jadikk ;'( banyak takk jadikk yang kalau carik carikk code neyh -.-'

    ReplyDelete
  9. Lahh, kenape pulakk? Cube cari elokelok okay? :)

    ReplyDelete
  10. aww! jadijadik! thanks for da tuto veliveli much, ! (:

    ReplyDelete
  11. i ambik tau satu divider you tuu xD

    ReplyDelete
  12. hye kak thanks for tuto ! cantikk blog yawww

    ReplyDelete