- See more at: http://www.bengkelblogger.net/2014/11/efek-zoom-gambar-pada-posting-blogspot.html#sthash.mSqzZPhs.dpuf

Selasa, 08 Januari 2013

Cara Membuat Tombol Suka Facebook Di Blog


Ekspesi Kurupuk Seuhah Banyak yang memasang icon like facebook di blog. Kurupuk Seuhah, Snack Dan Cemilan Pedas juga pingin ikutan pasang ah.. ternyata langkahnya  simple sekali.. 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.

 


  1. Thanks telah mampir. Bila berkenan tolong komentarnya yaa... n bagikan dengan tombol share di atas.
  2. Gratis langganan artikel blog ini, silahkan klik di sini

Sobat sedang membaca Cara Membuat Tombol Suka Facebook Di Blog. Bila berkenan silahkan share artikel ini dengan tombol share di atas. Bila mau COPAS untuk di blog sobat, mohon meletakkan link aktif sebagai Sumbernya dengan copy kode di bawah ini.

Related Post:


7 komentar:

  1. makasih infonya,,
    sangat bermanfaat,,,

    BalasHapus
  2. Hi there! Quick question that's totally off topic. Do you know how to make your site mobile friendly? My website looks weird when browsing from my apple iphone. I'm
    trying to find a template or plugin that might
    be able to resolve this issue. If you have any suggestions, please
    share. Cheers!

    Here is my web-site - forex trade signals

    BalasHapus
  3. I always used to read article in news papers
    but now as I am a user of web thus from now I am using net
    for content, thanks to web.

    Feel free to surf to my website - forex signal provider

    BalasHapus
  4. My programmer is trying to convince me to move to .
    net from PHP. I have always disliked the idea because of
    the expenses. But he's tryiong none the less. I've been using WordPress on a variety of websites
    for about a year and am anxious about switching to another platform.

    I have heard great things about blogengine.
    net. Is there a way I can transfer all my wordpress posts into
    it? Any help would be really appreciated!


    My weblog: london airplane

    BalasHapus
  5. Hi there, yup this post is really fastidious and I have learned lot of things from
    it concerning blogging. thanks.

    Stop by my page ... best all inclusive resorts

    BalasHapus

 

Copyright 2008 All Rights Reserved Revolution Two Church theme ! Modified by Kurupuk Seuhah ! Blogger