Tuesday, October 14, 2014

CARA MEMASANG SHARE BUTTON CANTIK MEDIA SOSIAL DI BLOGSPOT


share-button-untuk-sosial-media-pada-blog

Untuk mempercantik tampilan sebuah blog diperlukan kreativitas dari blogger itu sendiri, namun selain itu pula diperlukan beberapa tool supaya pembaca blog tersebut tidak merasa kesulitan dalam membagikan informasi yang diperoleh ke media sosial, dengan maraknya media sosial sekarang ini secara tidak langsung juga mendongkrak visitor sebuah blog demi eksistensi blog tersebut di jagad dunia maya.

Baca juga : Cara memasang script adsense dibawah judul postingan

Tutorial kali ini menjabarkan mengenai cara memasang share button sosial media pada blogspot. Walaupun blogger juga secara default memberikan opsi untuk menshare informasi yang ada pada blog, dikarenakan opsi tersebut terlalu sederhana maka banyak opsi-opsi lain yang bertebaran didunia maya tidak sedikit tutorial yang menerangkan perihal share button tersebut.

Berikut ini tutorial yang membedah pemasangan opsi share tersebut dalam hal ini menggunakan tool dari web shareholic.com dengan pilihan bentuk share yang cantik dan stylish serta banyak pilihan model sharenya.

1.  Langkah awal silahkan buka web  shareholic.com/login untuk login seperti gambar berikut

 

2. Jjika belum memiliki user untuk login maka silahkan untuk melakukan pendaftaran telebih dahulu,
    kemudian verifikasi email pendaftaran tersebut pada email yang dipergunakan untuk mendaftar

3. Selanjutnya add website pada panel shareholic 

 4. Setelah sukses mengisi registrasi web selanjutnya pilih menu share button, related post, follow
     button.
 

 



5. Selanjutnya pasang code yang diberikan oleh shareaholic dengan cara klik get setup code seperti 
    kotak  merah angka 1 kemudian pasang sebelum code </head>, untuk memasangkan pada blog
    kita buka blog yang akan dipasang dengan cara buka blogger control panel, template, edit HTML.


Setelah klik get setup code maka copy code tersebut sebelum </head>

 

6. Masih berkutat pada edit HTML, selanjutnya pasang code yang diberikan pada cara no. 5 lingkaran    bulat no. 2,
 
copy code tersebut sebelum  <data:post.body/> share button nantinya akan muncul pada setiap bawah post dan juga pada homepage. Jika share button hanya ingin ditampilkan di bawah post tidak di homepage maka letakkan kode <b:if cond='data:blog.pageType == &quot;item&quot;'> sebelum kode dari shareholic dan </b:if> setelah kode shareholic. 

7. Save code yang telah berhasil di edit pada bagian edit template maka lihat hasilnya, demikian 
    tutorial singkat ini semoga menjadi manfaat.

Semoga dengan ulasan singkat cara memasang share button untuk sosial media pada blogspot dapat menjadi rujukan atau reverensi yang dirasakan manfaatnya bagi para blogger.
sumber referensi

0 comments:

Post a Comment