Membuat Sticky Bar Dengan Tombol Close Blogger

Untitled+picture

Sticky Bar bisa digunakan untuk menaruh pesan - pesan anda , promosi artikel unggulan anda dan lain-lain , tampilannya seperti pada gambar diatas.

Jika anda tertarik untuk membuatnya , silahkan ikuti langkah berikut ini :

1. Login ke akun Blogger anda
2. Pilih Template
3. Pilih Edit HTML
4. Centang Expand Template Widget
5. Tekan tombol Ctrl+F
6. Cari kode  ]]></b:skin>
7. Masukkan script dibawah ini tepat diatas kode  ]]></b:skin>
#mbt_bar{ 
background:#333 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3cohfl0Nes8GMJcStRJ36JLfGSjENBtXB_tzrLG9cke2Q312k65Niq1V73Bwhxc6fbiSCaGQh8OH5LHjrYopBtDBnEq_eh3GqLk5KwYZIA9bVA8t5x5Uastz4VT2qXsfacAr0XXWcWvo/s400/stickybar.png') repeat-x; 
width:100%; 
margin:0 auto; 
text-align:center; 
padding:0px 0; 
border-bottom: 1px solid #888888; 
  -moz-box-shadow: #666666 0px 1px 3px; 
  -webkit-box-shadow: #666666 0px 1px 3px; 
  box-shadow: #666666 0px 1px 3px; 
  z-index: 999; 
height: 28px; position:fixed; 
line-height: 1.85em; 
vertical-align: baseline; 
letter-spacing: 1px; 
color:#fff; 
font-size:13px; 
font-weight:bold; 
font-family: arial,"Helvetica",sans-serif; 

#mbt_bar a{ 
text-decoration:underline; 
color:#E2E504; 

#mbt_bar a:hover{ 
text-decoration:none; 

#mbt_bar p {margin:0; list-style:none;} 
#mbt_bar img {vertical-align: middle; 
      margin-right: 6px;}
8. Kemudian cari kode </head>
9. Masukkan script dibawah ini tepat diatas kode </head>
<script type='text/javascript'> 
//<![CDATA[ 
var mbt_arr = new Array(); 
var mbt_clear = new Array(); 
function mbtFloat(mbt) { 
mbt_arr[mbt_arr.length] = this; 
var mbtpointer = eval(mbt_arr.length-1); 
this.pagetop = 0; 
this.cmode = (document.compatMode && document.compatMode!="BackCompat") ? document.documentElement : document.body; 
this.mbtsrc = document.all? document.all[mbt] : document.getElementById(mbt); 
this.mbtsrc.height = this.mbtsrc.offsetHeight; 
this.mbtheight = this.cmode.clientHeight; 
this.mbtoffset = mbtGetOffsetY(mbt_arr[mbtpointer]); 
var mbtbar = 'mbt_clear['+mbtpointer+'] = setInterval("mbtFloatInit(mbt_arr['+mbtpointer+'])",1);'; 
mbtbar = mbtbar; 
eval(mbtbar); 

function mbtGetOffsetY(mbt) { 
var mtaTotOffset = parseInt(mbt.mbtsrc.offsetTop); 
var parentOffset = mbt.mbtsrc.offsetParent; 
while ( parentOffset != null ) { 
mbtTotOffset += parentOffset.offsetTop; 
parentOffset = parentOffset.offsetParent; 

return mbtTotOffset; 

function mbtFloatInit(mbt) { 
mbt.pagetop = mbt.cmode.scrollTop; 
mbt.mbtsrc.style.top = mbt.pagetop - mbt.mbtoffset + "px"; 

function closeTopAds() { 
document.getElementById("mbt_bar").style.visibility = "hidden"; 

//]]> 
</script>
10. Kemudian cari kode <body>
11. Masukkan script dibawah ini tepat dibawah kode <body>
<div id='mbt_bar'>INGIN KIRIM SMS GRATIS SEPUASNYA KE SEMUA OPERATOR...?
<a href='http://dhecun.blogspot.com/2012/11/kirim-sms-gratis.html'>KLIK DISINI</a> 
<span style='padding:0px; float:right'>
<img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9unYAApenlJHb2BxEp7tHQSG4qgZM-Q_tE7Nr6-L1MpEk6yKZ6Vc9bAXbUIp2j3etYfDE0kNZgkRYkLDnZJ2fNjgQ9UBC58QSghCiuvMAZRD1abpshUmAfBHg_Phxeg7IoESxvA_gB9Q/s400/cancel.png' style='cursor:hand;cursor:pointer;'/></span></div>
<br/><br/>
<div style="text-align: right;">
<a href="http://dhecun.blogspot.com/2012/12/membuat-sticky-bar-dengan-tombol-close.html" target="_blank"><span style="font-size: xx-small;">[ Widget by Dhecun Blog ]</span></a></div>
Catatan :
Ganti tulisan warna merah dengan alamat link anda.
Ganti tulisan warna biru dengan teks sesuai keinginan anda

12. Klik simpan template

Semoga bermanfaat...!!!

Subscribe

0 Komentar Blogger
Komentar Facebook

0 komentar:

Pasang Widget Otomatis



Submit Web / Blog Ke 20+ Search Engines

Cek Ukuran dan Kecepatan Loading Blog / Web

Masukkan URL blog max 10 URL
( Tools by Dhecun Blog : Get Widget )

Update Artikel Dhecun Blog

Berlangganan Artikel Gratis Lewat Email

Berlangganan artikel via email.

Dapatkan update artikel terbaru dari Dhecun Blog

yang akan dikirim ke email anda secara gratis...!

Jangan lupa buka Email anda untuk verifikasi.
RSS feeds















Space Iklan

Pasang Iklan

Pasang Iklan

Pasang Iklan

Pasang Iklan

Pasang Iklan

Kategori pasang iklan

Rp.10.000 per bulan
Rp.100.000 per tahun
Judul iklan
Deskripsi iklan
Gambar (220x150)

Iklan Sponsor 1

About Me

Profil Google+
My Facebook
Kirim SMS Gratis
Download Gratis
Print

Contact

Contact on Email
Contact on Facebook

Rekomendasi

Follow

RSS feeds

Widget Populer

Widget Zoom Detail Gambar

Widget Share Button Melayang

Share

Tukar Link

Traffic

Semua Artikel




Tampilkan semua artikel

10 Artikel Terbaru






Masukkan email anda

untuk berlangganan artikel




Dhecun Blog

Followers