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. sahabat masuk template lalu klik edit HTML jangan lupa centang Expand Template Widge.
2. Sobat Pasang instruksi dibawah sebelum instruksi </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='#99EEEEEE'
,EndColorStr='#99EEEEEE');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("href");
if ($(window).scrollTop() != "0") {
$(this).fadeIn("slow")}var scrollDiv = $(this);$(window).scroll(function() {if ($(window).scrollTop() == "0") {
$(scrollDiv).fadeOut("slow")} else {
$(scrollDiv).fadeIn("slow")}});
$(this).click(function() {
$("html, body").animate({scrollTop: 0}, "slow")})}
});$(function() {
$("#OW-StoTop").scrollToTop();
});</script>
<b><a href='#' id='OW-StoTop' style='display:none;'>Kembali Ke Atas </a></b>
<!-- End scroll -->
Dengan Kode script diatas alhasil ibarat pada blog ini atau ibarat gambar dibawah ini :
Keterangan !!!!
width:120px : Ini merupakan instruksi 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 sahabat ganti dengan Back To Top
3. eitz,,,, jangan diSave dulu siapa tau scripnya g sesuai,
4. sahabat pratinjau terlebih dahulu, jikalau 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 , biar bermanfaat dan tunggu Kang Zain Update tutorial. Hehehe
Belum ada Komentar untuk "Cara Menciptakan Memasang Tombol Kembali Ke Atas"
Posting Komentar