Cara Membuat Tombol Share Melayang di Blog Mudah
Teman pernah melihat blog-keren dengan tampilan menarik yang menyediakan tombol social media lengkap yang melayang atau menempel disamping blog Keren dan dinamis.
Kalau teman juga tertarik untuk memilikinya bisa kok itu bukan persoalan yang susah untuk memasangnya, kita dapat menyediakan tombol share melayang di blog mencoba sebagai tambahan kreasi blog agar lebih menarik dan berbeda.
Sahare Button Melayang atau Menempel keren dan responsiv.
Klik
 |
| Screnshot-sharethis.com |
Manfaatkan Perkembangan dan Fungsi Sosial Media untuk Blog
Template blog default memang sudah disediakan tombol Icon Social Media yang bisa di manfaatkan oleh pemilik blog, dan pengunjung, dengan icon Sahre Button!
Namaun dengan berkembangnya Social Media baru yang semakin banyak Tombol share yang lebih lengkap itu sepertinya perlukan, untuk menyediakan yang lebih lenkap lagi.
Sebagai alat promosion blog selain Google plus, facebook, tweeter, linkedin, pinterens, tumbler, Whatsapp, dan lainya.
Kalau urusan kepentingannya teman semua pasti sudah pada paham pentingnya media sosial untuk blog .
Sebagai seorang bloger tentunya ini sebuah peluang untuk promosi websit, serta altrnatif cara menaikan trafik pengunjung dengan memanfaatkan saluran Social Media lengkap.
Baiklah kalau teman semua juga tertarik silahkan diikuti saja langkah pemasangannya.
Cara membuat Tombol Share, atau Sahare Button melayang di Blog
Dengan mengunakan pihak ketiga yaitu "www.sharethis.com"
1. Silahkan kunjungi Sharethis.com setelah masuk
(Jangan dulu dapatkan tombol sharenya)
Lewati Gambar no 1!
2. Klik leanmoor/pelajari lebih
(Untuk pilihan lain)
3. Pilih salasatu saja versi tombol share,
@. inline share (untuk halaman tertentu)
@. Sticky (tombol lengket disisi layar dekstop atau seluler)
Saya sarankan pilih yang kedua (Tombol berbagi sticky)
Selanjutnya:
4. Silahkan memilih icon saluran apa yang akan teman tampilkan di blog, pilih saluran, dan (yang paling penting untuk blog). [Terutama icon pilihan kesemua sosmed warna hijau! harus ada!]
5. Setelah memilih icon pilihan langsung click REGISTRASI &DAPATKAN KODE (Gambar 5).
6. Slanjutnya isi tabel registrasi dengan mengisikan
-alamat blog contoh:mudahrizki.blogspot.com
(Tidak pakai http)
-imail anda
-sandi
>>dan lanjutkan dengan mengklik "DAPATKAN KODE" seperti ini
<script type="text/javascript" src="//platform-api.sharethis.com/js/sharethis.js#property=58b400c05db3bf00123ff641&product=sticky-share-buttons"></script>
Kode &product Hapus setelah di pasang!
7. Salinlah/copy kode tersebut dan terapkan di HTML.
Untuk kode《 &product》bisa di hapus sebelum disimpan di HTML.
Catattan!
Setelah Registrasi Temen akan di beri kode script seperti diatas dan copy kode tersebut lalu dipasang dan hapus terlebih dahulu kode yang berwarna merah karna HTML teman tak bisa menerima.
Selesai untuk registrasi dan mendapatkan kode tombol share! selanjutnya kita menuju tahap pemasangan di blog caranya mudah kok!
Cara pasang tombol sharethis di blog pada HTML
1. join ke Blogspot Teman semua.
2. Pada Entri draf Menu samping pilih Tema (Template) "Klik Edit HTML"
3. Paste /Tempel kode ShareThis Pada HTML di bawah kode berikut di HTML anda.
<HTML>
<head>
<meta/>
<!--[Social Media Meta Tag] -->
<KODE SHARETHIS> disini!
Contoh:
<HTML>
<head>
<meta content='id' name='geo.country'/>
<!-- [ Social Media Meta Tag ] -->
<script src='//platform-api.sharethis.com/js/sharethis.js#property=58b400c05db3bf00123ff641=sticky-share-buttons' type='text/javascript'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType == "static_page"'>
<head>
<meta content='id' name='geo.country'/>
<!-- [ Social Media Meta Tag ] -->
<script src='//platform-api.sharethis.com/js/sharethis.js#property=58b400c05db3bf00123ff641=sticky-share-buttons' type='text/javascript'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType == "static_page"'>
Setelah simpan teman semua bisa di cek pada pratinjauan! >> dan Lihat blog.
Perhatian!
Kalau blog teman semua sudah versi web pada seluler, bisa dipastikan sudah langsung beres, dan tombol social media sharethis sudah nampak, kecuali! template blog teman masih dengan versi seluler tombol sharethis itu takan bisa terlihat, solusinya? (Setinglah terlebih dahulu template blognya!)
Untuk setinganya teman bisa dilakukan dengan cara berikut!
Alternatif jika tema/template masih versi seluler
Masih di blogspot!
2. Setelah muncul lihat kesebelah kanan anda template persi seluler klik icon Gerigi (Gamabr 2)
3. Seterusnya lihat pilihan "Ya" dan "Tidak"
>>pilihlah "Tidak" tampilkan template pada seluler (Gambar 3)
4. Maka pindahkan jadi "Tidak" kalau sudah klik "Simpan"(Gambar 4)
Intinya!
Pada tahap ini kalau blog teman sudah versi web, tak usah di edit lagi cukup pasang seperti #Bagian 2 saja sudah bisa.
Cara di atas semua saya otak-atik di blogspot mungkin dengan blog platform berbedapun tak akan jauh perbedaanya.
Semoga artikel dan cara pemasangannya bermanfaat bagi blog kita semua tambah meningkatkan page view dengan penambahan timbol sosmed dari share ini, setelah dipasangpun, bisa di edit-edit lagi sesuai pemilik blog.
Demikian cara memasang tombol sosial media (share button) tampilan melayang di blog, semoga bermanfaat, dan membatu buat semuanya.
Jangan Lupa Juga Memasang Tombol Share Whatsapp Nya Ya Biar Tambah Keren heheheh
BalasHapusOke, kebetulan kalu share button sharethis sudah lengkap ada semuanya ada coba saja dipasang keren sekali Bos.
Hapustutorialnya sangat mudah di pahami.. thanks
BalasHapussipp ini min ...
BalasHapussolder uap
Kalau yg share mirip tampilan opera mini browser caranya giman gan
BalasHapus