Tips Trik Edit Template Blogspot

Blogger adalah salah satu perusahaan miliknya Google yang menyediakan fasilitas untuk blogging secara gratis untuk siapa saja, dan jumlah blog yang ingin dibuat pun juga tidak dibatasi. Blogger juga menyediakan beberapa template bawaan yang siap untuk dipakai, namun karena tampilannya yang “terlalu” sederhana membuat orang-orang yang membuat blog di blogger mencari template dari pihak ketiga untuk kemudian mereka pasang diblog mereka. Template blog yang tersedia dari pihak ketiga juga banyak, dan beraneka ragam. Beberapa template mungkin bisa cocok dengan kita, namun kadang kita juga memerlukan edit-edit template (costumize template) terhadap template tersebut. Meskipun bukan seorang master yang pakar dalam html, css, maupun coding-coding dalam template, pada postingan kali ini, bloggerafif ingin berbagi tips trik edit template blogspot.

Tips Trik Edit Template Blogspot

1. Backup Template
Setiap kali ingin melakukan edit template blogger, usahakan untuk melakukan backup template. Backup ini penting sebagai antisipasi jika ketika melakukan edit template ternyata terjadi error dan anda kebingungan untuk memperbaiki template tersebut. Solusi yang tercepat adalah dengan mengembalikan template hasil editan tersebut ke template sebelumnya.

2. Gunakan Tools Bantuan
Notepad++
Tools ini sangat bermanfaat sekali bagi anda yang ingin mengedit atau bahkan ingin membuat template blogger sendiri. Bloggerafif sangat senang dan nyaman menggunakan ini. Mengapa? Karena tools ini akan memberitahukan kepada kita untuk setiap tag kode html yang kita buat sudah benar atau belum. Biasanya akan terlihat sekali ketika kita hendak membuat tag pembuka kode html. Kode yang benar akan terblock dengan warna ungu. Jika kode tag yang anda buat belum terblock warna ungu, berarti anda perlu menambahkan tag penutup. Seperti ini

Tips Trik Edit Template Blogspot


Tertarik menggunakan tools ini, silahkan download di mediafire.

Pixie
Ini tools portable yang juga sangat membantu kita dalam edit template blogger, terutama jika ingin mengganti warna-warna pada blogger. Cara penggunaannya juga simple dan sederhana. Cukup anda geser cursor mouse pada lokasi yang diinginkan, maka secara otomatis tools ini akan memberikan kode html warna sesuai dengan lokasi yang sudah ditentukan. Download tools pixie

Tips Trik Edit Template Blogspot 2


Web Developer Addons
Selain tools tadi juga ada addons firefox yang bisa membantu kita dalam edit template bloggger. Bloggerafif sering menggunakan tools web developer ini untuk mengetahui letak posisi kode html atau css yang mau kita edit. Caranya juga cukup mudah. Anda tinggal tekan Ctr+Shift+Y kemudian posisikan cursor mouse pada bagian template yang akan kita edit, maka web developer akan memberikan rincian kode css yang dari template yang anda klik tadi. Seperti ini.

Tips Trik Edit Template Blogspot 3
Setelah itu anda tinggal cari kode tersebut, di bagian edit template blogger. Lebih mudah, dan cepat.

3. Pahami kode CSS dan tag HTML blogger
Banyak buku ataupun guide tentang CSS dan HTML. Anda tinggal mencarinya dan pelajari. Namun untuk tag html, blogger menggunakan format xml. Kenali tag-tag tersebut. Yang biasa terjadi adalah blogger tidak menyadari adanya tag-tag khusus yang dimiliki blogger ini. Tag khusus ini diantaranya seperti :
<b:section> .... </b:section>
<b:widget>....</b:widget>
<b:includable>....<b:includable>

Pastikan jika anda melakukan edit tag-tag tersebut, untuk selalu gunakan juga tag penutupnya. Bisanya jika anda lupa memberi tag penutup atau tagnya kurang lengkap, maka akan muncul pesan error di blogger.

4. Kenali Setiap Error Yang Muncul
Error yang muncul ketika melakukan edit template biasanya hanya seputar kesalahan atau lupa memberikan dengan benar tag-tag penutup (terdapat karakter slash (/) di dalam tag penutup). Berikut ini contoh rincian yang bisa dijadikan acuan
<div> ... </div>
<h2> ... </h2>
<b:loop> ... </b:loop>
<b:if> ... </b:if>
<span> ... </span>
<img src.... />
<a>.... </a>
<p> .... </p>

Selain itu jika muncul pesan error Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly. Bla...bla..bla...
Biasanya karena ada element yang tidak bisa diparse oleh blogger. Element ini seperti karakater “&”. Untuk itu anda harus mengganti “&” dengan “&”. Jika kode terlalu banyak untuk diganti, bisa juga anda gunakan tools parse html blogger.


5. Jangan takut mencoba
Belajar edit template adalah penting, untuk membuat template seperti yang kita inginkan. Belajar dimulai dengan proses uji coba dan trial error adalah hal yang biasa terjadi. Seiring dengan semakin sering anda melakukan edit template blogger, anda akan secara otomatis semakin mahir dalam memahami kode-kode html atau css blogger. Jadi jangan pernah takut untuk mencoba.

6. Edit Secara Online atau Offline
Pilihan untuk edit template bisa anda lakukan dengan online ataupu offline. Jika ingin online konsekuensinya anda harus terkoneksi dengan jaringan internet secara terus menerus. Untuk beberapa orang mungkin tidak cocok dengan cara edit template dengan cara online sehingga mereka mencari solusi untuk edit template secara offline (tanpa koneksi internet). Sebenarnya ini juga tergantung dari kebutuhan saja, jika anda editnya tidak besar-besaran, saya rasa cukup edit dengan online tanpa harus offline akan lebih cepat. Di lain waktu bloggerafif akan posting trik edit template blogger secara offline.

Tips Trik Edit Template Blogspot

Tips trik edit template blogger ini berdasarkan apa yang sering bloggerafif lakukan ketika ingin melakukan modifikasi blog. Tidak menutup kemungkinan ada tips dan trik yang berbeda dari blogger yang lain, karena Bloggerafif juga masih tergolong newbie dalam dunia blogging. Jika ada tips tambahan yang ingin ditambahkan atau sekedar diskusi dan sharing, silahkan tinggalkan komentar di kotak komentar dibawah ini. Happy Blogging!

9comments:
  1. Tips menarik untuk blogspot saya bos, nnt insyllh sy cb praktekan setelah dunlud :)

  2. mas afif aq tanya..di webmaster blog saya terdapat duplicate title tag n description, cara menghilangkannya gmn ya mas??

    terima kasih sebelumnya..

  3. @eko
    selamat mencoba mas bos

    @samehadaku
    itu krn meta tag-nya 1 untuk semua halaman. harusnya 1 aj untuk homepage. harusnya dikasi b:if
    seperti ini
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <meta content='DESKRIPSI' name='Description'/>
    <meta content='KEYWORD' name='keywords'/>
    </b:if>
    ini biar tag deskripsi cuma muncul di homepage aj.

  4. Wah mantap, hasil pengolahan rumus, mantep.
    Ane suka karya asli.

    Makasih ilmunya yah?

  5. meta tag aq udah seperti yg dicontohkan mas afif,tp ttp lom bisa mas...

    yang ada di duplicate title tags gini /2012/01/tom-and-jerry-puppy-tale.html?m=0

    ini ada 40 an mas..

  6. @sameda
    masuk ke webmaster > site configuration >
    url parameter > lalu tambahkan ?m
    efeknya akan tlihat setelah beberapa minggu
    tergantung crawler google

  7. UANG says:

    wah pengalaman banget sodara ni...slma bikin blog saya ga pernah edit2 templte seperti ini..tidak pernah saya perhatikan...

    kalau gitu saya coba terapkan bos..jangan2 blog2 saya banyak erornya...soalnya sring gonta ganti posisi widged...
    apakah hal tersebut berpengaruh bos?

  8. hengki says:

    salam kenal mas ...tanya mas ?
    bisa gak Notepad++ untuk memperbaiki template yang error ??
    template banyak eror saat di cek pake w3 mas , mohon penjelasan nya mas ????

  9. roby-gen says:

    Salam kenal sob,,saya tertarik dan ingin mencoba Notepad ++,saya lagi belajar edit2 template nih,,mkasi sob info'nya