Letak notis bar pada blog

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 template
3.Edit HTML



3.Cari kod </body> pada template
Untuk memudahkan pencarian boleh juga gunakan Ctrl+F(rujuk tutorial cara guna editor terbaru blogger)
Kemudian salin kod dibawah dan diletakkan diatas kod </body>


<style type='text/css'>
#tbb-sticky
{
background:url(&#39; http://1.bp.blogspot.com/-xvP-c_wudtc/TyIIWO7hCyI/AAAAAAAAB20/zCPx3Ye60ic/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.

update 8/5/2013

Catat Ulasan

Letakkan komen anda disini.Segala komen adalah dihargai.Sila buat backup bila membuat perubahan pada template.Terima Kasih.

8 Comments:

Iza Teratak Usang berkata...
terima kasih atas kunjungan

Assalam...
Contohnya tak ada ke?
kot2 berkenan nak buat nanti..

..:: k i n a k O y u @ m a m a ' a D a m ' ::.. berkata...
terima kasih atas kunjungan

tq share...

suzie rahman berkata...
terima kasih atas kunjungan

nice bro.nnt leh cuba.hihi

yahaya berkata...
terima kasih atas kunjungan

@Iza Teratak Usangok dah letak iza.....:)

Rudy Hartono berkata...
terima kasih atas kunjungan

terima kasih atas infonya

Muaz Faris berkata...
terima kasih atas kunjungan

takde blog demo ke???

kang dah test. malas nak tukar balik.. hehe

muazfaris.com

yahaya berkata...
terima kasih atas kunjungan

@Muaz Farissaya dah letak pada blog demo...:)

sang petualang berkata...
terima kasih atas kunjungan

wah maksih mas bro atas info nya sagat bermanfat bagi saya.. saya tunggu kunjunga baliknya ya http://dhe2-komputer.blogspot.com/

Related Posts Plugin for WordPress, Blogger...