
????? ????? ?? ?? ????
- ???? ???? Blogger--->Design--->Page Element
- ???? Add a Gadget ?? ????? ???
- ???? html/javascript ????? ????
- ???? ????? ?? Style ??? ??? ?? ???? ????? ???? ?? Style ??? ????
- ????? ??? ???? ??? ???? ??? ?? ? ????? ??? ??? :))
Style 1
<style>p#h4t_socialmenu img {
/* Social Menu Icons Widget By hindi4tech.blogspot.com */
-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#h4t_socialmenu img:hover {
-moz-transform: rotate(120deg);
-webkit-transform: rotate(120deg);
-o-transform: rotate(120deg);
-ms-transform: rotate(120deg);
transform: rotate(120deg);
}
</style>
<center><p id="h4t_socialmenu">
<a href="https://www.facebook.com/hindi4tech">
<img border="0" src="https://2.bp.blogspot.com/-mXdkegiowik/T_jucGnLBvI/AAAAAAAABwo/eYODwavY610/s400/hindi4tech.blogspot.com-facebook.png" /></a>
<a href="https://www.twitter.com/piushtrivedi/">
<img border="0" src="https://4.bp.blogspot.com/-sqdApuTIqZc/T_juj-Yy-LI/AAAAAAAABw0/dFCwOnSECv8/s400/hindi4tech.blogspot.com-twitter.png" /></a>
<a href="https://plus.google.com/u/0/102214245923918648841">
<img border="0" src="https://1.bp.blogspot.com/-ogqFvu6DqIg/T_juqNEaZII/AAAAAAAABxA/ZaNjxHS-HLk/s400/hindi4tech.blogspot.com-google_plus.png" /></a>
<a href="https://www.feeds.feedburner.com/hindi4tech/">
<img border="0" src="https://2.bp.blogspot.com/-H0pV7Oshud4/T_juw5742_I/AAAAAAAABxM/3RkAb2d5Sh0/s400/hindi4tech.blogspot.com-rss.png" /></a>
<a href="https://www.youtube.com/piushtrivedi/">
<img border="0" src="https://2.bp.blogspot.com/-ucodCgF-ZVY/T_ju3ZQSBGI/AAAAAAAABxY/9MraTIUcTnQ/s400/hindi4tech.blogspot.com-youtube.png" /></a>
</p></center>
/* Social Menu Icons Widget By hindi4tech.blogspot.com */
-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#h4t_socialmenu img:hover {
-moz-transform: rotate(120deg);
-webkit-transform: rotate(120deg);
-o-transform: rotate(120deg);
-ms-transform: rotate(120deg);
transform: rotate(120deg);
}
</style>
<center><p id="h4t_socialmenu">
<a href="https://www.facebook.com/hindi4tech">
<img border="0" src="https://2.bp.blogspot.com/-mXdkegiowik/T_jucGnLBvI/AAAAAAAABwo/eYODwavY610/s400/hindi4tech.blogspot.com-facebook.png" /></a>
<a href="https://www.twitter.com/piushtrivedi/">
<img border="0" src="https://4.bp.blogspot.com/-sqdApuTIqZc/T_juj-Yy-LI/AAAAAAAABw0/dFCwOnSECv8/s400/hindi4tech.blogspot.com-twitter.png" /></a>
<a href="https://plus.google.com/u/0/102214245923918648841">
<img border="0" src="https://1.bp.blogspot.com/-ogqFvu6DqIg/T_juqNEaZII/AAAAAAAABxA/ZaNjxHS-HLk/s400/hindi4tech.blogspot.com-google_plus.png" /></a>
<a href="https://www.feeds.feedburner.com/hindi4tech/">
<img border="0" src="https://2.bp.blogspot.com/-H0pV7Oshud4/T_juw5742_I/AAAAAAAABxM/3RkAb2d5Sh0/s400/hindi4tech.blogspot.com-rss.png" /></a>
<a href="https://www.youtube.com/piushtrivedi/">
<img border="0" src="https://2.bp.blogspot.com/-ucodCgF-ZVY/T_ju3ZQSBGI/AAAAAAAABxY/9MraTIUcTnQ/s400/hindi4tech.blogspot.com-youtube.png" /></a>
</p></center>
Style 2
<style>p#h4t_socialmenu img {
/* Social Menu Icons Widget By hindi4tech.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#h4t_socialmenu 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="h4t_socialmenu">
<a href="https://www.facebook.com/hindi4tech">
<img border="0" src="https://2.bp.blogspot.com/-mXdkegiowik/T_jucGnLBvI/AAAAAAAABwo/eYODwavY610/s400/hindi4tech.blogspot.com-facebook.png" /></a>
<a href="https://www.twitter.com/piushtrivedi/">
<img border="0" src="https://4.bp.blogspot.com/-sqdApuTIqZc/T_juj-Yy-LI/AAAAAAAABw0/dFCwOnSECv8/s400/hindi4tech.blogspot.com-twitter.png" /></a>
<a href="https://plus.google.com/u/0/102214245923918648841">
<img border="0" src="https://1.bp.blogspot.com/-ogqFvu6DqIg/T_juqNEaZII/AAAAAAAABxA/ZaNjxHS-HLk/s400/hindi4tech.blogspot.com-google_plus.png" /></a>
<a href="https://www.feeds.feedburner.com/hindi4tech/">
<img border="0" src="https://2.bp.blogspot.com/-H0pV7Oshud4/T_juw5742_I/AAAAAAAABxM/3RkAb2d5Sh0/s400/hindi4tech.blogspot.com-rss.png" /></a>
<a href="https://www.youtube.com/piushtrivedi/">
<img border="0" src="https://2.bp.blogspot.com/-ucodCgF-ZVY/T_ju3ZQSBGI/AAAAAAAABxY/9MraTIUcTnQ/s400/hindi4tech.blogspot.com-youtube.png" /></a>
</p></center>
/* Social Menu Icons Widget By hindi4tech.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#h4t_socialmenu 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="h4t_socialmenu">
<a href="https://www.facebook.com/hindi4tech">
<img border="0" src="https://2.bp.blogspot.com/-mXdkegiowik/T_jucGnLBvI/AAAAAAAABwo/eYODwavY610/s400/hindi4tech.blogspot.com-facebook.png" /></a>
<a href="https://www.twitter.com/piushtrivedi/">
<img border="0" src="https://4.bp.blogspot.com/-sqdApuTIqZc/T_juj-Yy-LI/AAAAAAAABw0/dFCwOnSECv8/s400/hindi4tech.blogspot.com-twitter.png" /></a>
<a href="https://plus.google.com/u/0/102214245923918648841">
<img border="0" src="https://1.bp.blogspot.com/-ogqFvu6DqIg/T_juqNEaZII/AAAAAAAABxA/ZaNjxHS-HLk/s400/hindi4tech.blogspot.com-google_plus.png" /></a>
<a href="https://www.feeds.feedburner.com/hindi4tech/">
<img border="0" src="https://2.bp.blogspot.com/-H0pV7Oshud4/T_juw5742_I/AAAAAAAABxM/3RkAb2d5Sh0/s400/hindi4tech.blogspot.com-rss.png" /></a>
<a href="https://www.youtube.com/piushtrivedi/">
<img border="0" src="https://2.bp.blogspot.com/-ucodCgF-ZVY/T_ju3ZQSBGI/AAAAAAAABxY/9MraTIUcTnQ/s400/hindi4tech.blogspot.com-youtube.png" /></a>
</p></center>
Style 3
<style>p#h4t_socialmenu img {
/* Social Menu Icons Widget By hindi4tech.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#h4t_socialmenu 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="h4t_socialmenu">
<a href="https://www.facebook.com/hindi4tech">
<img border="0" src="https://2.bp.blogspot.com/-mXdkegiowik/T_jucGnLBvI/AAAAAAAABwo/eYODwavY610/s400/hindi4tech.blogspot.com-facebook.png" /></a>
<a href="https://www.twitter.com/piushtrivedi/">
<img border="0" src="https://4.bp.blogspot.com/-sqdApuTIqZc/T_juj-Yy-LI/AAAAAAAABw0/dFCwOnSECv8/s400/hindi4tech.blogspot.com-twitter.png" /></a>
<a href="https://plus.google.com/u/0/102214245923918648841">
<img border="0" src="https://1.bp.blogspot.com/-ogqFvu6DqIg/T_juqNEaZII/AAAAAAAABxA/ZaNjxHS-HLk/s400/hindi4tech.blogspot.com-google_plus.png" /></a>
<a href="https://www.feeds.feedburner.com/hindi4tech/">
<img border="0" src="https://2.bp.blogspot.com/-H0pV7Oshud4/T_juw5742_I/AAAAAAAABxM/3RkAb2d5Sh0/s400/hindi4tech.blogspot.com-rss.png" /></a>
<a href="https://www.youtube.com/piushtrivedi/">
<img border="0" src="https://2.bp.blogspot.com/-ucodCgF-ZVY/T_ju3ZQSBGI/AAAAAAAABxY/9MraTIUcTnQ/s400/hindi4tech.blogspot.com-youtube.png" /></a>
</p></center>
/* Social Menu Icons Widget By hindi4tech.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#h4t_socialmenu 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="h4t_socialmenu">
<a href="https://www.facebook.com/hindi4tech">
<img border="0" src="https://2.bp.blogspot.com/-mXdkegiowik/T_jucGnLBvI/AAAAAAAABwo/eYODwavY610/s400/hindi4tech.blogspot.com-facebook.png" /></a>
<a href="https://www.twitter.com/piushtrivedi/">
<img border="0" src="https://4.bp.blogspot.com/-sqdApuTIqZc/T_juj-Yy-LI/AAAAAAAABw0/dFCwOnSECv8/s400/hindi4tech.blogspot.com-twitter.png" /></a>
<a href="https://plus.google.com/u/0/102214245923918648841">
<img border="0" src="https://1.bp.blogspot.com/-ogqFvu6DqIg/T_juqNEaZII/AAAAAAAABxA/ZaNjxHS-HLk/s400/hindi4tech.blogspot.com-google_plus.png" /></a>
<a href="https://www.feeds.feedburner.com/hindi4tech/">
<img border="0" src="https://2.bp.blogspot.com/-H0pV7Oshud4/T_juw5742_I/AAAAAAAABxM/3RkAb2d5Sh0/s400/hindi4tech.blogspot.com-rss.png" /></a>
<a href="https://www.youtube.com/piushtrivedi/">
<img border="0" src="https://2.bp.blogspot.com/-ucodCgF-ZVY/T_ju3ZQSBGI/AAAAAAAABxY/9MraTIUcTnQ/s400/hindi4tech.blogspot.com-youtube.png" /></a>
</p></center>
No comments:
Post a Comment