Cara Membuat Tombol ShareThis Melayang di Blogger
Cara Membuat Tombol Sosial Share Keren dan Responsive di Blogger
Meembuat Tombol share didalam blog merupakan salah satu cara untuk mendapatkan pengunjung yang lebih banyak untuk blog kita. Dengan membuat atau memasang Tombol share ini pengunjung ataupun pembaca akan lebih mudah membagikan artikel dari blog kita. Sebenarnya tombol Share ini pasti sudah tersedia pada setiap template yang digunakan, namun tampilannya hanya itu-itu saja dan hanya terdapat beberapa tombol share saja dan mungkin itu dirasa sangat kurang.
Dengan cara yang akan saya bagikan ini, kalian bisa lebih leluasa menentukan tombol share apa saja yang akan ditampilkan didalam blog kalian. selain itu, kalian bisa mengatur dan menentukan sendiri apa saja tombol share yang kalian inginkan. Tak hanya itu, kalian bisa membuat tombol lainnya seperti Tombol reaksi dan tombol Follow.
Ada 2 tipe tombol share yang akan saya bagikan kali ini, yang pertama Tombol share dengan efek melayang di pinggir halaman dan Tombol share yang dipasang di setiap postingan artikel. Caranya pun menurut saya terbilang sangat mudah untuk di praktekkan dan di ikuti. Jika kalian ingin memasang Widget ShareThis ini, Silahkan ikuti langkah-langkahnya.
Baca Juga :
Untuk tombol sahre melayang dan dibawah postingan, cara membuatnya sama saja. Jadi untuk langkah-langkahnya bisa langsung saya gabung keduanya.
1. Silahkan daftar terlebih dahulu dengan mengunjungi halaman ShareThis di https://platform.sharethis.com Atau https://platform.sharethis.com/sign-up
2. Silahkan isi Form Pendaftaran Sesuai data kalian. Jika sudah Centang Term Of Use lalu Get Started - Its' Free
3. Setelah masuk halaman awal ShareThis, Klik Get The Code, Untuk vertifikasi
4. Kemudian akan muncul "Get the code: copy and install sharethis.js" lalu klik tombol copy. Dan paste kode tersebut didalam template blog editor sebelum kode </head> Jika sudah ditambahkan, Simpan Tema
Jika terdapat error silahkan Parse Terlebih dahulu kodenya di HTML Converter atau kalau masih belum bisa silahkan tambahkan kode amp; pada link JS ShareThis.
Lihat contohnya dibawah ini:
Dan tambahkan dengan kode yang saya tandai menjadi seperti dibawah ini
Tapi menurut pengalaman pribadi saya, Jika terdapat error saat menyimpan kode dari sharethis tadi, Cukup dengan meng-konversinya saja. Dan error tadi ketika menyimpan tema sudah bisa diatasi.
5. Jika sudah menambhakan kode tadi ke dalam blog, kembali lagi kehalaman ShareThis dan klik Vertify.
Baca Juga :
Klik Menu Share Buttons. Dan tentukan style yang akan digunakan atau ditampilkan didalam blog. Saya kasih contoh untuk memilih Sticky Share Buttons Dan Inline Share Buttons, Aktifkan tombol dari off ke on, lalu pilih icon mana saja yang akan kalian gunakan atau tampilkan didalam blog. Untuk menu lainnya silahkan atur sendiri sesuai yang kalian butuhkan. Setelah selesai scroll kebawah lalu klik Update. Biar lebih jelasnya, silahkan lihat gambar dibawah,
Yang diberi kotak merah, merupakan pengaturan lainya yang bisa kalian sesuaikan sesuai kebutuhan di blog kalian. Untuk melihat pengaturan lainya, silahkan scroll kebawah dan Selesai, Tombol Share pun sudah terpasang didalam blog kalian.
Selain Tombol Share, Kalian bisa menambahkan tombol lainnya seperti, Reaction Buttons, Follow Buttons, GDPR dan lainnya. Silahkan kalian atur-atur sendiri sesuai kebutuhan kalian.
Baca Juga :
Demikian Cara Membuat Tombol ShareThis Melayang di Blogger. Gimana, sangat mudah bukan? Selain mempermudah pengunjung untuk membagikan postingan artikel, juga untuk mempercantik halaman blog kita. Semoga bisa diterapkan didalam blog kalian. Terima kasih sudah berkunjung
Meembuat Tombol share didalam blog merupakan salah satu cara untuk mendapatkan pengunjung yang lebih banyak untuk blog kita. Dengan membuat atau memasang Tombol share ini pengunjung ataupun pembaca akan lebih mudah membagikan artikel dari blog kita. Sebenarnya tombol Share ini pasti sudah tersedia pada setiap template yang digunakan, namun tampilannya hanya itu-itu saja dan hanya terdapat beberapa tombol share saja dan mungkin itu dirasa sangat kurang.
Dengan cara yang akan saya bagikan ini, kalian bisa lebih leluasa menentukan tombol share apa saja yang akan ditampilkan didalam blog kalian. selain itu, kalian bisa mengatur dan menentukan sendiri apa saja tombol share yang kalian inginkan. Tak hanya itu, kalian bisa membuat tombol lainnya seperti Tombol reaksi dan tombol Follow.
Ada 2 tipe tombol share yang akan saya bagikan kali ini, yang pertama Tombol share dengan efek melayang di pinggir halaman dan Tombol share yang dipasang di setiap postingan artikel. Caranya pun menurut saya terbilang sangat mudah untuk di praktekkan dan di ikuti. Jika kalian ingin memasang Widget ShareThis ini, Silahkan ikuti langkah-langkahnya.
Baca Juga :
- Cara Memasang Auto Refresh di Halaman Blog
- Cara Mudah Membuat Effect Double Click To Select Dengan Tag Selection 'kbd'
- 5 Situs Terbaik Untuk Belajar SEO
Untuk tombol sahre melayang dan dibawah postingan, cara membuatnya sama saja. Jadi untuk langkah-langkahnya bisa langsung saya gabung keduanya.
1. Silahkan daftar terlebih dahulu dengan mengunjungi halaman ShareThis di https://platform.sharethis.com Atau https://platform.sharethis.com/sign-up
2. Silahkan isi Form Pendaftaran Sesuai data kalian. Jika sudah Centang Term Of Use lalu Get Started - Its' Free
3. Setelah masuk halaman awal ShareThis, Klik Get The Code, Untuk vertifikasi
4. Kemudian akan muncul "Get the code: copy and install sharethis.js" lalu klik tombol copy. Dan paste kode tersebut didalam template blog editor sebelum kode </head> Jika sudah ditambahkan, Simpan Tema
Jika terdapat error silahkan Parse Terlebih dahulu kodenya di HTML Converter atau kalau masih belum bisa silahkan tambahkan kode amp; pada link JS ShareThis.
Lihat contohnya dibawah ini:
<script type='text/javascript' src='//platform-api.sharethis.com/js/sharethis.js#property=5c7e97a2cbb218001761d8f9&product=social-ab' async='async'></script>Dan tambahkan dengan kode yang saya tandai menjadi seperti dibawah ini
<script type='text/javascript' src='//platform-api.sharethis.com/js/sharethis.js#property=5c7e97a2cbb218001761d8f9&product=social-ab' async='async'></script>Tapi menurut pengalaman pribadi saya, Jika terdapat error saat menyimpan kode dari sharethis tadi, Cukup dengan meng-konversinya saja. Dan error tadi ketika menyimpan tema sudah bisa diatasi.
5. Jika sudah menambhakan kode tadi ke dalam blog, kembali lagi kehalaman ShareThis dan klik Vertify.
Baca Juga :
- Cara Mudah Mengetahui Tag Video Youtube Milik Orang Lain
- Cara Menambahkan Video Dari Youtube Kedalam Artikel Blog
Klik Menu Share Buttons. Dan tentukan style yang akan digunakan atau ditampilkan didalam blog. Saya kasih contoh untuk memilih Sticky Share Buttons Dan Inline Share Buttons, Aktifkan tombol dari off ke on, lalu pilih icon mana saja yang akan kalian gunakan atau tampilkan didalam blog. Untuk menu lainnya silahkan atur sendiri sesuai yang kalian butuhkan. Setelah selesai scroll kebawah lalu klik Update. Biar lebih jelasnya, silahkan lihat gambar dibawah,
Yang diberi kotak merah, merupakan pengaturan lainya yang bisa kalian sesuaikan sesuai kebutuhan di blog kalian. Untuk melihat pengaturan lainya, silahkan scroll kebawah dan Selesai, Tombol Share pun sudah terpasang didalam blog kalian.
Selain Tombol Share, Kalian bisa menambahkan tombol lainnya seperti, Reaction Buttons, Follow Buttons, GDPR dan lainnya. Silahkan kalian atur-atur sendiri sesuai kebutuhan kalian.
Baca Juga :
Demikian Cara Membuat Tombol ShareThis Melayang di Blogger. Gimana, sangat mudah bukan? Selain mempermudah pengunjung untuk membagikan postingan artikel, juga untuk mempercantik halaman blog kita. Semoga bisa diterapkan didalam blog kalian. Terima kasih sudah berkunjung