Nov 9, 2015

TUTORIAL: LIKE, SEND, TWEET & G+ BUTTON

Assalamualaikum !

Hari ni aku nak ajar korang cara masukkan button LIKE, SEND, TWEET & G+ BUTTON di setiap entry. Follow step di bawah okay. ouh ye, code Like, Tweet & G+1 aku ambil dari sis lyssa dan aku combine code send dari bro faiz.

setting - template - edit html - ctrl f. cari code <data:post.body/>  (** cari code ini sebelum code <b:if cond='data:post.hasJumpLink'>**) kalau tak nanti, code tu takkan keluar and maybe tak jadi. sila rujuk gambar di bawah.


lepas jumpa code <data:post.body/>, masukkan code ini di bawah code tadi.

 <!-- HTML5 CODE FACEBOOK SEND BUTTON START -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class='fb-send' data-colorscheme='light' data-font='segoe ui' data-send='true' data-show-faces='false' data-width='450' expr:data-href='data:post.url '/>
  <!-- HTML5 CODE FACEBOOK SEND BUTTON END --><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&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;'/>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<a class='twitter-share-button' data-count='horizontal' data-related='' data-via='lyssafaizureen' 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'/>
</b:if>
<g:plusone size='medium'/>

save dan preview :)

p/s: bold merah tu, tukar username twitter korang okengg!

kredit to : lyssasecret.com & http://faiz-tutorial.blogspot.my/

No comments:

Post a Comment

Don't Spam. Positive words only, pretty ♥