Rabu, 13 Mei 2015

Tutorial Membuat Fanspage FB,Tweeter,G+ Melayang di Blog Secara Mudah dan Gratis

Assalamu'alaikum Wr. Wb

Halloh sahabat Tutor, Memiliki blog yang cantik dan indah menjadi dambaan bukan ? apalagi jika blog anda memiliki gadget yang bagus dan ringan untuk ditampilkan. Kali ini saya akan memberikan Tutorial Membuat Fanspage FB,Tweeter,G+ Melayang di Blog Secara Mudah dan Gratis.
Membuat fanspage
Selain mempercantik blog anda, fanspage juga bisa memberikan keuntungan dan dampak positif terhadap blog anda. Semakin banyak yang mengklik fanspage anda maka semakin terkenal blog anda di dunia internet. Monggo kalo ada yang mau mempraktekkan tutorial saya kali ini :


Langkah-langkahnya :

1.  Silahkan copy kode HTML di bawah ini :

<!--SideBar Floating Share Buttons Code Start-->
<style>

#pageshare {position:fixed; bottom:3%; left:5px; float:left; border: 3px solid silver; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#46A28D;padding:0 0 2px

0;z-index:10;}

#pageshare .sbutton {float:left;clear:both;margin:3px 3px 0 3px;}

.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://abangtutor.blogspot.com">Get This</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div></div>

2. Setelah itu anda tinggal buka blog anda lalu pilih "Tata Letak - Tambah Gadget" seperti gambar di bawah.

Tata Letak

3.  Lalu anda akan disuguhi berbagai gadget, anda pilih gandet tambah HTML seperti gambar di bawah.

4.  Lalu jendela baru akan muncul, anda tinggal mempaste kan kode HTML yang tadi anda copy.
Javascript/html

Sangat mudah kan, hanya ada 4 langkah yang harus anda kerjakan dan hasilnya anda bisa menambah gadget fanspage melayang.

Mudah-mudahan bermanfaat tutorial dari saya. Jika ada yang ingin ditanyakan/menambahkan/membenarkan silahkan berkomentar saja. Terima kasih :)

Wassalamu'alaikum Wr. Wb

Tutorial Membuat Fanspage FB,Tweeter,G+ Melayang di Blog Secara Mudah dan Gratis Rating: 5 Diposkan Oleh: Nando Tamvan

0 komentar:

Posting Komentar