Cara Memasang Widget Tombol Share Melayang Di Blogger - tau nggak kegunaan widget tombol share ini untuk blog kita? sesuai dengan namanya yaitu widget share yang pasti gunannya untuk share atau berbagi ke media sosial yang lain seperti facebook, twitter, g+ dan lain lain, widget ini juga dapat menaikkan trafik blog kita loh!! nggak percaya? bentar aku jelasin, gini jika pengunjung blog kita membagi atau share artikel ke facebook misalnya, teman temannya pasti juga bisa melihat artikel kita karena si pengunjung ini telah share ke focebooknya, seperti itu singkatnya.
seperti gambar dibawah ini tampilan widgetnya monggo dilihat:
bagaimana? berminat untuk memasangnya? ok cekidott
1. Pertama tama login ke blog anda
2. Buka Tata Letak
3. Tambahkan Widget lalu klik HTML Javascript
4. Copy script dibawah dan pastekan ke kolom HTML Javascript
<!--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" 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://agraanggakara.blogspot.com" target="blank"><font color="black">[Get This]<font></font></font></a></div></div>
5. Simpan dan lihat hasilnya
Semoga Bermanfaat
Anda sedang membaca artikel tentang Cara Memasang Widget Share Melayang Di Blogger dan anda bisa menemukan artikel Cara Memasang Widget Share Melayang Di Blogger ini dengan url http://agraanggakara.blogspot.com/2014/10/cara-memasang-widget-share-melayang-di.html, Anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Cara Memasang Widget Share Melayang Di Blogger ini sangat bermanfaat bagi teman-teman Anda, namun jangan lupa untuk meletakkan link postingan Cara Memasang Widget Share Melayang Di Blogger sebagai sumbernya.
Related Post:
blogspot
- Tutorial Cara Membuat Postingan Blog Dengan Gampang
- Cara Mudah dan Murah Membuat Blog di blogger.com
- Cara Buat Email Gmail Dengan Mudah dan Cepat
- Gmail Atau Google Mail
- Cara Menyembunyikan Navbar Pada Blogger Dengan Mudah
- Cara Mengganti Template Blog Download'an
- Cara Gampang Mengganti Template Blog
- Cara Membuat Read More Otomatis Pada Blogger Mudah
- Cara Menghilangkan Navbar Blogger Dengan Mudah
- Cara Buat Related Post Dengan Thumbnail Mudah
- Cara Buat Tombol Share Button di Atas Postingan Blog Kita
- Cara Gampang Pasang Navigasi Breadcrumbs di Blogger
- Cara Insert Gambar Pada Postingan Blog Kita
- Cara Pasang Widget Sharing is Caring Di Bawah Postingan
- Cara Membuat Label di Blog
- Cara Cepat Dan Mudah Untuk Parsing HTML
- Cara Mengukur Berat Blog Dengan Aplikasi Online
- Cara Mengukur Kecepatan Load Blog Dengan Aplikasi Online Numinion
- Pasang Widget Gambar HUT RI Ke-68 Keren
- Cara Memasang Gambar Animasi Dipojok Layar
- Memasang Berbagai Animasi Terbang Di Blog
- Cara Membuat Kotak Script Postingan
- Membuat Back To Top dengan Efek Jquery
- Cara Membuat Related Post berScroll
seo
- Gmail Atau Google Mail
- Cara Membuat Read More Otomatis Pada Blogger Mudah
- Cara Buat Related Post Dengan Thumbnail Mudah
- Cara Gampang Pasang Navigasi Breadcrumbs di Blogger
- Cara Membuat Label di Blog
- Cara Cepat Dan Mudah Untuk Parsing HTML
- Cara Mengukur Berat Blog Dengan Aplikasi Online
- Cara Mengukur Kecepatan Load Blog Dengan Aplikasi Online Numinion
- Cara Memasang Widget Alexa
- Apa Sih Alexa Rank Itu?
- Cara Cepat Untuk Menurunkan Alexa Rank
- Daftar Blog Dofollow 2013
- Memasang Meta Tags otomatis Disetiap Postingan
- Cara Edit Page Title
0 comments:
Post a Comment
Sisihkan waktu anda untuk berkomentar, tetapi berkomentarlah dengan bahasa yang baik dan sopan, Spam Sara dan Mencantumkan alamat Url tidak akan ditampilkan, Setiap komentar menunggu moderasi admin Terimakasih :)