sponsored ads

Cara Mempercantik Link Kredit Footer "Powered By Blogger"

Posted By : Posted on - 12:56:00 PM with 13 comments

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/AVvXsEjOvvYPl6QMmf941ZwKWJyii5N7f9suFPFd6rS4lHm7UqkpM134CNSPdjhcM3aMXp4n4G-fyWiMZdfhPifwiot3NcGVkAK-Gg746c4pUTZHXqx5tDEQSfO8oWp9Fmvtar-56JLP_byheXI/s1600/footer+icon.png'/></a>
 </div>
</div>
</div>

Ganti dengan link blog sobat
Ganti dengan link gambar sobat

7. Klik simpan dan lihat hasilnya.

13 comments:

  1. coba saya praktek dulu di blog obat penumbuh rambut botak saya gan, makasih infonya

    ReplyDelete
  2. terimakasih mas tutornya sangat membantu..

    ReplyDelete
  3. Iya gan semoga tutorialnya bermanfaat, terima kasih sudah berkunjung...

    ReplyDelete
  4. makasih infonya gan,sangat membantu.

    ReplyDelete
  5. terimakasi, suda coba dan berhasill

    ReplyDelete
  6. gambarku telalu ke kanan?
    agar letaknya tidak keluar dari footter credit link bagaimana?
    Majalah Kribo

    ReplyDelete
  7. 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.........

    ReplyDelete
  8. Terimakasi, kalau buat widget kembali ke atas sekalian dengan
    Sitemap
    Privacy Policy
    Disclaimer
    Contact Us
    About
    menyatu di footer bagaimana?

    ReplyDelete
  9. Makasih udah share info ini ya, bermanfaat.
    Ditunggu kunjungan baliknya ke Web Saya ya : https://www.agres.id atau cek di https://linktr.ee/agres.id

    ReplyDelete

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