Tutorial : Cara Buat Template Blog Sendiri.

Tutorial Time !

Terasa bosan dengan template blog ? Nak cuba buat template blog sendiri ? Ok, jom kita cuba buat blog sendiri dengan bantuan website DoTemplate !
si kunang la pulak...hihi
tak perlu Photoshop !

Korang ingat lagi tak template aku yang sebelum ni ? Aku pakai Dotemplate la ! Ikuti tutorial mudah untuk dapat template yang comel dan simple macam kat atas ni ...

Kebaikan buat template blog di DoTemplate :
  • Tak perlu risau tentang header. Tak payah pakai photoshop pon ! Korang boleh masukkan gambar korang kat header, DoTemplate akan adjust gambar korang secara automatic jadi header blog !
  • Mudah dan cepat ikut citarasa korang ! Cuma perlu pilih design template yang korang suka dan edit di DoTemplate dan siap !
  • Tak perlu main dengan coding html ! Dah siap buat kat DoTemplate, terus upload di blogspot


1. Go to >> DoTemplate.com  (Tak perlu register)

2. Click >> Free Template 


3. Pilih template mana yang korang suka. 


4. Click pada template tersebut dan Click >> Customize and Download


 5. Bila click tu, kena tunggu page loading...


6. Page template yang korang pilih akan appear, dan mula Click >> Header



Dalam bahagian Header, ada beberapa bahagian korang perlu buat. Sila tengok tepi sidebar yang dibulatkan tu.

7. Mulakan dengan Background header >> Pilih Background Colour dan Opacity (untuk nampak glossy atau tidak)


8. Kemudian, Click >> Foreground Image >> Choose image from computer >> Kemudian adjust image opacity supaya gambar header korang dapat blend dengan warna header tu.


9. Ini adalah hasil bila korang adjust image opacity...Image di header terus blend masuk dengan warna background kuning tu.

10. Click >> Title 1 (Type Tajuk Blog Korang) , pilih font, size serta warna yang korang nak.


 11. Click >> Slogan (Description blog korang @ tajuk kecil di bawah tajuk blog), pilih font, size, serta warna yang dimahukan. Kemudian Click >> Apply


Bila dah click apply, nanti akan keluar lah header korang tu...macam ni. Cantik kan ? Senang kan ?


 12. Teruskan usaha dengan edit Sidebar. Click >> Sidebar.  Adjust size sidebar, colour text dan links. Kemudian Click >> Apply.


 13. Click >> Content @ post. Adjust text, tajuk entri, links dan sebagainya. Kemudian Click >> Apply.


 14. Click >> Background pulak. Pilih warna apa yang korang kat belakang tu. Kemudian Click >> Apply.


Final...look !

 15. Click >> Download

16. Click >> Blogger Template.


 17. Click >> Download your template


 18. Tandakan >> Save File, dan Click >> Ok


 19. Siap download, open template file yang bernama blogger tu.  

Select All >> Copy kod template baru tersebut.


 20. Go to >> Blogspot >> Design >> Edit Html.

Click >> Download Full Template (untuk backup template lame incase tak jadi nanti). 

Click Select All kemudian, Delete kod template lama yang ada dalam kotak html tu. 

>> Paste kod template baru (yang korang copy kat Step 19 tadi)

>> Click Preview untuk lihat samaada template berfungsi ke tak

>> Save templates.


Pesanan penaja ! = )
 

Comments

  1. woohoo best999..mahu try la.time kasih neon

    ReplyDelete
  2. wokeh.. mcm best jer ni... Tenkiu neon comel.. :)

    ReplyDelete
  3. menarik! it's about time aku pn dh mcm bosan dgn template skrg..haha..thanks neo! skrg jugak cuba design template baru...yeehaa! \(^_^)/

    ReplyDelete
  4. LOL. yang last skali wat aku gelak

    ReplyDelete
  5. thanks cikgu neon...best lak tutorial2 ko ni

    ReplyDelete
  6. @❤NazirahMoktar❤



    NAZIRAH, MMG BEST PON = ) HEHE KALAU DA JEMU DGN BLOGSPOT, PAKAI LA YG NI OK

    ReplyDelete
  7. @HAZWAN17


    BEST KE WEH? AKU DA TAKDE KEJE NAK WAT..HEHEHEHE

    ReplyDelete
  8. nanti nak cuba jugak la :) thankz for this tutorial

    ReplyDelete
  9. @eQuRlz


    SEMOGA BERJAYA HEHEH EQURLS THANKS FOR HOPPING HERE =)

    ReplyDelete
  10. kawan tgh try gune tutorial nie...
    utk blog final projek kami...
    but x jadi pas save...
    knape ye???

    ReplyDelete
  11. alamak.. niey kena gune classic template ke ape? knp tak jadik2 niey.. lepas tu.. cmne nak tengok full kod eyh? da download tak dapat2 niey..

    ReplyDelete
  12. knp sy download ta dpt2 pun ful kod dekat blogger to ?

    ReplyDelete
  13. terima kasih banyak2
    ini lah yang aku cari selama ini huhu

    ReplyDelete
  14. mantap sekali

    ini dia yg ku cari. terimakasih

    ReplyDelete
  15. Mantabb artikelnya bagus bozzz!!!

    ReplyDelete
  16. siiip, dicoba dicoba..
    thanks for artikelnya..

    ReplyDelete
  17. kenapa x dapat wat?
    bile step ke8 dah x leh wat?

    ReplyDelete
  18. bila buat dia jadi zip . and tak boleh nak dijadikan template TT.TT

    ReplyDelete
  19. nape saya punya xkeluar yg step 18 tu?pening dah...

    ReplyDelete
  20. best, tp qa pny, jd kecik,huhu :(

    ReplyDelete
  21. admin, step 18 tu tade pun =,=' help lah..huhu

    ReplyDelete
  22. thanks atas informasinya

    ReplyDelete
  23. dah try pon.....tyme kte nak preview dpt..tp bila nak save np error pula???

    ReplyDelete
  24. salam. . boleh x bagitau mcm mna nak masukkan html ney ?? sebab skrg kan blog dah bertukar wajah. . huhu

    tenkiuu. .

    ReplyDelete
  25. salam. . boleh x bagitau mcm mna nak masukkan html ney ?? sebab skrg kan blog dah bertukar wajah. . huhu

    tenkiuu. .

    ReplyDelete
  26. mcm mana pulak kalau gmbr header tuh transparentb ? kalau tak letak title blog , boleh ? sbb nyer kt gmbr header dah ada title blog ..

    ReplyDelete
  27. mau taya bozz,,knapa ya,,pas dah q download n q buka di notepad..kode htmlnya jd ngk beraturan gtu,,??

    ReplyDelete
  28. Kenpe Bile Sye nak Download SYe Open CODe nye pelik pelik Takde erti MCAM SYMBOL..Tukar FONt Same Gak.. o..help ME

    ReplyDelete
  29. wahhhh.. macam menarik jer ni. Nak cuba lah nanti. Terima kasih ya

    ReplyDelete
  30. Thanks gan infonya, perlu dicoba kayaknya ini.. mampir juga gan di blog saya, terima kasih sebelumnya..

    ReplyDelete
  31. tak bolelah.. dia serabutr jadinya.. n menjadi kecil.. awak boleh tak tunjukkan tutorial UPLOAD KAN DO TEMPLATE NIE.. siyess..da berapa kali cuba still tak dapat la.. da follow semua yang disuruh... tolonglah...

    ReplyDelete
  32. tak boleh pun..punya la xcited buat..last2 masa nk bukak blogger.xml pas download xde apa pon..byk kali dh buat tp tetap xdpt huaaaaaa

    ReplyDelete
  33. tutorial tengok macam tipu..xad yg boleh buat pom...hahahah

    ReplyDelete
  34. tmpng tnya kenapa dia loading lama sangat berejam saya tunggu ni....

    ReplyDelete
  35. KNAPA TWMPLATE BLOG TU KECIL...XMACAM SAIZ ASAL

    ReplyDelete
  36. terbaik! xsusah nak kena hafal coding..dah follow..sila follow balik yea (: ?

    ReplyDelete

Post a Comment