Cara Tambahkan Floating 'Berlangganan' Bar ke Blogger

1. Login ke dashboard blogger Anda -> layout--> Edit HTML

2. Gulir ke bawah ke tempat Anda lihat </ head> tag.

3. Salin kode di bawah ini dan paste tepat sebelum tag </ head>.

<style type="text/css">#mta_bar {background:#003366;border-top: 3px solid #6699ff;margin: 0;padding: 7px 0;z-index: 100;bottom:0px;right:0px;width: 100%;overflow: auto;position: fixed;}* html #mta_bar{/*IE6 hack*/position: absolute;width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px");}#mta_bar .left { float: left; text-align: center; font-family: Arial; font-size: 13px; font-weight: bold; font-style: normal; color: #0000FF; width:92%;}#mta_bar .right {font-family: Arial, Helvetica, sans-serif; float: right; text-align: center; font-weight: normal; font-size: 10px;letter-spacing: 0; width: 30px; white-space: nowrap;}#mta_bar .right a {font-size: 10px; color: #0000FF; text-decoration: underline;}#mta_bar .right a:hover {font-size: 10px; color: #0000FF; text-decoration: none;}#left_bar a {background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8FiM6nxYMyWLxjuDbbU1NwGKe6iVoktfhrf-kF9krAMYpMTyXc80qHwAMjpydym9CewkRxmZf1m6WVCF773aHIru7M5sfWjmwecOomyYrfi23w8Tsv6fEMTjhPW_wD2ElJb5d9i_xZus/') no-repeat; text-decoration: none; color: #fff; padding:5px 0px 5px 30px;}#left_bar a:hover { text-decoration: underline; color: #fff; }</style><script type='text/javascript'>//<![CDATA[var mta_arr = new Array();var mta_clear = new Array();function mtaFloat(mta) {mta_arr[mta_arr.length] = this;var mtapointer = eval(mta_arr.length-1);this.pagetop = 0;this.cmode = (document.compatMode && document.compatMode!="BackCompat") ? document.documentElement : document.body;this.mtasrc = document.all? document.all[mta] : document.getElementById(mta);this.mtasrc.height = this.mtasrc.offsetHeight;this.mtaheight = this.cmode.clientHeight;this.mtaoffset = mtaGetOffsetY(mta_arr[mtapointer]);var mtabar = 'mta_clear['+mtapointer+'] = setInterval("mtaFloatInit(mta_arr['+mtapointer+'])",1);';mtabar = mtabar;eval(mtabar);}function mtaGetOffsetY(mta) {var mtaTotOffset = parseInt(mta.mtasrc.offsetTop);var parentOffset = mta.mtasrc.offsetParent;while ( parentOffset != null ) {mtaTotOffset += parentOffset.offsetTop;parentOffset = parentOffset.offsetParent;}return mtaTotOffset;}function mtaFloatInit(mta) {mta.pagetop = mta.cmode.scrollTop;mta.mtasrc.style.top = mta.pagetop - mta.mtaoffset + "px";}function closeTopAds() {document.getElementById("mta_bar").style.visibility = "hidden";}//]]></script>

4. Sekarang lagi gulir ke bawah ke tempat Anda lihat </ body> penutup.

5. Tambahkan kode di bawah sebelum </ body> penutup.

<div id='mta_bar'> <div id='left_bar'> <span class='left'><a href='ALAMAT-FEED-BURNER-ANDA' target='_blank'>To Get Latest Update Subscribe Now !!!</a></span></div> <span class='right' onmouseout='self.status=''' onmouseover='self.status='NAMABLOGANDA.blogspot.com.com';return true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS4Wxev5iHXzCceqFI8FnNfHJQBQypOsnAycHmXH0pj0vBkg4CMRreBc0Z3A-hpbDkMZQtAijJ1ttCDHdpqyS2JT6C6YeOhzxsXtqtrD8E38Tc0rMFtLyXTGH7XqNINfiTpdwOOyNhbfY/' style='cursor:hand;cursor:pointer;'/></span></div>

Catatan: Ingat untuk Ganti ALAMAT-FEED-BURNER-ANDAdan NAMA-BLOG-ANDA dengan rincian nyata Anda. Lihatlah contoh di bawah ini.

<div id='mta_bar'>
<div id='left_bar'><span class='left'><a href='http://feeds.feedburner.com/Os-cybercom' target='_blank'>To Get Latest Update Subscribe Now !!!</a></span></div>
<span class='right' onmouseout='self.status=&apos;&apos;' onmouseover='self.status=&apos;os-cyber.blogspot.com.com&apos;;return true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS4Wxev5iHXzCceqFI8FnNfHJQBQypOsnAycHmXH0pj0vBkg4CMRreBc0Z3A-hpbDkMZQtAijJ1ttCDHdpqyS2JT6C6YeOhzxsXtqtrD8E38Tc0rMFtLyXTGH7XqNINfiTpdwOOyNhbfY/' style='cursor:hand;cursor:pointer;'/></span></div>