12 March 2015

Cara Memasang Widget Jejaring Sosial Pada Blog

Taugitu.com, - Kali ini saya akan membagikan bagaimana cara memasang widget Jejaring Sosial / sosial media google plus, funpage facebook, dan follow twitter dalam satu gadget di blogspot. Sebelum kamu memasang widget sosmed kedalam blog kamu, sebaiknya kamu perlu mempertimbangkan terlebih dahulu, tujuan dan kegunaan widget tersebut, karena dengan menambahkan widget yang didalamnya mengandung kode html maupun javascript, waktu yang dibutuhkan loading blog menjadi sedikit lebih lama, karena dibutuhkan untuk merender atau membaca kode script dalam widget, namun jika pengunjung yang sedang membuka blog mempunyai koneksi internet yang memadai, maka itu bukanlah menjadi masalah. 

Sebagian besar blogger memasang Widget Jejaring sosial pada blog bertujuan memudahkan para pengunjung untuk  membagikan konten yang disukai ke beberapa jejaring sosial / medsos, selain itu para pengunjung dapat memperoleh update informasi terbaru dari blog yang diikuti dengan hanya menyukai halaman atau memfollow sang penulis dari blog,  dengan kata lain widget jejaring sosial itu saya istilahkan sebagai shortcut atau jalan pintas menuju aplikasi sosmed yang terintegrasi dengan blog.

Oke,  untuk memasang kode widget sosmed dalam satu gadget ke dalam blog cukup mudah, ikuti langkah - langkah seperti dibawah ini :
  • Masuk ke Blogger.com
  • Pada Bilah sebelah Kiri pilih Tata Letak
  • Kemudian Klik Tambah WGadget/Add Widget pada struktur template
  • kemudian cari dan pilih HTML/JavaScript
  • Setelah itu pastekan kode dibawah ini kedalam widget
<!--begin of social widget-->
<div style="margin-bottom:10px;">
<div id="ForYouFree-bar" >

<!-- Google Plus-->
<div class="gplus"> <link href="https://plus.google.com/u/0/+OmBujo" rel="publisher" />

<!-- Place this tag where you want the badge to render -->
<g:plus href="https://plus.google.com/u/0/+OmBujo" width="300" height="15" margin="0px" theme="light"></g:plus>
</div>

<div class="fb-likebutton">
<!-- Facebook -->
<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FSedekah-Ilmu%2F349696165062975&amp;width&amp;layout=standard&amp;action=like&amp;show_faces=false&amp;share=true&amp;height=35&amp;appId=163077533876657" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:35px;" allowtransparency="true"></iframe>

<div class="twitter">
<!-- Twitter -->
<a class="twitter-follow-button" data-lang="id" data-show-count="true" href="https://twitter.com/Om_Bujo">Ikuti @Om_Bujo</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>

<div class="googleplus">
<!-- Google -->
<g:plusone size="standard" annotation="inline" width="300" href="http://www.taugitu.com/"></g:plusone>
</div>
Ganti teks merah dengan alamat url google plus kamu
Ganti warna biru kode html aplikasi  funpage facebook kamu
Ganti teks orange dengan url dan id twitter kamu
Ganti teks hijau dengan alamat url blog kamu
untuk menyesuaikan lebar ganti width : 300 dengan lebar template sidebar blog kamu
kemudian simpan

Nah, demikian Cara memasang Widget jejaring sosial pada blog, semoga artikel ini bermanfaat.

Salam Blogger

6 komentar

wah bisa saya coba d blog nih mas... makasih mas

Monggo OM.. moga berhasil..

Terima kasih Om Bujo.. informasinya keren banget! 😊

Cara mengganti html aplikasi funpage facebook kamu bagaimana, gan...?

Terima kasih telah membaca hingga akhir.
Dan silahkan meninggalkan coretan pada kolom komentar !!
Mohon maaf jika terlambat membalas komentar.

EmoticonEmoticon