ALT/TEXT GAMBAR PPC Iklan Blogger Indonesia
Loading...

Cara Memasang Icon Back To Top

Tutorial Blog Kali Ini Maz Dani akan membagikan cara memasang Icon Back To Top
Mungkin blog sobat terkadang mempostingkan suatu topik namun banyak kata-kata hingga scroll nya terlalu banyak,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 artikel dan Kalau bisa  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 

Masuk ke dasbor >Template > edit html cek list kotak kecil > Letakan kode di atas </body>

Bisa Juga Add gatget>html/Java script>copy paste code back to top

 

<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>
 

<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>

 

<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>

 

<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>

<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>

<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>

<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>



<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>

 

Mudah Bukan??
Tinggal kreasikan sesuai selera

Jika ingin mengganti icon back to top tinggal ganti kode warna hijau dengan kode gambar yang sobat inginkan
jika masih belum paham bisa di tanyakan di komentar


Demikian Tutorial Blog Dasar Cara Memasang Icon Back To Top

Share : Facebook Twitter Google+ Linkedin Technorati Digg

Page Load

Terima kasih telah membaca artikel Maz Dani tentang Cara Memasang Icon Back To Top dengan url http://dubraw735.blogspot.com/2012/03/cara-memasang-icon-back-to-top.html, Semoga Artikel Cara Memasang Icon Back To Top bermanfaat bagi diri saya dan anda.

4 komentar:

  1. INFO YANG BAGUS SOB...BERMANFAAT,...MAIN KERUMAH SAYA YA MAMPIR SKALIAN FOLLOW TD SUKSES #37

    BalasHapus
  2. Matur nuhun nye....
    urang kabantu pisan....

    BalasHapus

Terimakasih sudah berkomentar dengan baik, sopan dan tidak mengandung spam,dimohon untuk tidak meletakan link aktif dalam komentar!!!
Klik Subscribe by email jika ingin mengetahui update komentar pada artikel ini, thank you for visiting

Ttd : Dani Setiadi