2016-05-09

Teknik Dasar Mengedit Template Blogger Gratisan


JagoBlog.com - Template memang dapat dikatakan komponen terpenting dalam sebuah situs. Baik itu platform Blogger, Wordpress, Joomla dan lainnya, semua membutuhkan template. Bahkan dari template, timbul jasa pembuatan template premium( berbayar ), penjualan template premium di berbagai platform.

Namun bagi kita blogger pemula, untuk membeli template sangat sayang rasanya, dan merasa template gratisan pun bisa jadi solusi. Template gratisan biasanya di sediakan oleh gooyabitemplate.com btemplate.com, soratemplate.com, Asal pandai mengeditnya sesuai keinginan maka tidak ada masalah bukan?.

Apakah mengedit Template Gratisan itu sulit?, Jawabannya tidak ada yang sulit sob selama status template itu benar benar gratis, bukan demo atau apapun yang bersifat trial & tidak perlu mikir macam macam istilah pemrograman JavaScript, HTML, CSS Dll.

Di salah satu forum belajar dan berbagi Blogger Indonesia, JagoBlog.com menemukan beberapa pertanyaan umum yang berkaitan mengedit template gratisan sebagai berikut:

  • Bagaimana Mengedit Warna Template Blogger?
  • Bagaimana Cara Membuat dan Mengedit Menu Navigasi Blogger?
  • Gimana cara edit deskripsi Blog, ketika share di media social kok tulisannya aneh?
  • Bagaimana mengedit Slider Blogger?

Nah JagoBlog.com akan merangkum semua pertanyaan diatas menjadi jawaban untuk membantu sobat semua, dan semoga mudah dipahami.

Bagaimana mengedit warna template Blogger?

Persiapkan Bahan Mengedit Warna Template :

  • Browser Desktop (Contoh : Mozilla firefox, Google Chrome, Opera).
  • Mengetahui kode warna kesukaanmu [ KLIK DISINI ]

Cara mengedit warna template :

  1. Buka link blog sobat yang akan diedit templatenya.
  2. Klik kanan pada warna/daerah yang akan di ubah warnanya.
  3. Klik kanan dan Inspect Element.
  4. Lihat code warna yang ada. Contoh lihat pada gambar dibawah (orange : #FF9E0E). 
    Mencari Kode Warna Blog dengan Inspect Elemen
  5. Copy code warna tersebut.
  6. Buka tab baru dan buka blogger.com> pilih template>Edit HTML Dan Arahkan kursor di dalam html kode.
  7. Pada keyboard tekan CTRL+F dan pastekan kode warna yang ada.
  8. Ganti code warna yang ada menjadi code warna yang sobat inginkan, misal #FF9E0E menjadi #FFFFFF.
  9. Simpan Template dan lihat hasilnya.

Bagaimana cara membuat dan mengedit menu navigasi Blogger?

Untuk mengedit menu navigasi blogger dari template gratisan sobat bisa mengeditnya dengan dua cara berbeda:

Cara Pertama : Menggunakan Edit HTML

  1. Buka link/alamat blog sobat dan lihat menu navigasi default bawaan template.
  2. Lihat salah satu nama navigasi menu yang ada, misal disini ada menu home, blogging, money,sitemap nah jagoBlog mau mengubah money menjadi nama kamu (misalnya saja).
  3. Buka kembali Edit HTML, kemudian cari nama navigasi menu yang sobat temukan pada poin kedua JagoBlog jelaskan.
  4. Setelah ketemu silahkan ganti nama menunya sesuai keinginan sobat, serta link navigasi menunya misal mengarah ke label tertentu.
Contoh bisa lihat gambar berikut :
After And Before Edit Navigation Menu

Namun terkadang ada template gratisan yang tidak meembuat menu navigasi melalui edit HTML namun melalui menu pages.

Cara Kedua : Edit Tata Letak/Edit Pages.


  1. Buka menu tata letak di blogger.
  2. Lihat pada bawah header biasanya ada pilihan edit Pages/ Pages Saja/ Pages Menu.
  3. Edit dan tambahkan list menu berserta linknya seperti gambar bawah ini sob.
    Edit menu navigasi dengan halaman
  4. Lalu Simpan.

Gimana Membuat Deskripsi Blog kita muncul ketika share di media social?

Nah untuk yang ini sudah JagoBlog.com jelaskan sangat lama sekali klik link dibawah ini

BACA : cara membuat deskripsi blog untuk sharing di media sosial

Bagaimana mengedit Slider Blogger?

Slider Blog di Okeboy.com

Beberapa template ada menu slider yang akan semakin mempercantik blog. Cocok sekali untuk memiliki hot news pilihan. Cara mengeditnya cukup simple dan hampir sama untuk mengedit menu navigasi.

  1. Buka Blogger.com dan Buka link blog sobat di tab lainnya.
  2. Lihat tulisan default di Slider bawaan, misal Slide 1.
  3. Copy kata yang muncul namun jangan terlalu panjang cukup satu dua tiga kata saja.
  4. Buka kembali Blogger-Template-Edit HTML
  5. Cari (CTRL+F) dan paste kata yang telah di copy dan tekan Enter.

Setelah ketemu silahkan sobat ganti kata kata yang ada dan ganti gambar slide dengan mengganti link foto yang sudah sobat upload sebelumnya, misal di postingan blog sobat ada gambar maka copy link gambarnya dan paste.

Bagaimana sagat susah atau gampang sob? Saya rasa sangat mudah.

Sekian dan nantikan Tutorial menarik lainnya seputar Blogging hanya di JagoBlog.com

Artikel Terkait

Teknik Dasar Mengedit Template Blogger Gratisan
4/ 5
Oleh

Berlangganan

Suka dengan artikel kami ? Ayo berlangganan gratis via email

4 komentar

Tuesday, May 10, 2016 delete

Untuk video belum ada sob nnti di buatkan

Reply
avatar
Wednesday, August 17, 2016 delete

Bila pembahasan edit mengedit template adalah salah satu materi yang rumit sekali memerlukan ketelitian, kejelian terhadap kode yang bersangkutan. Nah, kalau kode yang diinginkan tidak ada di template user gimana..? Saya pernah mengalami hal ini juga...Oia satu lagi yang membuat saya stress adalah pembahasan tentang SEO Arggghhh buat darah tinggi naik saja.

Reply
avatar
Friday, August 19, 2016 delete

Secara umum seperti itu ya sekali lagi diperlukan ketelitian dan sedikit ilmu mengenai bahasa pemrograman yang digunakan ;) , SEO untuk diawal tidak usah dipikirkan yang penting rich content.

Reply
avatar

1. Berkomentarlah layaknya budaya timur yang sopan
2. Komentar spam seperti : tidak relevan, iklan, berkata kotor akan dihapus.