UPDATE: Saya Telah Dirilis Diperbarui Versi Dari widget ini Anda bisa mendapatkannya dari sini.
Tambahkan Pop Out Social Bookmarking Widget dengan halus Jquery Hover Effect.
Tambahkan Pop Out Social Bookmarking Widget dengan halus Jquery Hover Effect.
1. Pergi ke Dashboard> Desain> Edit HTML dan mencari <head>
2. Paste kode ini tepat di bawah dan simpan template Anda Catatan:. Tombol +1 Google hanya bekerja ketika Anda menonaktifkan tombol share default "Posting Blog" widget
<script type='text/javascript'> src='http://apis.google.com/js/plusone.js' {lang: 'en-US'} </ script>
3. Pergi ke Desain> Elemen Halaman, klik Tambah gadget, kemudian pilih HTML / JavaScript
4. Paste kode ini di dalamnya
<style> # floatingbuttons {background: # F9F9F9, latar belakang:-webkit-gradien (linier, kiri atas, kiri bawah, warna-stop (0, # fff), warna-stop (1, # F9F9F9)), latar belakang: - moz-linear-gradien (atas, # fff, # F9F9F9); border: 1px solid # ccc; float: left; padding: 0 0 3px 0; position: fixed; bottom: 15%; kiri: 0; z-index: 10; border-radius: 5px 5px 0 0; box-shadow:. 2px 5px 2px RGBA (0,0,0,0.3);} # floatingbuttons floatbutton {float: left; jelas: keduanya; margin: 5px 4px 0 4px; .} addbuttons {clear: both; text-align: center; padding-top:. 5px;} addbuttons span.getfloat sebuah, addbuttons sebuah span.sharebuttons {color:. # 000, latar belakang: none; font-family: Arial, sans-serif; display: block; font-size: 9px; font-weight: bold; text-decoration: none; line-height:. 11px;} addbuttons a: hover {color rentang: # fff; background: none; teks -decoration: underline;} </ style>
<div id='floatingbuttons' title="Share ini post!"> <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"> </ script> <skrip type = "text / javascript"> (function () {var s = document.createElement ('SCRIPT'), s1 = document.getElementsByTagName ('SCRIPT') [0]; s.type = 'text / javascript'; s.async = true; s.src = 'http://widgets.digg.com/buttons.js'; s1.parentNode.insertBefore (s, s1);}) ();! </ script> <- Tombol Medium - -> <script src='http://platform.twitter.com/widgets.js' type="text/javascript"> </ script>
<div class='floatbutton' id='facebook'> <fb:like layout="box_count" show_faces="false" font=""> </ fb: like> </ div>
<div class='floatbutton' id='google+1'> <g:plusone size="tall"> </ g: plusone> </ div>
<div class='floatbutton' id='stumbleupon'> <script src="http://www.stumbleupon.com/hostedbadge.php?s=5"> </ script> </ div>
<div class='floatbutton' id='digg'> <a class="DiggThisButton DiggMedium"> </ a> </ div>
<div class='floatbutton' id='twitter'> <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical"> Tweet </ a> </ div>
<div class="addbuttons"> <a href = "http://www.blogtipsntricks.com/2011/07/how-to-add-floating-social-media-google.html" title = "Tambah media sosial mengambang berbagi tombol untuk blog Anda! "> <span class="getfloat"> Dapatkan tombol </ span> </ a> </ div> </ div>
<div id='floatingbuttons' title="Share ini post!"> <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"> </ script> <skrip type = "text / javascript"> (function () {var s = document.createElement ('SCRIPT'), s1 = document.getElementsByTagName ('SCRIPT') [0]; s.type = 'text / javascript'; s.async = true; s.src = 'http://widgets.digg.com/buttons.js'; s1.parentNode.insertBefore (s, s1);}) ();! </ script> <- Tombol Medium - -> <script src='http://platform.twitter.com/widgets.js' type="text/javascript"> </ script>
<div class='floatbutton' id='facebook'> <fb:like layout="box_count" show_faces="false" font=""> </ fb: like> </ div>
<div class='floatbutton' id='google+1'> <g:plusone size="tall"> </ g: plusone> </ div>
<div class='floatbutton' id='stumbleupon'> <script src="http://www.stumbleupon.com/hostedbadge.php?s=5"> </ script> </ div>
<div class='floatbutton' id='digg'> <a class="DiggThisButton DiggMedium"> </ a> </ div>
<div class='floatbutton' id='twitter'> <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical"> Tweet </ a> </ div>
<div class="addbuttons"> <a href = "http://www.blogtipsntricks.com/2011/07/how-to-add-floating-social-media-google.html" title = "Tambah media sosial mengambang berbagi tombol untuk blog Anda! "> <span class="getfloat"> Dapatkan tombol </ span> </ a> </ div> </ div>
5. Simpan widget Anda, menyegarkan blog Anda. Sekarang Anda dapat melihat widget.
Assalamualaikum WR, WB. 
0 komentar:
Posting Komentar