Teknologi dan Komputer

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.

Share on Facebook
Share on Twitter
Share on Google+
Tags :

Related : Modifikasi Credit Footer Blogger Lebih Menarik Dengan Gaya Seni Unik

0 comments:

Posting Komentar

= > Silahkan berkomentar sesuai topik artikel di atas
= > Berkomentar dengan URL (mati/ hidup) tidak akan dipublish
= > Gunakan gaya bahasa dan tata penulisan yang mudah dipahami