Cara Membuat Credit Footer Dua Kolom

Cara Membuat Credit Footer Dua Kolom

Hallo Sobat Wahid Emalution, Sudah lama saya gak Post , karena kesibukan di Dunia Nyata, tetapi saya kembali lagi dengan Tutorial yang mungkin bisa membantu sobat semua.

Kemarin ada yang bertanya "wahid, bagaimana sih cara buat credit dua kolom"
saya tidak bisa menjawab karena saya sedang sibuk, tetapi saya akan membahasnya melalui posting ini.

Biasanya credit hanya terdapat tulisan ditengah, Tetapi Credit ini dua kolom di bagian Kiri Dan Kanan.

Langsung saja kita ke cara menerapkannya..

Pertama Login Ke Blogger.com Lalu Pilih template dan Klik Edit HTML.

Lalu Letakkan Kode Dibawah Tepat diatas ]]></b:skin> atau </style>

/*CREDIT*/
#credit{background:#333;color:#fff;text-align:center;height:auto;overflow:hidden;font-size:11px;width:900px;margin:0 auto}
#credit a{color:#fff}
#credit a:hover{color:#03a1d5}
#credit .right{float:right;text-align:center;overflow:hidden;margin:10px}
#credit .left{float:left;text-align:center;overflow:hidden;margin:10px}

Sobat Bisa Sesuaikan Lebarnya Dengan Ukuran template Sobat.

Lalu Letakkan HTML Dibawah tepat Bawah </footer>

<div id='credit'>
<span class='left'>Copyleft  &#169; 2014 : <a href='http://wahid-emalution.blogspot.com/' title='Wahid Emalution'>Wahid Emalution</a> | Redesign By : <a href='http://wahid-emalution.blogspot.com/' title='Wahid Emalution'>Wahid Emalution</a>
</span>
<span class='right'>
Design : <a href='http://www.kompiajaib.com/' title='Kompi Ajaib'>Kompi Ajaib</a> | All Rights Reserved &#174;
</span>
</div>

Dan segitu saja, Sobat Bisa Sesuaikan lagi , karena saya mengambilnnya dari template saya, Terima kasih Semoga Bermanfaat Untuk Sobat.

Silahkan Sobat Berkomentar bebas dan Sopan , dan sesuai dengan artikel diatas.
saya berterima kasih karena sobat tidak menyertakan Link / iklan DSB.
Terima kasih

Post a Comment (0)
Previous Post Next Post