Belajar Linux

Selasa, 31 Januari 2012

Menambahkan Tombol Like Facebook Pada Tiap Postingan

Menambahkan Tombol Like Facebook Pada Tiap Postingan. Biasanya agar blog lebih menarik kita menambahkan beberapa variasi seperti, berita terkait, label dan lain-lain. Pada artikel kali ini saya akan membuat variasi dengan menambahkan tombol like facebook pada tiap postingan.
  1. Login ke blogger Anda dan klik Rancangan > Edit HTML.
  2. Pastikan kotak Expand Template Widget dicentang.
  3. Cari kode ini <data:post.body/> , supaya lebih mudah gunakan Ctrl + F.
  4. Setelah kode di atas ditemukan, Paste kode di bawah ini. Letakan sebelum atau sesudah kode <data:post.body/>

    <b:if cond='data:blog.pageType == &quot;item&quot;'><div><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=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/></div> </b:if>

  5. Klik Simpan Template.
  6. Sekarang coba lihat masing-masing postingan Anda.
roy87.blogspot.com, SARJANA | COPY | PASTE
    Description » Menambahkan Tombol Like Facebook Pada Tiap Postingan » Rating: 5.0 » Reviewer: Muhammad Royani » ItemReviewed: Menambahkan Tombol Like Facebook Pada Tiap Postingan

    Artikel Terkait:

    Posted » Muhammad Royani » Updated : 15.05

    7 comments:

    Rahmat Syam mengatakan...

    Mantap gan infonya :D
    Di tunggu kunjungannya gan http://razya4greatlife.blogspot.com

    Irfan mengatakan...

    mas,,
    cara buat pilihan katagori seperti di atas keg mna ya ????

    Muhammad Royani mengatakan...

    untuk membuat kolommnya coba baca artikel ini http://roy87.blogspot.com/2012/04/cara-membuat-3-kolom-di-bawah-header.html
    lalu pasang gadget HTML/JavaScript, nah masukkin kode ini tanpa tanda kutip :
    <left><div style="overflow:auto;width:238px;height:100px;padding:5px;border:2px solid #eee">
    <ol>
    <li><a href="GANTI DENGAN URL ARTIKEL KAMU">GANTI DENGAN JUDUL ARTIKEL KAMU CONTOH KAYA DIBAWAH</a></li>
    <li><a href="http://roy87.blogspot.com/2011/10/cara-memposting-artikel.html">Cara Memposting Artikel</a></li>
    </ol>
    </div></left>

    Selesai deh, semoga membantu :D

    knitknotlove indri mengatakan...

    thanks

    bima bhaskara mengatakan...

    Saya Gak Bisa ._.
    Help dong ^

    Muhammad Royani mengatakan...

    ga bisa nya gmn om??
    coba cari kode ini , klo kodenya lebih dari satu coba -coba ajah om satu2x.... :D hehe

    mazter dominic mengatakan...

    ditunggu kunbalnya sob
    > http://dommazter.blogspot.com <

    Poskan Komentar

    ◄ Posting Baru Posting Lama ►
     

    Kawan-kawan Blogger

    Copyright 2012 Sarjana Copy Paste