Cara Memasang Tombol Like,Share Facebook, Dan Twitter Di Blog. Assalamualaikum teman-teman, kali ini Wahyu Blog posting tentang Cara Memasang Tombol Like,Share Facebook, dan Twitter. Dan fungsinya itu untuk promosi blog kita juga di facebook dan twitter. Baiklah Yaitu ada 2 jenis teman2. Seperti gambar di bawah ini :
Gambar 1
Gambar 2
1. Masuk ke blogger
2. Tata Letak/layout
3. Tambah Gadget/add gadget
4. Lalu pilih HTML/Java Script.
5. Langsung Masukkan Java Scrip Berikut :
Ini buat script Seperti Gambar 1
<!-- AddThis Button BEGIN --> <script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js"></script> <script type='text/javascript'> document.doAT = function(cl) { var myclass = new RegExp('hentry'); var myTitleContainer = new RegExp('post-title'); var myPostContent = new RegExp('post-footer'); var elem = this.getElementsByTagName('div'); for (var i = 0; i < elem.length; i++) { var classes = elem[i].className; if (myclass.test(classes)) { var container = elem[i]; for (var b = 0; b < container.childNodes.length; b++) { var item = container.childNodes[b].className; if (myTitleContainer.test(item)) { var link = container.childNodes[b].getElementsByTagName('a'); if (typeof(link[0]) != 'undefined') { var url = link[0].href; var title = link[0].innerHTML; } else { var url = document.url; var title = container.childNodes[b].innerHTML; } if (typeof(url) == 'undefined'|| url == 'undefined' ){ url = window.location.href; } var singleq = new RegExp("'", 'g'); var doubleq = new RegExp('"', 'g'); title = title.replace(singleq, ''', 'gi'); title = title.replace(doubleq, '"', 'gi'); } if (myPostContent.test(item)) { var footer = container.childNodes[b]; } } var n = document.createElement('div'); var at = "<div class='addthis_toolbox addthis_default_style ' addthis:title='"+title+"' addthis:url='"+encodeURI(url)+"' > <a class='addthis_button_facebook_like' fb:like:layout='button_count'></a> <a class='addthis_button_tweet'></a> <a class='addthis_button_google_plusone' g:plusone:size='medium'></a> <a class='addthis_counter addthis_pill_style'></a> </div> "; n.innerHTML = at; container.insertBefore(n , footer); } } return true; }; document.doAT('hentry'); </script> <!-- AddThis Button END -->
Ini Buat Script Gambar 2
<!--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://infonetmu.blogspot.com/2012/02/membuat-tombol-share-melayang-di-blog.html"
target="blank"><font color="black">[Get
This]<font></font></font></a></div></div>
|
Mungkin Posting tentang Cara Memasang Tombol Like,Share Facebook dan Twitter. Semoga Bermanfaat ya teman2...
Baca Artikel Lainya