Judul : Cara Mempercantik Link Kredit Footer "Powered By Blogger"
link : Cara Mempercantik Link Kredit Footer "Powered By Blogger"
Cara Mempercantik Link Kredit Footer "Powered By Blogger"
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:
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:
Silahkan ubah kode sesuai panjang, lebar, atau backgroundnya sesuai keinginan anda.
5. Setelah anda lakukan segera lanjutkan pencarian kode seperti di bawah ini
6. Yang perlu sobat lakukan adalah mengganti kode HTML warna merah dengan kode seperti dibawah ini:
g Ganti dengan link blog sobat
g Ganti dengan link gambar sobat
7. Klik simpan dan lihat hasilnya.
- 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.
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}
.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 != ""'>
<data:attribution/>
</b:if>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
<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 != ""'>
<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 © 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/AVvXsEh5CLYoLIAXGU9rZ0B97YmR9M05vmJFN2dhSGh_F7Q0IgvziHnMbX3vEMhdYcbncB6lImGh5YG8NDriXhnmrlF8ThNW32fD0msPsqrjuSobDIhWQJokfTtCPIcYxGWL4pO79ohsFmJKC1c/s1600/footer+icon.png'/></a>
</div>
</div>
</div>
<div class='credit'>
<div style='float:left;text-align:left;'>
Copyright © 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/AVvXsEh5CLYoLIAXGU9rZ0B97YmR9M05vmJFN2dhSGh_F7Q0IgvziHnMbX3vEMhdYcbncB6lImGh5YG8NDriXhnmrlF8ThNW32fD0msPsqrjuSobDIhWQJokfTtCPIcYxGWL4pO79ohsFmJKC1c/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.
Demikianlah Artikel Cara Mempercantik Link Kredit Footer "Powered By Blogger"
Sekianlah artikel Cara Mempercantik Link Kredit Footer "Powered By Blogger" kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.
Anda sekarang membaca artikel Cara Mempercantik Link Kredit Footer "Powered By Blogger" dengan alamat link https://trickterbaruagar.blogspot.com/2014/07/cara-mempercantik-link-kredit-footer-by.html
0 Response to "Cara Mempercantik Link Kredit Footer "Powered By Blogger""
Posting Komentar