Banyak pengguna platform Blogger ingin memiliki tampilan situs yang profesional, bersih, dan tampak seperti situs berbayar. Salah satu elemen bawaan yang sering dirasa mengganggu estetika bagi sebagian orang adalah tulisan Diberdayakan oleh Blogger atau Powered by Blogger yang secara otomatis muncul di bagian paling bawah halaman. Menyembunyikan tulisan atribusi tersebut sebenarnya sangat mudah dilakukan hanya dengan menambahkan sedikit baris kode modifikasi tanpa harus membongkar struktur kerangka utama template Anda.
Apa Itu Kode CSS Penghilang Atribusi?
Kode yang akan kita gunakan adalah serangkaian instruksi Cascading Style Sheets atau CSS sederhana. Fungsi utama dari kode ini adalah memberikan perintah kepada peramban web untuk menyembunyikan elemen dengan identitas khusus bawaan Blogger, yaitu widget Attribution1. Dengan menggunakan perintah display none, elemen tersebut tidak akan dihapus dari sistem, melainkan hanya dibuat tidak terlihat oleh mata pengunjung sehingga tata letak blog menjadi lebih bersih.
Manfaat Penggunaan Kode Ini di Blogger
Manfaat terbesar dari penerapan trik ini adalah meningkatkan kesan profesional pada blog Anda. Pengunjung akan melihat situs Anda sebagai entitas yang mandiri dan serius, sangat cocok untuk blog bisnis, portofolio pribadi, atau toko online. Selain itu, menggunakan metode CSS ini jauh lebih aman dan ringan dibandingkan mencoba menghapus widget secara paksa melalui editor tema XML yang berisiko menyebabkan pesan kesalahan atau kerusakan tampilan (error) pada template.
Contoh Penerapan Kode di Blog
Penerapan kode ini sangat direkomendasikan untuk Anda yang menggunakan template bawaan Blogger atau template gratisan yang masih memunculkan tulisan kredit di bagian bawah layar (footer). Begitu kode ini diterapkan, ruang kosong di bagian bawah blog Anda bisa dimanfaatkan untuk hal lain yang lebih penting, seperti menampilkan menu navigasi tambahan, tautan kebijakan privasi, atau informasi hak cipta (copyright) nama merek Anda sendiri.
Kode HTML Lengkap Siap Pakai
Di bawah ini adalah kode CSS murni yang sudah dibungkus ke dalam tag HTML agar bisa langsung Anda pasang dengan mudah. Silakan salin seluruh kode di bawah ini secara utuh tanpa ada karakter yang tertinggal.
<!-- Awal Kode CSS Sembunyikan Atribusi Blogger -->
<style>
/* Menyembunyikan widget Attribution bawaan */
#Attribution1 {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
</style>
<!-- Akhir Kode CSS Sembunyikan Atribusi Blogger -->
Cara Memasang Kode di Blogger
Langkah pertama, masuklah ke halaman dashboard akun Blogger Anda. Pastikan Anda sudah memilih blog yang tepat jika Anda memiliki lebih dari satu blog. Beralihlah ke menu Tata Letak atau Layout yang terdapat pada deretan menu di sisi kiri layar. Metode melalui Tata Letak ini dipilih karena merupakan cara paling aman dan ramah pemula tanpa harus menyentuh kode rumit di dalam menu Tema.
Langkah kedua, gulir halaman Tata Letak ke arah bawah hingga Anda menemukan bagian Footer atau area mana saja yang memiliki tombol Tambahkan Gadget. Klik tombol Tambahkan Gadget tersebut, lalu pada jendela baru yang muncul, cari dan pilih opsi gadget yang bernama HTML/JavaScript.
Langkah ketiga, Anda akan melihat dua kolom isian yaitu Judul dan Konten. Biarkan kolom Judul tetap dalam keadaan kosong. Fokuslah pada kolom Konten yang lebih besar, lalu tempelkan kode yang sudah Anda salin sebelumnya ke dalam kolom tersebut. Terakhir, klik tombol Simpan. Pengaturan Anda kini sudah berhasil diterapkan pada blog.
Panduan Penggunaan Langkah Demi Langkah
Langkah pertama setelah Anda berhasil menyimpan gadget adalah memastikan posisinya tidak mengganggu widget lain. Walaupun gadget HTML/JavaScript ini tidak memiliki bentuk visual (karena hanya berisi kode CSS penyembunyi), ada baiknya Anda meletakkannya di posisi paling bawah pada area Footer di halaman Tata Letak agar rapi dan mudah dicari saat Anda ingin mengeditnya kembali di masa depan.
Langkah kedua, Anda sebenarnya tidak perlu mengubah apapun dari kode tersebut karena identitas widget atribusi Blogger bersifat universal, yaitu menggunakan ID Attribution1. Namun, jika template Anda menggunakan bahasa struktur yang berbeda karena hasil modifikasi pihak ketiga, pastikan elemen yang ingin dihilangkan memang bernama Attribution1.
Panduan Cara Menguji Keberhasilan Script
Langkah pertama untuk memvalidasi keberhasilan trik ini adalah membuka halaman utama blog Anda. Sangat disarankan untuk membukanya di tab penyamaran (incognito mode) atau dengan menghapus data singgahan (clear cache) peramban web Anda terlebih dahulu agar tampilan terbaru bisa dimuat secara maksimal.
Langkah kedua, gulir halaman blog Anda pelan-pelan hingga mencapai titik paling bawah. Perhatikan dengan saksama, tulisan Diberdayakan oleh Blogger atau logo huruf B khas platform tersebut seharusnya sudah menghilang sepenuhnya dan menyisakan ruang yang lebih bersih pada bagian dasar situs Anda.
Pembahasan Tentang Kesalahan Umum Saat Mengedit
Kesalahan pertama yang paling sering menimpa pemula adalah menempelkan kode CSS murni tanpa membungkusnya dengan tag awalan dan akhiran style. Blogger tidak akan bisa membaca bahasa CSS jika diletakkan di dalam gadget HTML tanpa tag pembungkus tersebut, yang berakibat kodenya malah muncul sebagai teks biasa di halaman depan blog Anda.
Kesalahan kedua adalah menghapus tanda seru dan kata important di dalam baris kode. Kata tersebut memiliki fungsi krusial untuk memaksa peramban memprioritaskan perintah menyembunyikan widget ini di atas pengaturan gaya bawaan template. Jika kata tersebut terhapus, besar kemungkinan tulisan atribusi akan tetap membandel dan muncul di blog Anda.
Penutup
Menciptakan kesan profesional pada blog tidak selalu membutuhkan proses perombakan kode yang rumit. Dengan satu langkah sederhana ini, situs Anda sudah terlihat jauh lebih elegan dan eksklusif. Semoga tutorial singkat menghilangkan atribusi Blogger ini bisa membantu Anda membangun tampilan blog yang lebih rapi. Selamat mempraktikkan dan sukses selalu untuk perjalanan blogging Anda!