Cara Membuat Share Pack

Anda tahu share pack? Share pack adalah sebuah widget yang digunakan untuk memudahkan pengunjung membagi artikel anda ke jejaring sosial, seperti Facebook, Twitter, Technorati, dll. Nah, yang kita bahas bukan share pack di blog ini. Tapi di blog http://siapayangpantas.blogspot.com. Buka salah satu postingan, dan lihat pada bagian akhir postingan. Ada share pack disitu. Nah, tampilannya kira-kira seperti dibawah ini.

Bagaimana? Menarik? Okelah kalo begitu, kita mulai!

1. Login ke Blogger, lalu klik Tata Letak > Edit HTML.

2. Backup template anda.

3. Centang checkbox Expand Template Widget.

4. Cari kode:

]]></b:skin>

5. Copy kode berikut diatasnya.

.share, img.share{
border: 5px outset;
border-color:#FFFFFF #000000 #000000 #FFFFFF;}
.share:hover, a:hover .share{
border: 5px inset;
border-color: #585858 #A4A4A4 #A4A4A4 #585858;
}

6. Cari kode:

<p><data:post.body/></p>

7. Taruh kode ini dibawahnya.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b>Share this post to other.</b><br/><br/>
<div align='center'>
<a expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Share to Facebook'><img class='share' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiINLRT_CwD5aESmW9G641cAtkv6EZ-uIPDKIqRDO0bRAYcfWINzQsaHqOBO_mgH07_SiZXDJM6K1Fm-ouguKKlEfjsKxC-LzCDX0Ow-qiKyzuL809Tk6JBoU0cboBx69w1C3mHMoPrwBI/s320/facebook.png'/></a>
<a expr:href='&quot; http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Share to Twitter'><img class='share' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixf17PtvwJg6qGRur8TSwgDb4K0nYi1Jm7n5osqORpGyuhNMq1GiQuv7k4CM5Vp2S6iOH69ovgQuZySZEUScfXtLf8ztqoDbqOHbGD_luMlt_em4Uj-YpDcbd4KJ3EST_YLCNL3QqBkTY/s320/twitter.png'/></a>
<a expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Share to Digg'><img class='share' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd0iuG8OoOliyweTUC-YV9D4DJA9UIPC76wGuFI5SexpIbHylLC9QHdLGzYRQFZbYSGxI3lpYNVjhnkELASUSen1-RciVmt4u0N7C5bS_EJlWPAKMO3znQXBWatxIZWX_cOaaAvqeTAh0/s320/digg.png'/></a>
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Share to Del.icio.us'><img class='share' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLpJw3OUmfMthABMD4kXA70C_YKjLFEVtO49C5wvtJMMTvg5xAPMl4TKV8Yobvzf4U6lGdFfKN94PzDl6GGBu4hwNzpqj9yBKyZuh3o0DGVGW64kVPj-V5pSGdAuRPExCfgLFwePOqinE/s320/delicious.png'/></a>
<a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Share to StumbleUpon'><img class='share' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-bvxipfALg5ghQbLZNisTcxtngxRjX3Ei-BRfuG3EkWUIOgZRAqascz37yJAZjt_crRVxiX0EW1DZq3hVgUf4_r7IH7kbnD09y3iZgJ_I1DBJWrCserkBf_JXmV0pGWQuopG8-uZgC9k/s320/stumbleupon.png'/></a>
<a expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Share to Technorati'><img class='share' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpcoxkgzIiM05ZkxrNLcBs2YS_oUGROnqB30eOmHYK2LCv3ugVLwwSrwqsAc2-5Ko9Z8KumrSn0NUGFM2_-AS-A13ZPmKB1FyoUasjhglBI_-jxULR-v02zCjKbYlYJkYgy3Ve177WCe8/s320/technorati.png'/></a>
</div>
</b:if>

8. Simpan.

9. Lihat blog anda.

Semoga berhasil!

Note:
Ikon-ikon yang saya pakai saya comot dari http://jwloh.deviantart.com. Apabila anda mempunyai koleksi icon lainnya, silakan ganti alamat yang berwarna hijau untuk ikon Facebook, biru muda untuk ikon Twitter, merah untuk ikon Digg, biru tua untuk ikon Delicious, kuning untuk ikon Stumbleupon, dan jingga untuk ikon Technorati dengan alamat ikon masing-masing.