Cara mengganti Powered By Blogger

Cara Mengganti Powered By Blogger

1. Untuk langkah awal sobat gaptek32 pasti udah pada tahu yah, 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. jika sudah ambil nafas lanjutkan ke nomor 3
3. 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>

4. yang harus sobat lakukan adalah mengganti script yang saya beri 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://amirhamzahporang.blogspot.com/'>Amir Hamzah Porang</a>
 </div>
</div>
</div>


5. ganti pada tanda yang saya beri warna hijau dengan URL blog sobat
7. ganti pada tanda yang saya beri warna biru dengan Nama blog sobat
8. 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}

9. Untuk CSS saya yakin sobat udah pada mahir semua untuk pengeditannya.
10.Review
11.Save N enjoyed
 

Selamat Mencoba Semoga Bermanfaat

Bagikan ke

Facebook Google+ Twitter