Rabu, 12 Januari 2011

Membuat Tombol Bookmark dan Share

Mungkin Sudah Pada tau Tombol Share Okezone, seperti gambar screenshot sebelah ini (tombol share yang ada di bawah judul berita).atau bisa anda buka langsung situs okezone.com.

Oia sebelumnya postingan ini disadur dari blog temen :) ,,Nah cara Membuat Tombol Share ala Okezone di Blog cukup mudah Sekali. Berikut langkah-langkahnya:

1. Masuk ke Edit HTML, Jangan lupa Klik Expand Template Widget. Cari Kode Seperti ini ]]></b:skin> . Kemudian Copy Script Berikut

#sharethis{
float: right;
}

2. paste di atas kode ]]></b:skin> tadi.

3. Langkah selanjutnya yaitu Copy Kode Berikut :

<span id='sharethis'>
<div><a class='addthis_button' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'><img alt='Bookmark and Share' height='16' src='http://s7.addthis.com/static/btn/v2/lg-share-en.gif' style='border:0' width='125'/></a>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pub=xa-4b0d68f938b62b99' type='text/javascript'/></div>
</span>

4. Kemudian Paste Di atas atau sebelum kode <data:post.body/>
5. Langkah Terkhir Simpan dan lihat hasilnya......


Semoga bermanfaat........

LINK JEJARING SOSIAL

Twitter Delicious Facebook Digg Stumbleupon Favorites More