Anything Designs For You: Cara Memasang Widget Share Media Sosial di Blog dengan Float.

Cara Memasang Widget Share Media Sosial di Blog dengan Float.

1 Comments

Cara Memasang Widget Share Media Sosial di Blog dengan Float Sekarang aadesigns94 ingin berkongsi Tutorial bagaimana Cara Memasang Widget Share Media Sosial di Blog dengan Float pada blog anda.

Cara Memasang Widget Share Media Sosial di Blog dengan Float
Tutorial Cara Memasang Widget Share Media Sosial di Blog dengan Float tidak lah susah. Tutorial ini berasal dari hasil pencarian aadesigns94, dan aadesigns94 cuba dan berhasil dipamerkan di blog ini. Saya akan mencuba membagikan tutorialnya . Oh ya, Cara Memasang Widget Share Media Sosial di Blog dengan Float juga merupakan Cara Mempercantik Tampilan Blog.

Ok Begini Caranya Memasang Widget Share Media Sosial di Blog dengan Float.
1. Seperti biasa, bukalah Akun Blog anda sendiri ok.
2. Masuklah ke template blog anda pada layout.
3. Pilih elemen Add Widget atau Tambah Gadget Baru, lalu pilih Add HTML/Javascript.
4. Copy / salinlah script di bawah ini

<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://www.aadesigns94.com/2013/04/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 ye :).

k semoga berhasil.

About Post Author

Unknown

Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

Cara Memasang Widget Share Media Sosial di Blog dengan Float.

About Post Author

Unknown

1 comment:

About me

Social

Facebook

Gallery

Translate

You may also like

About Post Author

Unknown

1 comment:

About me

Social

Facebook

Gallery

Translate