Cara Ganti Template Blog Yang Benar
Cara ganti template blog yang benar dan mudah, baik itu template default atau bawaan dari blogger maupun template hasil download atau custom template, kemudian ingin mengubah atau mengganti tampilan ke template premium yang lebih elegan namun tetap responsive dan tanpa memberatkan loading dari blog itu sendiri.
Ada beberapa cara merubah atau mengganti template blogger, khususnya untuk para blogger pemula agar tidak asal dalam hal menginstal tema atau template blog hasil download dari internet, sehingga tidak membuat tampilan blog menjadi acak acakan atau loading yang berat serta tidak responsive.
Berikut cara ganti template blog yang benar dan mudah, beserta panduan dalam bentuk gambar dan link download templatenya di akhir artikel. Disini admin menggunakan template blog premium VioMagz versi 4 untuk bahan uji coba.
Silahkan ikuti instruksinya sesuai dengan panduan yang terdapat pada gambar (kotak berwarna merah) :
1. Langkah pertama, masuk ke dashboard blogger kemudian pilih atau klik menu tema.
 |
| Gambar 1 |
2. Pada menu tema, klik tanda panah.
 |
| Gambar 2 |
3. Pilih atau klik edit HTML.
 |
| Gambar 3 |
4. Kemudian tekan Ctrl+A pada keyboard laptop, lalu tekan Delete.
 |
| Gambar 4 |
Copy pastekan kode berikut (tulisan berwarna biru) ke dalam area kosong pada template blog kalian.
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html>
<head>
<title>Judul Blog Anda</title>
<b:skin><![CDATA[ ]]></b:skin>
</head>
<body>
<b:section id='contoh'/>
</body>
</html>
5. Kemudian Save, lalu pilih Back atau kembali ke menu Tema.
 |
| Gambar 5 |
6. Pada menu Sesuaikan Tema, pilih Pulihkan.
 |
| Gambar 6 |
7. Kemudian Upload template blog yang sudah kalian download.
 |
| Gambar 7 |
8. Pilih template VioMegz atau file berakhiran xml (VioMegz v.4.3.0 (14 Juni 2020).xml).
 |
| Gambar 8 |
9. Kemudian lihat atau preview dahulu hasil (klik lihat blog).
 |
| Gambar 9 |
10. Mengganti Menu navigasi pada header (MENU 1, MENU 2, MENU 3 dan SubMenu).
 |
| Gambar 10 |
11. Kembali ke dashboard blogger, kemudian klik atau pilih Edit HTML.
 |
| Gambar 11 |
12. Arahkan cursor kalian ke area HTML kolom 1 atau di belakang tanda >.
Setelah itu tekan Ctrl+F (bersamaan) pada keyboard laptop.
 |
| Gambar 12 |
13. Kemudian pada kolom Search : ketik SubMenu , lalu klik Enter pada keyboard laptop.
 |
| Gambar 13 |
14. Kemudian atur atau sesuaikan dengan Menu yang kalian inginkan.
 |
| Gambar 14 |
Yang perlu diperhatikan adalah tanda # dan juga nama blog kalian, jika masih menggunakan nama blog bawaan atau domain dari blogger maka tanda # isi dengan (http://kakangeditor.blogspot.com) atau (https://kakangeditor.blogspot.com), namun jika sudah menggunakan domain TLD atau domain berbayar maka tanda # isi dengan (http://www.kakangeditor.com) atau (https://www.kakangeditor.com), karena ada beberapa yang menggunakan http dan juga https (lihat pada blog masing masing).
15. Langkah selanjutnya adalah hapus kode html SubMenu (tidak wajib), admin sendiri tidak suka dengan SubMenu karena terkesan bertumpuk, selain karena blog admin Menu navigasinya tidak terlalu banyak.
 |
| Gambar 15 |
16. Kemudian copy paste menu navigasi sesuai jumlah atau banyaknya menu yang kalian inginkan. (maksimal 7 baris Menu Navigasi, jika lebih dari itu maka buatlah SubMenu agar tampilan responsive).
 |
| Gambar 16 |
17. Kemudian ganti semua label, sesuaikan dengan kategori menu label milik blog kalian.
 |
| Gambar 17 |
18. Kemudian jangan lupa untuk menyimpan atau Save jika semua menu navigasi label di rasa sudah cukup dan benar. Lalu kembali atau pilih Back, kemudian lihat hasil atau preview tampilan blog terlebih dahulu.
 |
| Gambar 18 |
19. Langkah selanjutnya adalah mengganti atau merubah bagian menu footer (bagian bawah blog).
 |
| Gambar 19 |
20. Pada Tema, klik Edit HTML.
 |
| Gambar 20 |
Kemudian tekan Ctrl+F (bersamaan) pada keyboard laptop (seperti langkah No. 12 atau Gambar 12).
21. Pada kolom Search : ketik Menu Navigasi Footer, lalu tekan Enter pada keyboard laptop.
 |
| Gambar 21 |
22. Jika sudah memiliki halaman About, Contact, Disclaimer dan Privacy Policy tinggal kalian rubah sesuai isi halaman atau page (p), jika belum terlebih dahulu buat halaman tersebut pada Privacy Policy Generator Online, atau bisa juga kalian lewati langkah ini jika dirasa tidak atau belum memerlukannya.
 |
| Gambar 22 |
23. Langkah selanjutnya adalah arahkan atau scroll sedikit keatas diatas Menu Navigasi Footer untuk merubah atau mengganti link Social Media (Youtube, Facebook, Instagram, Twitter, LinkedIn).
 |
| Gambar 23 |
24. Kemudian isi link link tersebut sesuai dengan nama akun sosial media kalian. Lalu Save dan Back kembali ke dashboard blogger. Jangan lupa untuk lihat hasil atau preview tampilan apakah semua link sudah menuju ke akun sosial media kalian jika di klik.
 |
| Gambar 24 |
Langkah selanjutnya setelah Edit HTML selesai atau dirasa cukup, kemudian beralih ke bagian menu Tata Letak (untuk mengatur Logo Header, widget dan lain-lain).
25. Pada menu Tata Letak klik pada kolom Header untuk mengganti Logo Header blog.
Alangkah baiknya Logo Header kalian siapkan terlebih dahulu dengan cara mengedit atau membuat logo tersebut menggunakan software bantuan seperti Photoshop, Picsart, atau aplikasi edit foto dan logo lainnya. Sedangkan untuk ukuran lebar Logo Header pada template VioMagz adalah 227x40 Piksel (px). Jika tidak ingin repot membuat logo maka Logo Header akan menyesuaikan dengan Nama Blog kalian dalam bentuk huruf bawaan dari template tersebut.
 |
| Gambar 25 |
26. Jika sudah membuat atau mempunyai Logo Header maka tinggal klik atau upload gambar dari komputer, pilih logo kalian. Jangan lupa untuk pilih atau klik selain judul dan deskripsi (agar Logo tidak bertumpuk dengan judul blog). Kemudian Simpan pengaturan.
 |
| Gambar 26 |
27. Langkah terakhir adalah mengatur widget atau menghapus widget yang tidak di perlukan agar tampilan blog lebih rapi (sesuaikan dengan gambar). Kemudian Save, lalu klik Lihat blog.
 |
| Gambar 27 |
Selesai, demikian cara ganti template blog yang benar dan mudah khususnya untuk blogger pemula.
Berikut link download template blog VioMagz :