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
Ganti teks merah dengan alamat url google plus kamu<!--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&width&layout=standard&action=like&show_faces=false&share=true&height=35&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 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
Cara Memasang Widget Jejaring Sosial Pada Blog
Reviewed by Admin
on
March 12, 2015
Rating:
wah bisa saya coba d blog nih mas... makasih mas
ReplyDeleteMonggo OM.. moga berhasil..
DeleteTerima kasih Om Bujo.. informasinya keren banget! 😊
ReplyDeleteSama-sama
DeleteInfo yang sangat bermanfaat
ReplyDeleteCara mengganti html aplikasi funpage facebook kamu bagaimana, gan...?
ReplyDeletethankyou for your post visit us to see article about anything at https://www.unair.ac.id/
ReplyDelete