Cara Mengganti Footer pada Blogger

Credit Footer / mengganti Footer blogger yang bertuliskan Powered by Blogger atau diberdayakan oleh Blogger terdapat di bagian bawah blog di bagian widget Atribusi. Pemilik blog dapat menambahkan beberapa karakter teks atau link di widget tersebut. Karena jumlah karakter teks dibatasi di widget tersebut, banyak pemilik blog jadi memilih untuk menghapus Credit Footer itu dan menggantinya dengan Credit Footer yang baru. Termasuk di blog ini juga, Credit Footernya saya ganti beberapa waktu yang lalu.

Blog saya ini jauh terlihat lebih cantik dan manis setelah diganti credit footer bawaan aslinya. Sampai-sampai banyak orang yang tidak percaya kalau blog ini menggunakan template default blogger (Wajar juga mereka tidak percaya, soalnya terlalu banyak perubahan yang saya lakukan untuk memodifikasi tampilannya).

Ada beberapa versi yang saya dapat dari searching di Wak Google, langsung saja saya bahas caranya one by one :

Versi ke-1 :

Masuk ke Template
Back Up template agan (jika terjadi kegagalan disa di kembalikan ke semula)
Masuk ke Edit HTML
dan cari kode yang mirip dengan kode dibawa ini

KODE html :

<b:section class='foot' id='footer-3' showaddelement='no'>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'>
<b:includable id='main'>
    <b:if cond='data:feedbackSurveyLink'>
      <div class='mobile-survey-link' style='text-align: center;'>
        <data:feedbackSurveyLink/>
      </div>
    </b:if>
    <div class='widget-content' style='text-align: center;'>
      <b:if cond='data:attribution != &quot;&quot;'>
       <data:attribution/>
      </b:if>
    </div>
    <b:include name='quickedit'/>
  </b:includable>
</b:widget>
</b:section>

Lalu hapus kode diatas, dan ganti dengan kode dibawa ini

KODE pengganti html :

<div class='credit-wrapper'>
<div class='credit'>
<div style='float: center; text-align: center;'>
<a href='http:/kontak.sobat.com'>Cot usntac</a> &#9827;
<a href='http://Privacy.Sobat.com'>Privacy Policy</a><br/>
Copyright &#169; 2013 
<a href='http://www.tutorialblogspot.com'>Tutorial Blogspot</a>
</div>
</div>
</div>

Untuk melihatnya tampak lebih menarik tambah kan CSS dibawa ini letakkan kode dibawah tepat diatas kode ]]></b:skin>

KODE CSS :

.credit-wrapper{background:url(#) no-repeat center;
padding-top:70px}
.credit a:link,.credit a:visited,.credit a:hover{
color:#222;text-decoration:none}

NB :
Ganti # merah dengan link atau bisa Agan ganti gambarnya dengan gambar yang Agan punya tinggal upload dan terakan link gambarnya : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimse81h1nFLI9wJOwOMF2Ca3HZgwqcIo8VlquB0VF7vXzGlFuXCpx9S_OqmYFv2S2jjwP9tcflhTto4BEU3weWJVjnNrZ5XxtlrAjtUJL7aBsIPteQA6iBicZQvrbXIw1EzaLMwLinCNeQ/s320/post-divider%2520%25281%2529.png
Versi ke-2 :
Untuk cara nya sama seperti Versi, hanya saja Kode CSS nya saja yang berbeda. jadi untuk Versi ke-2 langsung saja saya Kode pengganti kode HTML dan kode CSS :

Kode PENGGANTI HTML

KODE CSS/JAVASCRIPT :

<div class='credit-wrapper'>
<div class='credit'>
<div style='float:left;text-align:left;'>
 &#169; <span 
style='font-size:12px;'><data:blog.title/></span> | 
Powered by <a href='http://www.blogger.com'>Blogger</a>
</div>
<div style='float:right;text-align:right;'>
Design by <a href='http://URL design blog.com'>Blog-Anda</a>
</div>
</div>
</div>

Kode CSSnya

KODE CSS/JAVASCRIPT :

.credit-wrapper{background:#000;
width:990px;border-top:1px solid #ccc;
margin:0 auto;padding:0 auto}
.credit{width:955px;line-height:1.6em;
text-align:center;font-family:Arial;font-size:11px;
color:#fff;overflow:hidden;clear:both;margin:0
 auto;padding:10px 0 10px 10px}
.credit a:link,.credit a:visited{
color:#fff;text-decoration:none}
.credit a:hover{color:#fff;text-decoration:none}

Versi ke-3

Cara Menghilangkan Widget Attribution pada Blogspot :

Login pada Blogger
Masuk mode Rancangan kemudian Edit HTML
Cari kode 
Ubah "lock" menjadi "unlock"
Jika sudah, kemudian cari kode <b:widget id='Attribution1' locked='true' title='' type='Attribution'>
Ubah "true" menjadi "false"
Jika sudah, Simpan Template

Langkah selanjutnya adalah :

Masuk mode Rancangan
Pada Elemen Halaman Pilih Edit pada widget attribution tersebut
Pilih Hapus

Jika sobat ingin menggantinya dengan credit footer widget attribution yang baru, sobat tinggal tambahkan widget baru pada bagian footer, selanjutnya sobat pilih HTML/Javascript, lalu copy dan paste kode dibawah ini kedalam kotak HTML/Javascript tersebut

KODE CSS/JAVASCRIPT :

<div id='footer'>
<div class='footer section' id='footer'/>
<p>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td align='left' valign='middle' width='40'>
<a href='#' title=''>
<img height='50' src='http://link logo.png' width='50'/>
</a>
</td>
<td align='left' valign='middle'>© 2011 | http://link blog.com<br/>
Power by <a href='www.blogger.com' title='blogger'>Blogger</a><br/>
Design by Nama anda<br/>
e-mail | link mail@gmail.com<br/>
</td>
<td align='left' valign='center'>
<div align='right' id='footer-right'>
<a href='http://link blog.com/'>Home</a>
| <a href='http://blogger.com/'>Login</a> |
<a href='#' onclick='mgjs.gotop();
return false;'>Top</a></div>
</td>
</tr>
</table>
</p>
</div></div>

Nb :
warna merah : ganti dengan alamat icon blog agan
warna biru : ganti dengan alamat blog agan
warna hijau : ganti dengan nama / nick agan
warna coklat : ganti dengan email yahoo / gmail agan

Zona Study