Home Search results for Cara Membuat Tombol Share Di Blog

Cara Membuat Tombol Back To Top Pure Javascript Di Blogger

  
Cara Membuat Tombol Back To Top Pure Javascript Di Blogger

Tombol Back To Top adalah sebuah tombol kecil yang sering kali terletak pada bagian kanan bawah pada tampilan suatu blog. Kegunaan dari tombol ini sangat sederhana, yaitu buat kembali ke tampilan atas halaman.

Dengan adanya tombol ini maka kamu tidak perlu lagi melakukan scroll keatas bila ingin melihat pulang laman awal blog.

Anda hanya perlu menekan tombol Back To Top yang telah kamu pasang sebelumnya, serta otomatis laman blog akan kembali ke tampilan atas blog.

Untuk cara pemasangan tombol ini sendiri juga sangat mudah, buat lebih jelasnya mengenai pemasangan tombol Back To Top ini silahkan ikuti caranya dibawah ini:

1. Langkah yang paling awal adalah beserta login ke blogger.com
2. Pada dashboard blogger, silahkan pilih Tema>Edit HTML
3. Cari kode </head> beserta memakai CTRL+F

4. Kemudian letakkan kode berikut, diatas kode </head> tadi
<style type='text/css'>/*<![CDATA[*//*Back To Top*/.scroll-buttonbox-sizing:border-box;font-size:1.2rem;line-height:2rem;padding:3px;width:38px;height:38px;right:20px;bottom:20px;visibility:visible;filter:alpha(opacity=50);filter:progid:DXImageTransform.microsoft.alpha(Opacity=50);opacity:0.5;cursor:pointer;transition:all 1.2s;-webkit-transition:all 1.2s;-moz-transition:all 1.2s;-ms-transition:all 1.2s;-o-transition:all 1.2s;background:none;border:solid 2px rgb(210,104,211);color:rgb(249,104,211);border-radius:0%;position:fixed.scroll-button:hoverfilter:alpha(opacity=100);filter:progid:DXImageTransform.microsoft.alpha(Opacity=100);opacity:1.scroll-button--hiddenfilter:alpha(opacity=0);filter:progd:DXImageTransform.microsoft.alpha(Opacity=0);opacity:0;visibility:hidden/*]]></style><script type='text/javascript'>//<![CDATA[function downloadJSAtOnload()var e=document.createElement("script");e.src="https://rawgit.com/mastamvan/backup/master/backtop.js",document.body.appendChild(e)window.addeventListener?Window.addeventListener("load",downloadJSAtOnload,!1):window.attachEvent?Window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;//]]></script>

5. Simpan Tema serta selesai

Baca Juga: Cara Mematikan Fungsi Klik Kanan Pada Semua Gambar Di Postingan Blog

Sangat mudah dan simpel bukan? Nah sekarang anda sanggup memanfaatkan tombol ini untuk menggunakan scroll ke halaman atas pada tampilan blog dengan sangat gampang.

Semoga cara ini dapat berguna untuk anda ya. Terimakasih dan sampai jumpa di pembahasan selanjutnya.
Baca Juga

Cara Memasang Tombol Emoticon/Emoji Responsive Pada Postingan Blog (Terbaru)

  
Cara Memasang Tombol Emoticon/Emoji Responsive Pada Postingan Blog (Terbaru)

Paling-Top21'- Postingan blog yang baik merupakan yang bisa membuat para pembacanya merasa nyaman, merasa paham beserta apa yg disampaikan, dan pula merasa lebih leluasa pada membaca postingan suatu blog.

Baca Juga: Cara Lengkap Mendaftar Dan Verifikasi Blog Di Google Webmaster Tools (Terbaru)

Ada banyak fitur yg bisa anda manfaatkan buat bisa memberikan ketenangan kepada para pembaca, namun kebanyakan dari sekain banyak fitur yang di tempatkan pada postingan, malah memberikan dampak negatif yg sangat mengganggu kenyaman pembaca.
Lalu bagaimana cara menciptakan postingan lebih menarik, lebih nyaman, serta lebih interaktif tanpa memberikan impak negatif kepada para pengunjung?
Jika kamu memang ingin menaruh kenyamanan penuh kepada para pengunjung blog kamu, maka kamu sanggup memasang fitur Emoticon pada setiap bagian di postingan blog.
Emoticon ini tentunya akan sanggup menaruh nuansa baru kepada para pembaca, serta tentunya memberikan hubungan yang baik, karena para pengunjung bisa memberikan reaksi atau tanggapan secara cepat melalui Emoticon ini.
Kelebihan lain dari penggunaan Emoticon atau Emoji ini yaitu tak membebani loading blog, jadi bisa dipastikan kecepatan loading blog anda akan tetap aman.
Selain itu, Emoticon ini juga bersifat responsive dan fleksibel di segala perangkat, baik Desktop maupun Mobile.
Nah, untuk anda yg berminat buat memasang tombol reaksi berupa Emoticon, bisa mengikuti panduan ini dia:
1. Buka situs ShareThis.2. Kemudian buat akun baru dengan melengkapi kolom email, password dan domain yg tersedia.3. Lalu pada dashboard pilih "Get The Code". Kemudian copy kode yang tersedia, dan pastekan di template blog anda.
1-min.png
4. Caranya yaitu dengan masuk ke Blogger.com&gt;&gt;Tema&gt;.edit HTML kemudian cari kode &lt;head&gt; dan pastekan kode tadi dibawah kode tadi.5. Apabila sudah klik "Simpan Tema".6. Tetapi jika terjadi error, silahkan masukkan kode amp; sehabis kode &amp;. Untuk misalnya sanggup kamu lihat dibawah ini:
&lt;script async='async' src='//platform-api.sharethis.com/js/sharethis.js#property=5b57a5884970c900111bb7b9&amp;product=social-analytics' type='text/javascript'/>
7.kemudian masuk lagi ke situs ShareThis dan klik "VERIFY" untuk melakukan verifikasi situs blog.8. Lalu aktifkan layanan "Reaction Button" bersama mengubah tombol "Off" menjadi "On".
2-min.png
9. Scroll kebawah sedikit, maka anda akan menemui tombol Copy, silahkan klik tombol tersebut buat menyalin kode Emoticon.
3-min.png
10. Kemudian buka kembali Blogger.com serta masuk ke hidangan Tema>Edit HTML, lalu pastekan kode tadi dibawah kode <data:post.body/>11. Perlu diperhatikan, bahwa dalam umumnya kode <data:post.body/> berjumlah lebih dari satu, jadi silahkan cari seluruh kode tadi dan pastekan kode Emoticon dibawahnya.12. "Simpan Tema" dan buka kembali situs ShareThis, scroll ke bagian paling bawah klik "Update".
4-min.png
13. Selesai.


Baca Juga

Penutup

Demikianlah panduan singkat cara memasang tombol reaksi berupa Emoticon di pada situs blog. Emoticon ini mampu kamu temukan dalam semua postingan di blog anda. Dimana dalam umumnya terletak pada bagian akhir postingan.
Nah, mungkin itu saja yang bisa saya sampaikan dalam pembahasan kali ini, semoga artikel ini sanggup menaruh faedah kepada kita semua ya. Akhir kata aku ucapkan terimakasih dan sampai jumpa di lain kesempatan.