Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / Template / Tips Blogging

Cara Mengetahui Kode/CSS Template Blog Orang Lain

Oleh Unknown 34 komentar

Cara Mengetahui Kode/CSS Template Blog Orang Lain  - Baru saja saya blogwalking dan tadi membaca sebuah artikel yang berjudul “Cara Mencuri Template Blog Orang Lain” yang memberi inspirasi buat saya untuk menuliskan artikel ini. Artikel ini pun hampir saja saya beri judul Cara Mengintip/Melihat Isi Blog Orang Lain namun batal karena akhirnya saya memilih judul seperti yang ada ini karena menurut saya lebih sopan dan supaya tidak mengundang interpretasi (tafsiran) yang macam-macam. Tulisan ini juga bukan dimaksudkan untuk mengajarkan sobat-sobat cara mencuri kode/isi template blog orang lain, namun lebih saya tujukan sebagai  upaya pembelajaran bagi kita bersama, misalnya untuk mengetahui bagaimana sih struktur cara penulisan kode HTML/CSS yang benar, atau bagaimana cara menempatkan tag/perintah tertentu pada template sehingga akhirnya kita bisa melakukan editing atau koreksi pada template blog kita sendiri. Saya sendiri sering melakukan kebiasaan “mengintip” seperti ini sejak awal saya ngeblog. Mulai dari mengintip backlink orang lain, mengintip template orang lain, mengintip widget orang lain bahkan sampai mengintip artikel yang paling sering dibaca di blog orang lain. Yang penting kebiasaan mengintip ini harus bisa kita proyeksikan menjadi sebuah motivasi positif untuk bisa berbuat lebih baik dari orang lain, itulah prinsip yang harus dipegang seorang blogger. Kalau kita mencuri mengambil mengcopy kode atau isi template orang lain apalagi secara full tanpa ada permisi dengan si empunya, berarti kita tidak menghargai jerih payah atau hasil karya orang lain. Apalagi kalo si pembuat template ternyata adalah anak bangsa kita sendiri tentunya kasian sekali bukan kalau kita perlakukan seperti itu? So kalo mau template bagus yang premium ya beli dong..he he.

OK sobat, mohon maaf kalo prolognya kepanjangan karena terlalu bersemangat he..he,  langsung saja kita ke topik cara mengetahui/melihat kode html/css template blog orain lain seperti judulnya diatas. Ada 2 cara yang bisa sobat lakukan untuk melihat isi template sebuah halaman blog :
1.      Cara Pertama, yaitu secara langsung dengan menekan Ctrl + U atau klik kanan pada halaman blog yang ingin sobat lihat isi “dalamannya”, kemudian pilih View Page Source. Maka akan terbuka sebuah window baru seperti gambar dibawah ini dimana sobat bisa melihat isi template termasuk kode HTML/CSS yang ada dalam template. Sobat juga bisa mengetahui meta tag apa saja yang ada di blog orang lain tersebut atau seperti apa dia menuliskan meta tag deskripsi dan meta tag keyword untuk blognya dan lain-lain.

Klik disini untuk melihat gambar..





2.     Cara Kedua, yaitu dengan menggunakan Addons dari Firefox yang bernama Firebug. Sobat harus menginstall addons firebug for firefox ini sebelum mulai menggunakannya. Saya menginstall addons Firebug Version 1.7.2 untuk browser Firefox 3.6.22 yang saya pakai sekarang. Silahkan menuju link ini https://addons.mozilla.org/en-US/firefox/addon/firebug/versions/  untuk memilih versi Firebug yang sesuai dengan browser Firefox sobat. Jika sudah terinstall maka dipojok kanan bawah browser Firefox anda akan terlihat icon Firebug. Cara menggunakannya mudah saja, buka halaman blog yang ingin sobat “intip” kemudian langsung klik icon Firebug di pojok kanan bawah browser anda. Maka akan terbuka sebuah window di bagian bawah browser. Window ini displit menjadi 2 di bagian tengah tapi bisa digeser-geser dengan mouse. Disini anda bisa melihat struktur isi template blog yang ditampilkan seperti menu pada komputer. Klik simbol plus (+) pada bagian <head> atau <body> untuk untuk melihat kode apa saja yang tersembunyi. Jika ingin melihat kode CSSnya, anda tinggal mengklik menu CSS pada toolbar. Bahkan dengan addons Firebug ini sobat juga bisa menganalisa Page Speed atau kecepatan loading blog melalui menu Page Speed, addons yang keren memang. Saya tidak bisa menuliskan secara detil bagaimana cara menggunakan Firebug ini karena tulisannya akan jadi suangaat panjang sekali. Jadi silahkan dicoba-coba sendiri aja sobat, karena saya pun belajarnya secara otodidak alias nyoba-nyoba sendiri.

Klik disini untuk melihat gambar..






Dari sedikit penjelasan yang sudah saya berikan tentang cara mengetahui kode HTML/CSS pada template blog orang lain tadi, pastinya akan banyak sekali yang bisa dipelajari. Artikel ini mungkin merupakan artikel terpanjang ke-2 yang pernah saya tulis setelah artikel panjang pertama saya tentang Optimasi SEO Apa Mengapa dan Bagaimana yang saya tulis beberapa bulan yang lalu. Semoga tulisan saya kali ini bisa berguna dan bermanfaat buat sobat blogger yang lain, tak lupa saya ucapkan terima kasih untuk anda yang sudah membaca artikel ini. Salam Blogger.

34 komentar untuk "Cara Mengetahui Kode/CSS Template Blog Orang Lain"

  1. new bie14 September 2011 pukul 05.51

    mantapp gann..

    nice info..

    thx ilmux...

    BalasHapus
  2. Share With Irfan14 September 2011 pukul 11.48

    @newbie
    Sama-sama ;) makasih juga kunjungannya..

    BalasHapus
  3. Resius16 September 2011 pukul 10.31

    makasih gan :D
    kunjungi juga
    http://resius.blogspot.com/

    BalasHapus
  4. Share With Irfan16 September 2011 pukul 13.17

    @Resius
    Sama2 sob, makasih juga sudah berkunjung. OK blognya segera saya kunjungi,tunggu aja ya :D

    BalasHapus
  5. apakah ini itu20 September 2011 pukul 04.09

    mau nanya ni mas, kan di blogger itu ada susunan buat datanya misal kayak apa yang itu bisa keliatan juga? atau udah kayak html biasa?

    maap ya kalo kata2nya kurang jelas, tapi saya tertarik ni sama trik mas.. salam kenal :)

    BalasHapus
  6. Anonim25 September 2011 pukul 09.05

    Izin copas Mas. Terima kasih!

    BalasHapus
  7. Munawir12 November 2011 pukul 17.50

    okeee ... infonya bermanfaat nihh , kunjung blik ya di http://www.1001panduan.tk

    BalasHapus
  8. surya15 November 2011 pukul 02.25

    makasih infonya mas,,,,

    BalasHapus
  9. Anonim23 November 2011 pukul 00.16

    thanks kk... :D

    BalasHapus
  10. aL23 November 2011 pukul 14.17

    Makasih gan buat pncerahan.nya...

    brmanfaat bgt.

    BalasHapus
  11. Unknown26 November 2011 pukul 00.16

    siipppp kawan
    ini yang ane cari...
    thanks ya....

    jika sobat berkenan... berkunjung balik ya...

    BalasHapus
  12. sepatu online1 Desember 2011 pukul 06.56

    makasih banyak gan,sy jg sedang belajar cara mengintip,tp untuk dijalan kebaikan seperti yg agan bilang

    BalasHapus
  13. Unknown1 Desember 2011 pukul 10.06

    ok...gan..thx...langsung ke tkp neh.

    BalasHapus
  14. Sulistiyo22 Desember 2011 pukul 17.21

    sangat-sangat bermnafaat... makasih gan

    BalasHapus
  15. Ristia Yuanita21 Januari 2012 pukul 08.59

    Kalo udah dapat terus mau kita pake ntu template apakah tidak erorrrr kalo menggunakan mozila

    BalasHapus
  16. Bocah Naruto22 Januari 2012 pukul 14.33

    kalo praktek coba dah agan bisa kagak ya ane kagak bisa ni gan

    BalasHapus
  17. Riki handoyo8 Februari 2012 pukul 20.38

    terimakasi gan infonnya
    jangan sungkan mampir ke lapak saya
    itriview,blogspot.com

    BalasHapus
  18. Ady Blink24 Februari 2012 pukul 01.38

    Mantap nih gan, cuma ane bingung ada gak yang langsung copy template nya!

    BalasHapus
  19. Berbagi Ilmu13 Maret 2012 pukul 09.19

    mantap ini buat meniru gaya tampilan blog orang lain .hehehehe.

    BalasHapus
  20. Anonim17 Maret 2012 pukul 23.21

    sangat membantu kk, makasi yaa :(

    main duunk k sini http://agfreeinformasi.blogspot.com +follow back ya hehe

    BalasHapus
  21. Unknown7 April 2012 pukul 15.58

    Thanks infonya om...
    sangat membantu...
    teruskan berposting ria.. :D

    http://www.bpncyber.blogspot.com

    BalasHapus
  22. diggi24 Mei 2012 pukul 22.48

    mantap infonya gan, langsung ane praktekin

    BalasHapus
  23. kutulis11 Juni 2012 pukul 05.44

    aduh... masih binggung nih bro.. pengen template kayak orang lain tapi masih belum nisa copy nih..

    BalasHapus
  24. Unknown19 Juni 2012 pukul 14.53

    mantap infonya,perlu di coba ni

    BalasHapus
  25. Abah24 Juni 2012 pukul 10.12

    Thx.. dengan ctrl+U blog yang anti klik juga bisa dilihat hehe...

    BalasHapus
  26. Movie nuri14 Oktober 2012 pukul 20.32

    Mudah-mudahan bisa membantu

    BalasHapus
  27. Afrizal Andika23 November 2012 pukul 15.00

    siiip bget gan triiknya

    thx, bwat ilmunya..........

    BalasHapus
  28. Afrizal Andika23 November 2012 pukul 15.04

    mantaaap gan triikx

    thx bwat ilmu brux

    BalasHapus
  29. Kelestarian Sumber Air Minum28 November 2012 pukul 17.17

    keren artikelnya Om,sangat bermamfaat :) Visit back yah :)

    BalasHapus
  30. Awangame27 Desember 2012 pukul 08.57

    Triknya keren2

    BalasHapus
  31. Unknown30 Desember 2012 pukul 13.17

    bagus mas, mantab,,, slam kenal dari, http://makalahkomplit.blogspot.com/

    BalasHapus
  32. sepatu teplek25 Februari 2013 pukul 04.43

    sangat bermanfaat.... thanks shareny.. :)

    BalasHapus
  33. sepatu teplek25 Februari 2013 pukul 04.44

    Mantap sharenya.... :)

    BalasHapus
  34. Aconk Perkasa7 Juni 2013 pukul 01.44

    lihat kodenya malah bingung gan,,,hehehhehe

    BalasHapus