Cara Membuat Like Facebook pada Postingan Blog

Kali ini Pphoo™ akan mengulas Cara membuat Like Facebook pada Postingan Blog. Langsung aja Kawan... 

 

Facebook Like

Cukup tambahkan salah satu (standard button, horizontal button atau vertical count) ditentukan kelas baru untuk halaman Anda di samping daftar tombol lainnya :

<!-- standard button-->
<span class="st_fblike_fbLong" ></span>
<!--horizontal count-->
<span class="st_fblike_hcount" ></span>
<!--vertical count-->
<span class="st_fblike_vcount" ></span>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">
        stLight.options({
                publisher:'12345',
        });
</script>

Lihat contoh dibawah ini : 

 

Google+1

Dengan tombol 1 baru Google ada beberapa pilihan format termasuk icon kecil / besar, tombol, dan counter (horisontal, vertikal). Contoh di bawah ini menggambarkan berbagai pilihan. Pilih satu yang sesuai dengan estetika situs Anda.

CATATAN:
 Dalam contoh di bawah parameter st_url menentukan URL yang harus dibagi.
 Biasanya ini adalah sama dengan saat halaman web namun dalam beberapa kasus, Anda mungkin ingin berbagi
 URL yang berbeda (misalnya link singkat). Parameter ini adalah opsional -> 

<!-- standard button-->
<span class="st_plusone_button" st_url="http://www.sharethis.com/"></span>
<!-- small image-->
<span class="st_plusone" st_url="http://www.sharethis.com/"></span>
<!-- large image-->
<span class="st_plusone_large" st_url="http://www.sharethis.com/"></span>
<!-- horizontal counter-->
<span class="st_plusone_hcount" st_url="http://www.sharethis.com/"></span>
<!-- vertical counter-->
<span class="st_plusone_vcount" st_url="http://www.sharethis.com/"></span>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">
        stLight.options({
                publisher:'12345',
        });
</script>

Lihat contoh dibawah ini :  

Powered by: Share This 

Penempatan script diatas dapat kalian copas dibawah kode <data:post.body/> pada HTML, jangan lupa klik kotak kecil terlebih dahulu

Expand Template Widget

Jangan lupan simpan template kalian...

Semoga bermanfaat Kawan... (",)