Cara Saya Meniru Desain Blog Orang Lain

PlagiatKalau kamu sering jalan-jalan di blognya om Jai, pasti hapal dengan desain blognya yang keren. Nah, karena saya sangat tertarik dengan desainnya saya pun coba menirunya. Jangan salah, meniru itu tidak sama dengan mencuri. Kalau mencuri itu kita ambil semua file-file themenya terus kita pake di blog kita, sedangkan meniru itu kita ngambil kode sumber temanya aja dan kita aplikasikan dengan theme blog sendiri (sama-sama ngambil, berarti nggak jauh beda ya :D ). Walaupun Intinya sama, kita ngambil sesuatu dari desain blog lain tanpa seijin pemiliknya, tapi lebih baik meniru daripada mencuri. Nah, saya pun kalau saya pernah mencoba meniru desain Bobon Fire (nama tema blog dari BoB). Bahkan saya punya desainnya lengkap dengan logonya sekalian yang saya simpan di harddisk, walaupun saya nggak berniat buat memberikannya pada siapapun karena desain itu cuma tiruan dan udah dipake khusus buat BoB. Kalau pengen mencuri temanya sekalian silakan langsung tanya caranya ama om cosa. Nah, kalau saya ingin meniru desain blog lain, yang saya lakukan adalah menyimpan halaman tersebut lengkap dengan logo dan file-file gambarnya.

Setelah itu saya bikin tema WordPress baru dengan stylesheet (style.css) yang saya ambil dari folder dari file html yang saya simpan tadi. Kemudian susun markup HTML tema WordPress yang sedang dibuat berdasarkan file HTML yang saya simpan tadi, dengan menyertakan CSS-nya juga. Langkah terakhir, saya sertakan juga file-file tambahan seperti JavaScript. Cara tersebut juga bisa dipake untuk membuat bagian-bagian tertentu dari layout blog tersebut (misalnya ads box dan subscription form di blog ini) pada tema yang kita pakai. Cukup dengan melihat kode sumbernya, copy bagian tertentu yang ingin kamu pasang di tema blog. Buka stylesheetnya dan cari atribut id (#)dan class(.) yang terhubung dengan bagian-bagian yang ingin dipasang dari layout tadi. Salin kedalam stylesheetmu, selesai :)
Kelihatannya sih mudah, tapi buat newbie seperti saya butuh waktu seharian nggak tidur buat bikin temanya :D

Gimana, ada yang mau mencoba?? Atau meniru desain blog ini?? kalau mau dibilang penjiplak seperti saya aja :lol:

{42 Comments so far }

  1. Putra eka said,

    Wrote on July 18, 2008 @ 5:39 pm

    weh manteb neh mas… boleh ditiru neh

    Reply to this comment
  2. Adieska said,

    Wrote on July 18, 2008 @ 5:55 pm

    Wah seep neh infonya. Tapi bagi yang awam ga bakalan bisa mudeng bro. Lebih asik kalo ditambahin screenshoot dam dibuat per poin biar kayak tutorial. Acem bro…??? Siap menerima tantangan ini? Ditunggu dipostingan2 selanjutnya :D

    Reply to this comment
  3. edy said,

    Wrote on July 18, 2008 @ 6:42 pm

    ga ngerti, cuman bisa sebagai pengguna…

    Reply to this comment
  4. Zalukhu said,

    Wrote on July 18, 2008 @ 6:45 pm

    Sudah beli ebooknya om Cosa kah? hehehe
    Keren postingnya…

    Reply to this comment
  5. ezland said,

    Wrote on July 18, 2008 @ 10:22 pm

    ga ngerti nee. ntar diajarin ya……..

    Reply to this comment
  6. Tony said,

    Wrote on July 18, 2008 @ 11:02 pm

    tetap ga ngerti aku :(

    Reply to this comment
  7. malapu said,

    Wrote on July 19, 2008 @ 12:52 am

    sumpah saya aja masih blajaran bikin Theme..

    Reply to this comment
  8. Abi Bakar said,

    Wrote on July 19, 2008 @ 1:16 am

    Nantinya bukan saja mengedit desain yang telah ada, tapi membuat theme sendiri nih mas fanari

    Reply to this comment
  9. the gands said,

    Wrote on July 19, 2008 @ 9:41 am

    Mantap bro…. caranya boleh ditiru… :mrgreen:

    Reply to this comment
  10. Ecko said,

    Wrote on July 19, 2008 @ 4:01 pm

    Jujru aja, saya gak ngerti. Ini lagi belajar WP, tapi berhubung blog yg pake WP gak ada ya gak ada t4 praktek. Hmmm….

    Reply to this comment
  11. fanari said,

    Wrote on July 20, 2008 @ 9:57 pm

    @Putra eka: boleh :)
    @Adieska: iya tapi ntar malah bikin bingung soalnya setiap template kan beda2
    @Zalukhu: hehe, nggak kok bro..
    @ezland: wah neng ndi wae kowe rak tau ngetok saiki
    @Abi Bakar: hehe mas udah pernah rilis satu kok, walopun ancur :D

    Reply to this comment
  12. Ronggo said,

    Wrote on July 21, 2008 @ 4:21 am

    tetep gak ngertii aku

    Reply to this comment
  13. ika said,

    Wrote on July 21, 2008 @ 10:31 am

    keren banget desainnya om,, salut

    Reply to this comment
  14. emfajar said,

    Wrote on July 21, 2008 @ 11:11 am

    wah mantap ini,, boleh donk di coba2 :D

    Reply to this comment
  15. fanari said,

    Wrote on July 21, 2008 @ 2:49 pm

    Jgn ikut2an saya, menjiplak itu gak baik lo
    @ika: makasi :gembira:
    @emfajar: boleh, asal jgn jadi penjiplak, he3x :keren:

    Reply to this comment
  16. ipung said,

    Wrote on July 21, 2008 @ 2:58 pm

    Bikin themes bener-bener butuh kesabaran.. apalagi kalo kaya saya yang masih merangkak codingnya :D
    Tipsnya sip banget mas :D

    Reply to this comment
  17. fanari said,

    Wrote on July 21, 2008 @ 4:18 pm

    @ipung: sama2 mas, saya juga masih merangkak bgt belajar coding :D

    Reply to this comment
  18. faisal said,

    Wrote on July 21, 2008 @ 6:49 pm

    Salam kenal mas, wah siiip mantap neh…

    salam blueweed :)

    Reply to this comment
  19. Izandi said,

    Wrote on July 21, 2008 @ 8:33 pm

    Waaa dunia nge-blog penuh kejutan. Hmm…awam nih..

    Reply to this comment
  20. ichanx said,

    Wrote on July 21, 2008 @ 9:03 pm

    ohh…. gitu…. *manggut-manggut padahal gak ngerti*… hehe. btw, thanks dah mampir

    Reply to this comment
  21. okta sihotang said,

    Wrote on July 21, 2008 @ 10:50 pm

    huahaaa….
    kita sepaham mas.. ;)

    Reply to this comment
  22. fenny said,

    Wrote on July 22, 2008 @ 6:50 pm

    idem… tapi mungkin saya kurang kreatif lagi dalam meniru. saya cuman ambil themes, obok-obok bentar, dan tetep aja….. ga bisa design! *sigh*

    Reply to this comment
  23. fanari said,

    Wrote on July 22, 2008 @ 9:01 pm

    @faisal: salam penggemar blueweed :)
    @Izandi: biasa aja mas :D
    @ichanx: makasi udah komen :gembira:
    @okta sihotang: bener
    @fenny: sama dunk kayak aku :D

    Reply to this comment
  24. kipas said,

    Wrote on July 27, 2008 @ 10:15 am

    saya juga ikut niru si jai, cuman buang post utamanay biar sama dengan post berikutnya. sudah itu thok :D

    Reply to this comment
  25. Supermance said,

    Wrote on July 30, 2008 @ 8:18 am

    nice tips, jadi pgn bikin theme sendiri, tp bingung harus mulai dr mana

    Reply to this comment
  26. fanari said,

    Wrote on July 31, 2008 @ 1:11 pm

    @Supermance: silakan dicoba, bisa mulai dari edit CSS-nya dulu

    Reply to this comment
  27. Arycool said,

    Wrote on July 31, 2008 @ 3:46 pm

    Saya Coba dulu ya….

    Reply to this comment
  28. konsultasi kesehatan said,

    Wrote on August 7, 2008 @ 10:32 am

    cara oprek2 premium theme gimana Mas?

    Reply to this comment
  29. Richie Rich said,

    Wrote on August 7, 2008 @ 1:11 pm

    mantep mas. cuma saya masih belum ngudeng. kayanya harus dibuat tutorialnya deh mas.

    Reply to this comment
  30. Ateonsoft said,

    Wrote on August 19, 2008 @ 6:56 am

    ooooooooooo…. gapapa kok, yang penting ga nyuri. Dan pengakuan ini aja sudah menunjukkan kerendahan hati.

    Good luck

    Reply to this comment
  31. Wahyu Reza Prahara said,

    Wrote on August 26, 2008 @ 10:34 pm

    emang blognya BOB emang oke punya…
    banyak yang terinspirasi kok..
    termasuk punya saya :)

    Reply to this comment
  32. Free Pro WordPress Theme: Copyblogger | Fanari dash Id dot Com | My Official & Commercial Blog said,

    Wrote on September 26, 2008 @ 9:51 am

    [...] membacanya pasti hapal dengan disainnya. Nah, saya mencoba “mencuri” disainnya dengan teknik sederhana yang biasa saya lakukan. Untuk versi awal memang belum sepenuhnya mirip pada bagian-bagian halaman [...]

    Reply to this comment
  33. si_awam said,

    Wrote on October 22, 2008 @ 9:47 am

    mas klo langsung di css editornya wordpress kan g bisa disave. berarti mesti bikin ndiri pke css editor ya wah klo bg org yg awam ky saya mesti blajar css lg ya, soalnye saya taunya copy paste doank :)

    Reply to this comment
  34. fanari said,

    Wrote on October 22, 2008 @ 9:56 am

    @si_awam: sebenarnya trik meniru disain blog lain adalah dengan mengambil file CSS dari blog tersebut, terus menyusun kembali markup html disain blog dengan menyertakan CSS yang sudah diambil tadi. Semuanya pakai teknik copy paste :D

    Reply to this comment
  35. Copyblogger Theme for Drupal | Fanari dash Id dot Com | My Official & Commercial Blog said,

    Wrote on October 26, 2008 @ 10:41 am

    [...] coba dipakai di situs/blog Drupal-nya. Salut juga nih buat pembuatnya karena bukan cuma saya yang suka curi-curi CSS blog lain, apalagi dimodifikasi supaya bisa dipakai di Drupal. Kira-kira siapa lagi ya yang mau meniru-niru [...]

    Reply to this comment
  36. patembe said,

    Wrote on October 26, 2008 @ 12:43 pm

    Wah….caranya sama kayak teknik yang aku pake…..!
    :D

    Reply to this comment
  37. patembe said,

    Wrote on October 26, 2008 @ 12:44 pm

    Yah ketahuan deh sama semuanya….
    he..he..he..

    Reply to this comment
  38. fanari said,

    Wrote on October 27, 2008 @ 3:49 pm

    @patembe: hehe ternyata mas andi suka njiplak juga ya :D

    Reply to this comment
  39. nana said,

    Wrote on October 30, 2008 @ 12:54 pm

    sumpah gw ga mudeng :-(
    buat tampilannya aja gw puyeng
    apalagi tambah ini itu
    bisa tuker info skalian ajarin gw ga
    n link ke blog gw ya mas

    Reply to this comment
  40. blogdanseo said,

    Wrote on November 7, 2008 @ 4:44 pm

    klo gto termasuk pembajakan g y mas? soalnya kalo template saya dicuri saya juga pasti kesel meskipun pencurinya membuat template itu dari nol…

    Reply to this comment
  41. fanari said,

    Wrote on November 7, 2008 @ 4:50 pm

    @blogdanseo: cuma buat referensi dan pembelajaran aja mas, dan saya juga nggak nulis caranya langkah demi langkah kan?

    Reply to this comment
  42. MedanBlogger said,

    Wrote on November 15, 2008 @ 6:53 am

    asli mumet kalo di ceritain gitu ajah :D mending kasih code code nya om :))

    Reply to this comment

Comment RSS · TrackBack URI

Leave a Comment ↓

Name

E-mail

Website