webdesign-android-devlopement-news-portal-designing-india-indore-bhopal-mp

Css Social Menu Icon For Blogger

Posted : at | Posted By: Piush Trivedi | Labels: , 5тБ║ Comments
Posted by: Piush

рдмреНрд▓реЙрдЧ рдкрд░ social profile рд▓рд┐рдВрдХ рдореЗрдиреВ рд▓рдЧрд╛рдпреЗ ред рдкрд┐рдЫрд▓реЗ рд▓реЗрдЦ рдореЗрдВ рдореИрдиреЗ social bookmarking рд╡рд┐рдЬреЗрдЯ, рд╕рд╛рдд рдХрд╛ рджрдо рд╡рд┐рдЬреЗрдЯ , All In One Sharebox Widget рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдмрддрд╛рдпрд╛ рдерд╛ рдЗрд╕реА рдХреЬреА рдореЗрдВ рдЖрдЬ рдмреНрд▓реЙрдЧ рдкрд░ css Social рдореЗрдиреВ рд▓рдЧрд╛рдиреЗ рд╣реЗрддреБ рд▓реЗрдЦ рдЖрдкрдХреЗ рд╕рд╛рдордиреЗ рд╣реИ рее рд╡рд┐рдЬреЗрдЯ рдХреА рдЦрд╛рд╕рд┐рдпрдд рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рд╕рд┐рд░реНрдл рдЗрддрдирд╛ рдХрд╣рдирд╛ рдЪрд╛рд╣реВрдБрдЧрд╛ рдХреА рдпрд╣ рд╡рд┐рдЬреЗрдЯ рднреА Hindi4Tech рдХреЗ рдЕрдиреНрдп рд╡рд┐рдЬреЗрдЯ рдХреА рддрд░рд╣ рд╕реБрдиреНрджрд░ рдФрд░ рд╕реБрд╡рд┐рдзрд╛ рдпреБрдХреНрдд рд╣реИ , рдХрд╛рд░рдг рдЗрд╕реЗ css3, html5 рдХреЛрдб рдХреЗ рд╕рд╛рде рдбрд┐рдЬрд╛рдИрди рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ ред рдиреАрдЪреЗ рдХреНрд░рдорд╢рдГ рддрд┐рди рд╕реНрдЯрд╛рдЗрд▓ рдХреЗ рд╕рд╛рде рдЗрдирдХрд╛ рд▓рд╛рдЗрд╡ рдбреЗрдореЛ рднреА рджрд┐рдЦрд╛рдпрд╛ рдЧрдпрд╛ рд╣реИ , рдЕрддрдГ рдЗрд╕реЗ рдмреНрд▓реЙрдЧ рдкрд░ рд▓реЗ рдЬрд╛рдиреЗ рдХреЗ рд▓рд┐рдпрд╛ рдиреАрдЪреЗ рдХреНрд░рдорд╢рдГ рдкрдХреНрд░рд┐рдпрд╛ рдЕрдкрдирд╛рдпреЗ, рдХреБрдЫ рд╣реА рдорд┐рдирдЯреЛрдВ рдореЗрдВ рд╡рд┐рдЬреЗрдЯ рдЖрдкрдХреЗ рдмреНрд▓реЙрдЧ рдкрд░ рд╣реЛрдЧрд╛...

рд╡рд┐рдЬреЗрдЯ рдмреНрд▓реЙрдЧ рдкрд░ рд▓реЗ рдЬрд╛рдпреЗ

  • рдпрд╣рд╛рдБ рдЬрд╛рдпреЗ 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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0gMk4H8Me4AtFqDeliL5knMK8vEmdAMB0h-u10tRZw7Dr8cfRZiMRek5ePcZRQ9cxoaWaYC9lmkz6qVqpD9l4LFKMeiNc5HuHIGgtsB_JyHh0peobfVGrs86WvGGdtgSZ36UEqRJdfWxl/s400/hindi4tech.blogspot.com-facebook.png" /></a>
<a href="https://www.twitter.com/piushtrivedi/">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQCb-hDkpfCE5qaikx3lPRSg_tFuAOCq6k3G_A-GTROwMkwyeR34F_Fb8ZZeDh5fTZ5ihotdhAz8-1dvWO-vCp-uM49HrY0w-GGlX1Tw2S0JStES_3jcPVrEuWrwJn9707lBIl9wk8tUyR/s400/hindi4tech.blogspot.com-twitter.png" /></a>
<a href="https://plus.google.com/u/0/102214245923918648841">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwV72Lb5E2JqJYi7yDsxPaR0XDxLuTQ12Dd8lqpIsC5bC-eso4mKROdU1MwJ8KkCzK6LdBTvfv3FUt1X5aSx4XcshXAZEwAB7dFN6KsZYKw-odtctQXt6a6YrxlmwHZij37sLYl_jldlNt/s400/hindi4tech.blogspot.com-google_plus.png" /></a>
<a href="https://www.feeds.feedburner.com/hindi4tech/">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpTZNSNOqeZMHT4npW6KhbpmnREtaW09xw4asDyXVp5mfcV26orURDVDtCH601_48RJc44IWaUPHgFCHQZx4elTa-jpQ0FWWGlELa9v-9qPZX1xt93WN24hH2ebdytmMshjwf9uMOdM73Z/s400/hindi4tech.blogspot.com-rss.png" /></a>
<a href="https://www.youtube.com/piushtrivedi/">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil_jNob1EU0p7O7542ublNHP0THMgG9RCtpUaoKQMqu5h3vVmOfmzP3goZgYQkWcEiXuz_HmZg0c-LPi1iKyiouNaqKsTbAF7JRhGhJ0tfIcoHj9NLZ0KiO7bszkeFOoxBem-J1j14cXaO/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0gMk4H8Me4AtFqDeliL5knMK8vEmdAMB0h-u10tRZw7Dr8cfRZiMRek5ePcZRQ9cxoaWaYC9lmkz6qVqpD9l4LFKMeiNc5HuHIGgtsB_JyHh0peobfVGrs86WvGGdtgSZ36UEqRJdfWxl/s400/hindi4tech.blogspot.com-facebook.png" /></a>
<a href="https://www.twitter.com/piushtrivedi/">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQCb-hDkpfCE5qaikx3lPRSg_tFuAOCq6k3G_A-GTROwMkwyeR34F_Fb8ZZeDh5fTZ5ihotdhAz8-1dvWO-vCp-uM49HrY0w-GGlX1Tw2S0JStES_3jcPVrEuWrwJn9707lBIl9wk8tUyR/s400/hindi4tech.blogspot.com-twitter.png" /></a>
<a href="https://plus.google.com/u/0/102214245923918648841">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwV72Lb5E2JqJYi7yDsxPaR0XDxLuTQ12Dd8lqpIsC5bC-eso4mKROdU1MwJ8KkCzK6LdBTvfv3FUt1X5aSx4XcshXAZEwAB7dFN6KsZYKw-odtctQXt6a6YrxlmwHZij37sLYl_jldlNt/s400/hindi4tech.blogspot.com-google_plus.png" /></a>
<a href="https://www.feeds.feedburner.com/hindi4tech/">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpTZNSNOqeZMHT4npW6KhbpmnREtaW09xw4asDyXVp5mfcV26orURDVDtCH601_48RJc44IWaUPHgFCHQZx4elTa-jpQ0FWWGlELa9v-9qPZX1xt93WN24hH2ebdytmMshjwf9uMOdM73Z/s400/hindi4tech.blogspot.com-rss.png" /></a>
<a href="https://www.youtube.com/piushtrivedi/">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil_jNob1EU0p7O7542ublNHP0THMgG9RCtpUaoKQMqu5h3vVmOfmzP3goZgYQkWcEiXuz_HmZg0c-LPi1iKyiouNaqKsTbAF7JRhGhJ0tfIcoHj9NLZ0KiO7bszkeFOoxBem-J1j14cXaO/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0gMk4H8Me4AtFqDeliL5knMK8vEmdAMB0h-u10tRZw7Dr8cfRZiMRek5ePcZRQ9cxoaWaYC9lmkz6qVqpD9l4LFKMeiNc5HuHIGgtsB_JyHh0peobfVGrs86WvGGdtgSZ36UEqRJdfWxl/s400/hindi4tech.blogspot.com-facebook.png" /></a>
<a href="https://www.twitter.com/piushtrivedi/">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQCb-hDkpfCE5qaikx3lPRSg_tFuAOCq6k3G_A-GTROwMkwyeR34F_Fb8ZZeDh5fTZ5ihotdhAz8-1dvWO-vCp-uM49HrY0w-GGlX1Tw2S0JStES_3jcPVrEuWrwJn9707lBIl9wk8tUyR/s400/hindi4tech.blogspot.com-twitter.png" /></a>
<a href="https://plus.google.com/u/0/102214245923918648841">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwV72Lb5E2JqJYi7yDsxPaR0XDxLuTQ12Dd8lqpIsC5bC-eso4mKROdU1MwJ8KkCzK6LdBTvfv3FUt1X5aSx4XcshXAZEwAB7dFN6KsZYKw-odtctQXt6a6YrxlmwHZij37sLYl_jldlNt/s400/hindi4tech.blogspot.com-google_plus.png" /></a>
<a href="https://www.feeds.feedburner.com/hindi4tech/">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpTZNSNOqeZMHT4npW6KhbpmnREtaW09xw4asDyXVp5mfcV26orURDVDtCH601_48RJc44IWaUPHgFCHQZx4elTa-jpQ0FWWGlELa9v-9qPZX1xt93WN24hH2ebdytmMshjwf9uMOdM73Z/s400/hindi4tech.blogspot.com-rss.png" /></a>
<a href="https://www.youtube.com/piushtrivedi/">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil_jNob1EU0p7O7542ublNHP0THMgG9RCtpUaoKQMqu5h3vVmOfmzP3goZgYQkWcEiXuz_HmZg0c-LPi1iKyiouNaqKsTbAF7JRhGhJ0tfIcoHj9NLZ0KiO7bszkeFOoxBem-J1j14cXaO/s400/hindi4tech.blogspot.com-youtube.png" /></a>
</p></center>


More From Web

Do you Like this Article?

rss twitter facebook
Get Subscribe to Free Email Updates!!
*Your email address will not be shared with anyone.

Post A Comment Blogger Disqus

5 comments:


рд▓реЗрдЦ рдкрд░ рдЕрдкрдиреА рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдЕрд╡рд╢реНрдп рджреЗ..
рдзреНрдпрд╛рди рджреЗ !!:-
тАв рд╣рд┐рдВрджреА рдореЗрдВ рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рджреЗрдиреЗ рдХреЗ рд▓рд┐рдП рдпрд╣рд╛рдБ рдХреНрд▓рд┐рдХ рдХрд░реЗ
тАв рдЯрд┐рдкреНрдкрдгреА рдореЗрдВ Html Code рдбрд╛рд▓рд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ
тАв рдЯрд┐рдкреНрдкрдгреА рдореЗрдВ Image рдбрд╛рд▓рдиреЗ рдХреЗ рд▓рд┐рдП [im]Your Image Link [/im] рдХреЛрдб рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗ
тАв рдЯрд┐рдкреНрдкрдгреА рдореЗрдВ Youtube Video рдбрд╛рд▓рдиреЗ рдХреЗ рд▓рд┐рдП [youtube]Youtube Video Link [/youtube] рдХреЛрдб рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗ
тАв рдЯрд┐рдкреНрдкрдгреА рдореЗрдВ Smiley's рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдмрддрд╛рдпреЗ рдЧрдП рдХреЛрдб рдХреЛ рдбрд╛рд▓реЗ
тАв рдЯрд┐рдкреНрдкрдгреА рдкреНрд░рдХрд╛рд╢рди рдореЗрдВ рдХреЛрдИ рдкрд░реЗрд╢рд╛рдиреА рд╣реИ рддреЛ рдпрд╣рд╛рдВ рдХреНрд▓рд┐рдХ рдХрд░реЗрдВ..
Regards, Hindi4Tech
:) :-) :)) =)) :( :-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer

  1. AnonymousAugust 11, 2012 at 6:31тАпPM

    Bahut hee simple lekin effetive tutorials hote hain aapki site pe.

    ReplyDelete
  2. AlanBarlowApril 15, 2021 at 1:45тАпPM

    Really like these, thanks for sharing.
    logo design

    ReplyDelete
  3. mirMay 30, 2021 at 2:26тАпAM

    this is really a great blog thanks for sharing it with us,
    we are always here to design the best websites & logos with a discount also with a guarantee are you interested?
    Online Logo Designer

    ReplyDelete
  4. HarisJuly 21, 2021 at 5:49тАпAM

    Thank you for sharing it with us.
    I am really happy to see this blog.
    It is very helpful for me.

    Nursing assignment help

    ReplyDelete
Subscribe to: Post Comments (Atom)
Loading Please Wait...