Cara Memasang Tombol Tepuk Tangan atau Applause Button di Blogger

Oke kali ini saya akan membahas cara memasang tombol tepuk tangan di blogger. Seperti biasanya dalam sebuah blog di Blogger hanya memasang tombol share artikel yang sering kita liat seperti Whatsapp, Facebook dsb.

Kali ini saya akan membagikan cara memasang tombol tepuk tangan atau dalam bahasa gaul nya di sebut Applause Button di dalam postingan Blogger.

Selain mudah untuk memasang nya ternyata memasang tombol tepuk tangan tersebut memiliki keuntungan, salah satunya dapat menunjukkan seberapa bagus dan berguna postingan yang dipublikasikan. Memasang tombol Applause button bisa dimanfaatkan sebagai patokan pembayaran untuk penulis di blog kalian.

Salah satunya yang menerapkan cara tersebut yaitu Medium, yaitu sebuah platform untuk menyalurkan ide dalam bentuk tulisan. Penulis di Medium dibayar sesuai dengan lama membaca artikel dan jumlah tepuk tangan yang diperoleh dari artikel tersebut.

Jika kalian ingin membuka loker (Lowongan Pekerjaan) menulis di blog kalian maka kalian akan mendapatkan pembayaran. Sesuai yang di bicarakan di atas maka penulis akan mendapatkan bayaran sesuai dengan jumlah klik Applause Button yang kalian dapat.

Cara Memasang Tombol Applause Button atau Tepuk tangan di Blogger :

1. Masuk ke akun Blogger.

2. Pilih menu template > Edit HTML.

3. Selanjutnya cari ke </head> biasanya ada di bagian tengah. Lalu tempelkan kode dibawah ini tepat di atasnya kode yang tadi. 

<link href='https://cdn.statically.io/gh/shofisetiawan/bangopit-applause-button/8ce883e7/bangopit-applause-button.css' rel='stylesheet'/>

4. Selanjutnya cari kode </body> biasanya ada di bagian bawah. Lalu tempelkan kode dibawah ini tepat di atasnya kode yang tadi.

<script src='https://cdn.statically.io/gh/shofisetiawan/bangopit-applause-button/8ce883e7/bangopit-applause-button.js'></script>

5. Terakhir tempelkan kode dibawah ini ditempat kalian inginkan dan selesai.

<applause-button style='width:58px;height:58px;'/>

Jika kalian ingin menampilkan tombol tepuk tangan di samping tombol share, maka tempelkan kode di atas class tombol share.

Berikut ini panduan tombol Applause Button atau Tepuk Tangan:

1. Mengubah ukuran tombol: Kalian tinggal ubah angka 58 yang saya tandai di atas. saat mengubah ukuran pastikan angka di width dan height harus sama.

2. Mengubah warna tombol: Kalian tinggal menambahkan kode color='namawarna', contohnya:

<applause-button color='red' style='width:58px;height:58px;'/>

3. Mengubah jumlah tepuk tangan setiap pembaca: Maksudnya yaitu secara default tombol ini hanya bisa di klik 1x oleh setiap pembaca. Jika kalian ingin membuat banyak klik maka cukup menambahkan multiclap='true', contohnya:

<applause-button multiclap='true' style='width:58px;height:58px;'/>

Demo

Sekian tutorial cara memasang tombol tepuk tangan atau Applause Button di Blogger. Semoga bermanfaat terimakasih.