CARA MEMBUAT WIDGET SHARE BERPUTAR

CARA MEMBUAT WIDGET SHARE BERPUTAR - CARA MEMBUAT WIDGET SHARE BERPUTAR

Untuk Contohnya seperti di akhir tulisan blog ini untuk membuatnya silahkan copy kode di bawah ini dan Taruh Dibawah Kode <data:post.body/>

<b:if cond='data:blog.pageType == "item"'>
<style>
p#socialicons img {
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}

p#socialicons img:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);}
</style>
<center>
<p id='socialicons'>
<a expr:href='"http://plus.google.com/share?url=" + data:post.url' rel='external nofollow' target='_blank'><img border='0' src='http://1.bp.blogspot.com/-ol6vM16wlA8/UExXvhfRyRI/AAAAAAAAAOY/GadwDGdUteU/s1600/google_plus.png'/></a>
<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' rel='external nofollow' target='_blank'><img border='0' src='http://2.bp.blogspot.com/-NvtmaRUy-vc/UExXu11rG4I/AAAAAAAAAOE/7-yMkh0TyJQ/s1600/facebook.png'/></a>
<a expr:href='"http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img border='0' src='http://3.bp.blogspot.com/-ygGIyb8t7P0/UExXwTFjgUI/AAAAAAAAAO0/oHSSckE4tpw/s1600/twitter.png'/></a>
<a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url' rel='external nofollow' target='_blank'><img border='0' src='http://2.bp.blogspot.com/-PfT1YSSroJY/UExXvZMMQQI/AAAAAAAAAOQ/bmyQitwObBU/s1600/digg.png'/></a>
<a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img border='0' src='http://4.bp.blogspot.com/-ofw_9GjmIAA/UExXu-ZhT9I/AAAAAAAAAOI/YvLdIYakHZs/s1600/delicious.png'/></a>
<a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img border='0' src='http://2.bp.blogspot.com/-oa5oDtmljaY/UExXvx5JH3I/AAAAAAAAAOk/2idhxCKLkP4/s1600/stumbleupon.png'/></a>
<a expr:href='"http://www.technorati.com/faves?add=" + data:post.url' rel='external nofollow' target='_blank'><img border='0' src='http://1.bp.blogspot.com/-HqPMcsCVvQs/UExXwFXCRsI/AAAAAAAAAOo/v0G5s2XlqHQ/s1600/technorati.png'/></a></p>
</center>
</b:if>