Showing posts with label back. Show all posts
Showing posts with label back. Show all posts

Saturday, November 19, 2016

Cara Memasang Back Top Di Blog

Cara Memasang Back Top Di Blog


Cara membuat/memasang tombol back to top/go top di blogger, tombol back to top adalah sebuah tombol yang berfungsi untuk membuat/mempercepat scrolling dari bawah keatas di sebuah web page ataupun blog page sehingga akan mempermudah reader ataupun visitor untuk kembali´pada bagian atas dari blog/website dengan cepat ketika berada dibagian bawah halaman dengan hanya sekali klik pada tombol back to top tersebut. Sebagai contoh sobat bisa melihat pada bagian kanan bawah dari blog saya ini
Cara Buat Tombol Back To Top di BlogspotFitur back to top yang kita buat/bahas sekarang ini adalah fitur tombol back to top menggunakan jQuery. Efek jQuery ini sedikit lebih lembut dan smooth daripada efek javascript lainnya seperti pada animasi bintang jatuh dari kursor yang menggunakan javascript biasa. Kelebihan nya juga adalah efek back to top ini sangat ringan ketika di loading dan sangat cocok digunakan didalam blog tentunya bagi yang suka me-modifikasi blog-nya dengan sesuatu yang unik, indah dan bermanfaat. Untuk membuat nya silahkan ikuti tips & tricks blogger berikut.

Cara Membuat/Memasang Tombol Back To Top Dengan jQuery di Blogger

  • Silahkan login di Blogger
  • Pilih Template > Edit HTML > klik Expand Widget Template
  • Cari kode </body>  (gunakan CTRL+F)
  • Copy kode dibawah ini dan Paste tepat diatas kode </body>  (jika kode dibawah sudah ada di template sobat, kode dibawah tidak usah dipasang lagi)
<script src=http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js type=text/javascript/>
  • Kemudian Copy lagi kode dibawah ini dan kemudian Paste tepat dibawah kode diatas
<script src=http://bloggerpeer.googlecode.com/files/backtotop.js type=text/javascript/>
<!-- Back to top designed by Blogger Peer - bloggerpeer.blogspot.com -->
<a href=# style=display:scroll;position:fixed;bottom:5px;right:5px; title=Back to Top><img onclick=MGJS.goTop();return false; src=http://1.bp.blogspot.com/-FjrYiE6C8ZY/TqJMQWu2osI/AAAAAAAAADI/GFdFWFPlO6o/s1600/back-to-top.gif/></a>
  • Terakhir simpan template sobat dan tombol back to top sudah bisa dipakai 
  •  Semoga bermanfaat..


Available link for download

Read more »
Posted by at
Labels: , , , , ,

Monday, November 14, 2016

Cara Keluar Kota Harvest Moon Back To Nature Hal Hal Misterius

Cara Keluar Kota Harvest Moon Back To Nature Hal Hal Misterius


Slamat malam sob, saya mau share salah satu Trik Harvest Moon : Back To Nature yang bisa di sebut misterius. Mungkin sobat tidak tahu cara keluar kota di Harvest Moon : Back To Nature!!! Saya dapat informasi ini di Situs resmi Harvest Moon : Back To Nature yang udah di tutup. Banyak Website mengatakan bahwa Kapal Misterius yang ada di Dermaga dapat pergi kekota lain. Ada juga yang menagatakan bahwa di Harvest Moon : Back To Nature itu terdapat 3 buah Castle. Mungkin itu semua cuma mitos.Trik ini belum ane coba,soalnya ane baru dapat juga nih Trik.Di bawah ini adalah hasil translate dari Situs resmi Harvest Moon : Back To Nature.

-Ada 3 buah Castle di dunia Harvest Moon : Back To Nature :

1.) Castle Dragon :
Di jangkau dengan item rahasia yaitu "Dragon Claw" dan tiket yang di dapat dari Mr.Boss "Dragon Ticket". Kita bakal turun dekat lubang di jalan menuju Mother Hill.

2.) Castle Graveyard :
Di jangkau dengan item rahasia yaitu "Dead Band" dan tiket dari Mr.Boss "Dead Ticket". Kita bakal di telan bumi di sekitar kuburan dekat Gereja.

3.) Castle Leoshark :
Di jangkau dekat rumah Gotz.Kita butuh Persahabatan dari Barley dan Allen.Item rahasia "Mythic Stone" dan tiket dari Mr.Boss "Leoshrak Ticket".Kita bakal bisa naik Kapal.

......

Selengkapnya / Read More --> KLIK DISINI


Available link for download

Read more »
Posted by at
Labels: , , , , , , , , ,

Wednesday, October 19, 2016

Cara Memasang Back to Top Blog Tanpa jQuery

Cara Memasang Back to Top Blog Tanpa jQuery


Cara Membuat Tombol "Back to Top" di Blog Blogspot murni CSS + HTML, Tanpa jQuery!


Cara Memasang Back to Top Blog Tanpa jQuery
KEBANYAKAN tutorial membuat tombol "Kembali ke Atas" (Bact to Top button) menggunakan jQuery alias JavaScript. Pengaruhnya, selain "ribet" pasangnya, adalah memperlambat loading blog.

Dampak lainnya jika pake jQuery adalah terjadi "bentrok" atau "konflik" antara javascript, jika lupa menghaspus salah satu jquery. Intinya, gak banget deh!

CB juga termasuk yang share tentang back to top yang pake jQuery. Kini tips tersebut gak lagi berlaku! Ganti dengan kode "Back to Top" yang murni CSS+HTML, tanpa JavaScript.

Kode "Back to Top" yang ini jelas SEO Friendly dan bisa dibilang tidak ada pengaruhnya terhadap loading blog. Artinya, blog tetap loading cepat, tidak diperlambat dengan kode "Back to Top" ini.

BUAT APA?
Buat apa ada "Back to Top" di blog? Ini menyangkut UX alias User Experience. Mempermudah user kembali ke bagian atas halaman blog tanpa perlu scroll.

Tombol "Back to Top" bagian dari upaya agar blog kita user friendly, bikin nyaman dan mudah pengunjung. Itulah sebabnya tombol "kembali ke atas" ini menjadi salah satu "trending" dalam desain situs web dan/atau template blog.

"Back to Top" Tanpa jQuery
CB juga sudah pasang tombol ini, tanpa jQuery. Ini kodenya, sudah seo friendly dan fast loads. Cara pasangnya juga gak mesti masuk ke template > edit HTML.

<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img alt="kembali ke atas" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXbGl2uy_mUnLKUH9-CWIcsdm54BaiuxnoJIjcwAMBVfU0XTedgpyEepw3Nx7g9apSGN_piWpSPKnpyJllkOBHq0kPjIuhALyxatYhf_H9jPRTD3Q1J6OfiY641V758RXvZNfIZryxdr4/s1600/back+to+top.png "/></a>

Yang warna merah itu link gambar atau icon back to topnya. Bisa diganti. Lihat di posting sebelumnya.

CARA PASANGNYA:
1. Layout > Add a Gadget > pilih Javascript/HTML
2. Copas kode di atas di bagian content/isi.
3. Save! Beres da ah...!!!

KODE LAINNYA
Kode berikut ini sama bagus dan seo friendly. Tanpa jQuery juga. CB modif dari kode yang di-share blog MS2. Cara pasangnya agak ribet dikit sih, tapi hasilnya lebih wusss!!! Lebih kenceng karena tanpa url image.

1. Template > Edit HTML
2. Copas kode berikut ini tepat di atas kode </body> (lihat bagian template paling bawah banget!)


<span class=back-to-top><a href=#> &#8593; </a></span>
<span class=back-to-top-a><a href=http://contohblognih.blogspot.com/>CB</a></span>
<style>
.back-to-top {position: fixed ;bottom:20px;right:10px;z-index:9999999}
.back-to-top-a {font-size:10px;z-index:9999999;opacity:0.2;position:fixed;bottom:0;}
.back-to-top a {font-size: 30px ;background-color: #DD3434 ;color:#FFF;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;padding:12px 18px 20px;text-decoration: none}.back-to-top a:hover {background-color: #272727 ;text-decoration: none}
</style>

Note! Ganti http://contohblognih.blogspot.com/ dengan alamat blog Anda.

3. Save Template!

Itu dua dua kode tombol "kembali ke atas" (back to top button) seo friendly & fast loasing, murni CSS+HTML tanpa javascript --user friendly & aman bagi loading blog! Good Luck!


Available link for download

Read more »
Posted by at
Labels: , , , , , , ,
Subscribe to: Posts (Atom)