1.06.2013

Cara Mengganti Credit Footer Menjadi Powered By

Salam sahabat,,

Pada posting kali ini saya akan menjelaskan Cara Mengganti Credit Footer Menjadi Powered By.
Ada yang bingung apa itu??? silahkan klik gambar dibawah ini :

powered by ciyoni



Oke untuk langkah pertama silahkan login blog sahabat >  pilih template > dan edit HTML.

sebelum itu alangkah baiknya sahabat ciyoni untuk memback-up dulu template sahabat untuk jaga-jaga apabila ada kesalahan.
Selanjutnya sahabat ikuti langkah-langkah dibawah ini :

1. Centang kotak widget expand lalu cari kode script <!-- outside of the include in order to lock Attribution widget --> bisa dilakukan dengan menekan tombol ctrl+f atau F3.
Dan dibawahnya akan muncul script berwarna biru seperti 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>

 2.  Selanjutnya sahabat ganti script yang berwarna biru dengan script berikut:

<div class='credit-wrapper'>
<div class='credit'>
<div style='float: center; text-align: center;'>
&#169; 2013 <a href='http://ciyoni.blogspot.com/'>Ciyoni-Blogspot</a> | Powered by <a href='http://www.blogger.com/' target='_blank'>Blogger</a><br/>
Design by <a href='http://ciyoni.blogspot.com/' target='_blank'>Blogger</a>
 </div>
</div>
</div>
 
Keterangan : Untuk tulisan yang saya tandai warna merah ganti dengan URL blog sahabat sedangkan untuk tulisan yang berwarna hijau ganti dengan nama blog sahabat ya!!


3. Kemudian sahabat cari kode scrip ini ]]></b:skin> dan letakan CSS dibawah ini sebelum kode scrip tadi.

.credit-wrapper{background:#000000;width:890px;border-top:6px solid #ccc;margin:0 auto;padding:0 auto}
.credit{width:855px;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}

Agar sahabat menginginkan hasil yang berbeda dari milik saya berikan keterangannya :
-Untuk angka yang saya beri warna orange itu adalah warna backrground.
-Untuk angka yang saya beri warna hijau itu adalah lebar backgroud, sebaiknya klik pratinjau dulu agar lebar background sesuai keinginan. (Biasanya jika berbeda template harus di atur dulu jika, terlalu lebar silahkan kurangi angkanya hingga lebar sesuai keinginan)
-Untuk angka yang saya beri warna biru itu adalah tinggi background.
-Dan ini yang penting agar tulisan sahabat bisa tepat di tengah-tengah pada angka yang saya beri warna ungu itu adalah hasil dari angka warna hijau dikurangi 35, (contoh : 890-35=855)

Klik pratinjau, jika sudah Oke tinggal save.

Sekian posting saya,, semoga bermanfaat untuk sahabat!!


Anda baru saja membaca artikel dengan rincian:
Judul: Cara Mengganti Credit Footer Menjadi Powered By
Blog: Ciyoni-Blogspot
Rating: 5 based on 86397 ratings. 5 user reviews.
Ditulis Oleh: Adhit Ciyoni (Khodit)

Terimakasih atas kunjungannya, demi keamanan harap tidak meng copy artikel dari blog ini.

7 comments: