Cara menambah status line ala firefox pada blog
Status line ini berfungsi untuk menyampaikan informasi yang dirasa penting dengan menempatkannya secara mencolok pada bagaian atas halaman website. Selain itu bisa juga untuk membuat blog atau webiste kita kelihatan lebih keren. Jika kamu punya blog di blogspot, kamu dapat menambahkan fitur ini. Untuk yang memiliki blog di domain wordpress.com sepertinya ga bisa. Kecuali memajkai engine wordpress seperti situs ini. Pada blogspot kamu cukup mengedit pada bagian template HTML nya saja.
Sisipkan code berikut antara tag <head> dan </head>. Background dapat diganti sesuai keinginan kita.
<style type=”text/css”>
.statusLine {
padding: 5px 0;
background-color: #f2ff91;
margin: 0;
border-bottom:1px solid #c7d93f;
width: 100%;
left: 0px;
top: 0px;
position: absolute;
font-family: sans-serif;
font-size: 1em;
text-align:center;
}
.statusImg {
float: right;
padding-right: 20px;
vertical-align: middle;
display:inline;
cursor:pointer;
}
</style>
<script language=”javascript” type=”text/javascript”>
function hideStatus() {
document.getElementById(‘statusLine’).style.display=’none’;
}
</script>
Sementara pada bagian bawah sebelum tag </body> sisipkan script berikut
<div id=”statusLine” class=”statusLine”>
<div class=”statusImg”>[ <span onClick=”hideStatus();” style=”text-decoration:underline;”>close</span> ]</div>
<—-pesan yang ingin ditampilkan—->
</div>
Pada wordpress yang diedit adalah pada bagian header.php dan footer.php dari theme yang kita gunakan.
Ridho terimalah pesanku ini!!!
(^_^)