Nih 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 dibentuk 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 goresan pena blogger atau wordpress alasannya ialah memakai 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 menyerupai pada gambar di bawah ini.

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 arahan berikut ini :

<div class='credit'>
<div style='float: center; text-align: center;'>
<a href='http:///p/anda-dapat-menghubungi-saya-di-gmail_5.html'>Contact us</a> &#9827; <a href='http:///p/kebijakan-privasi-untuk-www.html'>Privacy Policy</a><br/>
Copyright &#169; 2013 <a href='http://'>Teknologivirtual</a>
</div>
</div>
</div> 

• Letakkan arahan di bawah ini di atas arahan  ]]></b:skin>

.credit-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzV2Jhtgz2CmYb6SI7A47C_3nCghW2zPjcToA7yasCwjhuBSqoUQxkMVkgzo1eVO5xxY2hDJms6aTFb-12_F_vz6WvW10MwtInv7rdVNsA01kKHJvClVYK29PB9Q8GYFTDRE7HBCbANRE4/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 sanggup diganti dengan selera Anda.
• Simpan dan lihat hasilnya.

Share this post