Ada dua cara pembuatan tombol back to top ini, berikut penjelasannya:
Sebelunya back up dulu data template kamu, untuk jaga-jaga terjadi error saat memasangnnya. Jadi bisa di pulihkan lagi.
Cara Pertama membuat tombol back to top page di blog
Untuk cara pertama ini cukup sederhana, Kamu hanya cukup menambahkan kode di bawah ini sebelum kode </body>
<!-- Bact to top By Ozan Hacker -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5xDOSgC5S4L6OwIcaY0KNA3GAtePRZ-KLI3n2dvGMcx9aqjzF00sWTZST7nXDHxwiED3vECqhPXat_HVyIWbUnTWOhJ9Z6fAE9Te3Qmk5XL3687BzOHf5p3IlPfUsl9P54d1gFLzUKi5c/s1600/Untitled-2.png'/></a>
Ikuti tahap-tahap berikut ini:
1. Pilih Rancangan
2. EDIT HTML ( Centang Expand Template Widget )
3. Cari Kode </body> ( agar cepat mencari gunakan Ctrl+F )
4. Simpan kode berikut sebelum atau di atas kode </body>
<!-- Bact to top By idrus dama -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5xDOSgC5S4L6OwIcaY0KNA3GAtePRZ-KLI3n2dvGMcx9aqjzF00sWTZST7nXDHxwiED3vECqhPXat_HVyIWbUnTWOhJ9Z6fAE9Te3Qmk5XL3687BzOHf5p3IlPfUsl9P54d1gFLzUKi5c/s1600/Untitled-2.png'/></a>
5. Simpan dan lihat hasilnya.
Catatan :
Kode warna kuning adalah posisi tombol berada
Kode warna merah adalah URL gambar tombol --> bisa kamu ganti dengan URLyang kamu punya jika ingin merubahnnya
Cara kedua membuat tombol back to top page di blog
Tmbol back to top page yang pertama tampilan sederhana. Jika mau yang lebih unik lagi ikuti langkah berikut:
Tahap memasangnnya teta sama, cuman kita harus tambahkan kode CSS sebelum kode ]]></b:skin>, berikut penjelasannya:
1. Cari kode ]]></b:skin> sisipkan CSS berikut sebelum ]]></b:skin>
#Enjoy{display:scroll;position:fixed;bottom:1px;right:1px;z-index:99}
#Enjoy a{filter:alpha(opacity=65);-moz-opacity:0.65;opacity:0.65;border:0}
#Enjoy img{border:0}
#Enjoy a:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1}
2. Kemudian sisipkan kode berikut ini setelah atau dibawah kode <body>
<div id='Enjoy'>
<a href='#' onClick='window.location.reload()' title='Reload page'>
<img src='http://i580.photobucket.com/albums/ss248/z33s/refresh.png'/></a>
<a expr:href='data:blog.homepageUrl'><img src='http://i580.photobucket.com/albums/ss248/z33s/house.png'/></a>
<a href='#' title='Ke Atas Halaman'><img src='http://i580.photobucket.com/albums/ss248/z33s/topopg.png'/></a>
<a href='#footbar' title='Ke bawah halaman'>
<img src='http://i580.photobucket.com/albums/ss248/z33s/down.png'/></a>
</div>
3. Lalu simpan tamplate anda, dan lihat hasilnya…
Jika tombol back to top page tidak berfungsi maka, silakan ganti kode yang berwana hijau seperti keterangan berikut
=> Untuk kode #footbar anda ganti dengan #footer atau #copyright sesuaikan dengan HTML template kamu.
Sobat, itu saja cara membuat atau memasang tombol back to top page di blog semoga bermanfaat.
game slot88 gacor mania sudah sangat berkembang pesat menjadikan game slot online berteknologi canggih, hal itu menjadikan game slot dewa 88 ini bisa dimainkan dimana saja. Saat ini informasi sangatlah mudah tersebar melalui media sosial hal itu membuat informasi tentang slot online tersebar cukup cepat karena mudah meraih jackpot slot88 hanya bermain slot online.
BalasHapusBerikut Ini Beberapa Situs Toto Slot Online :
TIS4D
WOKEBET
FUJI188
PETANI88
PANTAI88
MANJA4D
Markas Prediksi
Situs Togel Online
Agen Bola SBOBET
Berita Seputar Nasinal Dan International :
Berita Terkini
Global News
Grup Prediksi Toto