Tutorial 26 : Meletakkan Divider di setiap post entry

Wednesday, December 15, 2010
Salam..
hari ini i nak ajar cara-cara nak buat divider pada setiap post entry...
Sesuai untuk sesiapa yang ingin mencantikkan lagi blog..agar nampak lagi comel..
Jangan sarat sangat blog adik oi..hehehe..

Tanpa membuang masa mari i ajar tutorial ini..jom..jom..jom......






Ini adalah contoh divider...nak lain?belambak sangat..

Apa perlu dibuat? Ikuti langkah ini satu persatu ye..tak menjadi u tanggung sendiri..ayooo

1.Login ke Blogspot, clik design/ layout > Edit HTML > jangan lupa untuk tick pada Expand Widget Templates.





2. Untuk langkah keselamatan sila download full templete ye..mana tahu kot tersalah langkah pula..boleh back up semula.

3. Cari code ini..Guna Ctrl F untuk memudahkan mata anda..

.post {
margin: 0 0 1.5em;
padding-bottom: 1.5em;
}
4. Kalau dah jumpa sila REPLACE dengan code di bawah, lain templete lain jenis so ambil bahagian .post { sampai }



.post {
background: url(url divider anda);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:5.5em;
}
5. Sila letakkan url anda di url divider anda.

Tak tahu nak cari kat mana divider yang cun melecun sila ke SINI 
pilih sampai pening!!



Masih tak tahu nak ambil URL sila belajar di SINI ye.. Masih tak tahu lagi? Rajin-rajin bertanya kalau tak nak sesat dalam hutan :) hehehe...



6. Lepas dah letak URL sila PREVIEW dulu..then dah puas hati dan menjadi SAVE je..




Selamat mencuba ye..sila komen dah cuba.
Labels:
SHARE:

56 comments

  1. Nana.December 15, 2010 at 4:30 PM

    haishh .. tada pun ?

    ReplyDelete
  2. NurfarahDecember 15, 2010 at 5:00 PM

    @Zana :)

    guna templete apa?
    selalunya templete yang memang dari blogger yang akan boleh buat..

    ReplyDelete
  3. Nana.December 15, 2010 at 11:08 PM

    template dari btemplates.com

    ReplyDelete
  4. NurfarahDecember 16, 2010 at 7:09 PM

    @Zana :)

    selalunya basic punya templete boleh yg zana punya maybe tak boleh..blog zana pun dah cantik dah :)

    ReplyDelete
  5. FyNaJanuary 9, 2011 at 4:52 PM

    kalo nak wat kat sidebar cmne ek???

    ReplyDelete
  6. NurfarahJanuary 9, 2011 at 5:36 PM

    @FyNa

    akan di update :)

    ReplyDelete
  7. FyNaJanuary 10, 2011 at 5:54 PM

    ok...thnx... i'll wait

    ReplyDelete
  8. NurfarahJanuary 13, 2011 at 10:09 AM

    @FyNa

    tuggu tau sebab tgh bz sikit..:)

    ReplyDelete
  9. Indra AmirrulJanuary 18, 2011 at 11:01 PM

    saya cuba tak boleh la..saya guna templates drpd blogger..masih tak boleh

    even bile sya cari '.post {' tak jumpa pun

    ReplyDelete
  10. NurfarahJanuary 19, 2011 at 1:07 PM

    @Indra Amirrul

    awak guna templete designer ke?

    ReplyDelete
  11. Indra AmirrulJanuary 20, 2011 at 12:59 AM

    saya dah tuka templates minima...tpi ble paste msih xbole pn

    ReplyDelete
  12. Indra AmirrulJanuary 20, 2011 at 1:30 PM

    oke2..dah bole...thanks..tpi nk buat button reply xbole pn..:(

    ReplyDelete
  13. NurfarahJanuary 20, 2011 at 1:45 PM

    @Indra Amirrul

    tahniah..knp lak xbole? cba lagi..nnt inform balik :)

    ReplyDelete
  14. mumuiJanuary 20, 2011 at 3:12 PM

    nape xdapat ek?? kak,yang garis putus2 kat blog saye tu camne nk buang?

    ReplyDelete
  15. NurfarahJanuary 20, 2011 at 3:29 PM

    @GeminiGurlz

    garis putus2 kat mana dik?

    ReplyDelete
  16. mumuiJanuary 20, 2011 at 4:12 PM

    kat bawah facebook bagde tu....

    ReplyDelete
  17. mumuiJanuary 20, 2011 at 4:19 PM

    @♥Miss Farah♥ bawa facebook badge tu...

    ReplyDelete
  18. NurfarahJanuary 20, 2011 at 4:51 PM

    @GeminiGurlz

    kotak dividernya...ssh sikit kalau akak nak terangkan...dia kena byk main coding..

    ReplyDelete
  19. mumuiJanuary 20, 2011 at 5:03 PM

    tlg aturkan bole?

    ReplyDelete
  20. NurfarahJanuary 20, 2011 at 6:21 PM

    @GeminiGurlz

    aturkan mcm mana tu dek huhu

    ReplyDelete
  21. AnonymousJanuary 24, 2011 at 3:41 PM

    yeahh..berjaya :)

    ReplyDelete
  22. NurfarahJanuary 24, 2011 at 3:45 PM

    @miss_neeya

    tahniah :)

    ReplyDelete
  23. SyazwanaJanuary 24, 2011 at 4:18 PM

    guna template blogger.tapi code .post { pon tak jumpe :(

    ReplyDelete
  24. NurfarahJanuary 24, 2011 at 4:42 PM

    @Syazwana

    selalunya kalau guna templete designer memang lain coding daripada templete dan denim

    ReplyDelete
  25. elfaFebruary 5, 2011 at 11:59 PM

    muahhhhhxxxx

    love ya 4 makin dis tutorial...^^

    ReplyDelete
  26. AnonymousMarch 3, 2011 at 2:17 AM

    knp xjmpe :( sedih nye.. :(
    nk bwt.. :( qiela gne template blogger la..
    boleh xajar cam ne nk bwt sampai berjaya? =='

    ReplyDelete
  27. rushdadibaJuly 23, 2011 at 11:50 PM

    kalu template designer..? cmne lak coding nye ye?

    ReplyDelete
  28. NurfarahJuly 24, 2011 at 9:46 AM

    @զιɛℓαʓмαи

    template tak sesuai kot

    ReplyDelete
  29. NurfarahJuly 24, 2011 at 9:47 AM

    @Rushda

    kena buat research dulu hehehe

    ReplyDelete
  30. nurulAugust 8, 2011 at 4:49 PM

    suka benda nie.. nk buat... tapi npe x boleh.. dh cri x jumpa pown..==''

    ReplyDelete
  31. Nur Hafizah HadiAugust 19, 2011 at 12:42 AM

    Ei sukenye! tq cik farah :)

    ReplyDelete
  32. Tasya DayanaAugust 20, 2011 at 12:06 AM

    eh? xder lah templete tuh.. mcm mner na buad?

    ReplyDelete
  33. Crystal HatiAugust 26, 2011 at 5:13 AM

    @♥Miss Farah♥

    x dpt lah mmg dh template dr blogger. x pnh tukar or ada lg alternatif len?

    ReplyDelete
  34. NurfarahAugust 26, 2011 at 8:38 AM

    @Tasya Dayana

    gunalah minima atau denim..kalau guna template designer jns window pun buleh buat

    ReplyDelete
  35. NurfarahAugust 26, 2011 at 8:38 AM

    @Asyikin Norqamarina

    alternatif lain belum difikirkan :)

    ReplyDelete
  36. IgnoranceAugust 27, 2011 at 5:21 PM

    .post { , tak jumpa lah, ada lagi tak kod lain selain dari kod tuu...??

    ReplyDelete
  37. HusnaOctober 6, 2011 at 1:41 AM

    x jumpa lh ..

    ReplyDelete
  38. cidekOctober 28, 2011 at 8:51 PM

    X DER PUN..
    akak kalo gune templete designer boley x??

    ReplyDelete
  39. malissaXDNovember 7, 2011 at 9:11 AM

    kite jadik..hihik

    ReplyDelete
  40. sikidalNovember 10, 2011 at 2:20 AM

    time kasih cik nurfarah :)

    ReplyDelete
  41. UnknownDecember 5, 2011 at 11:05 PM

    Sis. i dah try this, tapi still cant get it. why is that ? and wud you mind to teach me, how to add background kat blogpost & sidebar ? thank you.

    ReplyDelete
  42. ✿ Miss Effa ✿December 26, 2011 at 4:23 PM

    erm..yg sticker free tu camner eh nk buat??kak farah,please ajar semua yang kak farah tak ajar lagi.. terutama sekali ajar yang kat bawah sekali tu..cantik!!

    ReplyDelete
  43. NurfarahDecember 26, 2011 at 4:58 PM

    @eFFa aZiZ

    sorrylah dik, akak buka full time mgajar buat tutorial. akak ada life akak. kalau free je akak ajar.
    jgn salah fham plak

    ReplyDelete
  44. SZahirahJanuary 16, 2012 at 9:44 AM

    kak, tumpang tanye, mcm mner kak buat header yg siap dengan name and url blog tu?

    ReplyDelete
  45. Vanilla ChocolateJanuary 27, 2012 at 5:06 AM

    akak, dah jd lah ,, tengs ye kak .. :))

    ReplyDelete
  46. NurFatinAmirahMay 22, 2012 at 9:12 PM

    @Vanilla Chocolatekak,code tu x de pon.. :(

    ReplyDelete
  47. NaZiRaH @ EzyraJune 16, 2012 at 10:11 PM

    @Zana :)

    yunk..dah guna template blogger.tapi code .post { pon tak jumpe :(

    ReplyDelete
  48. UnknownAugust 6, 2012 at 2:44 AM

    thanx for help...(^___^)

    ReplyDelete
  49. ira natashaOctober 20, 2012 at 4:15 PM

    kak klu nk ltak ribbon ats header blog mcm mne ... bleh bgtaw adek x ... pkai washed denim leh letak x

    ReplyDelete
  50. NurfarahOctober 20, 2012 at 7:20 PM

    @ira natasha

    design sekali dengan header :)

    ReplyDelete
  51. UnknownJanuary 9, 2013 at 3:46 PM

    aah..mcm mana ni x jumpa code??

    ReplyDelete
  52. UnknownApril 26, 2013 at 6:36 PM

    Blogger yang baru takde tick expand ea "?

    ReplyDelete
  53. claudyMay 1, 2013 at 12:47 AM

    kak. tak dapat lah nak cari code tu. plus, tick expand widget pun takde. puas dah cari tak jumpa. huhu. kawan pun dah tolong. susah nak siapkan blog coz kbykan kena pakai code tu sume kan. huhu. macam mna nie? :'(

    ReplyDelete
  54. Ms. WiwekJuly 4, 2013 at 10:44 AM

    thanks =)

    ReplyDelete
  55. UnknownJuly 22, 2013 at 1:38 PM

    love miss farah

    ReplyDelete
  56. AyuAugust 11, 2015 at 11:51 AM

    Assalamualaikum...saya pon x jmpe la code tu...emmm tak jadi :'(

    ReplyDelete

-Assalamualaikum, sila tinggalkan komen anda.
-Kalau suka tekan LIKE.
-Insyaallah komen anda akan dilayan :)

Jangan lupa LIKE! dan SHARE!

Terima kasih :)

Home
Subscribe to: Post Comments (Atom)

Related Posts
© Blog Cik Nurfarah
Blogger Copyright © 2019. All Rights Reserved by BLOG CIK NURFARAH