Share Counters + Share Buttons Widget – Horizontal Wide (zSCbutton)

 

Berikut ini adalah tombol share (Facebook Like, Twitter Tweet, Google Plus One, dan Lintas Berita) berupa bentuk HORIZONTAL WIDE (horizontal melebar).

Untuk daftar lengkapnya, silahkan buka halaman utama tombol zSCbutton Share Counters + Share Buttons Widget, yang meliputi bentuk / tipe Horisontal Wide, Horizontal Tall, dan Vertical.

*

Kode HTML / Script

Silahkan pasang kode HTML ini di halaman web:

<!-- zSCbutton Horizontal Wide BEGIN -->
<div id="zscbhorwdiv" style="margin:10px 0; text-align:center;">
   <div id="zscbhorwcntr"><ul id="zscbhorw" style="list-style-type:none;">
      <li id="zscbhorwfb"><div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="false" layout="button_count" width="90" show_faces="false" action="like" font=""></fb:like></li>
      <li id="zscbhorwtw"><a href="http://twitter.com/share" class="twitter-share-button" rel="nofollow" data-count="horizontal">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script><a id="zscbhorwc" href="http://inimu.com/widget/zscbutton/" title="Share Counters Buttons">i</a></li>
      <li id="zscbhorwgg"><g:plusone size="medium"></g:plusone><script type="text/javascript">(function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })();</script></li>
      <li id="zscbhorwlb"><script type="text/javascript">lb_skin = 'mode3';</script><script src="http://www.lintasberita.com/widget_vote/lintasberita.js" type="text/javascript"></script></li>
   </ul><script type="text/javascript" src="http://zscbutton.googlecode.com/svn/trunk/js/zscbutton-hor-wide.js"></script></div>
</div>
<!-- zSCbutton Horizontal Wide END -->

*

Widget Demo

Silahkan klik semua tombol share berikut ini untuk mencobanya. :)

  • i

*

Cara Pemasangan / Penggunaan Kode Share

Tidak ada konfigurasi yang harus dilakukan, pasang saja (copy-paste) kode tersebut pada template blog/website.

Khusus untuk blog yang menggunakan platform Blogger/Blogspot dan juga WordPress.ORG (self-hosted), berikut ini adalah cara pemasangannya.

.

1. Pasang di template Blogspot/Blogger

Silahkan login, masuk ke tab Design/Layout, lalu klik Edit HTML, centang pilihan Expand Widget Templates. Cari kode <data:post.body/> di kotak editor HTML, lalu di atas atau di bawah kode data:post.body itu pasang kode tombol share (zSCbutton) di antara kode b:if condition seperti ini:

<b: if cond='data:blog.pageType != &quot;index&quot;'>
 <b:if cond='data:blog.pageType != &quot;archive&quot;'>
  MASUKKAN KODE TOMBOL SHARE DI SINI
 </b:if>
</b:if>

Catatan: mungkin kode data:post.body itu format/penamaannya tidak persis sama pada setiap template.

.

2. Pasang di template WordPress.ORG (self hosted)

Silahkan login, masuk ke Appearance, lalu klik Editor (Themes editor). Silahkan buka template Single Post (single.php) atau Page Template (page.php). Cari kode <?php the_content(); ?>, lalu di atas atau di bawah kode the_content() itu tambahkan kode tombol share.

Catatan: mungkin kode the_content() itu format/penamaannya tidak persis sama pada setiap theme.

.

  • i
 Posted by at 20:13

  2 Responses to “Share Counters + Share Buttons Widget – Horizontal Wide (zSCbutton)”

  1. wahhhh… makin keren2 aja nih widget.ny….
    izin pake lg yaw… :mrgreen: :mrgreen:

  2. dah ane coba, ga berhasil gan. ane paste kode yang agan kasih file page.php

Leave a Reply to Gie Cancel reply

(required)

(required)


six − = 1

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

zStickyBar Widget by inimu.com