Selasa, 13 Januari 2015

Modifikasi Credit Footer Blogger Lebih Menarik Dengan Gaya Seni Unik

Setiap blogger baik itu blogspot dan wordpress dibagian paling bawah halaman ada yang namanya credit footer blog. Credit footer ini dibuat untuk menghargai jasa pembuat template dan layanan blog yang digunakan,  misalnya "Teknologivirtual powered by blogger" atau "Teknologivirtual proudly by worpress". Kita boleh mengedit dan memodifikasinya dengan catatan jangan membuang tulisan blogger atau wordpress karena menggunakan layanan tersebut.

Pada pembahasan kali ini yaitu cari memodifikasi Credit footer blogger saja, untuk wp pada postingan berikutnya. Contoh Credit footer dengan gaya seni yang unik seperti pada gambar di bawah ini.

Credit Footer Blogger

Cara memodifikasi Credit footer blogger :
  • Login ke akun blogger.
  • Pilih template > Edit Html.
  • Cari kde berikut ini (mempercepat pencarian tekan Ctrl + F).
 <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> 
  • Bila sudah ketemu replace dengan kode berikut ini :
<div class='credit'>
<div style='float: center; text-align: center;'>
<a href='http://www.teknologivirtual.com/p/anda-dapat-menghubungi-saya-di-gmail_5.html'>Contact us</a> &#9827; <a href='http://www.teknologivirtual.com/p/kebijakan-privasi-untuk-www.html'>Privacy Policy</a><br/>
Copyright &#169; 2013 <a href='http://www.teknologivirtual.com'>Teknologivirtual</a>
</div>
</div>
</div> 
  • Letakkan kode di bawah ini di atas kode  ]]></b:skin>
.credit-wrapper{background:url(https://lh5.googleusercontent.com/-Eop3AMiOkf4/Ugev6dkUBBI/AAAAAAAAEOw/q231eZdayFQ/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} 
  • Kode yang berwarna merah bisa diganti dengan selera Anda.
  • Simpan dan lihat hasilnya.

The author of the blog Teknologivirtual


EmoticonEmoticon