Membuat Tombol Back To Top Pada Blog

Back To Top Button

<style> .mbw-back-to-top { position: fixed; bottom: 2em; right: 10px; text-decoration: none; padding: 1em; display: none; cursor:pointer; } </style> <img class="mbw-back-to-top" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZSWRb8LGA_CNxFGdY_2kj_Uzg-hEj4hzdwhyphenhyphenKTg_tcEYrEKNYjnjLK4iQEzEkyexfyhvw_82r6Rhjgy774AkpdfGzCGnyZdQiAHSVnAqMVukVn3WllCgO8fImOz6q72drEKdqlu2M26HP/s1600/bttb.png" /> <script type="text/javascript"> /*****mybloggersworld.com***/ jQuery(document).ready(function() { var offset = 220; var duration = 500; jQuery(window).scroll(function() { if (jQuery(this).scrollTop() > offset) { jQuery('.mbw-back-to-top').fadeIn(duration); } else { //www.mybloggersworld.com jQuery('.mbw-back-to-top').fadeOut(duration); } }); jQuery('.mbw-back-to-top').click(function(event) { event.preventDefault(); jQuery('html, body').animate({scrollTop: 0}, duration); return false; }) }); </script>

Scroll Box Text Area

Scroll Box Text Area

ScrollBox Text Area biasanya di gunakan untuk memperkecil penggunaan ruang pada halaman website atau blog pada saat penulisan text artikel yang lebih panjang dari dari biasanya, sehingga dalam satu halaman post pada sebuah blog dapat menampilkan artikel panjang dengan lebih efisien ruang.

kode yang digunakan untuk membuat ScrollBox Text Area juga dapat di sisipkan perintah untuk mem-block content text yang berada di dalamnya sehingga jika hendak melakukan copy text artikel yang ada di dalamnya tidak perlu menggunakan metode manual seperti biasanya, dan hanya dengan mengklik tombol perintah yang ada di atasnya, maka seluruh content text yang ada di dalamnya sudah terblock dan siap untuk di Copy.
dan berikut adalah kode yang di gunakan dengan cara menempelkan kode di bawah ini pada Entri dengan mode HTML.

<div> <form name="copy"> <div align="center"> <input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Salin Kode" /> </div> <div align="center"> <textarea cols="20" name="txt" rows="5" style="height: 250px; width: 300px;" wrap="VIRTUAL">  ..... ..... ...., Latakkan Text  Artikel Foto  Video  Disini ..... ..... ..... </textarea></div> </form> </div>

style="height: 250px; width: 300px
pada bagian hight anda dapat mengubah ukuran tinggi sesuai yang anda kehendaki
pada bagian width anda dapat mengubah ukuran lebar sesuai yang anda kehendaki 

hasilnya seperti di bawah ini

..... ..... ...., Latakkan Text Artikel Foto Video Disini ..... ..... .....

Selamat Mencoba.

Fixed Navbar – Menu Melayang Di Atas Header Blog (HTML Code)

Cara Membuat Fixed Navbar Diatas Header Blog

Fixed Navbar – Menu Melayang Di Atas Header Sering kita jumpai navigasi menu yang melayang di atas header yang tetap meskipun halaman website atau blog di scroll, sehingga memudahkan bagi pengunjung untuk membuka menu yang terpampang di website atau blog kita tanpa perlu melakukan scroll ke bagian paling atas dari

Membuat Slide Post Terbaru Secara Otomatis Pada Blog

Membuat Slide Post Terbaru Pada Blog

Jumlah blogger di seluruh dunia telah meningkat pesat . Banyak dari kita akan memiliki lebih dari 1 blog . Jika ya widget ini dapat membantu Anda banyak untuk berbagi lalu lintas di kedua blog . Bahkan jika Anda tidak memiliki lebih dari satu blog Anda dapat menambahkan widget ini ke blog Anda sendiri . Ini akan membantu blog Anda memiliki tingkat bouncing kurang dan lebih pageviews

Advan i5A Glassy Gold - Harga dan Spesifikasi

Advan i5A Glassy Gold

Produk terbaru dari Advan yang satu ini mungkin sudah tidak asing lagi bagi para pencinta smartphone dari Advan.

Advan i5A Glassy Gold, yang sekarang ini sedang mensponsori program acara televisi terpopuler The Voice yang merupakan ajang pencarian bakat menyanyi. Untuk produk terbaru Advan yang mengusung jaringan 4G LTE,

WhatApp Akan Menghentikan layanannya Di BlackBerry dan Smartphone Jadul Lainnya Akhir Tahun 2016

WhatsApp

Bulan Februari 2016 kemarin WhatsApp menginjak usia tujuh tahun dan kabarnya WhatsApp sudah memiliki lebih dari 1 Milyar pengguna aktiv di seluruh dunia,. hemm... menakjubkan.  

Membuat Menu DropDown Pada Blog

Cara Membuat Menu Bar Multi Dropdown.

1. Buka akun blogger anda.

2. Pilih menu template > klik Edit Html

3. Lalu letakan kode css di bawah ini tepat di atas kode ]]></b:skin> atau </style>