Mengganti Credit Footer Bawaan Blogger

Template standar credit footer pada blogger standar atau bawaan biasanya tampilannya kurang menarik. Lalu bagaimana cara mengeditnya agar kelihatan menarik, ikuti langkah-langkahnya dibawah ini :

1. Untuk langkah awal langsung menuju ke Edit HTML lanjutkan dan mencentang kotak widget expand dilanjutkan untuk mencari <!-- outside of the include in order to lock Attribution widget --> 
2. Kurang lebih script keseluruhan html tersebut seperti dibawah ini

<!-- outside of the include in order to lock Attribution widget -->
      <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>

3. yang harus anda lakukan adalah mengganti script yang diberi warna merah dengan script dibawah ini 


<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-template.blogspot.com/'>Blog-Anda</a>
 </div>
</div>
</div>


4. Ganti tulisan yang diberi warna hijau dengan URL blog anda
5. Ganti tulisan yang diberi warna biru dengan Nama blog anda
6. Kemudian masukan CSS dibawah ini sebelum kode ]]></b:skin>

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

7. Untuk CSS saya yakin sudah pada mahir semua untuk pengeditannya.
8. Review
9. Save N enjoyed

Selamat mencoba...