Cara Mudah Mengedit Template Blog Dengan Inspect Element

Cara edit template blog, membuat template blog menjadi keren dan menarik tentunya sudah menjadi kebiasaan para sobat blogger, agar tampilan blog seperti yang di inginkan, kalau dulu cari template yang bagus memang sulit karena banyak yang di jual, jadi kalau cari yang gratis kebanyakan ya templatenya gak menarik dan banyak yang harus di edit atau modif, kalau kini cari template yang free dan keren sangat gampang bisa di cari di Google, ada kumpulan template yang mungkin sobat sukai, silahkan bisa lihat pada artikel Bingung Cari Template Blogger Yang Bagus, Silahkan Pilih Disini dan juga 10 Situs Download Template Seo Friendly Blogger Gratis

Sekarang mencari template sudah sangat mudah , bahkan karena terlalu banyak template yang bagus kita sampai bingung memilihnya, mencari template yang tepat sesuai yang kita inginkan memang tidak mudah, saya sarankan untuk tidak terlalu pilih template yang menarik pada tampilanya saja, lebih pada fitur yang ada pada template, karena fitur itu lebih banyak fungsi dan manfaatnya seperti salah satu template yang sekarang banyak di buru yaitu template SEO, template SEO salah satu langkah optimasi blog agar menjadi SEO, baca 5 Manfaat Seo Bagi Blog Yang Wajib Diketahui

Membuat blog agar menjadi SEO memang tidaklah mudah, banyak langkah optimasi selain pemilihan template yaitu membuat Meta Tag SEO, baca Cara Meta Tag SEO Friendly All In One Pack Blogspot , menulis artikel yang berkualitas, simak Cara Menulis Artikel Yang Baik dan Benar di Blogspot , membuat dan memasang Sitemap Cara Membuat Sitemap (Daftar Isi) di Blog Update Terbaru , dan terakhir daftarkan blog di Webmaster, untuk caranya bisa baca Cara Daftar dan Verifikasi Blog di Google Webmaster Tools

Mengedit template blog disini saya akan menggunakan metode  Inspect Element dengan menggunakan browser Mozilla Firefox, menurut saya dengan cara ini sobat akan dengan mudah dalam edit template , nah langsung saja sobat bisa simak langkahnya di bawah ini

  • Pertama saya akan coba kasih contoh mengganti warna Link artikel pada sidebar, sobat bisa klik kanan lalu pilih Inspect Element pada judul artikel, bisa lihat gambar di bawah ini
Cara dan Belajar Edit Template Blog sendiri
Cara dan Belajar Edit Template Blog sendiri
  • Nah pada nama kode skin .sidebar a:link, .sidebar a visited adalah letak dimana warna link artikel pada sidebar, selanjutnya sobat cek apakah benar itu letak warna judul artikel di sidebar dengan mengganti warnanya dengan Inspect Element, contoh gambar di bawah ini
Cara dan Belajar Edit Template Blog sendiri
Cara dan Belajar Edit Template Blog sendiri
  • Nah ternyata memang benar bahwa .sidebar a:link, .sidebar a visited adalah letak bagian warna link artikel di sidebar, selanjunya sobat buka Template ==> Edit HTML, sekarang sobat tinggal cari kode skinnya di template
Cara dan Belajar Edit Template Blog sendiri
  • Sudah ketemu, sebelumnya kode warna link judul artikel di sidebar adalah warna biru #19ABEA sobat tinggal ganti dengan kode warna hijau #19EA23 seperti pada inspect element, nah bagaimana mudah banget kan.

  • Untuk contoh kedua saya akan mencoba edit atau melihat dimana letak plugin sosial yang ada di bawah postingan, langkahnya seperti pada contoh pertama di atas
Cara dan Belajar Edit Template Blog sendiri
Cara dan Belajar Edit Template Blog sendiri
  • Nah nama horizonal-social-button adalah letak dimana tombol social berada, sobat klik 2x lalu tekan CTRL+C untuk copy namanya, selanjutnya buka Template==> Edit HTML, cari nama horizonal-social-button
Cara dan Belajar Edit Template Blog sendiri
  • Pada gambar dia atas yang saya kasih kotak besar warna merah adalah dimana tombol social button berada, selanjutnya sobat bisa edit, hapus atau menambahkan dengan social button lainya juga bisa.
  • Sampai disini dulu, semoga bermanfaat
Bagi sobat yang mau bertanya atau diskusi seputar topik ini silahkan bisa gabung di Forum
Previous
« Prev Post

Related Posts

Posting Komentar