Cara Membuat Tombol Suka Facebook Di Blog - Tutorial sangat bagus

Diposting oleh Unknown on Jumat, 01 Februari 2013


Banyak yang memasang icon like facebook di blog dan inilah Cara Membuat Tombol Suka Facebook Di Blog .
Langkahnya seperti ini ya.. :

  1. Log In dulu ke blogger
  2. Dalam Rancangan , pilih Template--- > Edit HTML.
  3. Centang Expand Template Widget 
  4. Cari kode seperti <div class='post-header-line-1'/>.
  5. Copas salah satu kode icon like facebook dibawah ini dan simpan diatas kode no. 4 jika tombolnya ingin berada diatas postingan. Sebaliknya jika ingin berada dibawah posting maka simpan dibawah kode no. 4 .
    • Standard Facebook like button
         <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;send=false&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=35&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/>
        </b:if>
    • Button Count Facebook like button
         <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <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;'/>
        </b:if>
    • Box Count Facebook like button
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;send=false&amp;layout=box_count&amp;show_faces=false&amp;width=55&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=65&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:65px;'/>
        </b:if>
  6. Jika sudah lakukan preview dulu. Jika sudah benar baru simpan template. Selesai…
Catatan :
Jika Tombol Suka Facebook tersebut ingin tampil dibawah posting bisa juga disimpan di bawah kode <data:post.body/>. Coba aja mana yang cocok. Ohya biasanya kode ini ada dua , jadi paste aja dibawah kedua kode ini.Demikian Cara Membuat Tombol Suka Facebook Di Blog . Semoga bermanfaat n Happy Blogging.

Sumber : <a href='http://kurupukseuhah.blogspot.com/2013/01/cara-membuat-tombol-suka-facebook-di.html'target='_blank'>Kurupuk Seuhah</a>

{ 3 komentar... read them below or add one }

Linux mengatakan...

ak coba ya gan,, thanks infonya :)

Riki Rukmana mengatakan...

boleh di coba nih ilmunya......

Unknown mengatakan...

monggo,
trimaksh kunjungannya

Posting Komentar