sponsored ads
Cara Mempercantik Link Kredit Footer "Powered By Blogger"
Posted By : Tips & Cara Admin Posted on - 12:56:00 PM with 13 comments
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/AVvXsEjOvvYPl6QMmf941ZwKWJyii5N7f9suFPFd6rS4lHm7UqkpM134CNSPdjhcM3aMXp4n4G-fyWiMZdfhPifwiot3NcGVkAK-Gg746c4pUTZHXqx5tDEQSfO8oWp9Fmvtar-56JLP_byheXI/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/AVvXsEjOvvYPl6QMmf941ZwKWJyii5N7f9suFPFd6rS4lHm7UqkpM134CNSPdjhcM3aMXp4n4G-fyWiMZdfhPifwiot3NcGVkAK-Gg746c4pUTZHXqx5tDEQSfO8oWp9Fmvtar-56JLP_byheXI/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.
Jika Anda menyukai Artikel di blog ini, Silahkan
klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Tips & Cara
Artikel Terkait Dengan "Cara Mempercantik Link Kredit Footer "Powered By Blogger" "
13 comments:
Ketentuan Berkomentar:
1. Menautkan link aktif (anchor text) pada komentar secara otomatis akan kami hapus
2. Gunakan fasilitas Name/URL untuk menempatkan link anda
3. Dilarang berkomentar diluar topik artikel (SARA, pornography, provokasi,promosi produk)
4. Dilarang komentar spam
5. Berkomentarlah dengan baik dan sopan
6. Komentar yang tidak sesuai dengan poin diatas tidak akan dipublikasikan
Admin Tips & Cara
coba saya praktek dulu di blog obat penumbuh rambut botak saya gan, makasih infonya
ReplyDeleteterimakasih mas tutornya sangat membantu..
ReplyDeleteIya gan semoga tutorialnya bermanfaat, terima kasih sudah berkunjung...
ReplyDeletemakasih infonya gan,sangat membantu.
ReplyDeleteManteep sob artikelnya sangat membantu
ReplyDeleteterimakasi, suda coba dan berhasill
ReplyDeletegambarku telalu ke kanan?
ReplyDeleteagar letaknya tidak keluar dari footter credit link bagaimana?
Majalah Kribo
Edit margin left pada creddit wrapper pada CSS dengan angka semakin kecil, ntar akan tertarik ke kiri, semakin kecil angkanya semakin ke kiri semakin besar ke kanan.........
ReplyDeleteterimkasi.
DeleteTerimakasi, kalau buat widget kembali ke atas sekalian dengan
ReplyDeleteSitemap
Privacy Policy
Disclaimer
Contact Us
About
menyatu di footer bagaimana?
Makasih udah share info ini ya, bermanfaat.
ReplyDeleteDitunggu kunjungan baliknya ke Web Saya ya : https://www.agres.id atau cek di https://linktr.ee/agres.id
roses Belarus
ReplyDeleteflower arrangements Minsk
ReplyDelete