Social Icons

Selasa, 04 Desember 2012

Cara Mudah Memasang Tombol Like Fb di Blog

Panduan blogger yang akan membahas dan menjelaskan tentang Panduan Cara Membuat Tombol "Like" Otomatis Pada tiap-tiap Artikel Di Blog.Disini akan menjelaskan tentang cara membuat serta memasang tombol like facebook secara otomatis pada tiap-tiap artikel/postingan di blog.Mungkin panduan ini dibutuhkan oleh para blogger pemula ( seperti saya ini ),namun bagi para blogger yang mahir dan berpengalaman mungkin panduan ini kurang menarik.Tombol like ini memang akoe sarankan dan akoe rekomendasikan pada sobat blogger semua.Fungsi dan kegunaannya memang banyak,salah satunya adalah untuk mendongkrak popularitas blog.Pengunjung yang memberikan like pada artikel kita di blog,berarti postingan atau artikel kita dinilai berkualitas oleh pengunjung yg
bersangkutan tersebut.Dan sehingga apabila artikel yang telah diposting tersebut disukai oleh pengunjung,maka mungkin secara tidak langsung akan membuat pemilik/penulis artikel tersebut bersemangat dalam menulis sebuah artikel lagi yang berkualitas.

Untuk mengetahui caranya,silahkan sobat blogger langsung saja simak caranya dan ikuti langkah-langkah di bawah ini.
Panduannya adalah sebagai berikut :
  • Silahkan sobat login terlebih dulu di akun Blogger sobat
  • Klik Rancangan
  • Klik Edit HTML
  • Kalau perlu silahkan sobat Download lengkap template blog sobat terlebih dulu,untuk mencegah terjadinya salah pasang kode HTML
  • Beri tanda centang pada Expand Widget Template
  • Cari dulu kode <data:post.body/></div> caranya tekan ctrl+f  kemudian masukkan kode tersebut
  • Copy dan Paste kode HTML di bawah ini
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins    /like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show-faces=true&amp;width=530&amp;height=60&amp;action=like&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px'/>
  • Letakkan kode HTML yang telah di Copy dan Paste tersebut tepat di bawah kode.<data:post.body/></div> .Dan untuk lebih jelas liat  bawah ini  contoh meletakkan kode HTML nya.
div expr:id='&quot;summary&quot; + data:post.id'        <data:post.body/></div>                                                                                  <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show-faces=true&amp;width=530&amp;height=60&amp;action=like&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px'/>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
</b:if>
</b:if>
  • Jadi letak kode <data:post.body/></div> dan kode HTMLnya adalah sejajar
  • Saran sobat klik Pratinjau,untuk melihat apakah tombol like tersebut sudah terpasang atau belum
  • Kalau sudah terpasang,baru klik Simpan Template
  • Kalau belum terpasang,sobat klik aja Bersihkan Edit untuk mengembalikan template sobat blog sobat seperti semula
  • Selesai
Nah........itulah panduan blogger yang bisa ana bagikan dan ana jelaskan,semoga bermanfaat. Selamat mencoba 

Tidak ada komentar:

Posting Komentar