Cara Menghilangkan Footer (Powered by Blogger) dan Membuat Teks Footer Baru

Diberdayakan oleh Blogger
Powered by blogger

Panduan tentang "Cara menghilangkan footer yang berisikan teks dan link bertuliskan power by: Blogger atau Didukung oleh blogger", hanya dapat diikuti setelah anda membaca tutorial "Cara Membuat Elemen Baru di Footer". Silahkan ikuti panduannya baru kemudian kembali simak tutorial yang ini.

Setelah pembuatan elemen baru di bagian footer selesai, kita langsung akan mencoba "menyulap" widget "Power by Blogger agar segera menghilang dan anda dapat mengisi bagian tersebut dengan widget baru "sesuai selera anda".

Kode CSS

#Attribution1{
       display:none !important;
       visibility:hidden !important;
}

Langkah Menghilangkan "Power by Blogger"

1. Login ke Blogger
2. Halaman Dasbor (Dasboard).
3. Rancangan (Design).
4. Edit HTML
5. Backup Template.
6. Cari kode ]]></b:skin>.
7. Copy dan pastekan kode CSS tepat di atas kode ]]></b:skin>
8. Simpan Template (Save Template).

Catatan/Keterangan:

Anda dapat mengikuti panduancara backup template dan cara cepat cari kode HTML template dengan membuka link di bawah ini:

• Panduan Cara Backup Template Blogger
• Panduan Cara Cepat Cari Kode HTML Template

Cara membuat pengganti widget Power by Blogger.

1. Setelah proses Save Template selesai, lanjutkan dengan:
2. Elemen Laman (Page Elements).
3. Add a Gadget di ujung terbawah (footer).
4. Halaman "Add a Gadget"
5. HTML/Javascript
6. Copy dan pastekan xHTML di bawah ini pada box HTML/Javascript.
7. Simpan (Save)
8. Akan lebih baik lanjutkan lagi dengan klik "SAVE" yang terletak di ujung kanan atas halaman.

xHTML

<style type="text/css">
.powerby{
      position:relative;
      height:40px;
      line-height:40px;
      background:#000;
      padding:5px 20px;
      text-align:center;
      margin:0 auto;  
      color:#eee; /* by: http://gubhugreyot.blogspot.com */ 
      font-size:14px;
}
.powerby a{
      color:lightblue;
      text-decoration:none;
      font-weight:bold;
}
.powerby a:hover{
      color:red;
      text-decoration:none;
}
</style>
<div class="powerby">Power by: <a target="_blank" href="http://gubhugreyot.blogspot.com/" title="Hai... hai ... hai ....">gubhugreyot</a>
<div style="float:right;">Template by 'cah Edan</div>
</div>

Demo Hasil penggunaan kode

Seperti inilah hasil akhirya Powered by: 'cah edan!

Catatan/Keterangan:

• Kembangkan kode yang telah tersedia untuk mendapatkan hasil sesuai harapan!
• Tutorial ini berdasarkan kode html dari "Template Blogger Baru (New Blogger Templates) atau Template Designer
• Agar lebih cepat dalam mempelajari semua tutorial sebaiknya buat sebuah blog khusus untuk melakukan berbagai percobaan dan modifikasi.