Welcome This My Blog......Thank'z Buat Yg Sudah Mampir Di Blog Saya Dan Bagi Yang Punya Puisi Atau Ingin Puisi Sobat Di Posting Di Blog Saya Sobat Bisa Contact My Facebook Atau Melalui Email : barker_gilang@ymail.com....!!! And Jangan Lupa Untuk FoLLow Me

Cara Memasang Tombol Back To Top (Kembali Ke Atas)

Halaman blog yang panjang mungkin salah satu hal yang tidak disukai oleh pembaca. Solusinya pada halaman home jangan terlalu banyak menyimpan jumlah artikel. sebaiknaya dalam halaman home mempunyai maksimal 5 atau 3 artikel dan ditambah dengan pemanfaatan fungsi read more (baca selengkapnya).

Tapi kalau memang elemen blog atau artikel yang panjang bagaimana? pembaca akan lebih malas mengscroll kembali ke atas halaman page untuk mengakses menu lain. Kalau begitu silakan saja pasang "Icon Back To Top" (tombol Icon kembali ke atas) yang memungkinkan pembaca lebih mudah kembali ke atas halaman. Tombol Icon tersebut selalu terletak pada tempat atau posisi yang tetap walaupun adanya scrolling page.

Berikut kode "Icon Back To Top" (tombol Icon kembali ke atas) dan design yang dapat Anda pilih ( designed by syilpid )
Masuk ke dasbor > tata letak > edit html > Letakan kode di atas </body>

<!-- Bact to top designed by syilpid - www.tips-fb.com -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to
Top'><img src='http://i15.photobucket.com/albums/a398/syilpid/Backtotopbiru.png'/></a>


<!-- Bact to top designed by syilpid - www.tips-fb.com -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to
Top'><img src='http://i15.photobucket.com/albums/a398/syilpid/Backtotophitam.png'/></a>


<!-- Bact to top designed by syilpid - www.tips-fb.com -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to
Top'><img src='http://i15.photobucket.com/albums/a398/syilpid/Backtotophijau.png'/></a>


<!-- Bact to top designed by syilpid - www.tips-fb.com -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to
Top'><img src='http://i15.photobucket.com/albums/a398/syilpid/Backtotopkuning.png'/></a>

<!-- Bact to top designed by syilpid - www.tips-fb.com -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to
Top'><img src='http://i15.photobucket.com/albums/a398/syilpid/Backtotopmerah.png'/></a>
<!-- Bact to top designed by syilpid - www.tips-fb.com -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to
Top'><img src='http://i15.photobucket.com/albums/a398/syilpid/Backtotoporange.png'/></a>

<!-- Bact to top designed by syilpid - www.tips-fb.com -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to
Top'><img src='http://i15.photobucket.com/albums/a398/syilpid/Backtotoppink.png'/></a>
<!-- Bact to top designed by syilpid - www.tips-fb.com -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to
Top'><img src='http://i15.photobucket.com/albums/a398/syilpid/Backtotopungu.png'/></a>

selamat mencoba
  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

0 komentar:

Posting Komentar

Pink Transparent Valentine Balloon Heart