About me

Total Tayangan Laman

Instagram

Contact Us

Name

Email *

Message *

Video

Flickr Images

Facebook

Flickr Images

Featured Video

Find Us On Facebook

Popular Posts

Followers

Popular Posts

Video Of Day

Cara Memasang Tombol Like Facebook, Twitter dan Google + Di Blog

X-2Share-Pernahkah sobat melihat di beberapa blog, atau website yang menggunakan widget like, tweet, google plus, di blog mereka, terlihat lebih professional kan ?? nah apabila sobat pengen menaruh widget tersebut di blog sobat nih sya kasi tutorialnya :)

langkah-langkahnya sebagai berikut :
  • Sobat login ke blogger
  • Rancangan edit Html 
  • Centang Expand Template Widget  
nah setelah itu temukan kode di bawah ini :

<data:post.body/> 
Nb: gunakan ctrl+f untuk memudahkan pencarian :)

setelah ketemu, langkah selanjutnya Taruh kode di bawah ini di atas kode <data:post.body/>


<div style='float:left;width:80px'>
<a class='twitter-share-button' href='https://twitter.com/share'>Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script></div>
<div style='float:left;padding-left:10px;width:60px'>
<g:plusone size='medium'/></div>
<div style='float:left;padding-left:10px;width:90px'>
<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&quot;' frameborder='0' height='20' scrolling='no' style='border:none;overflow:hidden; '/></div>
  •  Simpan template lihat hasilnya :)
apabila sobat ingin menampilkan widget ini hanya pada halaman postingan saja, cukup tambahkan kode <b:if cond='data:blog.pageType == &quot;item&quot;'> dan </b:if> diantara kode tombol tadi. Dan hasilnya menjadi seperti ini:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
< Kode tombol Tweet, Google + dan Like Facebook >
</b:if>
 Sekian Tips dari saya semoga bermanfaat :)

16 comments:

  1. wAH,,, Keren Nih,, :D

    Nice Info gan,, Maampir balik yaa.. :)

    Eh ya,, gmana caranya nulis kode html biar sperti yang diatas? (ada Border & Scroll nya.. )

    ReplyDelete
    Replies
    1. ohh blockquote nya ya sob O"O?
      nih klo cssnya :
      .post blockquote {
      background: #eeeeee;
      margin: 0 25px 15px;
      padding: 10px 20px 10px 15px;
      border: solid 1px silver;
      overflow:auto;
      max-height:250px;
      -webkit-box-shadow:
      1px 1px 0 rgba(0, 0, 0, 0.100),
      3px 3px 0 rgba(255, 255, 255, 1.0),
      4px 4px 0 rgba(0, 0, 0, 0.125),
      6px 6px 0 rgba(255, 255, 255, 1.0),
      7px 7px 0 rgba(0, 0, 0, 0.150),
      9px 9px 0 rgba(255, 255, 255, 1.0),
      10px 10px 0 rgba(0, 0, 0, 0.175);
      -moz-box-shadow:
      1px 1px 0 rgba(0, 0, 0, 0.100),
      3px 3px 0 rgba(255, 255, 255, 1.0),
      4px 4px 0 rgba(0, 0, 0, 0.125),
      6px 6px 0 rgba(255, 255, 255, 1.0),
      7px 7px 0 rgba(0, 0, 0, 0.150),
      9px 9px 0 rgba(255, 255, 255, 1.0),
      10px 10px 0 rgba(0, 0, 0, 0.175);
      box-shadow:
      1px 1px 0 rgba(0, 0, 0, 0.100),
      3px 3px 0 rgba(255, 255, 255, 1.0),
      4px 4px 0 rgba(0, 0, 0, 0.125),
      6px 6px 0 rgba(255, 255, 255, 1.0),
      7px 7px 0 rgba(0, 0, 0, 0.150),
      9px 9px 0 rgba(255, 255, 255, 1.0),
      10px 10px 0 rgba(0, 0, 0, 0.175);
      }

      semoga bermanfaat :^D^:

      Delete
    2. pasang CSS ny di sebelah mana???
      maklum saya kan pemula, jd kurang tau,, :D

      Delete
  2. Replies
    1. pasang di atas ]] :^D^:

      Delete
  3. wah akhirnya ketemu yang sesuai keinginan saya.
    sesama blogger harus saling kunjungi @animeviz.org

    ReplyDelete
  4. punya saya kok g mau kluar gan..,

    ReplyDelete
  5. terima kasih,ya..
    dua kali coba .. baru berhasil..
    semoga sukses sealalu
    salam ayobangkitindonesia

    ReplyDelete
  6. terima kasih boz,...
    satu kali coba langsung sukses bos....
    almajdzubnews.blogspot.com

    ReplyDelete

Di larang Spam,Mencantumkan link langsung,NO SARA

author
Jake Simms
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt utlaoreet dolore.