Rabu, 11 Agustus 2010

Widget Vote dan Likes Ala INFOGUE.com Untuk Blog


Ternyata selain menyediakan Widget ShareGue, Situs INFOGUE.com juga menyediakan Widget vote dan Likes mirip widget tweetmeme dan widget facebook likes. Jika sebelumnya kita telah membahas tentang cara memasang widget Sharegue, sekarang kita akan membahas cara memasang widget Vote dan likes yang sama juga dari Infogue.com.

Berikut adalah beberapa tampilannya :

1. Widget Vote


<!-- start of infogue's code -->
<script type="text/javascript">
var ig_type = 1;
var ig_url = 'URL_YANG_DIKIRIMKAN';
</script>
<script type="text/javascript" src="http://www.infogue.com/widgets/widget_contribution.js"></script>
<noscript><a href="http://www.infogue.com/" style="border: 0"><img src="http://www.infogue.com/widgets/images/thumbs/kirim.gif" alt="submit to infogue" /></a></noscript>
<!-- end of infogue's code -->


2. Widget Likes

<!-- start of infogue's code -->
<script type="text/javascript">
var ig_type = 6;
var ig_url = 'URL_YANG_DIKIRIMKAN';
</script>
<script type="text/javascript" src="http://www.infogue.com/widgets/widget_contribution.js"></script>
<noscript><a href="http://www.infogue.com/" style="border: 0"><img src="http://www.infogue.com/widgets/images/thumbs/kirim.gif" alt="submit to infogue" /></a></noscript>
<!-- end of infogue's code -->


Keterangan :
== ganti URL_YANG_DIKIRIMKAN dengan kode <data:post.url/>

Untuk penyimpanannya kalian ikuti tahap berikut:

1. Login Ke blogger Kalian
2. Pilih Rancangan ---> EDIT HTML ( centang expand Widget Template )
3. Simpan kode berikut dibawah kode <data:post.body/>( Untuk menyimpan dibawah posting )

<!-- start of infogue's code -->
<script type="text/javascript">
var ig_type = 6;
var ig_url = '<data:post.url/>';
</script>
<script type="text/javascript" src="http://www.infogue.com/widgets/widget_contribution.js"></script>
<noscript><a href="http://www.infogue.com/" style="border: 0"><img src="http://www.infogue.com/widgets/images/thumbs/kirim.gif" alt="submit to infogue" /></a></noscript>
<!-- end of infogue's code -->


Tambahan :
== Kalian bisa meletakkan widgetnya ditempat yang kalian inginkan.
== Jika kalian hanya ingin menampilkan widget ini dihalaman postingan saja kalian tinggal menambahkan kode berikut :

<data:post.body/>

<b:if cond='data:blog.pageType == "item"'>

< simpan kode tadi disini >

</b:if>

Jadi Hasilnya seperti ini

<data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<!-- start of infogue's code -->
<script type="text/javascript">
var ig_type = 6;
var ig_url = '<data:post.url/>';
</script>
<script type="text/javascript" src="http://www.infogue.com/widgets/widget_contribution.js"></script>
<noscript><a href="http://www.infogue.com/" style="border: 0"><img src="http://www.infogue.com/widgets/images/thumbs/kirim.gif" alt="submit to infogue" /></a></noscript>
<!-- end of infogue's code -->
</b:if>

4. SIMPAN template kalian.

Tambahan : Jika warna widgetnya tidak sesuai, kalian bisa mengganti atau memilih bentuk dan warna yang sesuai dengan template anda langsung DISINI ...
Kalian juga jangan lupa untuk membaca Memasang widget GOOGLE buzz disini.

semoga bermanfaat.

No comments yet