Blogger
Exclusively adding a mobile social networking and circular buttons CSS3 effects of the Code of blogger
Exclusively adding a mobile social networking and circular buttons CSS3 effects of the Code of blogger
Steps (follow CAPS)
1. Go to the Control Panel
2. Planning
3. Page Elements
4. added tool
5. chose Html / Javascript
6. Add this code:
7. Then save and go to Blog
2. Planning
3. Page Elements
4. added tool
5. chose Html / Javascript
6. Add this code:
7. Then save and go to Blog
<style>p#hb_socialicons img {
/* Spinning Social Icons Widget By HelperBlogger Ar konozblog */
-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#hb_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 HelperBlogger Ar konozblog */
</style>
<center><p id=”hb_socialicons”>
<img
border=”0″
src=”http://3.bp.blogspot.com/-ck0bnvgk5uI/T_fxhb7Ay-I/AAAAAAAACRY/yZR4hu8omnE/s1600/helperblogger.com-facebook.png”
/></a>
border=”0″
src=”http://3.bp.blogspot.com/-ck0bnvgk5uI/T_fxhb7Ay-I/AAAAAAAACRY/yZR4hu8omnE/s1600/helperblogger.com-facebook.png”
/></a>
<a href=”https://twitter.com/TecnicoBolzano/”>
<img
border=”0″
src=”http://4.bp.blogspot.com/-P_NkdPIsSQQ/T_fxjUKUF2I/AAAAAAAACRs/KXfA3LnHej8/s1600/helperblogger.com-twitter.png”
/></a>
border=”0″
src=”http://4.bp.blogspot.com/-P_NkdPIsSQQ/T_fxjUKUF2I/AAAAAAAACRs/KXfA3LnHej8/s1600/helperblogger.com-twitter.png”
/></a>
<img
border=”0″
src=”http://1.bp.blogspot.com/-uSOHwlVeA68/T_fxiHgtoJI/AAAAAAAACRc/-UZ8ujxc7Ic/s1600/helperblogger.com-google_plus.png”
/></a>
border=”0″
src=”http://1.bp.blogspot.com/-uSOHwlVeA68/T_fxiHgtoJI/AAAAAAAACRc/-UZ8ujxc7Ic/s1600/helperblogger.com-google_plus.png”
/></a>
<a href=” http://www.info-sh-se.com/EruopaSito/”>
<img
border=”0″
src=”http://2.bp.blogspot.com/-2sRpqFhID4A/T_fxipoh7DI/AAAAAAAACRo/kn_qiQKBT-o/s1600/helperblogger.com-rss.png”
/></a>
border=”0″
src=”http://2.bp.blogspot.com/-2sRpqFhID4A/T_fxipoh7DI/AAAAAAAACRo/kn_qiQKBT-o/s1600/helperblogger.com-rss.png”
/></a>
<img
border=”0″
src=”http://3.bp.blogspot.com/-2wY3FQCZgoM/T_fxkMsCqtI/AAAAAAAACR4/jsNUZdVcCCg/s1600/helperblogger.com-youtube.png”
/></a>
border=”0″
src=”http://3.bp.blogspot.com/-2wY3FQCZgoM/T_fxkMsCqtI/AAAAAAAACR4/jsNUZdVcCCg/s1600/helperblogger.com-youtube.png”
/></a>
</p></center>
Do not forget to subscribe and our website and Likes
And if you have any questions .. Must write us a comment or message
The tool form
 |
| حصريا إضافة أزرار الشبكات الأجتماعية متحركة و دائرية بتأثيرات CSS3 لمدونة بلوجر |
What’s your Reaction?
0
Love
0
Smile
0
Haha
0
Sad
0
Star
0
Weary
