Rian-RBP: Widget Social Share Berbentuk Hati (Love)

Alo sobat... penasarankan dengan judulnya... apakah sobat merupakan blogger dengan tipe romantis ??? atau mempunyai blog dengan tema template romantis ???. Jika ya monggo dipasang widget share ini biar makin kontras dengan tema blog sobat.

Widget ini hampir sama dengan widget sharing social lainnya, yang berbeda hanyalah pada gambar yang digunakan yaitu gambar love. Gimana kerenkan ??? hehe :):) oke sob langsung aja kita ke TKP.

Cara Pemasangan :

Login ke blog sobat...
Klik "Design" kemudian klik "Edit HTML" setelah itu klik centang pada "Expand Widget Templates", seperti gambar dibawah ini.
Cari kode <data:post.body/> pada template blog (tekan tombol keyboard CTRL+F untuk menampilkan kotak pencarian di browser dan mempercepat pencarian) kemudian copy kode di bawah ini dan paste di bawah kode <data:post.body/> tersebut.

<div style='clear:both; '>

<a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' src='https://lh3.googleusercontent.com/-oqKXjJnAwkg/T0O8C69sP4I/AAAAAAAABGg/_3p5uzKcs34/s800/stumble.png' style='padding:0;margin:0;border:none;'/></a>

<div style='width:65px; float:left;'>
<a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Delicious' src='https://lh3.googleusercontent.com/-23DAoElhxyg/T0O8BnVxT_I/AAAAAAAABGQ/G-k0EPWquRI/s800/delicious.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='"http://technorati.com/faves?add=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='https://lh6.googleusercontent.com/-3VAfCezaPhE/T0O8DO0OamI/AAAAAAAABGo/uNJ2IN6qS_Q/s800/technorati.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='"http://twitthis.com/twit?url=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='https://lh5.googleusercontent.com/-38pOCbQ8WlA/T0O8FusXCjI/AAAAAAAABHA/DM4RdZtyIuc/s800/twitter.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' src='https://lh5.googleusercontent.com/-IatzK5QjURA/T0O8B6NaEaI/AAAAAAAABGU/dOBH3SOhBQ4/s800/facebook.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" + data:post.url + "&=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Yahoo' src='https://lh4.googleusercontent.com/-bKBG49pTgQc/T0O8DfKXpXI/AAAAAAAABG8/J2746cUIXac/s800/yahoo.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='"http://reddit.com/submit?&url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Reddit' src='https://lh3.googleusercontent.com/-fnNmoAVErxw/T0O8B8TI9kI/AAAAAAAABGY/ibOf24CKtpY/s800/reddit.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='data:blog.homepageUrl + "feeds/posts/default"' rel='external nofollow' target='_blank'><img alt='Feed' src='https://lh6.googleusercontent.com/-dYkB6GmzFI0/T0O8CkvEIuI/AAAAAAAABGc/jhP-xrjdZ9Y/s800/rss.png' style='padding:0;margin:0;border:none;'/></a>
</div>
</div>
- Keterangan :
- Jika postingan artikel menggunakan "Read more" maka biasanya akan terdapat 2 kode <data:post.body/> untuk pemasangan script diatas paste kode script pada kode <data:post.body/> yang kedua (yang terakhir).
Klik "Save" dan lihat hasilnya...