Cara Membuat Back To Top - Hai semua AiRa LoKa best friend... kali ini saya mau bagi-bagi tutorial tentang Cara Membuat Back To Top.
Jumpa lagi di www.AiRaLoKa.com. Nah, kali ini saya mau bagi-bagi cara membuat back to top. Walaupun sudah banyak yang membuat artikel ini. Tetapi saya memutuskan untuk tetap membagikannya. Hitung-hitung menambah jumlah post, juga bisa menambah jumlah traffic. Siapa tahu aira loka best friends yang masih belum tahu jadi tahu (bukan tahu yang makanan itu) tentang caranya. Nah, bagi yang mau coba, Langsung saja..
Cek It Out......
1. Masuk ke Blogger > Dashboard Blogger > Template > Edit HTML. Centang "Expand template widget" dan masih seperti biasanya lebih baik anda BACKUP terlebih dahulu template anda.
2. Cari kode </head>(gunakan F3 atau Ctrl+F untuk memudahkan pencarian) kemudian pastekan kode dibawah tepat diatas kode </head>.
anda bisa mengubah kode yang berwarna biru dengan tulisan yang anda mau. contoh: kembali ke atas, dan lain lain. kode yang berwarna merah dengan jarak gambar anda dari bawah. kode yang berwarna ungu dengan jarak gambar anda dengan samping kanan. kode yang berwarna oranye dengan url gambar anda.<!-- Back To Top Start - www.AiRaLoKa.com --> <script type='text/javascript'> window.setTimeout(function() { document.body.className = document.body.className.replace('loading', ''); }, 10); </script> <b:include data='blog' name='google-analytics'/>
<a href='#' style='position: fixed;bottom:0px;right:0px;' title='Back to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE2Zrs8hFP1yD_2wJumnzsYGEQQ8Q2hT8uUSJl2bcLzg0rXqxmDVCUWjxdqqq-Sz5SKQOUAtfR8CmIX0LkLl7MY5YTqhyphenhyphenE9MLuN3FX93WU-MHbJe9yHIhyphenhyphenNCDQAx9wI3YjhR25p3PnvSdm/s1600/back+to+top.png? attredirects=0' style='border: none;'/></a><!-- Back To Top End - www.AiRaLoKa.com -->
3. Pratinjau terlebih dahulu. Jika sudah pas, simpan template anda.
Selamat Mencoba!
0 komentar:
Posting Komentar
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA DI SINI...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DI SINI...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>
Setelah membaca artikel ini, silahkan tinggalkan komentar. Bagi yang mau meninggalkan url blognya, silahkan saja. Asalkan anda tidak memberikan komentar dengan kata-kata yang tidak sopan. Terima kasih telah mengunjungi blog ini.
AiRa LoKa - Blog of tutorials
Konversi Kode di Sini!