Monday, August 28, 2017

Cara Pasang Back To Top di Blog


Annyeong/Moshi-Moshi/Hallo/Hai..

Gimana kabarnya semua? Baik kan pastinya. 

Hari ini aku mau post cara menambahkan Back to Top di dalam blog.


Read More Yuk!
NB: DOUBLE CLICK UNTUK COPY KODE 

1. Masuk ke Blogger//Tema.

2. Cari kode

>head<


3. Masukkan Kode di bawah ini. ( yg sudah ada tidak usah :)

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


4. Klik SAVE


5.Masuk ke Tata letak//Add a Gadget//Html/JavaScript

6. Copy kode ini di konten yang ada

<style>
.mbw-back-to-top {
position: fixed;
bottom: 2em;
right: 10px;
text-decoration: none;
padding: 1em;
display: none;
cursor:pointer;
}
</style>
<img class="mbw-back-to-top" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiovhJ2-msUhxvy4oykmYtExRZdJ4HMpS1vXWp9lA4eT3WjF2z_qgphtPEDoGfoXcmb4Uj6ciOxLbpgTaC9pP1dQtFZACTrfn9bNeuMM1l8JzkV3MO_zwPC2Lh8Py7c_4IY5dbbca6djyk/s1600/back+to+top.png" />
<script type="text/javascript">
/*****mybloggersworld.com***/
jQuery(document).ready(function() {
var offset = 220;
var duration = 500;
jQuery(window).scroll(function() {
if (jQuery(this).scrollTop() > offset) {
jQuery('.mbw-back-to-top').fadeIn(duration);
} else { //www.mybloggersworld.com
jQuery('.mbw-back-to-top').fadeOut(duration);
}
});

jQuery('.mbw-back-to-top').click(function(event) {
event.preventDefault();
jQuery('html, body').animate({scrollTop: 0}, duration);
return false;
})
});
</script>



7. SAVE

NB: merah : URL image kamu


FREEBIES

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYmy5bDoqJan5qkoTxF1N0F_hI9VBa0cOCvSpRzRXE1gXKGdheekv2-7IjTuotcMCnMCDQ3hBmbyChJe6YI5rzPeGueFExX2e0ec-t2E9v4-ovUwBWWddPMyz-4NWe3qIKb4ROHEsmhs0/s1600/back+to+top+2.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaE3FgAC4SHfcxWGoCx91wGn6YW-0hi_GSWhM2YX22Wf_0Efdqd0LA-JbtWSXJu_EugSdknuc6kYMcOKnb7zAzY5EdAGXvDLgiwBcNjVqsACrWjNi_2AdXxcOGDaPqFv6QHHxDKv1l9ZY/s1600/back+to+top+10.png



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMWGkMVLLKqGXUWQVjbIoDapc12BdKfTIZd1auoKOm8mCIMfh6pS6IuzowMJiBN5sBmSCJJ6pnifgBdyfxgsgQHlxBoQ1Il_AF6evmekDqWB2ApFOcww8gKVDY1DpoBZX300Q0OO2Qkbg/s1600/back+to+top+9.png






credit:  ka dila dan gifta
Semoga Bermanfaat = )

0 Commentator(s):

Post a Comment

Hey let's make a discuss below! I'm sure you know how to respect people's page, no harsh and mature content. thank you babies!

 

the goddamn blessings Template by Ipietoon Cute Blog Design