Widget Social Share Berbentuk Hati (Love)

Posted in Labels: Widget | Thursday, March 8, 2012 [ 7:00 AM ]

Home » Widget » 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 :

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.

<script language="javascript" src="http://monozcore-project.googlecode.com/files/BlackDragon.js"></script>

<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>

| Blog Tools

- 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).