What tutorial do you want for the next article! Request Here!

Cara Membuat Back To Top button responsive Dengan Animasi Progress bar

Cara Membuat Back To Top button responsive Dengan Animasi Progress bar Dengan Html Css dan pure js

Hallo semua pada artikel kali ini admin mau mengshare tutorial Cara Membuat Back To Top button responsive Dengan Animasi Progress bar.

Apa itu Back to top?

Tombol Back to top yang berguna mempermudah pembaca kembali ke bagian atas artikel tanpa harus melakukan scroll/gulir secara manual, rasanya hampir wajib keberadaanya pada sebuah Blog.

Penambahan fitur yang tidak terlalu kentara namun sangat berguna ini hampir jarang diperhatikan, utamanya bagi si pemilik blog. Bagaimanapun, demi kenyamanan pembaca penempatan tombol ini tetaplah harus diperhatikan.

Sebenarnya Hampir Semua kostum template Blogger sudah disediakan tombol Back To top biasanya ada yang dipinggir copyright template atau ada juga yang sticky

Hampir setiap website memiliki tombol Back to Top untuk membudahkan pengunjung kembali ke halaman paling atas dari halaman tersebut

Namun Pada kali Ini Admin mau nge-share tombol back to top seperti yang ada pada blog ini

Tombol Back to top dengan Progress Bar

Pada artikel kali ini saya akan membagikan sedikit tutorial supaya tombol Back to top tetap tampil tanpa mengganggu pembaca, bahkan dengan penambahan fungsi indikator progress bar sebagai penanda posisi halaman yang sedang aktif. Sehingga menambah fungsi dan juga menarik dilihat,dan sudah pasti ringan

Untuk Demonya Kalian bisa Scroll pada halaman ini atau halaman lainya lalu kalian lihat pada bagian pojok kiri bawah ada tombol back to top dengan scroll indikator.

Baiklah langsung saja kita ke tutorial pemasangannya.

Cara Membuat Back To Top Dengan Progress Bar

PENTING!
Biasakan melakukan backup Tema Kalian sebelum melakukan peng-editan.
Pada Dashboard Blogger pilih Tema kemudian cadangkan. Jika sudah mari kita lanjutkan.

Step 1: Silahkan Kalian Masuk Blogger

Step 2: Pilih Tema Dan Edit Html

Step 3: Cari Kode ]]></b:skin> dan letakan Kode CSS berikut tepat di atasnya

Semua Template Memiliki Class Dark Mode Yang Berbeda Silahkan Sesuaikan Class Nya Dengan Template Anda ( Class DarkMode (.drK) )

/* Back to Top By YazidTips*/ .yzTtop{display:flex;align-items:center;justify-content:center;position:fixed;right:20px;bottom:70px;width:45px;height:45px;border-radius:50%;cursor:pointer;visibility:hidden;opacity:0;z-index:5;transform:scale(0);transition:transform .3s ease, opacity .3s ease,visibility .3s ease,margin-bottom 1s ease} .yzTtop.vsbl{visibility:visible;opacity:1;transform:scale(1)} .MN-4 .yzTtop{bottom:80px} .yzTtop:hover{opacity:.8} .yzTtop svg{height:100% !important;width:100% !important;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);stroke-width:1.5;cursor:pointer} .yzTtop svg .b{fill:#fff;stroke:#e6e6e6;opacity:.9} .yzTtop svg .c{fill:none;stroke:var(--linkC);stroke-dasharray:100 100;stroke-dashoffset:100;stroke-linecap:round} .yzTtop svg .d{fill:none;stroke:var(--iconC)} .drK .yzTtop svg .b{fill:var(--darkBa);stroke:#404045} .drK .yzTtop svg .c{stroke:var(--darkU)} .drK .yzTtop svg .d{stroke:var(--darkT)}

Step 4: Cari Kode </footer> dan letakan Kode Html berikut tepat di bawahnya

<div class='yzTtop'>
<svg onclick='window.scrollTo({top: 0})' viewBox='0 0 34 34'><circle class='b' cx='17' cy='17' r='15.92'/><circle class='c' cx='17' cy='17' r='15.92'/><path class='line d' d='M15.07,21.06,19.16,17l-4.09-4.06'/></svg>
<div class="credit hidden">www.yazidtips.com</div>
</div>

Step 5: Cari Kode </body> atau &lt;!--</body>--&gt;&lt;/body&gt; dan letakan Kode berikut tepat di atasnya

<script>//<![CDATA[
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('1C 12=["\\1g\\1h\\r\\N\\i\\n\\a\\A\\a\\v\\a\\C\\a\\1i\\a\\d\\a\\k\\a\\x\\a\\u\\a\\m\\a\\h\\a\\l\\a\\m\\a\\s\\a\\f\\a\\A\\a\\m\\n\\y\\n\\a\\b\\Q\\a\\L\\a\\f\\a\\l\\a\\v\\a\\b\\p\\a\\f\\a\\s\\a\\f\\a\\m\\a\\d\\a\\k\\a\\l\\n\\y\\n\\a\\g\\a\\f\\a\\d\\a\\1i\\a\\k\\a\\d\\a\\o\\a\\s\\a\\I\\a\\f\\a\\e\\a\\g\\a\\d\\a\\J\\n\\y\\n\\a\\d\\a\\l\\a\\o\\a\\e\\a\\t\\a\\h\\a\\d\\a\\h\\a\\k\\a\\e\\n\\y\\n\\a\\t\\a\\d\\a\\v\\a\\s\\a\\f\\n\\y\\n\\a\\b\\h\\a\\f\\a\\G\\a\\Q\\a\\h\\a\\d\\a\\1i\\a\\l\\a\\o\\a\\e\\a\\t\\a\\h\\a\\d\\a\\h\\a\\k\\a\\e\\n\\y\\n\\a\\e\\a\\k\\a\\e\\a\\f\\n\\y\\n\\a\\t\\a\\d\\a\\l\\a\\k\\a\\Q\\a\\f\\a\\1j\\a\\o\\a\\t\\a\\J\\a\\o\\a\\l\\a\\l\\a\\o\\a\\v\\n\\y\\n\\a\\u\\n\\y\\n\\a\\t\\a\\d\\a\\l\\a\\k\\a\\Q\\a\\f\\a\\1j\\a\\o\\a\\t\\a\\J\\a\\k\\a\\B\\a\\B\\a\\t\\a\\f\\a\\d\\n\\y\\n\\a\\g\\a\\f\\a\\d\\a\\1b\\a\\k\\a\\L\\a\\e\\a\\q\\a\\h\\a\\e\\a\\g\\a\\1k\\a\\s\\a\\h\\a\\f\\a\\e\\a\\d\\a\\b\\s\\a\\f\\a\\m\\a\\d\\n\\y\\n\\a\\t\\a\\m\\a\\l\\a\\k\\a\\s\\a\\s\\a\\1i\\a\\k\\a\\x\\n\\y\\n\\a\\q\\a\\k\\a\\m\\a\\L\\a\\U\\a\\f\\a\\e\\a\\d\\a\\b\\l\\a\\s\\a\\f\\a\\U\\a\\f\\a\\e\\a\\d\\n\\y\\n\\a\\t\\a\\m\\a\\l\\a\\k\\a\\s\\a\\s\\a\\b\\k\\a\\f\\a\\h\\a\\g\\a\\J\\a\\d\\n\\y\\n\\a\\h\\a\\e\\a\\e\\a\\f\\a\\l\\a\\b\\k\\a\\f\\a\\h\\a\\g\\a\\J\\a\\d\\n\\y\\n\\a\\t\\a\\m\\a\\l\\a\\k\\a\\s\\a\\s\\n\\y\\n\\a\\o\\a\\q\\a\\q\\a\\b\\l\\a\\H\\a\\f\\a\\e\\a\\d\\a\\I\\a\\h\\a\\t\\a\\d\\a\\f\\a\\e\\a\\f\\a\\l\\n\\y\\n\\a\\k\\a\\e\\a\\t\\a\\m\\a\\l\\a\\k\\a\\s\\a\\s\\n\\y\\n\\a\\H\\a\\t\\a\\G\\a\\s\\n\\y\\n\\a\\o\\a\\q\\a\\q\\n\\y\\n\\a\\m\\a\\s\\a\\o\\a\\t\\a\\t\\a\\I\\a\\h\\a\\t\\a\\d\\n\\y\\n\\a\\A\\a\\v\\a\\C\\a\\1i\\a\\d\\a\\k\\a\\x\\n\\y\\n\\a\\l\\a\\f\\a\\U\\a\\k\\a\\H\\a\\f\\n\\y\\n\\a\\q\\a\\h\\a\\H\\a\\A\\a\\m\\a\\l\\a\\f\\a\\q\\a\\h\\a\\d\\n\\y\\n\\a\\h\\a\\e\\a\\e\\a\\f\\a\\l\\a\\1i\\a\\f\\a\\K\\a\\d\\n\\y\\n\\a\\15\\a\\15\\a\\15\\a\\A\\a\\v\\a\\o\\a\\C\\a\\h\\a\\q\\a\\d\\a\\h\\a\\x\\a\\t\\a\\A\\a\\m\\a\\k\\a\\U\\n\\y\\n\\a\\q\\a\\h\\a\\H\\n\\y\\n\\a\\m\\a\\l\\a\\f\\a\\o\\a\\d\\a\\f\\a\\b\\l\\a\\s\\a\\f\\a\\U\\a\\f\\a\\e\\a\\d\\n\\y\\n\\a\\h\\a\\e\\a\\e\\a\\f\\a\\l\\a\\b\\k\\a\\1i\\a\\b\\17\\a\\I\\n\\y\\n\\a\\V\\a\\q\\a\\h\\a\\H\\a\\u\\a\\m\\a\\s\\a\\o\\a\\t\\a\\t\\a\\18\\a\\R\\a\\v\\a\\C\\a\\I\\a\\m\\a\\R\\a\\W\\a\\u\\a\\V\\a\\q\\a\\h\\a\\H\\a\\u\\a\\m\\a\\s\\a\\o\\a\\t\\a\\t\\a\\18\\a\\R\\a\\v\\a\\C\\a\\I\\a\\m\\a\\b\\h\\a\\R\\a\\W\\a\\u\\a\\V\\a\\q\\a\\h\\a\\H\\a\\u\\a\\m\\a\\s\\a\\o\\a\\t\\a\\t\\a\\18\\a\\R\\a\\v\\a\\C\\a\\I\\a\\m\\a\\1k\\a\\R\\a\\W\\a\\u\\a\\V\\a\\q\\a\\h\\a\\H\\a\\u\\a\\m\\a\\s\\a\\o\\a\\t\\a\\t\\a\\18\\a\\R\\a\\v\\a\\C\\a\\I\\a\\m\\a\\b\\k\\a\\R\\a\\W\\a\\b\\h\\a\\o\\a\\l\\a\\e\\a\\h\\a\\e\\a\\g\\a\\b\\U\\a\\V\\a\\19\\a\\q\\a\\h\\a\\H\\a\\W\\a\\V\\a\\x\\a\\u\\a\\m\\a\\s\\a\\o\\a\\t\\a\\t\\a\\18\\a\\R\\a\\v\\a\\C\\a\\I\\a\\m\\a\\1j\\a\\R\\a\\W\\a\\b\\p\\a\\m\\a\\l\\a\\h\\a\\x\\a\\d\\a\\u\\a\\1i\\a\\h\\a\\q\\a\\o\\a\\Q\\a\\u\\a\\b\\v\\a\\Q\\a\\o\\a\\e\\a\\u\\a\\1b\\a\\f\\a\\l\\a\\B\\a\\L\\a\\e\\a\\g\\a\\t\\a\\h\\a\\u\\a\\b\\V\\a\\h\\a\\Q\\a\\o\\a\\u\\a\\b\\v\\a\\e\\a\\q\\a\\o\\a\\u\\a\\b\\17\\a\\f\\a\\e\\a\\g\\a\\J\\a\\o\\a\\x\\a\\L\\a\\t\\a\\u\\a\\b\\m\\a\\l\\a\\f\\a\\q\\a\\h\\a\\d\\a\\V\\a\\19\\a\\x\\a\\W\\a\\V\\a\\x\\a\\u\\a\\m\\a\\s\\a\\o\\a\\t\\a\\t\\a\\18\\a\\R\\a\\v\\a\\C\\a\\I\\a\\m\\a\\1j\\a\\u\\a\\f\\a\\R\\a\\W\\a\\b\\l\\a\\e\\a\\g\\a\\s\\a\\h\\a\\t\\a\\J\\a\\p\\a\\u\\a\\b\\p\\a\\m\\a\\l\\a\\h\\a\\x\\a\\d\\a\\u\\a\\b\\h\\a\\h\\a\\s\\a\\s\\a\\u\\a\\b\\R\\a\\k\\a\\d\\a\\u\\a\\b\\h\\a\\k\\a\\l\\a\\Q\\a\\u\\a\\h\\a\\B\\a\\u\\a\\v\\a\\k\\a\\L\\a\\u\\a\\q\\a\\f\\a\\s\\a\\f\\a\\d\\a\\f\\a\\u\\a\\m\\a\\l\\a\\f\\a\\q\\a\\h\\a\\d\\a\\V\\a\\19\\a\\x\\a\\W\\a\\V\\a\\q\\a\\h\\a\\H\\a\\u\\a\\m\\a\\s\\a\\o\\a\\t\\a\\t\\a\\18\\a\\R\\a\\v\\a\\C\\a\\I\\a\\m\\a\\1b\\a\\R\\a\\W\\a\\u\\a\\V\\a\\G\\a\\L\\a\\d\\a\\d\\a\\k\\a\\e\\a\\u\\a\\m\\a\\s\\a\\o\\a\\t\\a\\t\\a\\18\\a\\R\\a\\G\\a\\d\\a\\e\\a\\R\\a\\u\\a\\h\\a\\q\\a\\18\\a\\R\\a\\I\\a\\m\\a\\b\\s\\a\\R\\a\\W\\a\\u\\a\\1e\\a\\E\\a\\u\\a\\V\\a\\19\\a\\G\\a\\L\\a\\d\\a\\d\\a\\k\\a\\e\\a\\W\\a\\u\\a\\V\\a\\19\\a\\q\\a\\h\\a\\H\\a\\W\\a\\V\\a\\19\\a\\q\\a\\h\\a\\H\\a\\W\\a\\V\\a\\19\\a\\q\\a\\h\\a\\H\\a\\W\\a\\V\\a\\19\\a\\q\\a\\h\\a\\H\\a\\W\\a\\V\\a\\t\\a\\d\\a\\v\\a\\s\\a\\f\\a\\W\\a\\A\\a\\v\\a\\C\\a\\I\\a\\m\\a\\11\\a\\x\\a\\k\\a\\t\\a\\h\\a\\d\\a\\h\\a\\k\\a\\e\\a\\p\\a\\B\\a\\h\\a\\K\\a\\f\\a\\q\\a\\z\\a\\d\\a\\k\\a\\x\\a\\p\\a\\w\\a\\13\\a\\E\\a\\1n\\a\\z\\a\\G\\a\\k\\a\\d\\a\\d\\a\\k\\a\\U\\a\\p\\a\\w\\a\\13\\a\\E\\a\\1n\\a\\z\\a\\d\\a\\k\\a\\x\\a\\p\\a\\w\\a\\13\\a\\E\\a\\1n\\a\\z\\a\\s\\a\\f\\a\\B\\a\\d\\a\\p\\a\\w\\a\\13\\a\\E\\a\\1n\\a\\z\\a\\l\\a\\h\\a\\g\\a\\J\\a\\d\\a\\p\\a\\w\\a\\13\\a\\E\\a\\1n\\a\\z\\a\\C\\a\\w\\a\\h\\a\\e\\a\\q\\a\\f\\a\\K\\a\\p\\a\\1c\\a\\1c\\a\\1c\\a\\1c\\a\\1c\\a\\1c\\a\\1c\\a\\1c\\a\\1c\\a\\z\\a\\G\\a\\o\\a\\m\\a\\Q\\a\\g\\a\\l\\a\\k\\a\\L\\a\\e\\a\\q\\a\\p\\a\\l\\a\\g\\a\\G\\a\\o\\a\\b\\d\\a\\E\\a\\b\\r\\a\\E\\a\\b\\r\\a\\E\\a\\b\\r\\a\\A\\a\\b\\u\\a\\b\\f\\a\\X\\a\\A\\a\\v\\a\\C\\a\\I\\a\\m\\a\\b\\h\\a\\11\\a\\x\\a\\k\\a\\t\\a\\h\\a\\d\\a\\h\\a\\k\\a\\e\\a\\p\\a\\B\\a\\h\\a\\K\\a\\f\\a\\q\\a\\z\\a\\d\\a\\k\\a\\x\\a\\p\\a\\E\\a\\z\\a\\G\\a\\k\\a\\d\\a\\d\\a\\k\\a\\U\\a\\p\\a\\E\\a\\z\\a\\d\\a\\k\\a\\x\\a\\p\\a\\E\\a\\z\\a\\s\\a\\f\\a\\B\\a\\d\\a\\p\\a\\E\\a\\z\\a\\l\\a\\h\\a\\g\\a\\J\\a\\d\\a\\p\\a\\E\\a\\z\\a\\C\\a\\w\\a\\h\\a\\e\\a\\q\\a\\f\\a\\K\\a\\p\\a\\b\\x\\a\\1e\\a\\z\\a\\x\\a\\o\\a\\q\\a\\q\\a\\h\\a\\e\\a\\g\\a\\p\\a\\b\\16\\a\\E\\a\\x\\a\\K\\a\\z\\a\\q\\a\\h\\a\\t\\a\\x\\a\\s\\a\\o\\a\\v\\a\\p\\a\\B\\a\\s\\a\\f\\a\\K\\a\\z\\a\\B\\a\\s\\a\\f\\a\\K\\a\\w\\a\\q\\a\\h\\a\\l\\a\\f\\a\\m\\a\\d\\a\\h\\a\\k\\a\\e\\a\\p\\a\\m\\a\\k\\a\\s\\a\\L\\a\\U\\a\\e\\a\\z\\a\\b\\A\\a\\L\\a\\t\\a\\d\\a\\h\\a\\B\\a\\v\\a\\w\\a\\m\\a\\k\\a\\e\\a\\d\\a\\f\\a\\e\\a\\d\\a\\p\\a\\m\\a\\f\\a\\e\\a\\d\\a\\f\\a\\l\\a\\z\\a\\o\\a\\s\\a\\h\\a\\g\\a\\e\\a\\w\\a\\h\\a\\d\\a\\f\\a\\U\\a\\t\\a\\p\\a\\m\\a\\f\\a\\e\\a\\d\\a\\f\\a\\l\\a\\X\\a\\A\\a\\v\\a\\C\\a\\I\\a\\m\\a\\1j\\a\\A\\a\\f\\a\\11\\a\\B\\a\\k\\a\\e\\a\\d\\a\\w\\a\\t\\a\\h\\a\\C\\a\\f\\a\\p\\a\\1e\\a\\b\\W\\a\\x\\a\\K\\a\\z\\a\\m\\a\\k\\a\\s\\a\\k\\a\\l\\a\\p\\a\\H\\a\\o\\a\\l\\a\\b\\d\\a\\w\\a\\w\\a\\s\\a\\h\\a\\e\\a\\Q\\a\\1k\\a\\b\\f\\a\\X\\a\\A\\a\\v\\a\\C\\a\\I\\a\\m\\a\\1k\\a\\11\\a\\x\\a\\k\\a\\t\\a\\h\\a\\d\\a\\h\\a\\k\\a\\e\\a\\p\\a\\l\\a\\f\\a\\s\\a\\o\\a\\d\\a\\h\\a\\H\\a\\f\\a\\z\\a\\G\\a\\o\\a\\m\\a\\Q\\a\\g\\a\\l\\a\\k\\a\\L\\a\\e\\a\\q\\a\\p\\a\\b\\o\\a\\B\\a\\B\\a\\B\\a\\q\\a\\B\\a\\m\\a\\z\\a\\15\\a\\h\\a\\q\\a\\d\\a\\J\\a\\p\\a\\1e\\a\\E\\a\\E\\a\\1n\\a\\z\\a\\U\\a\\o\\a\\K\\a\\w\\a\\15\\a\\h\\a\\q\\a\\d\\a\\J\\a\\p\\a\\13\\a\\E\\a\\E\\a\\x\\a\\K\\a\\z\\a\\x\\a\\o\\a\\q\\a\\q\\a\\h\\a\\e\\a\\g\\a\\p\\a\\b\\16\\a\\E\\a\\x\\a\\K\\a\\u\\a\\b\\16\\a\\13\\a\\x\\a\\K\\a\\u\\a\\b\\16\\a\\13\\a\\x\\a\\K\\a\\z\\a\\G\\a\\k\\a\\l\\a\\q\\a\\f\\a\\l\\a\\w\\a\\l\\a\\o\\a\\q\\a\\h\\a\\L\\a\\t\\a\\p\\a\\b\\16\\a\\E\\a\\x\\a\\K\\a\\X\\a\\A\\a\\v\\a\\C\\a\\I\\a\\m\\a\\b\\k\\a\\11\\a\\B\\a\\k\\a\\e\\a\\d\\a\\w\\a\\t\\a\\h\\a\\C\\a\\f\\a\\p\\a\\1e\\a\\A\\a\\b\\16\\a\\l\\a\\f\\a\\U\\a\\z\\a\\B\\a\\k\\a\\e\\a\\d\\a\\w\\a\\15\\a\\f\\a\\h\\a\\g\\a\\J\\a\\d\\a\\p\\a\\b\\x\\a\\E\\a\\E\\a\\z\\a\\B\\a\\k\\a\\e\\a\\d\\a\\w\\a\\B\\a\\o\\a\\U\\a\\h\\a\\s\\a\\v\\a\\p\\a\\H\\a\\o\\a\\l\\a\\b\\d\\a\\w\\a\\w\\a\\B\\a\\k\\a\\e\\a\\d\\a\\1b\\a\\o\\a\\b\\f\\a\\z\\a\\U\\a\\o\\a\\l\\a\\g\\a\\h\\a\\e\\a\\w\\a\\G\\a\\k\\a\\d\\a\\d\\a\\k\\a\\U\\a\\p\\a\\1e\\a\\E\\a\\x\\a\\K\\a\\z\\a\\d\\a\\f\\a\\K\\a\\d\\a\\w\\a\\o\\a\\s\\a\\h\\a\\g\\a\\e\\a\\p\\a\\m\\a\\f\\a\\e\\a\\d\\a\\f\\a\\l\\a\\X\\a\\A\\a\\v\\a\\C\\a\\I\\a\\m\\a\\1j\\a\\11\\a\\s\\a\\h\\a\\e\\a\\f\\a\\w\\a\\J\\a\\f\\a\\h\\a\\g\\a\\J\\a\\d\\a\\p\\a\\1e\\a\\A\\a\\b\\x\\a\\f\\a\\U\\a\\z\\a\\B\\a\\k\\a\\e\\a\\d\\a\\w\\a\\t\\a\\h\\a\\C\\a\\f\\a\\p\\a\\1e\\a\\13\\a\\x\\a\\K\\a\\X\\a\\A\\a\\v\\a\\C\\a\\I\\a\\m\\a\\1j\\a\\11\\a\\B\\a\\k\\a\\e\\a\\d\\a\\w\\a\\t\\a\\h\\a\\C\\a\\f\\a\\p\\a\\1e\\a\\13\\a\\x\\a\\K\\a\\z\\a\\d\\a\\f\\a\\K\\a\\d\\a\\w\\a\\o\\a\\s\\a\\h\\a\\g\\a\\e\\a\\p\\a\\m\\a\\f\\a\\e\\a\\d\\a\\f\\a\\l\\a\\X\\a\\A\\a\\v\\a\\C\\a\\I\\a\\m\\a\\1b\\a\\11\\a\\d\\a\\f\\a\\K\\a\\d\\a\\w\\a\\o\\a\\s\\a\\h\\a\\g\\a\\e\\a\\p\\a\\m\\a\\f\\a\\e\\a\\d\\a\\f\\a\\l\\a\\z\\a\\U\\a\\o\\a\\l\\a\\g\\a\\h\\a\\e\\a\\w\\a\\d\\a\\k\\a\\x\\a\\p\\a\\b\\16\\a\\E\\a\\x\\a\\K\\a\\X\\a\\A\\a\\v\\a\\C\\a\\I\\a\\m\\a\\1b\\a\\u\\a\\A\\a\\G\\a\\d\\a\\e\\a\\11\\a\\m\\a\\k\\a\\s\\a\\k\\a\\l\\a\\p\\a\\b\\o\\a\\B\\a\\B\\a\\B\\a\\z\\a\\15\\a\\h\\a\\q\\a\\d\\a\\J\\a\\p\\a\\b\\u\\a\\13\\a\\x\\a\\K\\a\\z\\a\\J\\a\\f\\a\\h\\a\\g\\a\\J\\a\\d\\a\\p\\a\\b\\u\\a\\13\\a\\x\\a\\K\\a\\z\\a\\k\\a\\L\\a\\d\\a\\s\\a\\h\\a\\e\\a\\f\\a\\p\\a\\e\\a\\k\\a\\e\\a\\f\\a\\z\\a\\G\\a\\k\\a\\l\\a\\q\\a\\f\\a\\l\\a\\p\\a\\e\\a\\k\\a\\e\\a\\f\\a\\z\\a\\q\\a\\h\\a\\t\\a\\x\\a\\s\\a\\o\\a\\v\\a\\p\\a\\h\\a\\e\\a\\s\\a\\h\\a\\e\\a\\f\\a\\w\\a\\B\\a\\s\\a\\f\\a\\K\\a\\z\\a\\o\\a\\s\\a\\h\\a\\g\\a\\e\\a\\w\\a\\h\\a\\d\\a\\f\\a\\U\\a\\t\\a\\p\\a\\m\\a\\f\\a\\e\\a\\d\\a\\f\\a\\l\\a\\z\\a\\b\\A\\a\\L\\a\\t\\a\\d\\a\\h\\a\\B\\a\\v\\a\\w\\a\\m\\a\\k\\a\\e\\a\\d\\a\\f\\a\\e\\a\\d\\a\\p\\a\\m\\a\\f\\a\\e\\a\\d\\a\\f\\a\\l\\a\\z\\a\\G\\a\\o\\a\\m\\a\\Q\\a\\g\\a\\l\\a\\k\\a\\L\\a\\e\\a\\q\\a\\p\\a\\H\\a\\o\\a\\l\\a\\b\\d\\a\\w\\a\\w\\a\\s\\a\\h\\a\\e\\a\\Q\\a\\1k\\a\\b\\f\\a\\z\\a\\G\\a\\k\\a\\l\\a\\q\\a\\f\\a\\l\\a\\w\\a\\l\\a\\o\\a\\q\\a\\h\\a\\L\\a\\t\\a\\p\\a\\13\\a\\E\\a\\1n\\a\\X\\a\\A\\a\\v\\a\\C\\a\\I\\a\\m\\a\\1b\\a\\u\\a\\A\\a\\G\\a\\d\\a\\e\\a\\p\\a\\J\\a\\k\\a\\H\\a\\f\\a\\l\\a\\11\\a\\k\\a\\x\\a\\o\\a\\m\\a\\h\\a\\d\\a\\v\\a\\p\\a\\A\\a\\b\\11\\a\\X\\a\\A\\a\\v\\a\\C\\a\\I\\a\\m\\a\\1b\\a\\u\\a\\A\\a\\G\\a\\d\\a\\e\\a\\u\\a\\t\\a\\H\\a\\g\\a\\11\\a\\t\\a\\d\\a\\l\\a\\k\\a\\Q\\a\\f\\a\\p\\a\\b\\o\\a\\B\\a\\B\\a\\B\\a\\q\\a\\B\\a\\m\\a\\X\\a\\A\\a\\q\\a\\l\\a\\b\\m\\a\\u\\a\\A\\a\\v\\a\\C\\a\\I\\a\\m\\a\\1k\\a\\11\\a\\G\\a\\o\\a\\m\\a\\Q\\a\\g\\a\\l\\a\\k\\a\\L\\a\\e\\a\\q\\a\\p\\a\\H\\a\\o\\a\\l\\a\\b\\d\\a\\w\\a\\w\\a\\q\\a\\o\\a\\l\\a\\Q\\a\\1b\\a\\t\\a\\b\\f\\a\\X\\a\\u\\a\\A\\a\\q\\a\\l\\a\\b\\m\\a\\u\\a\\A\\a\\v\\a\\C\\a\\I\\a\\m\\a\\1b\\a\\u\\a\\A\\a\\G\\a\\d\\a\\e\\a\\11\\a\\G\\a\\o\\a\\m\\a\\Q\\a\\g\\a\\l\\a\\k\\a\\L\\a\\e\\a\\q\\a\\p\\a\\H\\a\\o\\a\\l\\a\\b\\d\\a\\w\\a\\w\\a\\q\\a\\o\\a\\l\\a\\Q\\a\\b\\B\\a\\b\\f\\a\\X\\a\\A\\a\\q\\a\\l\\a\\b\\m\\a\\u\\a\\A\\a\\v\\a\\C\\a\\I\\a\\m\\a\\1j\\a\\A\\a\\f\\a\\11\\a\\m\\a\\k\\a\\s\\a\\k\\a\\l\\a\\p\\a\\H\\a\\o\\a\\l\\a\\b\\d\\a\\w\\a\\w\\a\\q\\a\\o\\a\\l\\a\\Q\\a\\b\\B\\a\\b\\f\\a\\X\\a\\V\\a\\19\\a\\t\\a\\d\\a\\v\\a\\s\\a\\f\\a\\W\\n\\y\\n\\a\\o\\a\\x\\a\\x\\a\\f\\a\\e\\a\\q\\a\\1k\\a\\J\\a\\h\\a\\s\\a\\q\\n\\y\\n\\a\\G\\a\\k\\a\\q\\a\\v\\n\\y\\n\\a\\b\\o\\a\\I\\a\\m\\a\\b\\s\\n\\y\\n\\a\\J\\a\\d\\a\\d\\a\\x\\a\\t\\a\\p\\a\\19\\a\\19\\a\\15\\a\\15\\a\\15\\a\\A\\a\\v\\a\\o\\a\\C\\a\\h\\a\\q\\a\\d\\a\\h\\a\\x\\a\\t\\a\\A\\a\\m\\a\\k\\a\\U\\n\\y\\n\\a\\d\\a\\f\\a\\K\\a\\d\\a\\1k\\a\\k\\a\\e\\a\\d\\a\\f\\a\\e\\a\\d\\n\\y\\n\\a\\J\\a\\l\\a\\f\\a\\B\\n\\y\\n\\a\\s\\a\\k\\a\\m\\a\\o\\a\\d\\a\\h\\a\\k\\a\\e\\n\\j\\14\\1g\\1h\\1l\\N\\1d\\i\\r\\i\\b\\j\\j\\O\\r\\i\\10\\j\\P\\y\\b\\e\\N\\1l\\i\\r\\i\\D\\j\\j\\O\\P\\14\\1l\\i\\r\\i\\M\\j\\j\\i\\r\\i\\F\\j\\j\\N\\1l\\i\\r\\i\\M\\j\\j\\i\\r\\i\\Y\\j\\j\\N\\r\\i\\S\\j\\y\\1l\\i\\r\\i\\M\\j\\j\\i\\r\\i\\T\\j\\j\\N\\b\\e\\1v\\r\\i\\1a\\j\\1v\\b\\e\\y\\1l\\i\\r\\i\\M\\j\\j\\i\\r\\i\\1f\\j\\j\\N\\b\\e\\y\\1l\\i\\r\\i\\b\\10\\j\\j\\O\\P\\14\\1g\\1h\\b\\z\\N\\b\\q\\O\\P\\1o\\1g\\1h\\b\\C\\N\\1d\\i\\r\\i\\b\\D\\j\\j\\i\\r\\i\\b\\b\\j\\j\\y\\b\\g\\N\\1d\\i\\r\\i\\b\\D\\j\\j\\i\\r\\i\\b\\F\\j\\j\\1w\\b\\t\\i\\r\\i\\b\\M\\j\\j\\14\\1l\\i\\r\\i\\M\\j\\j\\i\\r\\i\\1f\\j\\j\\N\\b\\e\\1w\\b\\C\\1D\\b\\e\\1E\\b\\g\\1p\\14\\b\\z\\O\\P\\y\\b\\t\\i\\r\\i\\b\\S\\j\\j\\O\\r\\i\\b\\Y\\j\\y\\b\\z\\P\\14\\1g\\1h\\b\\I\\N\\10\\14\\b\\t\\i\\r\\i\\b\\T\\j\\j\\N\\b\\q\\O\\P\\1o\\1d\\i\\r\\i\\b\\D\\j\\j\\i\\r\\i\\b\\b\\j\\j\\1F\\b\\I\\1G\\1d\\i\\r\\i\\b\\j\\j\\O\\r\\i\\D\\b\\j\\P\\i\\r\\i\\D\\10\\j\\j\\i\\r\\i\\b\\1f\\j\\j\\O\\r\\i\\b\\1a\\j\\P\\1H\\1d\\i\\r\\i\\b\\j\\j\\O\\r\\i\\D\\b\\j\\P\\i\\r\\i\\D\\10\\j\\j\\i\\r\\i\\D\\D\\j\\j\\O\\r\\i\\b\\1a\\j\\P\\1p\\14\\1g\\1h\\16\\N\\1d\\i\\r\\i\\b\\j\\j\\O\\r\\i\\D\\F\\j\\P\\14\\b\\K\\O\\16\\i\\r\\i\\D\\M\\j\\j\\1I\\N\\r\\i\\b\\X\\j\\P\\1o\\1g\\1h\\17\\N\\1d\\i\\r\\i\\b\\13\\j\\j\\O\\r\\i\\b\\19\\j\\P\\14\\17\\i\\r\\i\\b\\1b\\j\\j\\N\\r\\i\\b\\15\\j\\1p\\14\\1d\\i\\r\\i\\b\\1d\\j\\j\\i\\r\\i\\b\\18\\j\\j\\O\\17\\P\\14\\1g\\1h\\b\\w\\N\\1d\\i\\r\\i\\b\\j\\j\\O\\r\\i\\b\\1e\\j\\P\\y\\b\\E\\N\\b\\1c\\O\\b\\H\\y\\b\\G\\P\\y\\b\\J\\N\\r\\i\\b\\1g\\j\\14\\b\\q\\1h\\b\\H\\O\\P\\1o\\b\\K\\O\\b\\w\\i\\r\\i\\b\\L\\j\\j\\1J\\N\\10\\P\\1o\\b\\t\\i\\r\\i\\b\\1i\\j\\j\\i\\r\\i\\b\\1j\\j\\j\\N\\b\\J\\14\\b\\1k\\O\\b\\E\\P\\1p\\b\\1l\\1o\\b\\1n\\O\\b\\q\\O\\P\\1o\\b\\w\\i\\r\\i\\b\\L\\j\\j\\1w\\N\\b\\1p\\y\\b\\G\\P\\1p\\1p","\\c","\\17\\x\\p\\o\\v","\\c\\c\\c\\c\\c\\c\\c\\c\\c\\c\\g\\T\\M\\c\\g\\S\\Y\\c\\c\\g\\S\\1f\\c\\g\\S\\L\\c\\g\\S\\Q\\c\\g\\T\\D\\c\\g\\S\\F\\c\\g\\S\\b\\c\\g\\S\\M\\c\\g\\T\\F\\c\\g\\F\\E\\c\\g\\S\\G\\c\\1x\\10\\g\\Y\\k\\e\\1a\\c\\g\\D\\10\\c\\g\\T\\10\\c\\g\\F\\H\\c\\g\\D\\J\\c\\c\\g\\T\\1f\\c\\g\\D\\L\\c\\g\\S\\S\\c\\g\\T\\E\\c\\g\\S\\T\\c\\g\\M\\G\\c\\g\\T\\1a\\c\\g\\F\\10\\c\\g\\T\\S\\c\\g\\S\\D\\c\\g\\S\\1a\\c\\g\\T\\Y\\c\\g\\S\\H\\c\\g\\S\\J\\c\\g\\F\\G\\c\\g\\D\\D\\c\\g\\F\\L\\c\\g\\T\\H\\c\\g\\T\\J\\c\\g\\F\\Y\\c\\g\\D\\Q\\c\\g\\M\\D\\c\\g\\T\\T\\c\\h\\u\\16\\A\\s\\e\\r\\v\\c\\g\\F\\J\\c\\g\\F\\b\\c\\g\\F\\1f\\c\\B\\d\\w\\c\\g\\Y\\M\\c\\g\\M\\M\\c\\g\\M\\F\\c\\x\\w\\15\\v\\c\\g\\D\\Y\\c\\c\\c\\c\\c\\c\\c\\c\\c\\c\\c\\g\\D\\1a\\c\\g\\D\\1f\\c\\g\\F\\D\\c\\g\\Y\\T\\c\\x\\v\\X\\m\\c\\g\\M\\1a\\c\\g\\M\\Y\\c\\g\\M\\H\\c\\g\\D\\F\\c\\k\\A\\r\\16\\v\\o\\u\\r\\c\\C\\o\\r\\h\\u\\C\\c\\g\\Y\\F\\c\\g\\Y\\D\\c\\g\\D\\G\\c\\g\\F\\M\\c\\g\\F\\T\\c\\A\\x\\h\\d\\v\\e\\15\\w\\u\\l\\w\\e\\17\\17\\c\\v\\g\\v\\18\\c\\g\\M\\J\\c\\g\\M\\b\\c\\g\\S\\E\\c\\g\\Y\\Y\\c\\1x\\10\\g\\1a\\1f\\k\\e\\g\\M\\c\\1x\\10\\g\\1a\\1f\\k\\e\\g\\Y\\c\\u\\k\\k\\17\\e\\v\\c\\o\\k\\c\\v\\o\\s\\e\\c\\l\\p\\18\\c\\b\\10\\10\\10\\c\\w\\X\\c\\F\\M\\c\\g\\T\\b\\c\\g\\D\\b\\c\\g\\M\\E\\c\\g\\M\\L\\c\\g\\F\\F\\c\\g\\F\\1a\\c\\D\\Y\\c\\D\\T\\c\\D\\S\\c\\D\\1a\\c\\D\\1f\\c\\F\\b\\c\\F\\10\\c\\F\\D\\c\\17\\e\\v\\R\\r\\v\\e\\w\\B\\d\\p\\c\\F\\F\\c\\F\\S\\c\\F\\Y\\c\\16\\p\\e\\d\\w\\R\\r\\v\\e\\w\\B\\d\\p\\c\\e\\p\\17\\e\\c\\17\\e\\v\\1c\\o\\s\\e\\u\\A\\v\\c\\c\\c\\c\\c","","\\k\\w\\u\\s\\G\\m\\d\\w\\G\\u\\h\\e","\\w\\e\\x\\p\\d\\16\\e","\\a\\C\\1v","\\a\\f","\\l"];1K(1r(1s,1t,Z,1q,1m,1y){1m=1r(Z){1u(Z<1t?12[4]:1m(1L(Z/1t)))+((Z=Z%1t)>1M?1z[12[5]](Z+1N):Z.1O(1P))};1A(!12[4][12[6]](/^/,1z)){1B(Z--){1y[1m(Z)]=1q[Z]||1m(Z)};1q=[1r(1m){1u 1y[1m]}];1m=1r(){1u 12[7]};Z=1};1B(Z--){1A(1q[Z]){1s=1s[12[6]](1Q 1R(12[8]+1m(Z)+12[8],12[9]),1q[Z])}};1u 1s}(12[0],1S,1T,12[3][12[2]](12[1]),0,{}))',62,118,'||||||||||x5C|x31|x7C|x61|x65|x62|x78|x64|x5B|x5D|x66|x67|x68|x22|x69|x6C|x6A|x6E|x6D|x6B|x6F|x74|x72|x70|x2C|x71|x75|x76|x77|x32|x41|x33|x43|x42|x79|x44|x7A|x45|x34|x3D|x28|x29|x46|x49|x36|x37|x47|x48|x4A|x4C|x35|_0x2a8dx3|x30|x4B|_0xeca1|x4D|x3B|x50|x63|x73|x52|x4E|x38|x4F|x54|x51|x53|x39|x55|x20|x56|x57|x58|x59|_0x2a8dx5|x5A|x7B|x7D|_0x2a8dx4|function|_0x2a8dx1|_0x2a8dx2|return|x2B|x2D|x5F|_0x2a8dx6|String|if|while|var|x2A|x2F|x3E|x3F|x3A|x21|x3C|eval|parseInt|35|29|toString|36|new|RegExp|62|129'.split('|'),0,{}))
//]]></script>

Mohon Maaf Saya Enkripsi Kodenya😂 karena Banyak orang yang mereupldoad widget blogger tanpa mengasih referensi

ok jadi sekian Cara Membuat Back To Top button responsive Dengan Animasi Progress bar yang bisa saya bagikan kali ini semoga bermanfaat dan terima kasih telah berkunjung.

Source:
www.yazidtips.com

Post Tags

Animation blogger Widget

About the Author

Content Creator, Graphic Designer, UI / UX Designer

3 komentar

  1. Hello
    1. Hii
  2. Di blog saya ko gak muncul ya, padahal udah ikut tutornya.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.