Posted by TUTORIAL JITU on Senin, 16 Juli 2012
Cara Memasang Widget Share Media Sosial di Blog dengan Float |
Bos Tutorial -
Cara Memasang Widget Share Media Sosial di Blog dengan Float. Sebelumnya Bos Tutorial membagikan Cara Membuat-Memasang Spoiler di Blog. Kini akan membagikan Tutorial bagaimana Cara Memasang Widget Share Media Sosial di Blog dengan Float.
Saya pernah berjanji akan memberikan tutorial apa-apa saja yang terkandung di dalam blog ini, baik tanmpilan blog maupun widget-widget yang ada.
Cara Memasang Widget Share Media Sosial di Blog dengan FloatTutorial Cara Memasang Widget Share Media Sosial di Blog dengan Float tidak lah susah. Tutorial ini berasal dari hasil pencarian yang bos tutorial temukan, dan bos tutorial praktekkan dan berhasil ditampilkan di blog ini. Saya akan mencoba membagikan tutorialnya yah. Oh iya,
Cara Memasang Widget Share Media Sosial di Blog dengan Float juga merupakan
Cara Mempercantik Tampilan Blog.
Beginilah Cara Memasang Widget Share Media Sosial di Blog dengan Float.
1. Seperti biasa, bukalah Akun Blog anda sendiri yah.
2. Masuklah ke rancangan / template blog anda pada
Tata Letak.
3. Pilih elemen
Add Widget atau
Tambah Gadget Baru, lalu pilih
Add HTML/Javascript.
4. Copy / salinlah script di bawah ini (jangan lupa klik spoilernya yah).
Klik Spoiler Berikut:
<!--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://bos-tutorial.blogspot.com/2012/07/cara-memasang-widget-share-media-sosial.html" target="blank"><font color="black">Get This<font></font></font></a></div></div>
5. Simpan Gadget yang ditambahkan. Lalu simpan Template blog anda.
6. Selesai dan lihat hasilnya.
Lihat contohnya di sebelah kiri blog ini yah.
Gampang bukan? Demikian tulisan
Bos Tutorial mengenai
Cara Memasang Widget Share Media Sosial di Blog dengan Float. Selamat mencoba dan salam sukses. [
Bos Tutorial]
Terimakasih anda telah membaca artikel tentang Cara Memasang Widget Share Media Sosial di Blog dengan Float. Jika ingin menduplikasi artikel ini diharapkan anda untuk mencantumkan link http://tutorialjitujitu.blogspot.com/2012/07/cara-memasang-widget-share-media-sosial.html. Terimakasih atas perhatiannya.