Tutorial + Freebies : Scroll Back to TOP (Fly Up)
\Bismillahirahmanirrahim/
Assalamualaikum! Salma sedang bagi-bagi Freebies. Sekarang FLY UP yang sedang Salma bagi. Mari rapatkan barisan, tengok Freebies Salma. Simple saja. Harap comment kalau mau pakai. Tapi, sebelumnya Salma mau kasih tau dulu cara tambahkan GADGET ini. CREDIT's 4 the tutorial.
1. Log In -> Dasboard -> Design -> EDIT HTML -> Expand Widget Template
2. Tekan CTRL + F. Lalu, cari kode ini.
</body>
3. Paste kode bawah ini SEBELUM kode </body> tadi.
<a href='#' id='Fly UP'><img src='URL GAMBAR?t=1292762029' style='border:0;'/></a>
4. Cari kode bawah ini di kotak CTRL + F
]]></b:skin>
5. Pastekan kode bawah ini SEBELUM kode ]]></b:skin>
/* to top */#toTop { width:100px;background:none;border:0px solid #ccc;text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#666;text-decoration:none; }
6. Terakhir, cari kode :
</head>
7. Pastekan kode ini BAWAH kode </head> tadi.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script><script type='text/javascript'>/*----------------------- * jQuery Plugin: Scroll to Top * by Craig Wilson, Ph.Creative (http://www.ph-creative.com) * Bring to you by Zen from http://zenplate.blogspot.com * Copyright (c) 2009 Ph.Creative Ltd. * Description: Adds an unobtrusive "Scroll to Top" link to your page with smooth scrolling. * For usage instructions and version updates to go http://blog.ph-creative.com/post/jquery-plugin-scroll-to-top.aspx * Do not delete these infomation * Version: 1.0, 12/03/2009 -----------------------*/$(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() { $("#toTop").scrollToTop(); });</script>
Ubah kode warna merah itu dengan URL gambar kamu sendiri.
Sementara, kode BOLD warna HIJAU itu, bisa kamu rubah jadi left
FREEBIES nih!
http://i.imgur.com/E5beW.png
http://i.imgur.com/Y4a4C.png
http://i.imgur.com/sCw7L.png
http://i.imgur.com/vA9cf.png
http://i.imgur.com/hN2Nh.png
http://i.imgur.com/WiTxw.png
FREEBIES dah habis. Ingat! Harap comment, kalau mau pakai! THX







Aku coba ya. Trus, aku mau make yang no. 2 alias yg warna ijo.
BalasHapus