Thursday 30 November 2017

Cara memasang back to top and down di blog blogspot ringan dan responsive
Cara memasang back to top and down di blog blogspot ringan dan responsive


Back to Top dan back to down merupakan bagian dari trend desain website/blog karena user friendly, yaitu berfungsi memudahkan pengunjung kembali ke halaman bagian teratas dengan satu klik dan juga sebaliknya. Tidak harus scroll atau "usap layar" (HP). Tinggal klik, maka halaman otomatis kembali ke atas atau kebawah.

langsung saja berikut ini adalah langkah-langkahnya :

1. Klik template, pilih "edit html".
2. Lalu kamu cari [ ctrl + f ] kode berikut ]]></b:skin>
3. Lalu kamu taruh kode ini di atas kode ]]></b:skin>

#Enjoy{speed:20sec;display:scroll;position:fixed;bottom:15px;right:70px;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}

4. Lalu kamu taruh script di bawah ini, tepat di bawah kode <body>

<div id='Enjoy'>
    <a href='#' title='Ke Atas Halaman'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZYVm8K8D-XazwfSXZuk-1_cCj79iYZUvQDgEYLnteoJl7Raz7aTNWEpyYCJf-J2nnlnUIgrHpYSF3KdwLhU-Xyp3r0Z9NlHVSSsajX6vKYqqr2hiHtUi3z1koc74s7InJG1IbQH6X5c8/s1600/top.PNG'/></a>
    <a href='#footer' title='Ke bawah halaman'>
    <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3pfEM4XQi9yBJdlc1Ng7R23laH_egr4GjtzF_eirPr3FRu5hLYdDM9R5QHX0vuTi6nSLWD9yQeGnBMhhHlmojp7v_pwef3cVZr7_9lPyddEkmQfJ2GIMLQVAHyux6JJYtcpde1NwuaFY/s1600/down.PNG'/></a>
    </div>

5. save template. semoga berhasil
Baca Juga

Artikel Terkait

1 Response to "Cara memasang back to top and down di blog blogspot ringan dan responsive"