Pasang tombol back top tampil di versi seluler

Diposkan: 31 Desember, 2011
Tombol back top berfungsi untuk menggulung dari bawah ke atas dengan cara yang singkat,tapi yang saya bagikan di sini tombol back top/kembali ke atas yang berfungsi di blogspot apabila blog tersebut di akses lewat seluler ,seperti browser opera mini.


Banyak juga master master blogger yang shering tombol back top ini,tetapi di versi web,dan apabila scribenya kita praktekin di versi seluler,scribe tersebut ada yang berfungsi dan juga ada yang tidak berfungsi.sehingga kita perlu mengedit scribe tersebut sehingga berfungsi sebagai mana mestinya.

 Apabila ada yang ingin mencoba scribe tombol back top editan saya ,dan ingin memasangnya di blog,bisa anda ikuti tutorial/langkah langkah sebagai berikut ;
  • Seperti biasa masuk account blognya masing masing.
  • Pilih edit HTML
  • Centang expand
  • Selanjunya cari code </head>
  • Letakkan code di bawah ini sebelum </head>
<a id='kereklek'/>
  • Selanjutnya cari code ]]></b:skin>
  • Taruh code di bawah ini di atas code tersebut.
.mobile-ke-atas {
text-align: center;
padding-top:0px;
padding-bottom:0px;
}
  • Kemudian cari code <a class='home-link' expr:href='data:blog.homepageUrl'> ,nah code tersebut ada 2,pilihlah yang terakhir.
  • Perhatikan di bawahnya code <a class='home-link' expr:href='data:blog.homepageUrl'> yang terakhir ada code penutup </div>, Letakkan Script di bawah ini di bawah code </div>.
<div class='mobile-ke-atas'><a href='#kereklek'>To top</a></div>
  • Selanjutnya klik pratinjau,apakah terjadi error atau tidak,bila sudah tidak terjadi error maka klik save template.
Nah sekarang cek blog sobat dengan menambahkan ?m=1 bila memakai komputer atau PC,dan lihat editan template tadi sudah terpasang dan juga berfungsi tidak tombol back top di mobile seluler.
Terima kasih.

NB : Jika belum timbul di fitur mobile, Aktifkan template tersesuai untuk costum selulernya.


www.copyGOcopy.blogspot.com

0 Komentar

Posting Komentar