Cara Membuat Tombol Like Di Bawah Postingan Blog
Cara Membuat Tombol Like Di Bawah Postingan Blog

Yang mau masang tombol silahkan ikuti cara-caranya :
1. Login ke Blogger
2. Masuk ke Menu Template -> Edit HTML
3. Copy kode CSS di bawah ini dan letakkan diatas kode ]]></b:skin>
#post-share-button{margin-top:25px;background:#fafafa;padding:10px 10px 5px 15px;width:95%}
4. Lalu cari lagi kode yang seperti ini <div class=post-footer-line post-footer-line-3,letakkan kode CSS ini diatas kode tersebut.
<div id=post-share-button>
<iframe allowTransparency=true expr_src="http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=button_count&show_faces=false&width=90&action=like&font=arial&colorscheme=light&height=21" frameborder=0 scrolling=no style=border:none; overflow:hidden; width:90px; height:21px;/>
<span style=margin-left:15px><a class=twitter-share-button data-count=horizontal data-related= data-via= expr:data-text=data:post.title expr:data-url=data:post.url href=http://twitter.com/share>Tweet</a>
<script src=http://platform.twitter.com/widgets.js type=text/javascript/></span>
<span><script src=http://apis.google.com/js/plusone.js type=text/javascript/>
<g:plusone size=medium/></span>
<span><span id=pin-wrapper style=margin:5px 10px 5px 0; text-align: left;>
<a class=pin-it-button count-layout=horizontal expr_href="http://pinterest.com/pin/create/button/?url=" + data:post.url>Pin It</a>
<a href=javascript:void(run_pinmarklet()) style=margin-left:-93px; width:43px; height:20px; display:inline-block;/>
</span>
<script src=http://assets.pinterest.com/js/pinit.js type=text/javascript/>
<script type=text/javascript>
function run_pinmarklet() {
var e=document.createElement('script');
e.setAttribute('type','text/javascript');
e.setAttribute('charset','UTF-8');
e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r=' + Math.random()*99999999);
document.body.appendChild(e);
}
</script> </span>
</div>
<iframe allowTransparency=true expr_src="http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=button_count&show_faces=false&width=90&action=like&font=arial&colorscheme=light&height=21" frameborder=0 scrolling=no style=border:none; overflow:hidden; width:90px; height:21px;/>
<span style=margin-left:15px><a class=twitter-share-button data-count=horizontal data-related= data-via= expr:data-text=data:post.title expr:data-url=data:post.url href=http://twitter.com/share>Tweet</a>
<script src=http://platform.twitter.com/widgets.js type=text/javascript/></span>
<span><script src=http://apis.google.com/js/plusone.js type=text/javascript/>
<g:plusone size=medium/></span>
<span><span id=pin-wrapper style=margin:5px 10px 5px 0; text-align: left;>
<a class=pin-it-button count-layout=horizontal expr_href="http://pinterest.com/pin/create/button/?url=" + data:post.url>Pin It</a>
<a href=javascript:void(run_pinmarklet()) style=margin-left:-93px; width:43px; height:20px; display:inline-block;/>
</span>
<script src=http://assets.pinterest.com/js/pinit.js type=text/javascript/>
<script type=text/javascript>
function run_pinmarklet() {
var e=document.createElement('script');
e.setAttribute('type','text/javascript');
e.setAttribute('charset','UTF-8');
e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r=' + Math.random()*99999999);
document.body.appendChild(e);
}
</script> </span>
</div>
5. Simpan Template anda
Mungkin hanya sebatas itu saya menyampaikan tentang Cara Membuat Tombol Like Di Bawah Postingan Blog. Semoga artikelnya bermanfaat buat anda semua.
Regards,
Twitter ( @firmantgb )
Facebook ( Firman Maulana Tgb )
Facebook ( Firman Maulana Tgb )
Comments
Post a Comment