ARTIKEL TERKAIT:
Cara membuat floating bar berlangganan artikel
Floating Bar ini berada paling bawah blog kita jika kamu memasangnya seperti di blog saya ini. fungsi Floating bar ini mempermudah memberikan rekomendasi kepada pengunjung untuk berlangganan artikel terbaru yang kita posting. Bar ini menggunakan fitur float, sehingga posisinya tetap mengambang didepan halaman blog kita tanpa harus menggangu pengunjung yang sedang sibuk membaca atau melihat-lihat blog kita. Selain itu dengan memggunakan fitur float, bar ini berfungsi lebih maksimal karena pengunjung bisa melihat dengan jelas bar ini.
Bila kamu berminat memasang widget ini, silahkan kamu ikuti langkah-langkah Cara membuat floating bar berlangganan artikel berikut ini :
1. Login ke blogger kamu.
2. Klik Template.
3. Dan KLik tab Edit HTML.
4. Jangan lupa Klik tombol "Expand Widget Templates"
5. Cari kode </head>
6. Lalu copy kode di bawah ini dan taruh sebelum kode </head>
7. kemudian cari kode </body>
8. Copy kode di bawah ini dan taruh sebelum kode </body> :
NB :
Ganti teks cetak tebal dengan URL FEEDBURNER BLOG KAMU
teks cetak tebal Dapatkan Langganan Artikel Terbaru Sekarang !!! bisa diganti dengan keinginan kamu
10. Lalu simpan Template
Semoga bermanfaat....
Jangan lupa luangkan waktu untuk beri komentar ya..., Terima kasih.
Floating Bar ini berada paling bawah blog kita jika kamu memasangnya seperti di blog saya ini. fungsi Floating bar ini mempermudah memberikan rekomendasi kepada pengunjung untuk berlangganan artikel terbaru yang kita posting. Bar ini menggunakan fitur float, sehingga posisinya tetap mengambang didepan halaman blog kita tanpa harus menggangu pengunjung yang sedang sibuk membaca atau melihat-lihat blog kita. Selain itu dengan memggunakan fitur float, bar ini berfungsi lebih maksimal karena pengunjung bisa melihat dengan jelas bar ini.
Bila kamu berminat memasang widget ini, silahkan kamu ikuti langkah-langkah Cara membuat floating bar berlangganan artikel berikut ini :
1. Login ke blogger kamu.
2. Klik Template.
3. Dan KLik tab Edit HTML.
4. Jangan lupa Klik tombol "Expand Widget Templates"
5. Cari kode </head>
6. Lalu copy kode di bawah ini dan taruh sebelum kode </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/AVvXsEhpvpreYqA7sadLLxo_UsFXWQqH5kZdXu_VdIZ-ql_LwmQwpThQbcmClENmCauaMje39iTfLuCeGjNfZr9voWgo9-18DWe_Y8cISoYQ1pLpjpVzsq42XuVSmJ2tQBE9vtB0gbA2kqRP-xw/') 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> |
7. kemudian cari kode </body>
8. Copy kode di bawah ini dan taruh sebelum kode </body> :
| <div id='mta_bar'> <div id='left_bar'><span class='left'><a href='URL FEEDBURNER BLOG KAMU' target='_blank'>Dapatkan Langganan Artikel Terbaru Sekarang !!!</a></span></div> <span class='right' onmouseout='self.status=''' onmouseover='self.status='carabuatwebgratis.com/.com';return true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4qGBMqsECxLMnNph6pNB8ra12HJKz-CkEsIkWSm5dzg8iCRUtAg8Kif7TeXg_IpvPmnF8LAlZ44tKufStbJaMbPeFyopeRQjdvjSy0YR58ERxLP1K45jOBHSweqeKKeiTghFBpjlDrCw/' style='cursor:hand;cursor:pointer;'/></span></div> |
NB :
Ganti teks cetak tebal dengan URL FEEDBURNER BLOG KAMU
teks cetak tebal Dapatkan Langganan Artikel Terbaru Sekarang !!! bisa diganti dengan keinginan kamu
10. Lalu simpan Template
Semoga bermanfaat....
Jangan lupa luangkan waktu untuk beri komentar ya..., Terima kasih.
Tidak ada komentar :
Posting Komentar
Komentar akan dihapus, jika tidak sesuai dengan aturan dibawah ini,
» Menggunakan bahasa yang tidak sopan (Sara, Pornografi, Menyinggung)
» Duplikat komentar
» Komentar menautkan link secara langsung
» Komentar tidak berkaitan dengan artikel
» Judul Komentar Berupa Promosi
Terima Kasih .... Klik Link Ini Untuk Berlangganan Artikel Kumpulsuka.