Cara tepat menyembunyikan Powered By Blogger tanpa menambah kode

powered by blogger
powered by blogger
Ini dapat kalian lakukan dengan mudah terhadap template-template terbaru pada pada dasbor blogger: Contempo, Soho, Emporio dan Notable. Kalau menurut saya lebih tepat menyembunyikannya, itu hanya CSS, dan tersusun sama persis pada ke empat tipe template terbaru blogger seperti yang saya sebutkan diatas. Mencari kodenya mudah saja.

1. MAU CARA PROFESSIONAL? EDIT CSS YANG TELAH ADA
  1. Masuk ke pengaturan blogger
  2. pilih tema
  3. lalu pilih edit HTML
Nah begitu halaman editor HTML blogger terbuka kalian letakan dan klik kursor mouse ke dalam halaman yang di penuhi oleh kode xml dan HTML tersebut, lalu pada keyborad laptop windows tekan CTRL+F sekaligus, akan keluar kotak dialog pencarian dan kopikan saja kode berikut kedalamnya:
div.blogger {
Setelah kode diatas masuk tekan ENTER pada keyboard. Maka dibawah kode diatas akan muncul seuntai kode CSS sebagai berikut:
div.blogger {
display: block;
}.googlezet{margin:15px auto;text-align:center}
Jika kalian ingin agar "Powered By Blogger" tidak tampil pada bagian footer blog cukup robah  kode block menjadi: none maka kode CSSnya akan tampak sebagai berikut:
div.blogger {display: none;
}.googlezet{margin:15px auto;text-align:center}
Jika ingin tulisan ikon Powered by Blogger tampil tanpa tulisan cukup tambahkan kode: font-size: 0px; dibawah kode display: block;.
halaman editor HTML blogger
halaman editor HTML blogger
 dan Save template.

Kelebihan cara pertama: Kita tidak perlu menambahkan kode apa apa, cukup dengan hanya memodifikasi atau mengedit kode CSS yang telah ada.
Kekurangan cara pertama: Harus melalui opsi edit HTML, ini bisa bikin pusing kepala para blogger pemula.

2. TIDAK MAU RIBET? TAMBAHKAN CSS
Tentu saja kalian bisa misalnya menambahkan kode diatas secara mentah mentah kedalam blanko CSS, tanpa perlu melalui edit HTML dengan cara, copy kode berikut:
div.blogger {display: none;
Lalu lakukan step dibawah ini:
  1. Masuk pengaturan blogger
  2. Pilih tema atau theme
  3. Pilih sesuaikan (bukan edit HTML yang berada dikanannya)
  4. Setelah sesuaikan di klik akan tampil pengaturan Desainer Tema Blogger, pilih "lanjutan"
  5. Ketika lanjutan di klik muncul daftar menu dimulai dari "isi scroll menu hingga kebawah
  6. Paling bawan adalah menu "Tambahkan CSS" klik itu.
  7. Akan muncul halaman kosong, copy kode berikut dan pastekan ke halaman kosong blanko CSS tadi.
blanko css
blanko CSS pada blogger theme designer
  • Kelebihan cara kedua: Tidak perlu ribet edit HTML segala
  • Kekurangan cara kedua:  Kita menambahkan beban CSS lagi sementara kode CSSnya sebenarnya telah ada secara default didalam template
www.editblogtema.net

1 Komentar

Silahkan berkomentar sesuai dengan topik kita ya...

Lebih baru Lebih lama

Formulir Kontak