Senin, 03 Mei 2010

Membuat Popular Post Widget Dari Google Friend Connect

Untuk membuat widget Popular post ada berbagai cara. Salah satu diantaranya adalah lewat Google Friend Connect. Untuk membuatnya anda harus masuk ke Google Friend Connect dulu.
Cara membuatnya:
  • Masuk dulu ke Google Friend Connect
  • Pilih Recommendation. Kemudian klik tulisan Recommendation.
  • Atur Warna dan judul widgetnya.
  •  Atur tombolnya
  •  Bila anda memilih "Compact", hasilnya seperti ini.
  •  Bila anda memilih "Modular", Hasilnya seperti ini.

    Anda juga membuat tombol berbentuk cinta.

    Bila dirasa sudah selesai klik "Create The THML Code"
    • Copy kodenya trus paste di layout HTML, atau di Tata Letak.
    Kode HTMLnya seperti ini.

    <!-- Include the Google Friend Connect javascript library. -->
    <script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
    <!-- Define the div tag where the gadget will be inserted. -->
    <div id="div-1020104213976883876" style="width:100%;"></div>
    <!-- Render the gadget into a div. -->
    <script type="text/javascript">
    var skin = {};
    skin['HEIGHT'] = '21';
    skin['BUTTON_STYLE'] = 'compact';
    skin['BUTTON_TEXT'] = 'Recommend it!';
    skin['BUTTON_ICON'] = 'heart';
    google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
    google.friendconnect.container.renderOpenSocialGadget(
     { id: 'div-1020104213976883876',
       url:'http://www.google.com/friendconnect/gadgets/recommended_pages.xml',
       height: 21,
       site: '06135972569882299778',
       'view-params':{"pageUrl":location.href,"pageTitle":(document.title ? document.title : location.href),"docId":"recommendedPages"}
     },
      skin);
    </script>


     Selamat Mengerjakan.

    Suka ? Bagikan Ke Teman-Teman
    Sebelum meninggalkan blog ini, jangan lupa untuk mengomentari artikel ini.

    Tidak ada komentar:

    Posting Komentar