farzanesfandiar.comFatihsyuhud.com

Banyak teman pemakai blogger.com /blogspot merasa kesulitan ketika hendak mengedit kode HTML di template blogger.com untuk berbagai keperluan. Sebagai contoh untuk membuat fasilitas Read More atau Baca Selengkapnya, membuat Related Posts atau Tulisan Terkait, Cara Buat Judul yang SEO, Cara Buat Komentar Do Follow,  dan lain sebagainya yang semuanya mengharuskan  kita memelototi “kerumunan” kode-kode HTML yang ada dalam template blogger.com. Bagi banyak newbie, memandang tumpukan kode html itu aja bikin pusing, apalagi kalau harus mencari salah satu kode dari sekian banyak kode.

Sebenarnya ada cara mudah yang tak bikin pusing. Ikuti tutorial singkat berikut:

1. Setelah login ke blogger.com, klik -> Layout -> Edit HTML -> Expand Widget Template

2. Tekan secara bersamaan CTRL dan F (atau F3 untuk shortcut). Maka akan muncul tulisan “Find” dan kotak pencari di bagian bawah browser (di atas tulisan START)

3. Tulis kode html template yang ingin dicari di kotak sebelah kata “FIND” tersebut. Contoh, post.body (misalnya untuk buat Read More), maka akan muncul kata tersebut di template blogger.com di highlight (diblok) dalam warna hijau (lihat gambar, klik untuk memperbesar). Anda tinggal langsung tancap ke TKP untuk otak-atik kode tanpa harus memelototi kode-kode yang lain. Mudah bukan? Selamat mencoba!

Blogger Edit Template HTML


  1. ringan namun berisi.
    thanx :D
    tuker link mas.

  2. ini memang cara praktis yang terabaikan oleh para newbie.
    improve your traffic with join to aggregator

  3. makasih atas tips nya mas..memang untuk mencari kode html kayanya lebih cepat dan praktis seperti itu
    salam

  4. Wah, ga pertamak lagi…

  5. numpang tanya, bang
    maaf kalo gak ada kaitannya dg tulisannya :)
    mengenai “googlebot last acces dkk (yahoo, msn)”, penyebab blog (baru) saya tidak terakses. Terutama & terpenting menurut “mbah google” (=n/a)??
    Tx…

  6. Mohon dibuatkan artikel untuk cara menambah kolom di bawah artikel (biasanya di atas 3 kolom terbawah) maksudnya untuk digunakan sebagai iklan yang lebarnya 729×90, terima kasih

  7. Ini nggak hanya di blogspot pak, tapi di MsWord atau lainnya juga bisa… Siip pak…

  8. Tapi mas.. Kalo kita menemukan kata tersebut lebih dari satu kadang binun juga mau pilih yg dicari yg mana?? (foto modelnya, anak sendiri ya mas.. Eh anak brdua bareng istri.)

  9. wah mantap nih, thanks mas

  10. he.. hee.. ;) aku juga sering pakai tips itu.. cukup ampuh, ..
    Salam kenal yaa..

  11. Di coba ya, thanks..

  12. salam kenal mas fatih..

  13. Salam Kenal Ya Maas, Posting-an Mas mantab-mantab..

  14. mencentang Expand Widget Template widget itu sebenarnya buat apa ya?

    #spy tampak semua kode html-nya

  15. Mas… makasih atas ilmunya.
    Perawt juga pengen ng’blog.. cuma mungkin tak seperti yang lain yang sering membahas tutorial.
    saya belajar banyak dari mas Fatih.
    terima kasih Mas atas semua ilmunya, semoga mendapat pahala dari Alloh Swt…. amin
    n… makin sukses. Blogger Indonesia

  16. Salam Kenal Ya Maas, Posting-an
    salam… sukses tuk para blogger..

  17. makasih pak, udan bagi-bagi tips, tipsnya sangat mudah, sangat cocok buat para newbie biyar gk cepet putus asa!

  18. saya pakek gini terus kok mas, selama ini. Lebih cepat….

  19. teimakaih infonya

  20. cepet ketemunya klo pake cara ini…makasih Mas Fatih…Buat Teman2 ni ada
    hasil final liga champions

  21. ok, siap deh . . .
    jadi gampang kalo nyari kata ‘download mp3 terbaru’ di kolom HTML blog yang notabene banyak banged . . .
    Thanks . . .

  22. tapi bagaimana cara benerin kalau masalah kode HTML kita ada yang salah ? misal kode HTML 2 anda error, apa harus di ganti dengan 3 dll ?

  23. makasih ya mas, saya sangat terbantu dengan artikel nya

  24. he he he ia ya..benar juga tuh :)

  25. Yach.., Pak Guru, tinggal tekan f3 aja kalo cuma itu, ga’ usah pake ctrl+f. Paraktisan 1 jari..!

  26. thanks ya infonya

  27. Kalau saya pribadi, biasanya mengedit untuk semua keperluan karena menggunakan template baru selalu menggunakan Notepad++ yang lumayan membantu.

    Yang jelas, tuturial dari mas Fatih adalah salah satu rujukan utama saya. Tks banyak untuk itu.

  28. pengen mejeng,makasih yan mas fatih….ilmunya sangat berharga …

  29. wah mantap banget info-infonya. Makasih.

  30. Makasih banyak mas…,karena tulisan-tulisan mas Fatih..saya bisa menjadi blogger:-).
    Mohon ijin untuk pasang linknya..:-)

  31. thx infonya mas….

  32. saya baru tau mas…. :-) ternyata gitu tho caranya… :-)
    kalau tau gini sejak awal, pasti waktu yang diperlu’in sengkat…

  33. saya coba mas kebetulan lagi punya tugas nih ma temen suruh bikin blog di blogspot padahal saya terbiasa di wordpress…

  34. ari

    pengen terkenal juga nih kayak mas fatih, heee

  35. simple tapi sangat sangat sangat berguna….

  36. agungsaputr

    Aq px blog di blogspot, tapi g’ bz ganti template jadi 3 kolom. Soalx aq bikin blog lwt hp dgn operamini.
    Ada bs bantu ga’ gantiin templat blog aq.? Klw ada yg mo bantu tlg ksh alamat emailx, entar aq undang n kasih hak sbg admin..!

  37. Mas…
    Boleh naynya ga?
    Gimana caranya buat TAg seperti di samping kanan
    (ada yang hurup besar-kecil )
    tolong donk mas… say baru nee.
    coba liat blog saya, kasih masukan..juga teman2
    aku sangat berterima kasih jika ada yang mau kirim tulisan
    atau ilmunya.
    terima kasih
    Sukses buat semua..

  38. mantap..artikelnya..
    btw buat teman yang mungkin ingin mem protect kode html pada blog atau web, mungkin bisa mempertimbangkan tools HTML Protector

    TangObeng:HTML Protector

  39. Siiip, deh ! Ini yang aku cari…

  40. deha

    pertanyaan bodoh sih….
    tapi maklumin soalnya dulu cuman iseng buat blog
    sekarang kepengen nerusin
    gimana caranya nampilkan home,,aboutme,,galery,,dan lain2

    email aja…
    makasih bantuanya

  41. gag ada matinya mas fatih ,kunjungi blog ku yang ini ya

  42. sore mas Fatih,mo tanya ni.blog saya:einstein.blogspot.com da jadi trus q mo buka dari search engine kok muncul keterangan BLOG einstein.blogspot.com telah dihapus.
    gmn cara menemukannya kembali.yg anekabisnisonline.wordpress.com skrng di BAND,da 2 x ini lho mas..bls kilat thx

  43. ya terima kasih……….
    hehehehe

  44. Pak Fatih Tipsnya sangat sangat membantu selain di joomla
    Rental Projector saya juga menjadi anggota blogger di Sewa projector blogspot

    Salam

  45. Makasih yach uda ksh taw. Postingx sgt berguna bg aq.

  46. tp kok ada html yg nakal yah??
    sdh jelas yg di search ada tp kok nggak nyantol jg,,
    ya akhirnya manual,,

    tr kasih

  47. kalo bikin tag cloud …gimana caranya mas…thank you..

  48. dapet ilmu lagi..makasih ya mas atas sharingnya. sukses slalu

  49. Nice info,,,, thanks,,

  50. Terima kasih mas Fatih..
    Tulisan-tulisan anda sangat membantu saya dalam membuat blog ini,saya banyak belajar dari postingan-postingan yang mas
    Fatih buat.

  51. Coffee Prince

    thanx

  52. teman, tukeran link yuk.. link anda sudah saya tampilkan di blog saya, tolong donk link aku, kalo sudah konfirmasi aku, thanks teman

    • agungsaputr

      Artikel yg bagus, thanks mas patih!
      Salam kenal miftahul, link km mana?
      http://www.agungmobile.co.cc

  53. teman, tukeran link yuk.. link anda sudah saya tampilkan di blog saya, tolong donk link aku, kalo sudah konfirmasi aku, thanks teman
    http://komputerjail.blogspot.com

  54. Makasih banget mas tipsnya…

    Tukeran link yuk, link anda telah saya pasang. Gantian yah :)

  55. kalo ini udah sering saia lakukan :P

  56. Mas..! Klw edit html lewat hp bisa g’?

  57. bda

    saya mau nambah read more tapi tidak ketemu bagian (post.body)

    terus bagaimana?
    tks ya

  58. Mas gmn caranya kalo mo ngrubah template dg background foto kita?code html nya yg mana?

  59. t o p b g t.,

  60. ya .. makasih tipsnya bisa bantu saya yg masih pemula

  61. kristiawanagung

    http://resep-masakan.blog.plasa.com
    thanks atas petunjuknya bisa kucoba di blogkku

  62. makasih antas ifonya maju terus

  63. thx banget yahh. mo lansung coba ahh.

  64. wah mas menarik banget blog nya baru kali ini saya menemukan blog berbahasa indonesia pagerank nya nyampe lima

  65. akhirnya tahu juga, soallnya btul2 pusing kao mo ngedit skarang ga lagi

  66. sahabat…
    Q masih bingung skarang….!!!
    yang jadi pertanyaannya,
    gmana cara buat layautnya,…?
    udah coba beberapa kali Q nga bisa…?
    tolong ya…? :-D

  67. minta tolong di kirim code html untuk comment dan kelengkapan isi blog yang di butuh kan.kunjungi blog aq y broo di http://www.campurcampurdeh.blogspot.com trims

  68. Thank’s ea buat semua informasinya. .
    Bermanfaat banget bro!
    Ditunggu ea,info2 seru laennya. .
    Buat temen-temen laennya yang mau liat artikel-artikel yang tentunya sangat menarik untuk dibaca,silakan saja langsung kunjungi hanya di blog Dunia kitaklik here
    PLAY YOUR FINGER AND FIND IT MORE!

    Dunia Kita.
    biraptorxxx2.blogspot.com

  69. thank infonya!!! salam kenal

  70. manzis

    slm knal om…trus bikin readmore nya gmn?sori agak tulalit malum msh bayi

  71. danummurik

    Gimana bikin peta pembaca di blog kita?

  72. salam kenal mas
    baru komentar selama ini cuma ngintip dan baca aja :)

  73. wah makasih mas!

  74. aduh tolingin aku mas blog ak msh kosong mau gmna dlo bingung nie??

  75. mas fatih thanks buat info’a, oia link mas fatih dah saya tambah di blog saya. saya juga pengen tukeran link lebih banyak lagi.

  76. Mas tag koq ga ktmu stlah saya cr pki find ya,ap emang smua template blog slalu ada nya ya?

  77. Artikel yang bagus bagus

  78. kasih alamat web,,buat ganti template yang keren2??

  79. saya coba ternyata susah kalau buat template yang bukan classic, kadang error. Apa harus pakai template classic ya.
    Please Answer

  80. langsung ke TKP….

  81. Armet

    Mas gw masih pemula masalah dunia bloging, ni blogkuhttp://www.zafbrampu.blogspot.comdan saya tdk tau harus mulai dari mana tlng ajari aku ya melalui email kuzaf.brampu@gmal.complease

  82. Armet

    Mas gw masih pemula masalah dunia bloging, ni blogkuhttp://www.zafbrampu.blogspot.comdan saya tdk tau harus mulai dari mana tlng ajari aku ya melalui email ku
    zaf.brampu@gmal.com

  83. dodi

    saya mo masukan kode html tapi dari situs ptc yang saya ikuti,gimana caranya?

  84. thanks infonya




Leave a Comment