Iklan

Iklan
Advertorial
News Update :

Letak notis bar pada blog

Jumat, 27 Januari 2012

Jika anda ingin letak notis ,posting terkini atau iklan,bar ini bersesuaian jika dipasang pada blog kerana ia boleh menarik perhatian pengunjung kerana ia bergerak apabila discroll.Ia akan berada dibahagian bawah blog dan transparent.

bar notis

Cara membuatnya:
1.Masuk ke dashboard blog anda
2.pilih design,klik pada edit HTML
3.Cari kod </body> pada template
Untuk memudahkan pencarian boleh juga gunakan Ctrl+F
Kemudian salin kod dibawah dan diletakkan diatas kod </body>


<style type='text/css'>
#tbb-sticky
{
background:url(&#39; https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggQJLlpEiot6cc5LDYkABItMaQK4fjBLRj3SDn0ahzESZm_-NhMK1Mp0iWFzMWa9P9taaCTjSxduoI4ugcwLkk2b8Jx1DWSmb_fayjtwQ6nIBAhtpnOJQCYfeA1bJfnzkD1_HwdGttdrc/s1600/tbb-bg.png&#39;) repeat;
color:#D1EBEB;
text-align: center;
margin:0 auto;
border-top: 1px solid #D1EBEB;
height:28px;
font-size:12px;
position:fixed;
bottom:0;
z-index:999;
width:95%;
border-top-left-radius:20px;
border-top-right-radius:20px;
display:block;
font-weight: bold;
font-family: arial,&quot;Helvetica&quot;;
font-color:#0066CC;
}
#tbb-sticky:hover
{background:#99CCFF;}
#tbb-sticky p{line-height:5px; font-size:13px; text-align:center; width:95%; float:left;}
#tbb-sticky p a{ text-decoration:underline; color:#33FF00;}
.tbb-cross{display:block; position:relative; right:15px; float:right;}
.tbb-cross a{font-size:18px; font-weight:bold; font-family:&quot;Arial&quot;; color:#00FF00; line-height:30px;}
</style>
<div id='tbb-sticky'>
<p>Letakkan notis atau link anda disini </p>
<div class='tbb-cross'><a href='javascript:hide_cross();'>(X)</a></div>
</div>
<script language='JavaScript'>
function hide_cross() {
crosstbox = document.getElementById(&quot;tbb-sticky&quot;);
crosstbox.style.visibility = &#39;hidden&#39;;
}
</script>


Kod warna yang bertanda dengan warna oren boleh ditukarkan dengan warna yang diingini
4.Kemudian simpan template anda.
Share this Article on :

0 komentar:

Posting Komentar

Terimakasih telah berkomentar di website kami

 

© Copyright Berita Lamongan Terkini 2010 -2011 | Design by Kabarlamongan.com | Published by Nirwana Digital Print | Powered by Blogger.com.