HOME PORTFOLIO SERVICES CONTACT ME TERMS & CONDITIONS CUSTOMER FEEDBACK

Jun 26, 2011

Tutorial Blog | Cara mudah edit template blog ( Picture Window )

Salam to all readers..


Ada diantara readers dil, mintak dil ajarkan cara nak edit or design template yang simple but nice. Err nice ke???huhuuu =.=" So, dil nak tunjukkan kat korang cara nak edit template blog, berdasarkan template yang dil guna untuk blog dil.


Kalau korang tengok, dil menggunakan template daripada blogspot jer, iaitu Picture Window.




Untuk menghasilkan template blog macam dil guna sekarang ni, korang bolehlah ikut step-step yang dil dah sediakan untuk korang refer. Oh ya, sebagai tips untuk korang, dil nak bagitau, untuk senang edit, korang letak jer coding tambahan, contohnya coding sidebar, blockquote dalam Dashboard > Design > Template Designer > Advanced >Add CSS..Lagi mudah untuk korang tengok perubahan selepas letak coding tambahan..


Sila Tekan read more untuk melihat tutorial yang disediakan






Tukar Background Blog

Okay first sekali, selepas korang pilih template, korang boleh tukar background blog korang.
Dashboard > Design > Template Designer > Background
*korang cari gambar dekat google pastu save dekat pc/laptop.Nanti korang boleh guna gambar tu untuk background blog.


 Pilih setting yang sesuai untuk blog

Selepas tu, korang ubahlah setting dekat Dashboard > Design > Template Designer > Advanced.
Kat situ, korang edit ikut suka hati korang yer..


 Sidebar

Untuk sidebar, korang boleh refer tutorial yang dil pernah buat sebelum ni.




Border untuk main blog

Yang ini adalah border pink yang dil gunakan untuk blog dil.. Korang boleh tukarkan warna dan ketebalan border mengikut selera korang..

.main-outer {border: 5px solid #FBBBB9;} 


Menu tab, Button up to top & Hover 

Yang dil, dil akan buat tutorial asing yer.. Untuk memudahkan korang faham nanti..



Okaylah, dil rasa dah cukulap dulu kot..Banyak-banyak, pening pulak korang nanti..hehhehe..Oh ya, nanti korang pandai-pandai lah refer tutorial dil yang lain untuk buat shoutbox, font 3D untuk header dan yang lain-lain lagi. Kalau ada masalah, tanya jer dil..InsyaAllah dil akan tolong.. ^^



Written by at
Labels: , , ,

37 comments:

  1. AnonymousJune 26, 2011 at 11:20 PM

    cantiknya template awak dik.. kreatif la :)

    Baru-baru ni aku balik kampung sebab mak dengan ayah tak berapa sihat..yer lah kan makin meningkat umur.. macam-macam penyakitlah yang datang singgah..

    ReplyDelete
  2. Amy A.June 26, 2011 at 11:29 PM

    Dil3..klu nk buat header yg belakang dia transparent mcm dil pny ni kne pki photoshop eh?..

    ReplyDelete
  3. Honey BhulatJune 27, 2011 at 1:00 AM

    cantik...nice share...ni yang jeles ni...doodle pon shantek je....jeles jeles jeles

    ReplyDelete
  4. adrinaqamarinaJune 27, 2011 at 1:14 AM

    pernah try buat sendiri, setakat simple3 tu oke la. hehe, kalau rajin, usha la blog kte.


    cumanya kte tak tahu macam mana nak setting kat main widget.

    main widget tu yang kat bahagian post tu kan?


    errk paham ke tak eh?


    hehe

    ReplyDelete
  5. arituariniJune 27, 2011 at 8:57 AM

    tq info yg berguna....

    ReplyDelete
  6. arituariniJune 27, 2011 at 8:59 AM

    KME:manis tk epal ini...

    Aku:manissss...

    KME:tp sygnye perangai anda yg tk berapa manisssss...kih kih kih

    ReplyDelete
  7. PinKy MoMMaJune 27, 2011 at 10:27 AM

    template blog ni pun dh comel ;)
    sis tak pandai godek dik..kang jadi lagi teruk hahaha..

    pink lagi..suka!

    ReplyDelete
  8. Jangan KalotJune 27, 2011 at 12:07 PM

    Blogwalking! Visit dan sudi follow my blog! Notice me about that! :D

    ReplyDelete
  9. Kyra ElricJune 27, 2011 at 9:13 PM

    sweet n simple hehe..folo awkk..xnmpak shoutbox..jd ckap kt cini :D

    ReplyDelete
  10. lynda salimJune 27, 2011 at 9:31 PM

    dil !!! terbaikkk !! linda try malam ni jugak ;p

    ReplyDelete
  11. Cik PiejaJuly 4, 2011 at 8:31 PM

    hai dil,cm ner nk buat header cm awk tue eh,bb sye gune picture window gk..nk ilngkn border kt header tue..

    ReplyDelete
  12. Idayu HarunJuly 22, 2011 at 2:53 PM

    tumpang tanya..
    cnew nak ubah bhgian bawah picture window..?
    sb biasanya ada warna kelabu dekat bawah.
    harap sis dil boleh membantu :)

    ReplyDelete
  13. cikdilJuly 23, 2011 at 12:23 AM

    @ Idayu :tgk coding dekat pastu, delete code bacground

    ReplyDelete
  14. LALABIELAAugust 14, 2011 at 9:52 AM

    nak pinjam tuto boleh?? buat sendiri tapi refer sini??

    ReplyDelete
  15. sHe_fHaSeptember 29, 2011 at 4:59 PM

    terima kasih tutornya cik dil :)

    ReplyDelete
  16. AnonymousOctober 15, 2011 at 1:52 PM

    salam awak saia nyll . saya nk thu ?
    g mna awak dpt vckground cmni

    ReplyDelete
  17. AnonymousDecember 30, 2011 at 7:57 PM

    Nak tanya....tau tk mcm mn nk buat blog kita ni full page? mcm sekarang kita tgk....cuma 3/4 page je blog kita...

    ReplyDelete
  18. rAIHanMarch 29, 2012 at 11:59 AM

    nice tutorial..=)
    thnx..tuto cik dil byk bntu sy..

    ReplyDelete
  19. MuarioApril 4, 2012 at 12:04 PM

    nice tutor thanks =)

    ReplyDelete
  20. ✿ n.i.e.y.x.z.h.a ✿ ™May 14, 2012 at 10:48 AM

    tenkiu cik dil :)

    ReplyDelete
  21. UnknownOctober 5, 2012 at 5:32 PM

    cantik blog awak kak dil . :)

    ReplyDelete
  22. WH ღNovember 13, 2012 at 12:18 PM

    nk belajar programming bg pandai2. hehehe
    bestnye akk jd graphic designer.. gdluck sis, (^_^)

    ReplyDelete
  23. UnknownNovember 23, 2012 at 11:30 PM

    cantik..:)

    ReplyDelete
  24. rizkyJanuary 6, 2013 at 6:27 AM

    lihayyy euyyy . .

    happy blogging

    ReplyDelete
  25. UnknownMarch 11, 2013 at 10:10 AM

    SALAM..

    salam semanis epal itu..boleh bantu saya tak untuk mencantikkan blog saya ini??

    blog saya : http://sajadahcintaana.blogspot.com

    ReplyDelete
  26. Semanis StrawberiMay 19, 2013 at 2:45 PM

    Hi dil,, saya baru buat blog...
    saye tak jumpa mana design dalam dashboard...
    tolong bagitau saya ...
    saya pening kepala sangat...

    ReplyDelete
  27. NMay 29, 2013 at 9:58 PM

    Wow !! Cantik nyee blog Akak !!

    ReplyDelete
  28. UnknownJuly 4, 2013 at 10:34 AM

    hello. I am newbie. do follow me. Terima kasih! http://ciksitinurain.blogspot.com/

    ReplyDelete
  29. Obat Darah Tinggi Herbal TerbaruJuly 6, 2013 at 5:09 PM

    makasih gan untuk tutorialnya

    ReplyDelete
  30. Obat Darah Tinggi Herbal TerbaruJuly 6, 2013 at 5:10 PM

    makasih gan untuk tutorialnya

    ReplyDelete
  31. Qalbi ZikriJuly 14, 2013 at 2:00 AM

    assalamualaikum.saya tak tau nk buat tlg bleh tak

    ReplyDelete
  32. UnknownSeptember 13, 2013 at 4:05 PM

    awak,saya xpndai langsung nak edit blog. sedih betul . xthu cm ne korang smua pndai edit. huwaa

    ReplyDelete
  33. UnknownJanuary 5, 2014 at 2:29 AM

    As Salam semua..saya dah try buat blog..first time jugak..feel free to view..syainadiashopee@blogspot.com..enjoy surfing..

    ReplyDelete
  34. AnonymousJanuary 10, 2014 at 4:15 PM

    Kak Dil, boleh tak buat tuto cemane buat border dkt keliling blog ni.. mcm Kak Dil punye, ade warne coklat kerawang2 tu..?

    ReplyDelete
  35. UnknownFebruary 14, 2014 at 4:56 PM

    Thanks sis di. Jemput melawat blog saya http://gengoctopus.blogspot.com/

    ReplyDelete
  36. UnknownNovember 7, 2014 at 12:01 PM

    comelnyee

    ReplyDelete
  37. UnknownMay 8, 2015 at 10:13 PM

    susahnyaa :(

    ReplyDelete