Membuat Floating Box Like dan Share diBlogger

CARA MEMBUAT FLOATING LIKE DAN SHARE SOSIAL MEDIA DIBLOGGER

Membuat Floating Box Like dan Share diBlogger1
Selamat Datang di Blog Orang IT. Postingan kali ini singkat saja mengenai blogger saya akan bagikan tutorial membuat widget like box dan share facebook tipe floating yang ringan diblog yang berfungsi untuk membantu pengunjung dalam merekomendasikan artikel anda ke sosial media dengan cepat ( itulho widget dipojokan yang ikut nyecroll kebawah kaya slider iklan ) 

Sebenarnya ada beberapa cara membuat widget floating sosial share namun kebanyakan yang saya temui membuat loading blog menjadi berat , jadi saya carikan script simple floating like box dan share facebook yang ringan dan responsive sekalian

Ada beberapa tempat untuk membuat widget share sosial button dengan tipe macam-macam seperti SUMO ME dan Add This silahkan dicari digoogle untuk referensi atau baca postingan saya sebelumnya agar widget yang ditambahkan tidak mempengaruhi loading blog harus ditambahkan beberapa script
Sementara cara pembuatan floating like box dan share facebook yang saya bahas disini sifatnya ringan dan responsive jadi silahkan dicoba saja

1. Masuk blogger - tata letak - addwidget

2. Tambahkan javascript/htlm lalu copy code dibawah

3. Ini kodenya

<!-- floating page sharers Start Share This With Friends-->
<style>
#pageshare {position:fixed; bottom:20%; right:10px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;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='rt'>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via='helmykkurnia' >Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script>
</div>
<div class='sbutton' id='fb'>
<div class="fb-like"data-layout="box_count" data-action="like" data-size="small" data-show-faces="false" data-share="true"></div>
</div>
<div class='sbutton' id='gplusone'>
<g:plusone size="tall"></g:plusone>
</div>
<div style="clear: both;font-size: 5px;text-align:center;"> <a href="http://helmykkediri.com">Get this</a></div>
</div>
<!-- floating page sharers End -->

4. Nanti hasilnya kurang lebih seperti ini 
Membuat Floating Box Like dan Share diBlogger

Demikian postingan saya mengenai cara membuat floating box like dan facebook share diblog semoga bermanfaat jika ada yang mau bertanya silahkan saja sekian dan terimakasih sudah mengunjungi blog orang it sekian


Follow Blog Orang IT dan jangan lupa Like FansPage Helmykkediri dibawah serta jangan lupa untuk klik iklan yang ada pada Blog ini.untuk biaya perawatan admin

0 Response to "Membuat Floating Box Like dan Share diBlogger"

Posting Komentar

Terimakasih sudah berkunjung ke Blog Orang IT , aturan berkomentar yang baik :

1. Dilarang mencantumkan berbagai macam link aktif dikomentar blog

2. Jika ingin mendapatkan backlink komen dengan name/url yang telah disediakan

3. Link download mati silahkan berkomentar

4. Postingan dirasa outdate atau sudah tidak berguna lagi komen saja jangan sungkan

5. Komentar yang memerlukan jawaban dari admin jangan menggunakan anonymous

6. Berkomentarlah dengan relevans dan tinggalkan jejak diblog saya

7. Klik iklan untuk biaya perawatan admin

Terimakasih sudah mentaati rules aturan berkomentar yang baik