File Online

Membuat Tombol Share Facebook di Bawah Postingan

Membuat Tombol Share Facebook di Bawah Postingan

Add captionMembuat Tombol Share Facebook di Bawah Postingan

<script src= https://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js type =text/javascript/>
<script type=text/javascript>
jQuery.noConflict();
jQuery(function()
{
jQuery(&quot;#msg-compartir&quot;).click(function(event) {
event.preventDefault();
jQuery(&quot;#btns-compartir&quot;).slideToggle();
});
});
</script>

Kemudian Taruh Code dibawah, diatas code ]]></b:skin> :

.msg-compartir {
width:140px;
position:relative;
padding:10px;
margin:1em 0 3em;
text-align:center;
color:#000;
background:#F3961C;
background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9d835), to(#f3961c));
background:-moz-linear-gradient(#f9d835, #f3961c);
background:-o-linear-gradient(#f9d835, #f3961c);
background:linear-gradient(#f9d835, #f3961c);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;}
.msg-compartir::after {
content: "";position: absolute;bottom: -15px;left: 67px;
border-width: 15px 15px 0;
border-style: solid;
border-color: #F3961C transparent;
display: block;width: 0;}
.btns-compartir {display: none;
margin-top:-10px;background:#F2F2F2;
border:1px solid #D0C9AF;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
margin-bottom:20px;
}

Selanjutnya cari kode berikut <div class=post-footer>, jika sudah ketemu paste script berikut dibawahnya

<b:if cond=data:blog.pageType == &quot;item&quot;>
<center><a href=# id=msg-compartir style=text-decoration:none>
<p class=msg-compartir>Klik disini untuk share</p></a></center>
<center>
<div class=btns-compartir id=btns-compartir>
<table border=0 cellpadding=7>
<tr>
<td><iframe allowTransparency=true expr_src=&quot;
http://www.facebook.com/plugins/like.php?href=&quot;
+ data:post.url+ &quot;&amp;layout=box_count&amp;show_faces=false&amp;
width=73&amp;height=63&amp;action=like&amp;font=tahoma&amp;
colorscheme=light&quot; frameborder=0 scrolling=no style=border:none;
overflow:hidden; width:73px; height:63px;/></td>
<td><a class=twitter-share-button data-count=vertical data-lang=en
href=https://twitter.com/share>Tweet</a><script src=//platform.twitter.com/widgets.js
type=text/javascript/></td>
<td><script src=http://apis.google.com/js/plusone.js type=text/javascript/>
<g:plusone expr_href=data:post.url size=tall/></td>
</tr>
</table>
</div>
</center>
</b:if>

Oke sampai disini langkahnya sudah selesai. Semoga berhasil ya....

Available link for download