Thursday, July 7, 2011

Cara membuat template blog kreasi sendiri

Cara membuat template blog kreasi sendiri
Handal membuat dan modifikasi template blog dengan kreasi kita sendiri merupakan cita-cita para blogger, khususnya bagi yang senang memodifikasi template blog nya sendiri.
Namun kadang kita selalu terbentur dengan masalah coding dalam melakukannya. Apakah dengan begini anda akan menyerah untuk mempercantik template blog anda? saya harap tidak, karena kemajuan teknologi sekarang memungkinkan bagi siapa pun untuk melakukan hal-hal instant yang dulunya rumit sekarang menjadi mudah.

Nah, hari ini saya mengajak anda untuk membuat dan modifikasi template anda sendiri dengan mudah. Saya yakin cara ini siapa pun bisa, malah bagi blogger baru (newbie) sekalipun, yang penting membaca dan mengikuti perintah nya ya :)

Pertama silakan masuk ke www.dotemplate.com

Lalu scroll mouse anda kebawah, dan temukan tombol Browse all templates... lalu diklik

Pilih salah satu dari template yang anda sukai

Dan untuk memodifikasi, silahkan anda klik Customize and download






Ketika sudah masuk, klik aja bagian yang ingin anda edit





Setelah selesai editing, lalu klik Download dan pilih platform yang anda ingin pakai.




Muncul jendela pop-up lalu klik Download your template

Selesai deh, mudah bukan


Akhirnya anda mempunyai template hasil modifikasi anda sendiri :) Jika ada yang ingin sharing tentang cara modifikasi template buatan sendiri, silahkan komentar dibawah ini.
Jika masih bingung juga, baca artikel ini : Cara modifikasi template blog kreasi sendiri

145 comments:

  1. keren sob, sudah saya coba dan hasilnya mantap. tapi kebanyakan masih support blogger sob. untuk wordpress nya saya coba masih banyak yang coming soon!

    ReplyDelete
  2. @ajurNA oh gitu, thx nih infonya. skrg sy lg gencar di blogspot euy..
    tp bagi teman yg mau optimal di edit instant template wordpress, bisa masuk kesini

    ReplyDelete
  3. @Armin: sama sob, aku juga mau membuktikan bahwa platform blogspot juga bisa keren.hehe

    soalnya sekomunitas kotaku yang memakai platform blogger cm aku.xixixi

    ReplyDelete
  4. @ajurNA memang kalau untuk monetize n SEO, wordpress adalah pilihan yg tepat. tp gimana lagi ya, udah kadung cinta sih sama si orange putih ini..wekekee...
    Wah, asik tuh pny komunitas..

    ReplyDelete
  5. makasih yach atas artikel membuat blog gratisnya. sy dah coba alhamdulillah bisa...tapi masih binggung mau ngapaian hehehe...

    ReplyDelete
  6. ane klik Customize and download
    gak keluar apa" tuh,,gemana neh ?????

    ReplyDelete
  7. wah kalo masalah teknis yg terjadi di web nya atau komputer ente ane gak bisa jawab sob. tp penglaman ane sih gak ada yg macet...

    ReplyDelete
  8. tips2nya sangat bermanfaat akan sya cba,,trima ksh dan slm kenl

    ReplyDelete
  9. Trims mas alphasudirman , trims jg udah sudi berkunjung kesini. salam kenal kembali..

    ReplyDelete
  10. bagaimana caranya gan.... ane dah coba tapi.... gak ....bisa diedit... ndak muncul apa2 tu gan....

    ReplyDelete
  11. @Johan Blogger bisa kok gan, barusan saya coba. ente tunggu sampai loading nya selesai semua.

    ReplyDelete
  12. @ALL: untuk diketahui..bahwa web ini menginginkan loading sampai selesai dulu baru kita bisa action. keknya mereka mengajarkan kita utk sabar :ngakak

    ReplyDelete
  13. makasih tipsnya mas bro... mau nyoba ah.. mudah2an bisa ya..

    ReplyDelete
  14. ok gan thank.... sukses... kunjungan balik gan ok....

    ReplyDelete
  15. Hey gan(admin) cuma mau ngasih saran ,kamu nggak suka copas kan artikel kan!
    Coba kamu matikan saja fitur copas pada blog mu,dan juga kalau kamu minat matikan juga fitur klik kanan,untuk mencegah penyalah gunaan. . .Hey gan(admin) cuma mau ngasih saran ,kamu nggak suka copas kan artikel kan!
    Coba kamu matikan saja fitur copas pada blog mu,dan juga kalau kamu minat matikan juga fitur klik kanan,untuk mencegah penyalah gunaan. . .

    ReplyDelete
  16. Agan Kedy_smart_dating™, coba perhatikan lg mksdnya:

    Saya emang gak suka copas artikel org, bukannya saya tidak ingin ada yg copas artikel saya.

    Bagi saya berkoar utk tdk di copas itu percuma, biarkan hukum alam yg menentukan. lagian, blog tutorial kek gini gak mungkin saya matiin fungsi copasnya, krn emg harus copas coding2 nya.

    Sip gan, mksh sarannya :cendolnya

    ReplyDelete
  17. gan punyaku kok g jadi di save temple di blog yah???ada tulisan kode eror bX-bla bla bla,......
    mohon pencerahannya,.....

    ReplyDelete
  18. mas maaf sebelumnya aku ini baru dalam menbuat blog setelah aku ikuti langkah-langkah yang mas ajarkan dan template dah jadi tapi aku gak mengerti gimana cara memindahkan ke blok ku??
    mohon beri petunjuknya mas maklum sih masih pemula hehehe...

    ReplyDelete
  19. kk bisa bantu cara masukin templatenya gmn . trs ngatur tata letak dari template yang kita buat itu gmn .mohon balesanya


    alibocel@gmail.com

    ReplyDelete
  20. bang, klo mau ganti image nya gmna bng?
    saya mau ganti image yang saya punya, kira-kira bisa gak klo pakai image yang saya punya?
    *tolong di bantu ya bang :)

    ReplyDelete
  21. All: save yang format xml nya..
    untuk edit, modifikasi template ini semuanya pada xml nya. jika menemukan image, js, dan css terpisah..tmen2 bisa copy kodenya ke dalam xml.

    maaf gak bisa bantu secara pribadi, krn waktu sy yg terbatas di kuliah dan kerja. untuk cara-cara edit, coding, dan hack template udah banyak saya bahas di blog ini. teman2 bisa liat pada labels BLOGGER. dan semuanya berhubungan dengan masalah2 template seperti ini. saya yakin, jika tman2 smua udah baca, pasti gak akan menemukan masalah dgn modifikasi template.

    ReplyDelete
  22. ma'af gan.. apa emang lama proses unyuk downloadnya?

    ReplyDelete
  23. fatoni: nggak kok gan, cm beberapa kilobyte. koneksi agan mungkin yg gimanaa gitu..

    ReplyDelete
  24. biar bisa di gunakan di wordpress gmana caranya gan

    ReplyDelete
  25. alto: wah blm pernah coba buat wordpress nih. tapi dimana2 kalo wordpress ya upload format zip di kolom themes.

    ReplyDelete
  26. gmna cara nya bkin kolom komentar kaya gni om?
    atw cara ngedit nya

    ReplyDelete
  27. Syarief: om lgsg aja menuju labels: "KOTAK KOMENTAR", ada 2 posting cara membuat kotak komentar seperti ini.

    ReplyDelete
  28. template nya mirip artisteer ya gan, seep dah drpd pake artisteer gagal mulu :(
    ane ikut belajar dimari ya gan...

    ReplyDelete
  29. tasbih cantik: template blog ini maksudnya gan? hahaa...kita masih sama2 belajar kok. thanks ya..semoga sharing ilmunya bermanfaat buat kita semua :)

    ReplyDelete
  30. jalan2 dapet juga ni....hehehe

    salam kenal sob.
    makasih share na.
    follow back sob.

    sukses selalu.

    ReplyDelete
  31. wah wajib coba nih,,
    berguna banget buat pemula kya aq
    slam knal ya
    tenkyuu...^^

    ReplyDelete
  32. gan kq saya udah nunggu lama kq gga ada tlsan edit gitu..

    jelasin ya gan.. :>

    kunjungin yah..
    www.marsindependent.blogspot.com

    nanti blog agan saya follow dah. follow juga tapi
    hehehe

    ReplyDelete
  33. BLacksWeet: salam kenal kembali, thanks juga dah menyempatkan (menyempatkan apa dulu nih? gkgkgkgk)..

    ReplyDelete
  34. Muhammad Rafly: itu mungkin masalah koneksi di ente gan..

    ReplyDelete
  35. weh kok gambar backgroundnya jadi kecil ya gan,, jadi bingung nih,,

    ReplyDelete
  36. Kalo cara ganti gambar slide nya gimana ? mohon cepat balas yaa

    ReplyDelete
  37. om newbie neh...:D

    kalo dah di download trus masukin ke blognya gmn ya :D

    ReplyDelete
  38. wah gan pny ane kog malah background,header,footer n yg lain2 malah semrawut ya,....tmabah kecil,..jd postingan nya malah acak2 kan,...gmn y cra ngatasinnya,...

    ReplyDelete
  39. Wah mantap neh mas bro dah lama aku pgn ngoprek-oprek template. Salam kenal n lam blogger!

    ReplyDelete
  40. mantep nih,,, tapi ane blm bisa cara uploadnya gan...
    ane pake blogger.
    tolong pencerahan ya gan.
    kirim lewat email ane aja gan
    santosomustofa99@gmail.com
    atau ke
    http://sosoebod3.blogspot.com/

    ReplyDelete
  41. Gan cara bikin link kayak home, daftar isi dll gimana yah, ane gaptek soal blog..

    ReplyDelete
  42. nice info gan.....pengen juga nee mau buat template hehe

    ReplyDelete
  43. nice info gan.. sekarang ane mau mulai optimasi SEO.. ;D

    ReplyDelete
  44. wah mantap gan thanks infonya...

    ReplyDelete
  45. tfs sob..
    wah tyt ada cara mudah bkin template blogspot nh...
    coba ke TKP dulu ah...

    wer..

    ReplyDelete
  46. kenapa ia tidak menjadi di blog saya?? saya menggunakan blogger tapi tetap tak bisa

    ReplyDelete
  47. gan ane dh bkin tp ko...,pas di trpkn pd blog ukurnya kcil ngga sesuai...
    mhon bntuanya....

    ReplyDelete
  48. hahhahaha,, keren gan, nice info nich..

    ReplyDelete
  49. mas bro gimana nih template nya gag bisa pas sama postinganya????

    ReplyDelete
  50. pengin juga nih bisa belajar buat template kreasi sendiri

    ReplyDelete
  51. Permisi,, bang.. saya mau ganti tample ada tulisan merah tntng XML jadi kagak bisa, ada solusi..?
    Terima kasih.

    ReplyDelete
  52. Permisi,, bang.. saya sudah edit, tapi ganti tample pada blog ada tulisan merah tntng XML ada masalah sepertinya, ada solusi..?
    Terima kasih..

    ReplyDelete
  53. Permisi.. Bang, mau makai tample,, ada tulisan
    "Kami tidak dapat menyimpan template Anda.

    Template Anda tidak dapat diuraikan karena template tidak terbentuk dengan baik. Pastikan semua elemen XML ditutup dengan benar. pesan kesalahan XML:
    Content is not allowed in prolog."
    Sepertinya ada masalah,, ada solusi.?
    Terima kasih...

    ReplyDelete
  54. ok gan thanks infonya ..
    langsung dipraktek kan

    ReplyDelete
  55. wah terima kasih sdh berbagi info....sebagai pemula ini sangat membantu, overall sudah saya baca smua...
    terima kasih...:)

    ReplyDelete
  56. Sangat berguna nih informasinya salam kenal gan...

    ReplyDelete
  57. aku pengin membuat template blogspot tapi lewat dream weafer. gimana caranya yah...

    ReplyDelete
  58. kereeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeen

    ReplyDelete
  59. thanks gan ,,

    tapi ketika saya coba di simpanya/downloadx gak bisa ke blogger,,,,,,,

    ReplyDelete
  60. Terima kasih atas artikelnya.
    o iya selama saya jelajah mencari ilmu dengan blogwalking, menurut saya anda memiliki kelebihan tersendiri dari situs-situs lain dan jujur potensi anda juga sangat bagus, banyak juga ilmu yang saya pelajari disini jika ada waktu saya akan berkunjung lagi.

    ditunggu kunjungan baliknya ya :D


    #Semoga sehat selalu :D

    ReplyDelete
  61. ini mah bukan kreasi sndiri gan,,,ini mah kreasi orng lain cuma tinggal copas aja,,,krain cara bikin tamplate kreatif desain sendiri

    ReplyDelete
  62. Wah mantap nih..
    harus dicoba nih, Thanks ya gan

    ReplyDelete
  63. Thx gan postingannya bermanfaat :D

    ReplyDelete
  64. mas punya saya kok eror, gambar header gak sesuai seperti yg sudah saya edit jadi lebih kecil tolong pncerahannya

    ReplyDelete
  65. bagus artikelnnya sob, sangat membantu,.. kunjungi http://nagasayekti.blogspot.com/

    makasih sob :)

    ReplyDelete
  66. bng aneh nih masak yang tiga kolom ngak ada aneh bnget

    ReplyDelete
  67. wah,,keren nih mantap..ane ikutan coba ah..semoha berhasil..n bisa,,,hehehe

    ReplyDelete
  68. Ok gan artikelnya, besok saya coba tips dari agan ini.. mampir juga diblog saya gan.. thanks sebelumnya.

    ReplyDelete
  69. thanks tutornya masgan,,,

    coba dlu ah...

    ReplyDelete
  70. @Angga prastama :: Bukan Tamplet , tapi Template ^^ hehe

    ReplyDelete
  71. gan kalo mau ganti headernya pake gambar punya kita giman????????

    ReplyDelete
  72. sebenarnya software apa sih yang bisa buat bikin template dari dasar betul. jadi bentuk kolom dan sebagainya bisa semau kita. Bukan copas template buatan orang lain tentunya. Aku belum nemu sampe sekarang

    ReplyDelete
  73. informasi menarik lagsung dipraktekin ah !

    ReplyDelete
  74. kalo udh di download masang nya ke blog gimana??

    ReplyDelete
  75. Owalaaaahhh kok aku baru tau yahhh.. hehehe. makasih banyak gan atas infonya, langsung nyoba aahhh.. :D

    ReplyDelete
  76. wah...
    ajarin buat temoplate dong sob...

    eh, boleh minta template yang dipakai blog ini ga?

    Blogspot Tutorial

    ReplyDelete
  77. Tendi Nugeraha Wijaya: gambar slide nya ada di class "slideshow" di dalam template :)

    ReplyDelete
  78. DOELS: paste aja .xml nya ke form edit HTML, jgn lupa backup template asli kamu ya :)

    ReplyDelete
  79. vincent: wah, itu mungkin ada sedikit kode yg perlu di betulin.. langsung aja mnt di betulin disini:

    http://jasabuatwebtermurah.blogspot.com/

    murah kok..paling cuma 20-30rb an

    ReplyDelete
  80. soso: yg di upload yg format xml nya bro..

    ReplyDelete
  81. Anonim: find aja di dalem template nya gan, atau klo mau modif langsung ke blog sini aja: http://jasabuatwebtermurah.blogspot.com/

    ReplyDelete
  82. Anonim: karena mungkin caranya salah makanya tidak menjadi :P

    ReplyDelete
  83. Achmad Nur Indra Sukma Jaya: oh itu biasanya masalah tag nya yg kurang, atau kalo mau langsung aja ke blog ini mbak: http://jasabuatwebtermurah.blogspot.com/

    ReplyDelete
  84. Aran Setiadi: bisa aja, yg penting ngerti sintaks bahasa xml dr blogger (y)

    ReplyDelete
  85. alone acc: setelah di copas ya di kreasiin, beres.

    ReplyDelete
  86. naufal blog: hmm..gambar header itu di buat sesuai dgn ukuran waktu kita ngedit nya mas. coba baca lagi artikel lanjutannya, mudah2an bs membantu :)

    ReplyDelete
  87. agung: aneh krn ada hantunya kali ya :P
    di tambah aja klo emang ga punya, disini ada kok tutorial cara bikin footer di blog. searching aja pake kata kunci "footer" di labels "blogger".

    ReplyDelete
  88. Anonim: tinggal di klik aja di headernya, ntar khn muncul jendela pop-up utk upload gambar, jgn lupa di sesuaikan ukuran nya ya :)

    ReplyDelete
  89. Dede Menulis: menurut pendapat saya: mungkin karena blogspot merupakan platform yg tidak openSource seperti wordpress, maka ga ada yg bisa bikin software nya..yah klo mau pun bikin manual aja gan.

    ReplyDelete
  90. Blogspot Tutorial: baca2 aja tutorial di blog ini, pasti bisa kok (mudah2an).
    Wah,,,bayar bro :D

    ReplyDelete
  91. gue mau tanya sob cara mindahkannya gimana sob gue pemula ni

    ReplyDelete
  92. didi suhendar: baca artikelnya sampai habis gan, pasti ente sukses

    ReplyDelete
  93. Thanks gan, artikelnya sangat bermanfaat.

    saya jadi bisa buat template sendiri.

    ReplyDelete
  94. Punten aq udah coba Edit terus Cara masangnya gemana Gandmm hihihihi maluuum newbie,,

    ReplyDelete
  95. ini setelah di donlot, kan dapat css, xml dan html terus diapain lagi ? hubungannya ke blogspot ? tolong pencerahannya...thx

    ReplyDelete
  96. Wahhhh keren ni bisa kreasi sendiri :D
    Thanks info nya

    ReplyDelete
  97. entah mna pun lesting nya tak jolasssss

    ReplyDelete
  98. wah, wah..
    keren nih..

    saya tunggu kunjungan baliknya ya sob..
    http://lavixtastar.blogspot.com

    ReplyDelete
  99. wah, wah..
    keren nih..

    saya tunggu kunjungan baliknya ya sob..
    http://lavixtastar.blogspot.com

    ReplyDelete
  100. mksh atas info'x sob sangat membantu sekali bagi saya yang pemula..

    ReplyDelete
  101. wahh krennn dachhh gannnn
    sukses gan...

    hatur nuhuun kang...

    ReplyDelete
  102. "
    thanks for the article,,, cool .... hopefully I'll be able to visit her again to the web,,,,,
    "

    ReplyDelete
  103. Thnks gan atas infonya ,,,,,,,,, smoga lebih pariatif lagi isinya

    ReplyDelete
  104. met kerja gan ,,,,, kasih imfluens yang baik buat gan gan yang lain ya

    ReplyDelete
  105. met kerja gan ,,,,, kasih imfluens yang baik buat gan gan yang lain ya

    ReplyDelete
  106. jadi penasaran ingin buat template sendiri.

    ReplyDelete
  107. wah, keren infonya gan.. thanks :)

    ReplyDelete
  108. kirain gratis..taunya bayar....cape dehhhh

    ReplyDelete
  109. artikelnya menarik gan.. thanxs.. komen balik ya gan di blog ane..

    ReplyDelete
  110. kak,kok aku ga bisa ngedownloadnya ya?padahal udh jadi..

    ReplyDelete
  111. kak,kok aku yg aku g bisa di download ya?

    ReplyDelete