Mari kita simak cara Mempercantik Diperdayakan Oleh Blogger.
Pertama :
Pertama :
- Klik Desain
- Pilih Tata Letak
- Pilih Tambahkan Gedget
- Klik HTML/Javascript
- Kemudian Copy-Paste kode dibawah ini :
<div id='credit'>
<script language="JavaScript">
<!--
today=new Date();
y0=today.getFullYear();
</script>
Copyright © 2011-<script language="JavaScript">
<!--- Hide from old browsers
document.write(y0);
// end hiding --->
</script>.
<a href='http://www.djangkarubumi.com/' target='_blank'>Djangkaru Bumi</a> | Name Template : <a href='http://www.blogger.com/' target='_blank'>Simple</a> | Modified by <a href='http://www.djangkarubumi.com/' target='_blank'>Djangkaru Bumi</a> | Powered by <a href='http://www.blogger.com/' target='_blank'>Blogger</a></div>
<div style='clear:both;'></div>
</div></div></div>
- Klik Simpan.
Selanjutnya kita akan memasang kode CSS nya:
Keterangan :
- Klik desain
- Klik Template
- Klik Edit HTML
- Letakan kode dibawah ini tempat diatas ]]></b:skin>, jika tidak berfungsi silahkan cari kode ]]> yang lainnya. Kerena tiap template memiliki pengaturan yang berbeda.
#credit{
background-color:#222;
background-image: -moz-linear-gradient(top,#333 0,#222 100%);
background-image: -ms-linear-gradient(top,#333 0,#222 100%);
background-image: -o-linear-gradient(top,#333 0,#222 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#333),color-stop(100%,#222));
background-image: -webkit-linear-gradient(top,#333 0,#222 100%); background-image: linear-gradient(to bottom,#333 0,#222 100%);
border-bottom:1px solid #000;
border-top:4px solid #111;
padding:25px;
text-align:center;color:#ccc;font-size:13px;}
#credit a{color:#ccc;}
#credit a:hover{color:#ffa632;}
- Klik Pratinjau untuk mengetahui hasilnya.
- Jika berhasil Klik Simpan.
Keterangan :
- Yang berwarna merah silahkan ganti dengan Kalimat yang Sahabat kehendaki, untuk tahun silahkan ganti dengan tahun pertama blog diterbitkan.
- Untuk kode CSS silahkan Sahabat variasi/ganti warna sendiri.pasti sudah paham akan tentang kode warna yang berawalan tanda #.
- Kemungkinan juga cara ini tidak bisa diterapkan dengan sempurna untuk template yang tampilan footernya penuh dari kanan-kiri layar.
♥♥DjB♥♥