billyandcompany: Hasil penelusuran untuk Cara Mudah-membuat-tombol-back-to-top-pada

Menampilkan postingan yang diurutkan menurut relevansi untuk kueri Cara Mudah-membuat-tombol-back-to-top-pada. Urutkan menurut tanggal Tampilkan semua postingan

Inilah Cara Mudah Menciptakan Tombol Back To Top Pada Blog

Cara Membuat Tombol Back to Top pada Blog Inilah Cara Membuat Tombol Back to Top pada Blog

Luas area bidang baca blog terbatas. Bahkan dengan menggunakan template apapun, area bidang baca masih belum dapat meliputi keseluruhan isi blog. Kecuali ada modifikasi tertentu pada blog, misal konten iyaang sedikit dan homepage berupa isu deskripsi blog saja.

Button Back to Top

Untuk memudahkan pembaca kembali melihat uraian awal iyaang letakniyaa di bab atas postingan, maka dirasa perlu menciptakan tombol untuk mempermudah melihatniyaa tanpa harus menggeser kursor mouse pada komputer. Tombol ini biasa diistilahkan dengan button back to top.

Cara Membuat Tombol Back to Top pada Blog

Tutorial kali ini akan menguraikan bagaimana menciptakan tombol back to top pada blog. Berikut tahapanniyaa.

1. Masuk blogger. Menuju ke HTML pada sajian template.

2. Copy isiyaarat di bawah ini, kemudian pastekan di atas kode </body>.

src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

Bagi sebagian template, kadang isiyaarat di atas telah ada. Maka, pemasangan isiyaarat tersebut haniyaa untuk template iyaang belum ada kodeniyaa.

3. Lalu copy isiyaarat di bawah untuk kemudian diletakkan sempurna di bawah isiyaarat poin 2.

Bila sahabat ingin menggunakan gambar sendiri, silakan ganti URL gambarniyaa. Caraniyaa simak Cara Mengetahui dan Membuat URL Gambar.

4. Klik preview untuk hasil sementara. Akhiri dengan Save template bila sudah mantap dengan hasilniyaa.

Demikian tutorial membuat tombol back to top pada blog. Semoga bermanfaat dan selamat mencoba.

Inilah Kumpulan Artikel Tips dan Trik, Trik Dan Cara Mudah Menciptakan Blog (Pemula Wajib Baca)

artikel seputar Cara menciptakan blog berikut ini Inilah Kumpulan Artikel Tips, Trik dan Cara Membuat Blog (Pemula Wajib Baca)

Selamat menyimak artikel-artikel seputar Cara menciptakan blog berikut ini. Artikel ini iyaahal hal tersebut kumpulan artikel iyaang terdapat pada blog , dibentuk pada tahun 2015.

Saiyaa, sebagai penulis, sangat berterima kasih kepada para pembaca setia iyaang telah menemani penulis dalam menciptakan artikel ini. Kepada semua sobat iyaang telah berkomentar, admin blog sampaikan salam hangat dan jangan berhenti untuk ikut terus menawarkan responniyaa.

Kumpulan artikel seputar Cara menciptakan blog

Semoga artikel di atas bermanfaat. Dan mudah-mudahan tetap diberi fasilitas untuk terus berkariyaa dan menciptakan kebaikan untuk sesama.

Cara Membuat Tombol Back To Top Pure Javascript Di Blogger

Tombol Back To Top adalah sebuah tombol kecil yang biasanya terletak pada bagian kanan bawah pada tampilan suatu blog. Kegunaan dari tombol ini sangat sederhana, yaitu untuk kembali ke tampilan atas halaman.

Dengan adanya tombol ini maka anda tidak perlu lagi melakukan scroll keatas apabila ingin melihat kembali halaman awal blog.

Anda hanya perlu menekan tombol Back To Top yang telah anda pasang sebelumnya, dan otomatis halaman blog akan kembali ke tampilan atas blog.

Untuk cara pemasangan tombol ini sendiri juga sangat mudah, untuk lebih jelasnya mengenai pemasangan tombol Back To Top ini silahkan ikuti caranya dibawah ini:

1. Langkah yang paling awal adalah dengan login ke blogger.com
2. Pada dashboard blogger, silahkan pilih Tema>>Edit HTML
3. Cari kode </head> dengan menggunakan CTRL+F

4. Kemudian letakkan kode berikut, diatas kode </head> tadi

<style type='text/css'>
/*<![CDATA[*/
/*Back To Top*/
.scroll-button{box-sizing:border-box;font-size:1.2rem;line-height:2rem;padding:3px;width:38px;height:38px;right:20px;bottom:20px;visibility:visible;filter:alpha(opacity=50);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:0.5;cursor:pointer;transition:all 1.2s;-webkit-transition:all 1.2s;-moz-transition:all 1.2s;-ms-transition:all 1.2s;-o-transition:all 1.2s;background:none;border:solid 2px rgb(210,104,211);color:rgb(249,104,211);border-radius:0%;position:fixed}
.scroll-button:hover{filter:alpha(opacity=100);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}
.scroll-button--hidden{filter:alpha(opacity=0);filter:progd:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;visibility:hidden}
/*]]>
</style>
<script type='text/javascript'>
//<![CDATA[
function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://rawgit.com/mastamvan/backup/master/backtop.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>

5. Simpan Tema dan selesai

Sangat mudah dan simpel bukan? nah sekarang anda bisa memanfaatkan tombol ini untuk melakukan scroll ke halaman atas pada tampilan blog dengan sangat mudah.

Semoga cara ini dapat bermanfaat untuk anda ya. Terimakasih dan sampai jumpa di pembahasan selanjutnya.

Inilah Fitur Back On Top Halaman Blog Dengan Cara Mudah Double Klik

Cara Mudah menciptakan fhal hal tersebutr back on top dengan double klik Inilah Fhal hal tersebutr Back On Top Halaman Blog dengan Cara Double Klik

Idealnyaaa, mengakses gosip di dalam blog ialah dengan Cara Mudah membaca dan menyimak seCara Mudah menyeluruh. Apalagi jikalau konten yaaang ditampilkan dalam blog tersebut sangat baik dan bermutu. Sedangkan luas area bidang halaman blog sangat terbatas. Bisa jadi, kalimat yaaang tertulis mengharuskan pengunjung untuk menggulung atau scroll halaman hingga ke bab bawah.

Kemudian sehabis final membaca, ternyaaata ada gosip yaaang ingin dibaca ulang semoga lebih dimengerti. Dan pengunjung harus melaksanakan scroll ulang halaman blog menuju ke atas.

Nah untuk memudahkan pengunjung dalam mengakses blog tersebut tanpa harus bolak balik scrolling halaman memakai mouse, maka ada trik menarik yaaang patut sobat coba. Yakni fhal hal tersebutr back on top dengan Cara Mudah double klik. Fhal hal tersebutr ini merupakan penemuan dari trik yaaang pernah admin blog sampaikan sebelumnyaaa, yaaakni Cara Mudah menciptakan tombol button back on top pada blog.

Silakan simak Cara Membuat Tombol Back to Top pada Blog.

Cara menciptakan fhal hal tersebutr back on top

Berikut trik Cara Mudah menciptakan fhal hal tersebutr back on top pada halaman blog dengan Cara Mudah double klik mouse.

1. Silakan masuk ke dasboard blogger.

2. Menuju ke sajian Template, kemudian klik Edit HTML.

3. Copy aba-aba berikut, kemudian pastekan sempurna sebelum aba-aba </head>.

<script language="JavaScript1.2">

function dblclick() {

window.scrollTo(0,0)

}

if (document.layers) {

document.captureEvents(Event.ONDBLCLICK);

}

document.ondblclick=dblclick;

</script>

4. Akhiri dengan Save.

Dan lihat hasilnyaaa. Kini blog sobat telah mempunyaaai fhal hal tersebutr back on top hanyaaa dengan double klik mouse tanpa harus scrolling seCara Mudah manual.

Bagaimana, menarik bukan?

Referensi trik lainnyaaa Kumpulan Artikel Tips, Trik dan Cara Membuat Blog.

Demikian Cara Mudah gampang membuat fhal hal tersebutr back on top halaman blog dengan Cara Mudah double klik. Semoga bermanfaat dan selamat mencoba.

billyandcompany

Ads 720 x 90