Bagi sebagian pengguna Blogger atau Blogspot, tampilan blog yang bersih dan profesional menjadi salah satu bagian penting dalam membangun website yang terlihat lebih serius. Salah satu elemen bawaan yang terkadang ingin disembunyikan adalah tulisan “Diberdayakan oleh Blogger” atau “Powered by Blogger” yang biasanya terdapat pada bagian footer.
Jika Anda ingin menyembunyikan atribusi tersebut tanpa mengubah struktur utama template, Anda dapat menggunakan CSS sederhana. Metode ini bekerja dengan menyembunyikan widget atribusi Blogger dari tampilan pengunjung, bukan menghapusnya secara langsung dari sistem Blogger.
Apa Itu Tulisan Powered by Blogger?
Powered by Blogger atau Diberdayakan oleh Blogger merupakan bagian dari widget atribusi bawaan Blogger. Pada sejumlah template, widget ini ditampilkan pada area footer sebagai identitas atau atribusi terhadap platform Blogger.
Bagi sebagian pemilik blog, keberadaan atribusi tersebut tidak menjadi masalah. Namun, pada blog bisnis, portofolio, landing page, atau website dengan desain khusus, elemen tersebut terkadang dianggap kurang sesuai dengan tampilan keseluruhan.
Salah satu cara yang dapat digunakan untuk menyembunyikannya adalah melalui CSS dengan selector #Attribution1.
Bagaimana CSS Menyembunyikan Atribusi Blogger?
CSS atau Cascading Style Sheets digunakan untuk mengatur tampilan berbagai elemen pada halaman website. Dalam tutorial ini, CSS digunakan untuk menargetkan widget atribusi Blogger yang memiliki ID Attribution1.
Perintah display: none membuat elemen tersebut tidak ditampilkan pada halaman. Sementara itu, properti tambahan seperti visibility, opacity, height, margin, dan padding dapat digunakan untuk memastikan elemen tidak meninggalkan ruang visual yang tidak diperlukan.
Perlu dipahami bahwa metode ini menyembunyikan elemen dari tampilan, bukan menghapus widget secara permanen dari struktur template Blogger.
Keuntungan Menggunakan CSS untuk Menyembunyikan Atribusi Blogger
Menggunakan CSS merupakan salah satu pendekatan yang relatif sederhana karena Anda tidak perlu membongkar struktur utama template Blogger. Beberapa keuntungan yang dapat diperoleh antara lain:
- Membuat tampilan footer lebih bersih sehingga desain blog terlihat lebih rapi.
- Tidak perlu mengedit banyak bagian template karena cukup menambahkan kode CSS.
- Mudah diterapkan oleh pemula yang belum terbiasa mengedit XML Blogger.
- Mudah dikembalikan dengan menghapus kode CSS apabila ingin menampilkan kembali atribusi.
- Dapat membantu menyesuaikan desain footer dengan identitas visual website.
Namun, tampilan profesional tidak hanya ditentukan oleh ada atau tidaknya atribusi Blogger. Struktur navigasi, tipografi, warna, kecepatan halaman, konten, dan pengalaman pengguna juga tetap penting.
Script CSS untuk Menyembunyikan Powered by Blogger
Berikut adalah kode CSS yang dapat digunakan untuk menyembunyikan widget atribusi Blogger. Kode ini sudah dibungkus menggunakan tag <style> sehingga dapat ditempatkan pada gadget HTML/JavaScript.
<!-- CSS untuk menyembunyikan atribusi Blogger -->
<style>
#Attribution1 {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
</style>
Bagian utama dari kode tersebut adalah #Attribution1. Selector tersebut digunakan untuk menargetkan widget atribusi Blogger yang menggunakan ID tersebut pada template yang sesuai.
Cara Memasang CSS Powered by Blogger di Blogger
Anda tidak perlu mengedit keseluruhan kode template jika menggunakan metode gadget HTML/JavaScript. Ikuti langkah-langkah berikut.
1. Buka Dashboard Blogger
Masuk ke dashboard Blogger dan pilih blog yang ingin Anda ubah. Pastikan blog yang dipilih merupakan blog yang benar sebelum melakukan perubahan.
2. Masuk ke Menu Tata Letak
Pada menu sebelah kiri dashboard Blogger, pilih Tata Letak atau Layout. Halaman ini digunakan untuk mengatur berbagai widget yang terdapat pada struktur blog.
3. Cari Area Footer
Gulir halaman Tata Letak hingga menemukan bagian Footer atau area lain yang menyediakan opsi Tambahkan Gadget.
4. Tambahkan Gadget HTML/JavaScript
Klik Tambahkan Gadget, kemudian pilih gadget HTML/JavaScript.
5. Masukkan Kode CSS
Pada kolom Judul, Anda dapat membiarkannya kosong. Kemudian tempelkan kode CSS berikut pada bagian Konten:
<style>
#Attribution1 {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
</style>
6. Simpan Gadget
Setelah kode ditempelkan, klik Simpan. Jika diperlukan, simpan kembali perubahan pada halaman Tata Letak Blogger.
Di Mana Sebaiknya Gadget CSS Diletakkan?
Gadget HTML/JavaScript yang berisi kode CSS tersebut dapat diletakkan pada area footer atau bagian bawah struktur layout Blogger. Karena kode tidak menghasilkan elemen visual yang terlihat, posisi gadget biasanya tidak menjadi bagian penting dari tampilan halaman.
Meletakkannya di area footer juga dapat memudahkan Anda menemukan kode tersebut kembali ketika ingin melakukan perubahan atau menghapusnya.
Cara Mengecek Apakah CSS Berhasil
Setelah kode disimpan, buka halaman utama blog Anda menggunakan browser. Jika perubahan belum terlihat, lakukan refresh halaman atau buka blog menggunakan tab penyamaran.
Selanjutnya, gulir halaman hingga bagian paling bawah. Jika template menggunakan ID Attribution1, tulisan Powered by Blogger atau Diberdayakan oleh Blogger seharusnya tidak lagi terlihat.
Anda juga dapat menggunakan fitur Inspect Element pada browser untuk memeriksa apakah widget atribusi masih terdapat pada struktur HTML tetapi sudah disembunyikan oleh CSS.
Jika Powered by Blogger Masih Muncul
Tidak semua template Blogger memiliki struktur HTML yang sama. Template hasil modifikasi atau template pihak ketiga dapat menggunakan struktur dan selector yang berbeda.
Jika kode #Attribution1 tidak memberikan perubahan, periksa terlebih dahulu elemen atribusi menggunakan fitur Inspect pada browser. Cari ID atau class yang digunakan oleh widget tersebut, kemudian sesuaikan selector CSS.
Contohnya, apabila hasil pemeriksaan menunjukkan ID yang berbeda, selector seperti berikut perlu disesuaikan:
#ID-WIDGET {
display: none !important;
}
Jangan langsung mengganti selector secara sembarangan. Pastikan selector tersebut memang menunjuk ke widget atribusi yang ingin disembunyikan agar tidak menyebabkan elemen footer lain ikut menghilang.
Kesalahan yang Sering Terjadi
1. CSS Tidak Dibungkus dengan Tag Style
Jika CSS ditempelkan langsung ke gadget HTML/JavaScript tanpa tag <style>, browser dapat memperlakukannya sebagai teks atau kode yang tidak diterapkan sebagaimana mestinya.
Pastikan struktur kode memiliki tag pembuka dan penutup seperti berikut:
<style>
/* CSS Anda */
</style>
2. Selector Tidak Sesuai dengan Template
Selector #Attribution1 dapat bekerja pada struktur Blogger yang menggunakan ID tersebut. Namun, template yang telah dimodifikasi dapat menggunakan struktur berbeda.
3. Menghapus !important
Pada beberapa template, aturan CSS bawaan dapat memiliki prioritas yang lebih tinggi. Karena itu, penggunaan !important pada selector tertentu dapat membantu memastikan aturan penyembunyian diterapkan.
Namun, penggunaan !important sebaiknya tetap dibatasi pada kasus yang memang membutuhkannya.
4. Cache Browser Belum Diperbarui
Jika perubahan belum terlihat, lakukan refresh halaman atau coba buka blog melalui mode penyamaran. Cache browser terkadang membuat tampilan lama masih terlihat untuk sementara.
Apakah Menghapus Powered by Blogger Mempengaruhi SEO?
Menyembunyikan elemen atribusi menggunakan CSS bukan merupakan teknik SEO utama. Perubahan ini lebih berkaitan dengan tampilan dan desain website.
Untuk meningkatkan kualitas blog secara keseluruhan, sebaiknya tetap fokus pada faktor yang lebih penting seperti kualitas konten, struktur heading, internal linking, pengalaman pengguna, performa halaman, optimasi gambar, struktur data yang relevan, serta kemudahan navigasi.
Jadi, jangan menganggap bahwa menyembunyikan tulisan Powered by Blogger secara langsung akan membuat artikel mendapatkan peringkat lebih tinggi di mesin pencari.
Apakah CSS Ini Menghapus Widget Blogger Secara Permanen?
Tidak. Kode CSS di atas pada dasarnya hanya menyembunyikan widget dari tampilan halaman. Widget tersebut masih dapat berada di dalam struktur template Blogger.
Jika kode CSS dihapus atau tidak lagi diterapkan, elemen tersebut dapat kembali terlihat tergantung pada struktur template yang digunakan.
Tips Membuat Footer Blogger Lebih Profesional
Setelah tampilan atribusi disembunyikan, Anda dapat memanfaatkan area footer untuk informasi yang lebih relevan bagi pengunjung.
- Tambahkan nama atau identitas website.
- Tambahkan tautan halaman Tentang Kami.
- Tambahkan halaman Kontak.
- Tambahkan Kebijakan Privasi.
- Tambahkan Disclaimer jika diperlukan.
- Tambahkan tautan Sitemap atau navigasi penting.
- Tambahkan informasi hak cipta website.
- Gunakan desain footer yang konsisten dengan keseluruhan template.
Dengan begitu, area footer tidak hanya terlihat lebih bersih tetapi juga dapat memberikan informasi tambahan yang berguna bagi pengunjung.
Kesimpulan
Menyembunyikan tulisan Powered by Blogger atau Diberdayakan oleh Blogger dapat dilakukan dengan CSS sederhana tanpa harus mengubah seluruh struktur template. Salah satu selector yang dapat digunakan pada template yang sesuai adalah #Attribution1.
Metode ini relatif mudah diterapkan melalui gadget HTML/JavaScript di menu Tata Letak Blogger. Setelah pemasangan, Anda dapat memeriksa bagian footer untuk memastikan atribusi sudah tidak tampil.
Perlu diingat bahwa kode ini berfungsi untuk mengubah tampilan, bukan sebagai teknik SEO langsung. Untuk membangun blog yang lebih profesional dan memiliki performa yang baik, optimasi konten, struktur halaman, kecepatan website, navigasi, dan pengalaman pengguna tetap perlu menjadi perhatian utama.
FAQ Seputar Cara Menyembunyikan Powered by Blogger
Apakah Powered by Blogger bisa disembunyikan dengan CSS?
Ya. Pada template yang menggunakan ID widget atribusi Attribution1, elemen tersebut dapat disembunyikan menggunakan CSS dengan selector #Attribution1.
Apakah kode CSS ini menghapus widget Attribution Blogger?
Tidak. CSS tersebut hanya menyembunyikan widget dari tampilan halaman. Struktur widget dapat tetap berada di dalam template.
Apakah kode ini bisa digunakan di semua template Blogger?
Belum tentu. Template yang telah dimodifikasi dapat menggunakan ID atau struktur HTML yang berbeda. Jika kode tidak bekerja, periksa struktur widget menggunakan fitur Inspect pada browser.
Apakah menyembunyikan Powered by Blogger meningkatkan SEO?
Menyembunyikan atribusi Blogger bukan merupakan faktor SEO utama. Perubahan ini lebih berkaitan dengan tampilan website. Optimasi konten, struktur halaman, performa, navigasi, dan pengalaman pengguna tetap lebih penting untuk diperhatikan.
Apakah kode ini aman untuk Blogger?
Kode tersebut hanya menggunakan CSS untuk mengatur tampilan elemen. Namun, sebaiknya tetap melakukan backup template sebelum melakukan perubahan apa pun dan memastikan selector yang digunakan memang menargetkan widget yang dimaksud.