Cara Membuat Tombol Like Di Bawah Postingan Blog

Cara Membuat Tombol Like Di Bawah Postingan Blog


Cara Membuat Tombol Like Di Bawah Postingan Blog - Halo sobat Firman Maulana Tgb udah lama blog ini tidak memposting artikel, Sekitar 5 hari yang lalu blog ini memposting tentang Cara Membuat Komentar Facebook Di Blog dan sekarang akan memposting tetang Cara Membuat Tombol Like Di Bawah Postingan Blog. Tombol like ini mempermudahkan artikel kita agar ter Index oleh Om Google sob, makanya buruan dipasang tombolnya.


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=&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;send=false&amp;layout=button_count&amp;show_faces=false&amp;width=90&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21&quot; 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=&quot;http://pinterest.com/pin/create/button/?url=&quot; + 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(&#39;script&#39;);
    e.setAttribute(&#39;type&#39;,&#39;text/javascript&#39;);
    e.setAttribute(&#39;charset&#39;,&#39;UTF-8&#39;);
    e.setAttribute(&#39;src&#39;,&#39;http://assets.pinterest.com/js/pinmarklet.js?r=&#39; + 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 )


visit link download

Comments

Popular posts from this blog

ABLiker APK Latest v1 1 Free Download For Android

Cara Install Windows 10

Adobe Photoshop CS6 13 0 1 Extended Free Software