Tutorial Cara Membuat Tombol Share Melayang Diblog

Alhamdulillah setelah sekian lama absen mosting di blog akhirnya dapat kembali lagi... ^_^. Ya tepatnya setelah menghadapi ujian demi ujian yang pastinya menghancurkan sebagian dari isi kepala (hyperbola)... Ya, karena ujiannya semalam itu tentang dunia maya, maka postingan kali ini pun akan membahas tentang dunia maya juga, yaitu trick ngeBlog. Seperti judulnya, Tutorial cara Membuat Tombol Share Melayang di Blog. Maka itulah yang akan dibahas.

Kita pasti sudah tidak asing lagi dengan tombol share, yg berguna agar blog kita dapat dengan mudah dishare ke media jejaringan sosial lain. Dengan tujuan menambah traffic blog. Baik, langsung saja begini langkahnya... ::

Langkah 1 : Masuk ke akun blog anda

Langkah 2: Pilih Design

Langkah 3 : Pilih Add Widget

Langkah 4 : Pilih HTML/JavaScript

Langkah 6 : Masukkan/copas kode berikut!

<style type="text/css"> *{margin:0;padding:0;} * html #z33sHare{ position: absolute; } #z33sHare{ left:10%;width: 70px;background:transparant;border:0px solid #E7E7E7;-moz-border-radius:3px;-webkit-border-radius:3px; position:fixed; top: 35%; } #z33sHare div{ padding:6px 6px 6px 5px; } #stw{ margin-left:-2px; } #sfs{ margin-left:-5px; } </style><br /> <div id="z33sHare"><div id="ssl-box"><div id='pageshare' title="Share AF Sahabat Artikel and Thank U for Coming"><div id="stw"><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script><br /> </div><div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><br /> <g:plusone size="tall"></g:plusone><br /> </div><div><script 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><br /> <a class="DiggThisButton DiggMedium"></a><br /> </div><div><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><div style="clear:both;"></div></div>

Langkah 7 : Save, dan Tombol Share Melayang telah hadirdi blog sobat!!!

Demikian mungkin Tutorial cara Membuat Tombol Share Melayang di Blog, semoga dapat bermanfaat! Jangan lupa doakan admin juga ya supaya lulus dari ujian... hehehe......

^_^ Happy Blogging!!! ^_^

Anda baru saja membaca artikel yang berkategori Tutorial Blog dengan judul Tutorial Cara Membuat Tombol Share Melayang Diblog. Anda bisa bookmark halaman ini dengan URL http://blog-kalteng.blogspot.com/2012/09/tutorial-cara-membuat-tombol-share.html. Terima kasih!

Ditulis oleh: Unknown - Sabtu, 22 September 2012