Membuat Icon Share Blog Berputar

Bottom Share Post
Salam Bloger!
Bagi sobat yang ingin mempercantik tampilan tombol share pos, silahkan ikuti panduannya dibawah ini 
1.Login ke Blogger
2.Pilih Rancangan-Edit HTML
3.Centang  (√)  Expand Template Widget.
  Jangan lupa Save dahulu tamplate anda - untuk jaga-jaga.
4.Kalau sudah, Anda cari kode <div class='post-footer-line post-footer-line-1'/> dan letakkan kode dibawah ini tepat diatas kode tadi.

Semoga Bermanfaat.

<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(70deg);    -webkit-transform: rotate(70deg);    -o-transform: rotate(70deg);    -ms-transform: rotate(70deg);    transform: rotate(70deg);}
</style>
<center><p id='socialicons'>
<a expr:href='&quot;http://plus.google.com/share?url=&quot; + data:post.url' rel='external nofollow' target='_blank'><img border='0' src='http://3.bp.blogspot.com/-4sZkt3DbUxg/UApzY-Eda8I/AAAAAAAABDM/p8-j4asZm6Q/s1600/latesthack.com-google_plus.png'/></a>
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank'><img border='0' src='http://4.bp.blogspot.com/-Q7l2AIANnbI/UApzYR4CKWI/AAAAAAAABDE/g7m_rz8dW0s/s1600/latesthack.com-facebook.png'/></a>
<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img border='0' src='http://4.bp.blogspot.com/-GHi-SgA9yWY/UApzaE6ooTI/AAAAAAAABDc/glSG637KE4U/s1600/latesthack.com-twitter.png'/></a>        
<a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;  + data:post.url' rel='external nofollow' target='_blank'><img border='0' src='http://2.bp.blogspot.com/-O0fJ3wXDrcc/UCedEtqnVFI/AAAAAAAAAEw/jdN82_ecd6Q/s1600/digg.png'/></a>
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img border='0' src='http://4.bp.blogspot.com/-cnKrtRwchUQ/UCedDUYWSEI/AAAAAAAAAEo/aiOMmOcUyDE/s1600/delicious.png'/></a>
<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img border='0' src='http://2.bp.blogspot.com/-5e4yXe6oi_0/UCedFoi-RfI/AAAAAAAAAE4/NvmzYoo82n0/s1600/stumbleupon.png'/></a>
<a expr:href='&quot;http://www.technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank'><img border='0' src='http://3.bp.blogspot.com/-njZx8sYJX_g/UCedG-aTk-I/AAAAAAAAAFA/RnXXXa9JbRQ/s1600/technorati.png'/></a></p></center></b:if>
C O D E

0 komentar:

Posting Komentar

Silahkan sobat tinggalkan jejak di bawah ini...NO.SPAM
Dengan Memberikan Komentar Secara Otomatis akan Mendapatkan Pagerank, Traffic dan Backlink.