$type=carousel$cols=3

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

COMMENTS

BLOGGER
Nama

Android,3,Blog,350,Info,214,Islami,44,Software,74,Tutorial,120,Web,18,
ltr
item
BLOG ORANG IT 2017: Membuat Floating Box Like dan Share diBlogger
Membuat Floating Box Like dan Share diBlogger
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
https://2.bp.blogspot.com/-18OCN9Xq_yI/WOisSBdy-0I/AAAAAAAACvc/RSgLIGFDzgQUUe3NKAwWHpqNbN3Qb_C2gCLcB/s320/blgger%2Bfloating%2Bsosial%2Bmedia%2Bshare.jpg
https://2.bp.blogspot.com/-18OCN9Xq_yI/WOisSBdy-0I/AAAAAAAACvc/RSgLIGFDzgQUUe3NKAwWHpqNbN3Qb_C2gCLcB/s72-c/blgger%2Bfloating%2Bsosial%2Bmedia%2Bshare.jpg
BLOG ORANG IT 2017
http://www.helmykkediri.com/2017/04/membuat-floating-box-like-dan-share-diblogger.html
http://www.helmykkediri.com/
http://www.helmykkediri.com/
http://www.helmykkediri.com/2017/04/membuat-floating-box-like-dan-share-diblogger.html
true
7204675838149040268
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy