Sunday, December 16, 2018

Cara Menciptakan Memasang Tombol Kembali Ke Atas

Trik Cara Membuat Link di Kolom Komentar itu juga ga' kalah menariknya sob,,, kita sanggup pasang link pada kotak atau kolom komentar. kembali kebahasan sesuai dengan judulnya Cara Membuat - Memasang Tombol Kembali Ke Atas kita eksklusif ketutorialnya dibawah ini :

1. teman masuk template lalu klik edit HTML jangan lupa centang Expand Template Widge.
2. Sobat Pasang aba-aba dibawah sebelum aba-aba </body>
<!-- Strat scroll -->
<style type='text/css'>
#OW-StoTop {-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; width:120px;background-color: #696969;background-color: #A9A9A9;filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=&#39;#99EEEEEE&#39;
,EndColorStr=&#39;#99EEEEEE&#39;);text-align:center;padding:5px;position:fixed;bottom:10px;right:15px;cursor:pointer;color:#000000;text-decoration:none;border:1px solid #C9C9C9;}</style>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(function() {$.fn.scrollToTop = function() {$(this).hide().removeAttr(&quot;href&quot;);
if ($(window).scrollTop() != &quot;0&quot;) {
$(this).fadeIn(&quot;slow&quot;)}var scrollDiv = $(this);$(window).scroll(function() {if ($(window).scrollTop() == &quot;0&quot;) {
$(scrollDiv).fadeOut(&quot;slow&quot;)} else {
$(scrollDiv).fadeIn(&quot;slow&quot;)}});
$(this).click(function() {
$(&quot;html, body&quot;).animate({scrollTop: 0}, &quot;slow&quot;)})}
});$(function() {
$(&quot;#OW-StoTop&quot;).scrollToTop();
});</script>
<b><a href='#' id='OW-StoTop' style='display:none;'>Kembali Ke Atas </a></b>
<!-- End scroll -->


Dengan Kode script diatas kesudahannya menyerupai pada blog ini atau menyerupai gambar dibawah ini :


Keterangan !!!!

width:120px : Ini merupakan aba-aba sebagai perintah lebar Kotak Tulisan atau baground
#A9A9A9 : kode warna untuk baground
10px : adalah jarak dari bawah
15px : untuk jarak dari kanan
#C9C9C9 : kode warna untuk goresan pena atau teks
Kembali Ke Atas : tulisan atau teks tombol, sanggup teman ganti dengan Back To Top

 
3. eitz,,,, jangan diSave dulu siapa tau scripnya g sesuai,
4. teman pratinjau terlebih dahulu, kalau berhasil maka eksklusif Di SAVE. Ok
5. Jangan lupa Tinggalkan Pesan.
6. Jika berhasil bersyukurlah sanggup ilmu baru. hehehe

Demikian Cara Membuat - Memasang Tombol Kembali Ke Atas di Blog , supaya bermanfaat dan tunggu Kang Zain Update tutorial. Hehehe

No comments:

Post a Comment