Thursday, October 1, 2015

Menambahkan tombol "Share to Mindtalk" di Blogger

Hai semuanya..

Kali ini saya akan memberikan tutorial tentang bagaimana menambahkan tombol "Share to Mindtalk".




Mindtalk sendiri telah menyediakan cara untuk sharing content dari web kalian agar bisa dimasukkan ke halaman MINDTALK.


Langsung saja ya,,

Pertama kalian masuk dulu ke menu "Template" yang ada di sebelah kiri, kemudian pilih "Edit HTML". Sampai sini, kalian seharusnya bisa melihat template blog kalian dengan versi HTML.



Selanjutnya, cari tag penutup dari head. Nah, tepat diatas tag penutup head itu, kalian masukkan kode javascript yang bisa kalian dapat di halaman Halaman Developer Mindtalk. Kalian bisa lihat contohnya seperti pada gambar dibawah ini.



Langkah selanjutnya, kalian tentukan tempat dimana tombol "Share to Mindtalk" akan diletakkan, misalnya mau disebelah tombol Facebook, Twitter, Pinterest berada. Sebenarnya posisi ini bisa terserah kalian, tapi biar mudah memahami, ini saya beri contoh dari punya saya sendiri, yang mana tombol share ada dibawah post.

Untuk mencari tombol-tombol share yang tersedia, kita bisa cari tag didalam html yang bernama "shareButtons". Nah, didalam kita cari tempat yang tepat untuk meletakkan tombol "Share to Mindtalk".

Letakkan kode berikut dibawah tag
 <dg:share-button data-class="simple">Share to Mindtalk!</dg:share-button> 

Kode tersebut bisa kalian dapatkan juga di halaman Developer Mindtalk.

Sebagai contoh, saya letakkan di sebelah tombol share Pinterest.



Selesai.

Sekarang simpan template desain dan coba buka salah satu post yang ingin kalian share.



Selamat mencoba.

Kunjungi juga profil ku di Mindtalk.

Salam Mindtalkers.
Terima kasih.
Sampai jumpa lagi.

No comments:

Post a Comment