Cara Membuat Tulisan Copyright di Blog kita

kali ini saya akan mencoba sharing tentang Cara Membuat Tulisan Copyright di Blog footer. Catatan copyright ini memang banyak fungsinya, seperti mengurangi pembajakan, memberikan informasi tentang pemilik blog, pembuat blog dan info tentang  siapa yang membuat design template anda, atau bahkan info-info lainnya..

Oke kalau begitu langsung saya share nih caranya:

1. Login ke akun Blogger milik anda langsung saja menuju > Template> Edit HTML. Klik Download Full Template untuk membackup template blog Anda.

Copi kode berikut:

/* copyright part1 */
.copyright{
text-align: center;
padding-top:5px;
padding-bottom:5px;
font:normal 80% Verdana,Trebuchet,Arial,Sans-serif;}

/* copyright part1 end */

Kemudian pastekan kode tadi diatas kode ]]></b:skin>

Keterangan:

text-align: center adalah agar letak tulisan di tengah, bila anda berminat meletakkan di samping tinggal ganti kata center dengan right atau left tau kan artinya... hi hi hi

2. Copy kode berikut ini:

<div class='copyright'>Copyright © 2011 di sini kata-kata terserah anda</div> 

kalau punya saya seperti ini:

<!-- copyright Part2 -->

<div class='copyright'>Copyright &#169; 2012 <a href='http://Andik-Ghoofi.blogspot.com/'>Andik-Ghoofi.blogspot.com</a> -All Right Reserved<br/>Template: <a href='http://Andik-Ghoofi.blogspot.com/'>Andik-Ghoofi</a> powered by: <a href='http://www.blogger.com/'>Blogger</a> Thanks for Visiting<br/></div>

<!-- copyright Part2 end -->

Pastekan kode tadi di atas kode </body>

Bila anda ingin memasangnya tepat di dalam footer blog anda maka kode part2 ditaruh diantara kode footer anda, silahkan otak-atik sendiri untuk menemukan tempat yang pas, namun bila kode footer pada template anda mirip dengan template saya caranya adalah sebagai berikut:

Cari kode:

    <footer>
    <div class='footer-outer'>
    <div class='footer-cap-top cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left footer-fauxborder-left'>
    <div class='fauxborder-right footer-fauxborder-right'/>
    <div class='region-inner footer-inner'>
      <macro:include id='footer-sections' name='sections'>
        <macro:param default='2' name='num'/>
        <macro:param default='footer' name='idPrefix'/>
        <macro:param default='foot' name='class'/>
        <macro:param default='false' name='includeBottom'/>
      </macro:include>
    </div>
    </div>
    <div class='footer-cap-bottom cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>
    </footer>

Kode tersebut adalah kode yang ada pada template saya. Bila tidak ketemu cari yang ada  <footer> kode footer anda </footer>

Pastekan kode part2 diantara kode footer, bila template saya ketemunya seperti ini:

    <footer>
    <div class='footer-outer'>
    <div class='footer-cap-top cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left footer-fauxborder-left'>
    <div class='fauxborder-right footer-fauxborder-right'/>
    <div class='region-inner footer-inner'>

<!-- copyright Part2 -->

<div class='copyright'>Copyright &#169; 2012 <a href='http://Andik-Ghoofi.blogspot.com/'>Andik-Ghoofi.blogspot.com</a> -All Right Reserved<br/>Template: <a href='http://Andik-Ghoofi.blogspot.com/'>Andik-Ghoofi</a> powered by: <a href='http://www.blogger.com/'>Blogger</a> Thanks for Visiting<br/></div>

<!-- copyright Part2 end -->

      <macro:include id='footer-sections' name='sections'>
        <macro:param default='2' name='num'/>
        <macro:param default='footer' name='idPrefix'/>
        <macro:param default='foot' name='class'/>
        <macro:param default='false' name='includeBottom'/>
      </macro:include>
    </div>
    </div>
    <div class='footer-cap-bottom cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>
    </footer>

Selanjutnya jangan lupa simpan template

Weleh-weleh.... kayaknya udahan dulu yah tip kali ini mudah-mudahan berguna salam sejahtera.... 

Sumber : fayescool.blogspot.com