Tuesday, January 31, 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: Roy » ItemReviewed: Menambahkan Tombol Like Facebook Pada Tiap Postingan

    Artikel Terkait:

    Posted » Muhammad Royani » Updated : 3:05 PM

    7 komentar:

    Rahmat said...

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

    irfan said...

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

    Roy said...

    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

    syauqiya said...

    thanks

    Bima Wira Bhaskara said...

    Saya Gak Bisa ._.
    Help dong ^

    Roy said...

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

    Unknown said...

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

    Post a Comment

    ◄ Posting Baru Posting Lama ►


     

    Copyright 2012 Sarjana Copy Paste