Cara Memasang Hello Bar Tanpa Daftar Di Blogspot

Apa itu Hello Bar ? Hello bar adalah sebuah plugin yang di gunakan untuk wordpress, plugin ini membuat sebuah  notifikasi bar khusus yang akan muncul dibagian paling atas blog anda dan ketika discroll maka posisi widget ini mengikuti layar ( fixed ). Jika anda ingin memasang widget ini langsung dari situsnya silahkan klik disini. Kita tidak perlu langsung mendaftar untuk mencoba mendesain hello bar kita, kita cukup mencamtumkan email lalu kita. Ketika kita ingin menggunakan plugin ini maka saat inilah anda harus mendaftar secara lengkap.

Walaupun ini plugin ini untuk wordpress tapi saya sudah pernah memakai plugin ini menggunakan blogspot

Jika anda tidak ingin ribet saya sudah memiliki sebuah script tiruan ( clone ) dari allblloggertricks dan dengan cara memasang yang sangat mudah

Demo

cara pemasangan

• Step 1  Buka blogger.com lalu pilih blog  anda
• Step 2  Pilih tata letak dan tambahkan widget 
• Step 3  kemudian buka HTML/javascript
• Step 4  Copy kode berikut lalu pastekan pada HTML/javascript  tadi

<style type="text/css">#abt-hotsmain{height:100px;left:0;position:fixed;top:0;width:100%}#abt-hots{background-color:#EB593C;border-bottom:2px solid #FFF;height:30px;left:0;position:fixed;top:0;width:100%;box-shadow:3px 3px 3px 3px;z-index:10000}#abt-hotsdata{color:#FFF;font-family:serif;font-size:15px;padding:5px}#abt-hotshide{cursor:pointer;height:20px;position:absolute;right:12px;top:4px;width:20px}#abt-hotsshow{background-color:#EB593C;border-bottom:3px solid #000;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-left:3px solid #000;border-right:3px solid #000;cursor:pointer;height:25px;padding-top:5px;position:absolute;right:5px;top:0;width:30px}.abt-hotsdownarrow{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #CC5200;height:0;width:0}.abt-hotsblock{background-color:#CC5200;height:10px;width:8px}.abt-hotsuparrow{border-bottom:10px solid #CC5200;border-left:10px solid transparent;border-right:10px solid transparent;height:0;width:0}</style><div id="abt-hotsmain" ><center id="abt-hotsshow" onmouseup="document.getElementById('abt-hots').style.display='block'"><div class="abt-hotsblock"></div><div class="abt-hotsdownarrow"></div></center><div id="abt-hots" ><center id="abt-hotshide" onmouseup="document.getElementById('abt-hots').style.display='none'"><div class="abt-hotsuparrow"></div><div class="abt-hotsblock"></div></center><center id="abt-hotsdata" >Add your Text/Links here in HTML Format</center></div></div>

• Step 5  Simpan lalu cek blog anda untuk melihat hasilnya 

terakhir anda bisa memasukkan link ke dalam widget ini dengan menggunakan format
<a href="http://eyangbola.blogspot.com/" target="_blank">Demo</a>

• ubah tulisan berwarna hijau dengan link tujuan
  
• hapus tulisan berwarna biru untuk membuka link dalam tab yang sama
  
• ubah tulisan berwarna merah dengan judul yang ingin ditampilkan 

jika ada yang ingin agan tanyakan  silahkan berkomentar .wassalamualaikum wr.wb.