Back To Top Pada Blog

Back to Top (Kembali ke Atas)  adalah alat bantu untuk memudahkan pengunjung yang udah bosan seperti saya muter2in Scroll pada Mouse untuk kembali ke bagian paling atas blog :D.

Caranya adalah:
1. Pastikan udah Login, dan udah Cadangkan/Pulihkan Template anda.
2. Pilih Edit HTML,  dan jangan lupa centang Expand Template Widget,
3. Masukan script jquery berikut ini diatas  </head>

<script src='http://code.jquery.com/jquery-1.6.1.min.js' type='text/javascript'/>
<script src='http://blogtrikdantips-blogspot.googlecode.com/files/sed_back_to_top.js' type='text/javascript'/>
<script src='http://vianjb.googlecode.com/files/to%20top.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
/*
var defaults = {
containerID: &#39;moccaUItoTop&#39;, // fading element id
containerHoverClass: &#39;moccaUIhover&#39;, // fading element hover class
scrollSpeed: 1200,
easingType: &#39;linear&#39;
};
*/
$().UItoTop({ easingType: &#39;easeOutQuart&#39; });
});
</script>

5. Letakkan kode dibawah ini diatas kode  ]]></b:skin>

#toTop {
display:none;
text-decoration:none;
position:fixed;
bottom:10px;
right:10px;
overflow:hidden;
width:75px;
height:150px;
border:none;
text-indent:-999px;
background:url(https://lh4.googleusercontent.com/-3QsqA89oEr4/T9h2tFknHMI/AAAAAAAAAmc/W_Tb3I0sL1g/s137/UP.png) no-repeat left top;
}

#toTop:active, #toTop:focus {
outline:none;

7. Simpan template  dan Lihat Perubahannya
 

Ganti Tulisan Berwarna Merah denga Link/Url Gambar yang anda inginkan,

Cara Mengganti Tulisan Posting Baru, Beranda, Posting Lama Menjadi Gambar Atau Icon

yang saya maksud dengan Tulisan Posting Lama, Beranda, Posting Baru yang biasanya ada di bawah setiap postingan Blog, atau juga di kenal dengan  next post / previous post. nah, Tulisan ini lah yang akan  kita ganti menjadi gambar atau icon seperti gambar di bawah ini nih.

Contoh Gambar

Gimana, keren kan ?

OK, Berikut adalah caranya: 
1. Saya anggap anda sudah login dan sudah back up template anda.  

2. Sekarang pilih edit HTML,  dan Jangan lupa centang Expand Template Widget

3.  Ganti Tulisan Posting Terbaru dengan cara Cari Kode:

 <data:newerPageTitle/>

Gunakan Ctrl + F, Biar mudah nyarinya, dan Ganti dengan  kode  

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV_j-P2dW38kBqjm5575DlOswX48k9iZq7VgcQQf-mdq0xbYKZJMmXgcMf9gbb_OkEUUd8eAfu_rVXpE5gluZKE4p2XB8jT4MOLm0cmzbOfNpwsEPL0QdThOELjVLcBEUzStYtGPsWEwKj/s1600/BACK_ICON.png'/>

4. Ganti Tulisan Posting Lama dengan cara,  Cari Kode:

<data:olderPageTitle/>

dan ganti kode tersebut dengan kode 

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs12WPEgBk8I3M3zCYp5qNrZEipcKg1OfC-bs0cu9ykGFVNJ767xEmB_-7FrjTCyJ3UOAUB2NaRx8xlyAhDzugkiXfKT5YmyhTgwB674wB2BDLVbPDL0_BgHCNp8xjvKRKk3LNKI5oeury/s1600/NEXT_ICON.png'/>

5. Ganti Tulisan Beranda atau Home dengan cara, Cari Kode

<data:homeMsg/>

 dan ganti kode tersebut dengan kode 

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPs3pSQPDrY5uD37Sqci4ztXUVUTvqRE8fw2NGZRm7Ql14g3wl23l1EJ7_cYULwKqv1QJIJVDxZv76kFgWoc_xwkds64YK1WbDPsVsB6vr5p55VZktTmGqaIRXatkVG5C3ttySh1EJWKdH/s1600/HOME_ICON.png' title='Halaman Awal'/>\

  
6. Simpan dan lihat hasilnya

Ganti Tulisan Merah dengan link atau Url gambar yang kamu suka. 
Mudahkan ?

Selamat Mencoba.