Social Media Connecting Rotating Button for Blogger
Connecting social media cool rotate button for blogger add social media following button in your blog or website for connect facebook, twitter, Google+, Pinterest, Page or Rss feed.
How to add this rotate social button in your blog
Add Below Given Code in your blog to show Rotate social button on your blog.
<style>p#vktechzone_socialicons img {
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
p#vktechzone_socialicons img:hover {
-moz-transform: rotate(160deg);
-webkit-transform: rotate(120deg);
-o-transform: rotate(120deg);
-ms-transform: rotate(120deg);
transform: rotate(120deg);
}
</style>
<center><p id="vktechzone_socialicons">
<a href="http://www.facebook.com/ vktechzone"target="blank">
<img border="0" src="https://lh5.googleusercontent.com/-Wg6R3S4r5JI/UbF-4VJKR1I/AAAAAAAABDs/2PplXc_j1X8/s64-no/Facebook+jagged+edge.png"></a>
<a href="http://www.twitter.com/vktechzone"target="blank">
<img border="0" src="https://lh5.googleusercontent.com/-3iBkoYvzlgg/UbGGPX4AkGI/AAAAAAAABHM/AJQHPaO8IPM/s64-no/jagged+twitter.png"></a>
<a href="https://plus.google.com/111153762318745795031/posts"target="blank">
<img border="0" src="https://lh6.googleusercontent.com/-fBPGk_pVrU0/UbF_QRttjTI/AAAAAAAABE0/t2RiWvw-Vd8/s64-no/google+plus+jagged+edge.png"></a>
<a href="http://pinterest.com/vktechzone/"target="blank">
<img border="0" src="https://lh3.googleusercontent.com/-joZKqdP600s/UbF_fW3E6QI/AAAAAAAABF8/Wr-GAEpZK00/s64-no/pinterest+jagged+edge.png"></a>
<a href="http://www.vktechzone.com/feeds/posts/default"target="blank">
<img border="0" src="https://lh3.googleusercontent.com/-rk3xOrnclFs/UbF_Yt7rnnI/AAAAAAAABFY/QuutSV-0iUM/s64-no/RSS+jagged+edge.png"></a>
</p></center>
<small><div style="font-size:50%; text-align:right;"><a href="http://www.vktechzone.com" target="_blank" title="Get This Widgets">Widget by vktechzone</a></div></small>
Note:-Replace vktechzone with your facebook page ID Replace 111153762318745795031 with your Google+ page ID Replace vktechzone with your Twitter ID Replace vktechzone with your Pinterest ID Replace http://www.vktechzone.com/feeds/posts/default with your Blog RSS URL
How to Add Html/Java widget? Follow below steps to add Widget
- Go to Blogger
- Go to your blog Layout option.
- Now Select Add a Gadget option.
- Now select Html/Java Script option
- Now past the above code in Content area field and press save button.
Know more About How to add Gadget In blogger
You May Also Like-Floating Facebook Like Box
You May Also Like-Magical Effect Social button
You can drag and adjust widget place in blogger layout
You can drag and adjust widget place in blogger layout
Subscribe to:
Post Comments
(
Atom
)