Cara Memasang Share Button Melayang pada Blog, Mudah! - Hallo Sob Jody Blog, artikel kali ini berjudul Cara Memasang Share Button Melayang pada Blog, Mudah!, kami telah menuliskan yang kami tahu pada artikel ini, semoga bermanfaat.

Judul : Cara Memasang Share Button Melayang pada Blog, Mudah!
link : Cara Memasang Share Button Melayang pada Blog, Mudah!

Cara Memasang Share Button Melayang pada Blog, Mudah!

Apa itu share button?

Share button adalah tombol yang memudahkan pengunjung blog untuk membantu men-share/ menyebarluaskan posting atau halaman blog kita melalui akun jejaring sosial pengunjung. Seperti kita tahu, salah satu pertimbangan search engine seperti Google dalam memunculkan hasil pencarian (SERP) sebuah website/ blog di halaman awal mereka adalah kepopuleran website/ blog tersebut. Apabila search engine banyak menemukan URL blog kita di situs jejaring sosial karena di share pengunjung, niscaya kepopuleran blog kita akan melambung di mata search engine. Itu dia manfaat dari share button untuk SEO blog.

Share Button Melayang pada Blog

Cara Memasang Share Button Melayang pada Blog

Share button yang akan kita pasang kali ini ada dua versi. Yang pertama share button yang melayang di bagian kiri blog kita dan tidak akan berubah posisinya walaupun kita jika scroll mouse.

Berikut cara membuat share button melayang di bagian kiri blog:

1. Login ke akun blogger, pilih menu Tata Letak
2. Pilih Add Gadget dan pilih HTML/ Java Script.
3. Paste-kan kode di bawah ini dan Save. Saran saya, tidak usah diberi judul.

<!--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" 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><br/><div style="clear: both;font-size: 12px;text-align:center;"><a href="http://www.tipsblogspot.com/2013/06/cara-memasang-share-button-melayang-di-blog-dengan-mudah.html" target="blank"><font color="black">[Get This]<font></font></font></a></div></div>

Jika ingin memasang share button melayang pada blog versi sederhana, lakukan langkah yang sama seperti di atas dengan kode share button melayang berikut:

<!-- AddThis Button BEGIN --><div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="right:0px;top:200px;"><a class="addthis_button_facebook_like" fb:like:layout="box_count"></a><a class="addthis_button_tweet" tw:count="vertical"></a><a class="addthis_button_google_plusone" g:plusone:size="tall"></a><a class="addthis_counter"></a></div><script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script><script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-50dbacda3907ad58"></script><!-- AddThis Button END -->

Bagaimana, mudah bukan memasang share button melayang? Dengan memasangnya di blog kita berharap setiap pengunjung yang datang mau ikut membantu menyebarluaskan posting dan halaman blog kita sehingga kepopuleran blog kita di mata search engine melambung. Selain itu memasang share button melayang pada blog juga menambah cantik blog kita.Two in One, mempercantik blog sekaligus optimasi SEO blog.

Demikianlah Artikel Cara Memasang Share Button Melayang pada Blog, Mudah!

Sekian Cara Memasang Share Button Melayang pada Blog, Mudah!, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sekian postingankali ini.

Anda sedang membaca artikel Cara Memasang Share Button Melayang pada Blog, Mudah! dan artikel ini url permalinknya adalah http://caratutorialgratis.blogspot.com/2013/06/cara-memasang-share-button-melayang.html Semoga artikel ini bisa bermanfaat.

Tweet