Adding an spinning widget in blogger including of social media follow us icons and email subscribe box makes your blogger more attractive. The spinning widget will rotates social media icons such as (rss feed, Facebook, Twitter, Google + and Pinterest) at 360 degrees. Spinning social media follow us icons with email subscribe now button will increase your site or blog strength according to SEO techniques. This widget will works on the socializing your website such as increasing site feed reader, increasing Facebook page likes, increasing Twitter followers, increasing Google plus 1+'s, increasing Pinterest pin it and also increase site email subscribers for your blog.
The spinning effect will makes your widget looking beautiful and attract all visitors to click on social follow us buttons. This will increase your site strength on social sites. This widget has no JavaScript included. There is only CSS and HTML are used in this widget. This widget does n't increase your site loading speed because it's fully optimized. There are many widgets you have installed on your site but you does n't see this widget on any blog. This widget is fully customizable. When you hover mouse on social media icons, they will rotate at 360 degrees and shows there original color. Just follow these steps.
Add Customization of Spinning Social Media Follow Widget!
Step 1. Log in to Blogger Dashboard, and select Layout
Step 2. Now Click on Layout and Select Add a Gadget
Step 3. Choose Add a new HTML/JavaScript Gadget
Step 4. Type 'Subscribe!' in Title (or what you want)
Step 5. Paste the following code in the empty HTML box:
<div class="textwidget"><style>
p#starsblogging_socialicons img {
/* Spinning Social Icons Widget By Starsblogging.blogspot.com/ */
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
p#starsblogging_socialicons img:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
/* Spinning Social Icons Widget By Starsblogging.blogspot.com/ */
</style>
<center><p id='starsblogging_socialicons'>
<a href='http://feeds.feedburner.com/StarsBlogging' rel='nofollow' target='_blank'> <img alt='Click Me' onmouseout='this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBkVbbIhXEfdYaSF9J0AlAhkpe18ng5LYzeSm1E0CLogjVRnToXS72kUUPgfbbvwkzkka8xWz-o960A_J92kqbG3nJoCtmRWXFqzWWTc0cD78Udv0XKqJt6dJaErosHF5yzFPjOxJvl7DA/s1600/rss-inactive.png'' onmouseover='this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT8uy4MJoR7FwPVvwdh5UJ5q70vJkrYSkGS2Xk4QvfnVWfwi8wpSChqAlD4O6dWHQKjIrbIOvxwMxRROacveCUroRgQ_xsSJSCqPLOyHRAEPFdN3WJOrKdNQLWN-I0CKiPd0-DFkCB2Gif/s1600/rss.png'' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBkVbbIhXEfdYaSF9J0AlAhkpe18ng5LYzeSm1E0CLogjVRnToXS72kUUPgfbbvwkzkka8xWz-o960A_J92kqbG3nJoCtmRWXFqzWWTc0cD78Udv0XKqJt6dJaErosHF5yzFPjOxJvl7DA/s1600/rss-inactive.png'/></a>
<a href='http://facebook.com/StarsBlogging' rel='nofollow' target='_blank'><img alt='Click Me' hieght='100' onmouseout='this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYM2UexuOTrIKFjHDzOj3_UyYHsLynJv5J6qNZWy1DXNmFeIFfggBEut60Mefvk3ovc_rwBiBYLFgi_ZmSZff8bxtnNQ1IPQN47UYc0OQfnWN5atspq9VxHtwf1mfi4ZxEdY9tp6casctL/s1600/facebook-inactive.png'' onmouseover='this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm4IivVpuhd4bc226FLuQ1R1z9YEe7GALOkqDEdqg9kqLU7KdktBlLhj0_wG3joMl-4v1sfEGAKsCc2X0AC5xq-xaeSCUJp8HS8S0CH6vB8x49RaM3S6zKh4WzCMWOi5AT8BvTMLOEaCy2/s1600/facebook.png'' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYM2UexuOTrIKFjHDzOj3_UyYHsLynJv5J6qNZWy1DXNmFeIFfggBEut60Mefvk3ovc_rwBiBYLFgi_ZmSZff8bxtnNQ1IPQN47UYc0OQfnWN5atspq9VxHtwf1mfi4ZxEdY9tp6casctL/s1600/facebook-inactive.png'/></a>
<a href='http://twitter.com/StarsBlogging' rel='nofollow' target='_blank'><img alt='Click Me' onmouseout='this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpa0t5M-1zR7g4NCeg4SKtwIWtK7KTwPoAI6Y86FAh9iwUUaTSiXpkILmoGF1TjCBDZ1aOSRxx-xLkI-pevPcZ6_gDUwNj24zzpuXQSySpTO4vWi2pXqYANHzWopd4VkdLYr-z_odWUk2i/s1600/twitter-inactive.png'' onmouseover='this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9zcm76QjRzknNi-ZLoJoQzirMAUips5H5j0Fq3lTZBeW86yBrnRD-1M9dq1X1LORJ-awi4TLgarNht0KpH24IzJVJjsYNsNzFZQaD3j7vgoG89c20cRtZFj1qBOxGc5HI_QbzpgSa6cYf/s1600/twitter.png'' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpa0t5M-1zR7g4NCeg4SKtwIWtK7KTwPoAI6Y86FAh9iwUUaTSiXpkILmoGF1TjCBDZ1aOSRxx-xLkI-pevPcZ6_gDUwNj24zzpuXQSySpTO4vWi2pXqYANHzWopd4VkdLYr-z_odWUk2i/s1600/twitter-inactive.png'/></a>
<a href='https://plus.google.com/110363707893612306708' rel='nofollow' target='_blank'><img alt='Click Me' hieght='160' onmouseout='this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXzgWkTIIuaJDawn-6bNFp77jXuEdlLzkCiJFaMGqxfoNNiivTEHe2Q5XNhoWrPdh4vZZRQLAlA26cgmS7C0GB6S-0odqceOtCv5Lvs2Gn0oFeZvX02yy37BZ6u9VmbCdRi3N-ULgSinp2/s1600/google-plus-inactive.png'' onmouseover='this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVjR_49vJPctdeZV0Cc-3zgwRt1XWShZYmR8ObdsfD2MIyO_7W6Z2QUz_Gqpa4JMWBJFMyeBJSb3AgoAngP6Vy3wTkFKK1_GTx6REJ6yLIku-CUqN6xqapJDQdU2yX6w2uktQCaSWysVQx/s1600/google-plus.png'' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXzgWkTIIuaJDawn-6bNFp77jXuEdlLzkCiJFaMGqxfoNNiivTEHe2Q5XNhoWrPdh4vZZRQLAlA26cgmS7C0GB6S-0odqceOtCv5Lvs2Gn0oFeZvX02yy37BZ6u9VmbCdRi3N-ULgSinp2/s1600/google-plus-inactive.png'/></a>
<a href='http://pinterest.com/starsblogging/' rel='nofollow' target='_blank'><img alt='Click Me' onmouseout='this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmPxo6N4YIOi5ubL2P_839TXxHDcNUwBnH_Lp0QxgLnhmcoaQ8E-aRdG2d22k37k3OGpajiKRxJzDszuc5XUPepINxxX9LnR44-vogInzWAyGJlzyU5ZAiKBVEOyY_akRIDFq6eAhZz1t0/s1600/pinterest-inactive.png'' onmouseover='this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifQqO3wb8p_UXpaATxrbzo6y4zuelFapy-lB3rGTBJNziIznf6kYxexGbWYJbo2LSK8F-eKdOO6xlykcyVQJ7TxtHjL0r_TuKRSH7tly6OkBzHT3jYmNIOyo6Csor4S0H2T5h0O31ftZ6w/s1600/pinterest.png'' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmPxo6N4YIOi5ubL2P_839TXxHDcNUwBnH_Lp0QxgLnhmcoaQ8E-aRdG2d22k37k3OGpajiKRxJzDszuc5XUPepINxxX9LnR44-vogInzWAyGJlzyU5ZAiKBVEOyY_akRIDFq6eAhZz1t0/s1600/pinterest-inactive.png'/></a></p>
</center>
<center>
<div class="starsblogging-subscribe-box-form">
<form action="http://feedburner.google.com/fb/a/mailverify?uri=StarsBlogging" class="starsblogging-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=StarsBlogging', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="StarsBlogging" /><input name="loc" type="hidden" value="en_US" /><input class="starsblogging-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Enter your email address :)"/><input class="starsblogging-subscribe-box-email-button" title="" type="submit" value="Subscribe Now !" /></form></div>
</center>
<style type='text/css'>#starsblogging-subscribe-box{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyjHIkYhCpxDU-DHK2qVwxzXnq_HBLJ3_JzMIOePicxu5H3gbqopvKWl2P9l_1lHROwx0uZUDAgTSsGgoh7VOYLf-Cmx1aZcAsLOEGn1_6HNejTb_rFIYs3S8L29728JYjTNWPCqmYeeBR/s1600/colored-strip.png) repeat scroll 0 0 transparent;border:1px solid #aaa;border-radius:3px;padding:3px 0}.starsblogging-subscribe-box-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8GYkrVIL4dGYfYo_wiWF8QfJFchyphenhyphenJVu2MRfcAgSqDXauFHNCMR3QEXvmq1l6w8RjoQ6xiwXJ-4gNdKM-M-2aUDybfx9MJPw5hyR2CXxoCdQxuBJA7eLw1GAiE8V1Inrdf-wICkuthyoY3/s1600/bg-pattern.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}.starsblogging-subscribe-box-form{clear:both;display:block;margin:10px 0}form.starsblogging-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}.starsblogging-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX6Xatmr8c4dtToKPO6g1ZRP6a9Zp97Lq5_kKTRthnp-Q91zQaDG87ZqXalyXLFh0eIJVR3A3ORiCFfOVzAlcYuNduVuX_fOrM7qo2fnb8eroL8PJEdPD1jVLQO_4aMjB9pnELkGGw3Ovc/s1600/sprites.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%}.starsblogging-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:95%}.starsblogging-subscribe-box-email-button:hover,.starsblogging-subscribe-box-email-button:focus{background:#1ca4ff}.starsblogging-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px}#footer-section{background:#f5f5f5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh27aUnTdLHbJXAKOx7RB-R8P6yGLgYthW5PaL8Aw4mJldlEbeI7rt8KwXvq9Bej7SUbxAvjN0QgJ0wn3-pxvwEJEPDHvGlTpiJr8YGwrBo96rRLPm7ZD3oCfgpMG9QTjou7M5XtkMEvMgR/s0/bg-pattern.png) repeat top left;border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}</style>
</div>
Click Save and after closing pop widget dialog box, Click Save Arrangement to save all settings.
Customization of Spinning Social Media Follow Widget
Just replace all pink bold text links with your own blog. All the pink color replacements are necessary for replacing all text links. This change will required to be changed because it demands to change with your blogger social links.
- http://feeds.feedburner.com/RSS Feed URL
- http://facebook.com/Facebook Page URL
- http://twitter.com/Twitter Profile URL
- https://plus.google.com/GOOGLE + PAGE URL
- http://pinterest.com/Pinterest URL/
All these above demands to be change is required for change with your own links. After the above customization you must do something more to make this widget your own.
- "http://feedburner.google.com/fb/a/mailverify?uri=RSS FEED NAME"
- 'http://feedburner.google.com/fb/a/mailverify?uri=RSS FEED NAME'
- input name="uri" type="hidden" value="RSS FEED NAME"
These above changes will also required like previous links. This change will makes email subscribe box with your own blog name. If you don't change these, your email readers can't be increased.
After changing all the pink links, if you think to change the red bold text then these are ready for change.
- placeholder="Enter your email address :)"/>
- type="submit" value="Subscribe Now !" />
- transform:uppercase;width:95%
The above changes are not necessary because they are extra changes that makes:
- text line inside email box change
- that changes email button text, you can write Submit Now etc.
- That will changes the width of email subscribe box increase or decrease
These above changes will makes some different with this genuine widget. I sure you should enjoy this cool and beautiful widget. This widget should increase your social followers and likes automatically.
Remember to keep comments, Enjoy !
0 comments:
Post a Comment