0

Cara Mempercantik Link Kredit Footer "Powered By Blogger"

Cara Mempercantik Link Kredit Footer
Cara Mempercantik Link Kredit Footer "Powered By Blogger" - Link kredit footer pada blogger adalah suatu bagian pada blog yang biasanya digunakan untuk memasang info hak karya, tahun pembuatan, desainer template, platform blog lain sebagainya. Nah pada template standar kredit footer pada blogger standar atau bawaan biasanya tampilannya kurang menarik. Lalu bagaimana cara mengeditnya agar kelihatan menarik, sebenarnya banyak cara digunakan untuk mengedit dan menghiasnya namun kali ini saya akan share cara mengedit seperti pada blog ini namun anda bisa merubah kodenya sesuai keinginan anda. Yang perlu diingat dalam mengedit kredit link footer blog ini adalah sebagi berikut:

  • Akan lebih baik jika powered by blogger ini tak dihilangkan anda hanya mengedit tempatnya saja agar tersusun rapi, kenapa saya menyarankan untuk tidak menghapusnya karena selain faktor SEO link kredit ini juga lebih disukai mesin pencari pada struktur blog yang murni.
  • Jika anda menggunakan template orang lain harap diikut sertakan design by, redesign, atau inspired by karena hal itu adalah menyangkut hasil karya dari orang lain. Menghargai setiap hasil karya orang lain adalah cara atau sikap anda untuk menghargai diri anda sendiri.
Cara Mengedit Link Kredit Footer pada Blog
1. Log in ke blogger
2. Klik template dan edit HTML
3. Cari kode ]]></b:skin> dengan menggunakan Ctrl + F
4. Setelah ketemu taruh kode dibawah ini tepat diatas kode yang saya sebutkan diatas:

.credit-wrapper{background:#0066b3;width:999px;border-top:1px solid #ccc;margin-left:-15px;padding:0 auto;margin-bottom:-30px;}
.credit{width:980px;line-height:1.6em;text-align:center;font-family:Arial;font-size:11px;color:#fff;overflow:hidden;clear:both;margin:0px;padding:10px 0 10px 10px}
.credit a:link,.credit a:visited{color:#fff;text-decoration:none}
.credit a:hover{color:#fff;text-decoration:none}  

Silahkan ubah kode sesuai panjang, lebar, atau backgroundnya sesuai keinginan anda.

5. Setelah anda lakukan segera lanjutkan pencarian kode seperti di bawah 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> 

6. Yang perlu sobat lakukan adalah mengganti kode HTML warna merah dengan kode seperti dibawah ini:

<div class='credit-wrapper'>
<div class='credit'>
<div style='float:left;text-align:left;'>

Copyright &#169; 2014 <span style='font-size:12px;'><data:blog.title/></span> | All Right Reserved | Design by <a href='http://www.sharetipsdancara.blogspot.com'>Tips N Cara</a><br/> Powered by <a href='http://www.blogger.com'>Blogger</a>
</div>
<div style='float:right;text-align:right;'>
  <a href='http://www.sharetipsdancara.blogspot.com/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMsOXczwcFTjNgrIFSvJdL5dI3IsaI9M-bZfpOXPQ99fou_l7pOJAyNnnyaAKBwsTX08cEU79fd0oJFqx1_bntfdsLWCvVPKEln23PxcDXZ18H-WvgUYOzSGwqSUwfEFt92c_2e198Upk/s1600/footer+icon.png'/></a>
 </div>
</div>
</div>

g  Ganti dengan link blog sobat
g  Ganti dengan link gambar sobat

7. Klik simpan dan lihat hasilnya.

Unknown

Phasellus facilisis convallis metus, ut imperdiet augue auctor nec. Duis at velit id augue lobortis porta. Sed varius, enim accumsan aliquam tincidunt, tortor urna vulputate quam, eget finibus urna est in augue.

Tidak ada komentar:

Posting Komentar