Cara Membuat Widget Tombol Berbagi Media Sosial Vertikal Untuk Blogger
Widget Tombol Berbagi Media Sosial Vertikal Untuk Blogger
Blogging menjadi menarik ketika orang-orang membagikan konten Anda di berbagai situs media sosial dan situs web lain dengan teman-teman. Untuk membagikan konten Anda di situs media sosial oleh pengunjung; Anda perlu menambahkan beberapa widget berbagi sosial yang indah dan menarik. Jika widget Anda terlihat menarik dan menarik perhatian orang, maka konten Anda mungkin dibagikan oleh pengunjung. Untuk tujuan ini, ada banyak sekali widget dan plugin Blogger oleh desainer yang berbeda. Hari ini, saya ingin berbagi widget berbagi sosial mengambang dengan Anda yang menggulir ke bawah secara otomatis ketika pengunjung menggulir ke bawah halaman. Anda dapat melihat widget ini di blog saya. Widget yang sama yang saya bagikan dengan Anda.
Manfaat Widget Ini:
Ada banyak keuntungan yang bisa Anda dapatkan dengan menggunakan widget ini di blog Anda. Manfaat pertama adalah Anda dapat memiliki semua tombol berbagi sosial dalam satu widget dan juga seseorang dapat mengirim konten Anda ke seseorang melalui email dengan menggunakan widget ini. Manfaat kedua adalah widget ini tidak memiliki kode JavaScript atau jQuery yang dapat dimuat sehingga dapat dengan mudah dimuat oleh browser dan juga menggulir ke bawah secara otomatis dan pengguna dapat mengamati berbagi konten Anda di suatu tempat, saat mengunjungi blog Anda.
Bagaimana Cara Menambahkan Widget Floating Media Sosial ke Blogger?
Proses menambahkan widget ini ke blog Anda paling sederhana. Anda hanya perlu mengikuti langkah-langkah di bawah ini:
<div <!–kode tombol berbagi mengambang sidebar mulai–>
<gaya>
#pageshare {posisi:tetap; bawah: 15%; kiri:10px; mengapung: kiri; perbatasan: 1px hitam pekat; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#000000;padding:0 0 2px 0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {lebar:48 piksel !penting;}
.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;}
</ gaya>
<div id='pageshare' title="Terapkan Widget ini di situs web atau Blog Anda">
<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" data-via="UmarKhaleeq ">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>
<br/><div style="clear: both;font-size: 9px;text-align:center;">[<a href="http://www.blogtipsuk.com/2013/03/vertical-social -media-sharing-buttons-blogger.html">tombol berbagi Blogger</a>]<font></font></div></div>
<!–kode tombol berbagi mengambang sidebar end–></!–sidebar></!–sidebar>
6. Simpan Pengaturan
Kustomisasi
Floating diatur ke sisi kiri blog Anda, jika Anda ingin mengaturnya untuk sisi kanan blog Anda, cukup ubah properti float:left yang dicetak tebal menjadi float:right