Halo para blogger dan konten kreator! Dalam dunia blogging, terkadang kita ingin menampilkan identitas personal atau brand kita sendiri tanpa ada atribusi platform yang terlalu mencolok. Salah satu elemen yang sering ingin dihilangkan adalah tulisan "Powered by Blogger" atau "Create By Blogger" yang biasanya muncul di footer template Blogger.
Sebagai konten kreator yang aktif di channel Bang Ikhwan Tutorial, saya sering mendapat pertanyaan tentang cara menghilangkan atribusi Blogger ini. Melalui artikel ini, saya akan membagikan tutorial lengkap bagaimana cara menyembunyikan elemen tersebut dari blog Anda.
Mengapa Menghilangkan "Create By Blogger"?
Sebelum kita masuk ke tutorial teknis, mari kita pahami dulu mengapa banyak blogger yang ingin menghilangkan atribusi "Create By Blogger":
1. Profesionalisme - Menghilangkan branding platform dapat membuat blog terlihat lebih profesional
2. Branding Personal - Fokus pada brand pribadi atau bisnis tanpa distraksi
3. Estetika - Terkadang elemen tersebut mengganggu tata letak desain yang sudah dirancang
4. Kustomisasi Maksimal - Keinginan untuk memiliki kendali penuh atas tampilan blog
Namun perlu diingat, menghilangkan atribusi Blogger tidak melanggar Terms of Service selama Anda tidak menghapus credit link yang wajib dipertahankan.
Persiapan Sebelum Modifikasi
Sebelum kita mulai, ada beberapa hal yang perlu Anda persiapkan:
1. Backup Template - Selalu backup template Anda sebelum melakukan modifikasi apapun
2. Catat Perubahan - Tulis semua modifikasi yang dilakukan untuk memudahkan rollback jika diperlukan
3. Pahami Risiko - Modifikasi template dapat menyebabkan error jika tidak dilakukan dengan benar
Tutorial: Menghilangkan "Create By Blogger" dengan CSS
Berikut adalah metode yang paling aman dan mudah untuk menghilangkan atribusi Blogger dari blog Anda menggunakan CSS. Metode ini bekerja dengan menambahkan sedikit kode CSS ke template Anda.
Langkah 1: Akses Dashboard Blogger
1. Login ke akun Blogger Anda
2. Pilih blog yang ingin dimodifikasi
3. Navigasi ke menu Tataletak
Langkah 2: Di Menu Tataletak
1. Pada halaman Tataletak,Klik Desainer Tema
2. Anda akan melihat Menu Latar belakang,Lanjutan dan Gadget
3. Pilih Lanjutan
4. Pilih bagian CSS
Langkah 3: Tambahkan Kode
Langkah 4: Simpan Perubahan
Setelah menambahkan kode di atas, klik Simpan untuk menerapkan perubahan.
Penjelasan Detail Kode CSS
Ini adalah aturan CSS sederhana yang terdiri dari dua bagian utama: Penanda (Selector) dan Perintah (Declaration).
1. Penanda (Selector): #Attribution1
- Apa ini? Ini adalah "target" atau "sasaran" dari perintah Anda. Bagian ini memberi tahu browser elemen HTML mana yang ingin Anda ubah.
- Tanda Pagar (#): Dalam CSS, tanda pagar (#) digunakan untuk memilih elemen berdasarkan ID uniknya. Sebuah ID seharusnya hanya digunakan satu kali per halaman.
- Attribution1: Ini adalah nama ID default (bawaan) yang digunakan oleh platform Blogger untuk membungkus widget atribusi, yaitu tulisan "Powered by Blogger".Jadi, #Attribution1 berarti:"Hei browser, tolong cari satu elemen di halaman ini yang memiliki ID persis 'Attribution1'."
Properti display: none !important; memastikan elemen tersebut benar-benar disembunyikan dan tidak dapat ditampilkan oleh CSS lain dengan spesifisitas lebih tinggi.
Troubleshooting dan Solusi Umum
Jika metode di atas tidak bekerja, berikut beberapa solusi yang bisa dicoba:
1. Template Modern Tidak Responsif
Masalah: Kode tidak bekerja pada template Blogger versi terbaru
Solusi:Coba gunakan selektor yang lebih spesifik dengan memeriksa struktur HTML template Anda
2. Elemasih Terlihat Setelah Modifikasi
Masalah: "Powered by Blogger" masih muncul meski sudah menambahkan kode
Solusi:Gunakan Developer Tools browser untuk memeriksa class atau ID yang tepat
3. Template Kustom dari Pihak Ketiga
Masalah: Template dari Templatemo atau penyedia template lain memiliki struktur berbeda
Solusi:Periksa dokumentasi template atau hubungi penyedia template
Cara Identifikasi Elemen yang Tepat
Untuk menemukan class atau ID yang tepat dari elemen "Powered by Blogger":
1. Buka blog Anda di browser
2. Klik kanan pada teks "Powered by Blogger" dan pilih Inspect atau Inspect Element
3. Perhatikan class dan ID yang muncul di Developer Tools
4. Gunakan informasi tersebut untuk membuat selektor CSS yang lebih tepat
Contoh, jika di Inspector terlihat <div class="blogger-credit custom-footer">, maka kode CSS yang tepat adalah:
```css
.blogger-credit.custom-footer {
display: none !important;
}
```
Video Tutorial Lengkap
Untuk penjelasan yang lebih visual dan step-by-step, jangan lupa tonton video tutorial lengkapnya di channel YouTube Bang Ikhwan Tutorial:
Tonton Video Tutorial: Cara Menghilangkan Powered By Blogger di Blog
Di video tersebut, saya menunjukkan proses lengkap mulai dari akses dashboard hingga verifikasi hasil modifikasi.
Template Blogger Versi Lama vs Baru
Penting untuk dicatat bahwa kode CSS yang saya bagikan di artikel ini hanya efektif untuk template Blogger versi lama. Untuk template versi terbaru yang tersedia di Templatemo dan penyedia template lainnya, mungkin diperlukan pendekatan berbeda karena:
1. Struktur HTML yang lebih kompleks
2. Framework CSS yang berbeda (Bootstrap, Materialize, dll)
3. JavaScript yang mengatur tampilan secara dinamis
Etika dan Legalitas
Meskipun menghilangkan "Powered by Blogger" secara teknis mungkin, penting untuk mempertimbangkan:
1. Terms of Service Blogger mengizinkan modifikasi selama tidak menghapus credit wajib
2. Etika sebagai bentuk apresiasi kepada platform yang kita gunakan
3. Alternatif - Pertimbangkan untuk menyembunyikan saja, bukan menghapus sepenuhnya
Tips Blogger Lainnya dari Bang Ikhwan Tutorial
Selain tutorial menghilangkan atribusi Blogger, di channel Bang Ikhwan Tutorial dan website kami, Anda bisa menemukan berbagai tips dan tutorial lainnya:
1. Tutorial Handphone - Root, custom ROM, dan optimisasi performa
2. Aplikasi - Review aplikasi terbaik dan tutorial penggunaannya
3. Desain Grafis & Logo - Tutorial Photoshop, Illustrator, dan desain visual
4. Tutorial Website - Pembuatan website dari nol hingga advanced
5. Tutorial Blogger - Kustomisasi template, SEO, dan monetisasi
6. Mikrostock - Tips menjual foto dan vector di platform mikrostock
7. File Gratis - Download video sinematik, kode Blogger/website, surat, dan vektor
Download Resource Gratis
Kunjungi website Bang Ikhwan Tutorial untuk download berbagai file gratis:
· Video Sinematik - Untuk konten YouTube dan media sosial
· Kode Blogger & Website - Template dan snippet code siap pakai
· File Surat - Template surat resmi dan bisnis
· Vektor - Graphic vector untuk desain project Anda
Semua resource tersebut bisa didownload secara gratis untuk mendukung kreativitas Anda!
Menghilangkan atau menyembunyikan "Create By Blogger" dari template blog Anda adalah proses yang relatif sederhana dengan menggunakan CSS. Kunci keberhasilannya adalah mengidentifikasi class atau ID yang tepat dari elemen yang ingin disembunyikan.
Ingatlah untuk selalu backup template sebelum melakukan modifikasi, dan gunakan Developer Tools browser untuk troubleshooting jika diperlukan.
Jangan lupa kunjungi channel YouTube Bang Ikhwan Tutorial untuk video tutorial lengkap seputar tips dan tutorial teknologi, serta kunjungi website kami untuk download berbagai resource gratis yang dapat membantu project digital Anda.
Semoga artikel ini bermanfaat! Jika memiliki pertanyaan atau mengalami kendala, tinggalkan komentar di bawah atau kunjungi channel YouTube kami untuk diskusi lebih lanjut.
Jangan lupa baca juga artikel menarik lainnya seputar tips dan tutorial di website Bang Ikhwan Tutorial.