Letak notis bar pada blog - Hallo sahabat Cara Sign Up, Pada Artikel yang anda baca kali ini dengan judul Letak notis bar pada blog, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel notis bar, Artikel tutorial blog, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Letak notis bar pada blog
link : Letak notis bar pada blog

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.

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; https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirmYRhcLrY9-BTmN3Jlk_A3oU8IXGqlJQEzVwZQaQCaM-QjS-4ELV6dT7FtYzCrnmZdfeeEcib_YoyrjIvTaUCpI3ifg6L9FWSMc1IUq54Zv2PNVjuZBWjh9qHI5WRA8EFBvhbUSUVYw4/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

Demikianlah Artikel Letak notis bar pada blog

Sekianlah artikel Letak notis bar pada blog kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Letak notis bar pada blog dengan alamat link http://carasignup.blogspot.com/2012/01/letak-notis-bar-pada-blog.html

Tweet