Cara Memasang Widget Sosial Media Pada Blog - Widget Facebook, tweeter dan google plus

Sahabat petualang- malam ini saya akan berbagi Cara Memasang Widget Sosial Media pada blog kesayangan. Semulanya saya tertarik untuk menambahi widget yang bisa terhubung dengan facebook dan tweeter. Saya mencari kesana kemari dari satu blog  ke blog yang lain tapi bingung kata kunci yang cocok apa yang sesuai dengan yang saya cari, eh akhirnya ketemu juga pada sebuah blog tapi dengan judul yang tidak ada hubungannya dengan yang saya cari, disamping tampilan blog itu ada yang memikat perhatian saya, benar ada widget yang saya cari dari tadi, saya berfikir bagaimana ya caranya bias blog saya bisa ada itunya juga? saya plototi itu widget eh ternyata dibagian bawah widget itu ada tulisan "share get this" dan saya klik itu link, ternyata link itu menuju pada artikel bagaimana Cara Memasang Widget Sosial Media saya cermati dengan sesama dan saypun berhasil menambahkan widget it sperti yang dapat sahabat petualang lihat disebelah kiri. Okey langsung kita bahas sebagai berikut.
Cara Memasang Widget Sosial Media Pada Blog - Widget Facebook, tweeter dan google plus

Cara Memasang Widget Sosial Media 


1. Pertama masuk dalam akun blogger sahabat, kemudian klik menu layout dan setelah itu pilih add gadget. ini untuk memasang scrip widgetnya. Klik HTML/Javascrip dibawah ini

Layout - add gadget


pilih HTML/JavaScrip dan copy code dibawah ini lalu di save




//------------------------------------------------------------------
<!--SideBar Floating Share Buttons Code Start-->
<style>
#pageshare {position:fixed; bottom:15%; left:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px
0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

</style>
<div id='pageshare' title="Share This With Your Friends">
<div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>
<div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
<div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>
<div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 12px;text-align:center;"><a href="http://bukupetualangan.blogspot.com/2014/08/cara-memasang-widget-sosial-media.html" target="blank"><font color="black">Get This<font></font></font></a></div></div>
//-----------------------------------
2. Setelah itu save dan tampilkan blog anda, maka akan tampil widget yang sudah kita buat tadi. Maka langkah diatas sudah mengakhiri artikel ini, semoga bermanfaat, dan saya juga menampilkan blog sumber bog yang menyediakan scrip untuk menampilakan widget dibawah ini, jangan lupa kunjungi juga ya.

Bagaimana, cukup mudah untuk memasang widget seperti di atas, dulu saya juga memasangnya pada blog ini, tapi sekarang sudah tidak, karena templat yang saya gunakan sudah ada. Demikian sedikit ulasan Cara Memasang Widget Sosial Media Pada Blog - Widget Facebook, tweeter dan google plus Semoga dapat bermanfaat dan terimakasih sudah berkunjung.

Sumber : http://bos-tutorial.blogspot.com/2012/07/cara-memasang-widget-share-media-sosial.html

loading...
Blog, Updated at: 21.28.00

0 comments:

Posting Komentar

Terimakasih sudah Berkunjung. Jika Anda Menyukai Artikel Ini Silahkan Menshare Melalui Facebook dan Tweeter.
+ Jika ada gambar atau link yang rusak tolong beritahu saya
+ Jika perlu ada penambahan pada artikel silahkan menambahkan pada kolom komentar, nanti saya update artikelnya
+ Jika Ingin Berkomentar Jangan Spam/ Berpromosi