Mengganti Default Credit Footer Blogger dengan yang lebih menarik

Credit 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).

Cara Membuat Credit Footer di Blogger

• Login di blogger.com
• Pilih Template dan Backup template sobat terlebih dahulu untuk menghindari adanya kesalahan saat edit template.
• Setelah Template di backup, klik Edit HTML
• Cari kode seperti di bawah ini!

      <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>

• Hapus kode tersebut dan ganti dengan kode di bawah ini

<div class='credit-wrapper'>
<div class='credit'>
<div style='float: center; text-align: center;'>
<a href='http://www.tutorialblogspot.com/2012/08/contact-us.html'>Contact us</a> &#9827; <a href='http://www.tutorialblogspot.com/2012/08/privacy-policy-for-www.tutorialblogspot.com.html'>Privacy Policy</a><br/>
Copyright &#169; 2013 <a href='http://www.tutorialblogspot.com'>Tutorial Blogspot</a>
</div>
</div>
</div>

• Cari kode ]]></b:skin> dan letakkan kode berikut di atasnya

.credit-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwsks0Axo2N6E47KM5sL-SIkE2PQpLaEcsel-DAZomqAYvdmIznS5lfQso9444wkd8hdjOYUiWhk6LS86XZjxhZRrJ3B9bOFChc5diELoNkCadB8qblY6ZY_L0oUXxVzaugygZr_2qn-Qf/s320/post-divider%2520%25281%2529.png) no-repeat center; padding-top:70px}.credit a:link,.credit a:visited,.credit a:hover{color:#222;text-decoration:none}

• Preview template, kalau sudah mantap, Simpan template.

Tambahan :

1. Ganti link di atas sesuai dengan link tujuan Anda
2. Link Gambar / devider (Yang berwarna merah) bisa diganti sesuai dengan yang Anda inginkan

• Tweet
• Share
• Share
• Share
• Share

Sign up here with your email