Memiliki blog dengan tampilan yang profesional dan menarik adalah salah satu kunci utama untuk mendatangkan banyak pengunjung. Bagi Anda yang baru saja terjun ke dunia blogging menggunakan platform Blogger atau Blogspot, mungkin Anda menyadari bahwa tema atau template bawaan dari Blogger terkesan sangat standar, kaku, dan kurang modern. Oleh karena itu, langkah krusial selanjutnya setelah membuat blog dan mempublikasikan artikel dasar adalah mengganti tema blog tersebut agar terlihat lebih rapi dan kredibel.
Dalam panduan kali ini, kita akan membahas secara tuntas dan sistematis mengenai cara mengganti tema Blogspot menggunakan metode Edit HTML. Metode ini sangat digemari karena memungkinkan kita untuk memasang template pihak ketiga yang jauh lebih responsif, SEO friendly, dan pastinya sudah dioptimasi untuk penempatan iklan Google AdSense. Mari kita ikuti langkah-langkah detailnya di bawah ini agar blog Anda siap bersaing di halaman pencarian mesin telusur.
Persiapan Sebelum Mengganti Template Blogger
Sebelum kita mengeksekusi penggantian kode HTML pada dashboard Blogger, ada beberapa hal sederhana yang perlu Anda siapkan. Persiapan yang matang akan memastikan proses pergantian tema berjalan lancar tanpa menyebabkan error pada struktur blog Anda.
Pertama, pastikan Anda sudah mengunduh file template Blogger yang ingin digunakan. Banyak sekali penyedia template gratis maupun berbayar di internet. Kedua, Anda sangat disarankan untuk menginstal aplikasi editor teks yang mumpuni seperti Notepad++ di komputer atau laptop Anda. Berbeda dengan Notepad bawaan Windows biasa, Notepad++ dirancang khusus untuk membaca barisan kode pemrograman seperti HTML, XML, atau CSS dengan rapi, sehingga risiko kode berantakan atau terpotong saat disalin bisa dihindari sepenuhnya.
Sebagai catatan penting, jika Anda tertarik untuk menggunakan template persis seperti yang didemonstrasikan pada tutorial ini, silakan langsung putar dan saksikan video YouTube yang telah disematkan di atas. Anda bisa membaca bagian deskripsi pada video tersebut untuk menemukan tautan resmi pembelian atau pengunduhan template yang dimaksud.
Langkah-Langkah Mengganti Tema dengan Edit HTML
Apabila file template dan aplikasi editor teks sudah siap, kini saatnya kita masuk ke tahap inti. Silakan ikuti panduan step-by-step berikut ini secara perlahan agar tidak ada langkah yang terlewatkan:
- Login ke Dashboard Blogger: Buka browser Anda dan masuk ke akun Blogger tempat blog Anda bernaung.
- Buka Menu Tema: Pada panel navigasi di sebelah kiri layar, cari dan klik menu yang bertuliskan Tema. Di sini Anda akan melihat pratinjau tema blog Anda saat ini.
- Akses Fitur Edit HTML: Alih-alih memilih tombol "Sesuaikan", klik ikon tanda panah kecil yang berada tepat di sebelah tombol tersebut. Akan muncul menu drop-down, lalu pilih opsi Edit HTML. Anda akan dihadapkan pada ribuan baris kode penyusun blog Anda.
- Buka File Template Baru: Temukan file template yang sudah Anda unduh (biasanya berformat .xml). Klik kanan pada file tersebut, lalu pilih Edit with Notepad++.
- Salin Seluruh Kode Template: Setelah file terbuka di Notepad++, blok seluruh teks kode dengan menekan kombinasi tombol keyboard Ctrl + A. Kemudian, salin kode tersebut dengan cara klik kanan dan pilih Copy (atau tekan Ctrl + C).
- Hapus Kode Lama di Blogger: Kembali ke tab browser dashboard Blogger Anda yang sedang membuka halaman Edit HTML tadi. Klik di sembarang tempat pada area kode, lalu tekan Ctrl + A untuk memblok seluruh kode lama. Tekan tombol Delete atau Backspace di keyboard untuk menghapus semuanya hingga area tersebut benar-benar kosong.
- Tempel Kode Template Baru: Pada area editor HTML Blogger yang sudah kosong, tekan Ctrl + V (atau klik kanan lalu pilih Paste) untuk menempelkan kode template baru yang sebelumnya sudah Anda salin dari Notepad++.
- Simpan Perubahan: Langkah terakhir, cari ikon berbentuk disket (tombol Simpan/Save) yang biasanya terletak di sudut kanan atas layar editor. Klik ikon tersebut dan tunggu beberapa saat hingga muncul notifikasi kecil bertuliskan "Update Berhasil" di bagian bawah layar.
Pengaturan Lanjutan dan Optimasi Iklan AdSense
Selamat! Anda telah berhasil mengganti tema blog Anda. Silakan buka halaman depan blog Anda dan tekan tombol Refresh (F5) untuk melihat perubahan tampilannya yang kini jauh lebih elegan dan profesional. Jangan khawatir jika halaman depan masih terlihat sedikit kosong; hal ini wajar terjadi jika Anda baru mempublikasikan satu atau dua artikel. Semakin banyak artikel informatif yang Anda posting, maka tampilan antarmuka template tersebut akan semakin padat dan menarik.
Template modern biasanya sudah menyediakan tata letak khusus (slot) untuk penempatan iklan. Ini sangat menguntungkan bagi Anda yang menargetkan penghasilan dari Google AdSense. Setelah blog Anda disetujui oleh AdSense, Anda cukup masuk ke menu Tata Letak (Layout) di dashboard Blogger. Di sana, Anda akan menemukan berbagai widget (gadget) tempat Anda bisa langsung menempelkan kode unit iklan tanpa harus mengotak-atik HTML lagi. Iklan akan otomatis muncul di tempat-tempat strategis seperti di bawah judul, di tengah artikel, atau di bilah sisi (sidebar).
Selain pengaturan iklan, pastikan juga Anda mulai merapikan menu navigasi bagian atas (header menu). Pada template baru, biasanya link menu masih berupa tanda pagar (#) yang berarti belum terhubung ke halaman manapun. Anda bisa menyesuaikan menu-menu tersebut sesuai dengan kategori atau label artikel yang Anda bahas agar pengunjung lebih mudah menjelajahi isi blog Anda. Tetaplah konsisten memproduksi konten berkualitas, dan nikmati perjalanan blogging Anda dengan tampilan website yang baru dan segar!