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)