Home → TUTORIAL BLOG → CARA MEMBUAT BACK TO TOP

CARA MEMBUAT BACK TO TOP

Unknown

Selasa, 11 Februari 2014

Halo temen temen semua bertemu lagi dengan saya GOYANG [GAYO AYANG].
Pada kesempatan kali ini saya akan membagikan tutu\orial cara membuat BACK TO TOP
pada Blogger.
liat gambar di bawah...............

============================================================

1. Langkah pertama yaitu copy script di bawah ini

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script><script type='text/javascript'>$(function(){$(window).scroll(function(){if($(this).scrollTop()!=0){$("#noop-top").fadeIn()}else{$("#noop-top").fadeOut()}});$("#noop-top").click(function(){$("body,html").animate({scrollTop:0},800);return false})});</script><a id='noop-top' style='display: none; position: fixed; bottom: 1px; right:1%; cursor:pointer;font:12px arial;'><span>^</span></a><style type="text/css">#noop-top span{-moz-transition:all .3s ease-in 0s;-webkit-transition:all .3s;-o-transition:all .3s;background-color:#1e5799;background:-moz-linear-gradient(top,#1e5799 0,#2989d8 50%,#207cca 51%,#7db9e8 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#1e5799),color-stop(50%,#2989d8),color-stop(51%,#207cca),color-stop(100%,#7db9e8));background:-webkit-linear-gradient(top,#1e5799 0,#2989d8 50%,#207cca 51%,#7db9e8 100%);background:-o-linear-gradient(top,#1e5799 0,#2989d8 50%,#207cca 51%,#7db9e8 100%);background:-ms-linear-gradient(top,#1e5799 0,#2989d8 50%,#207cca 51%,#7db9e8 100%);background:linear-gradient(top,#1e5799 0,#2989d8 50%,#207cca 51%,#7db9e8 100%);border:3px solid #fff;border-radius:14px 14px 14px 14px;color:#fff;font:bold 56px cursive;height:50px;left:3px;display:block;text-align:center;text-shadow:1px 1px 0 #000;top:-56px;width:50px}#noop-top:hover span{box-shadow:0 0 49px #207cca;height:70px}#noop-top{color:#000;text-shadow:1px 1px 0 #fff;text-decoration:none}</style>

2. Kemudian kamu langsung masuk ke Tata Letak pilih Tambah gadget ===> HTML/Javascript
lepastu pastekan code di atas di dalam konten.

NB: "Di sini saya tidak mencantumkan gambar karena kalian semuanya pastu uda pada tau".

Na mudah bukan........................

Demikian tutorial saya kaliini bila tutorial saya bermanfaat bagi temen temen semuanya silahkan
komen, dan apabila tutorial saya kali ini malah membuat temen temen semuanya bingung silahkan
abaikan sja.

Dan tidak lupa tetap kunjungi terus www.teknologi-informasi-terpadu.blogspot.com dengan info,software dan tutorial menarik lainny.

"SEKIAN DAN TERIMAKASIH"