Google+ All India Seo Services - seo services, seo packages, freelance work : How to Add Social Media Buttons to Blogger Header


Tuesday, 28 January 2014

How to Add Social Media Buttons to Blogger Header

Hello bloggers friends, adding social media icons to your blog is the way of getting visitors on your own blog. By adding social media buttons you can increase your blog traffic. Social media buttons should be attractive and to be located in a correct place to make more clicks on your blog. Right area to add social button on your blog is header of your blog. Social Media buttons is like Facebook button, Twitter button and Google Plus button.

For doing this you may requires to edit your HTML. So for security reason backup your template before you start adding buttons.

Let me explain how to add social media buttons to of your blog.

    1-Go to Blog Dashboard  Template Edit HTML


Choose Edit HTML Section

2-Search for ]]></b:skin> using Ctrl+F






3-Add the below CSS code just before ]]></b:skin>
/* trickstoo.com Social icons for Blogger ----------------------------------------------- */
#social-icons {
margin-bottom:-30px;
height:50px;
width:100%;
display:block;
clear:both;
z-index: 2;
position: relative;
}
.social-media-icons {

display:table
}
.social-media-icons ul {
text-align:right;
padding:5px 5px 0 0
list-style-image:none; 
list-style-position:outside;
list-style-type:none;
}
.social-media-icons ul {
margin-bottom:0;
padding:0;
float:right;
}
.social-media-icons li.media_icon {
margin-left:6px;
padding-left:0 !important;
background:none !important;
display:inline;
float:left;
}
.social-media-icons li:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg); 
transform: rotate(-360deg);
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

4-And Then Search Below Line

“<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>”

5-And Then paste the below code to the above searched code
<div class='social-media-icons' id='social-icons'>

<ul>
<li class='media_icon'>
<a href='http://facebook.com/trickstoo'><img border='0' src='http://2.bp.blogspot.com/-hJlnVDP-uXk/UaKErpYECEI/AAAAAAAADhA/DA59rR8trrA/s1600/Facebook.png'/></a></li>
<li class='media_icon'>
<a href='http://twitter.com/shanmugam39'><img border='0' src='http://3.bp.blogspot.com/-x7YZ7aKIxM8/UaKErq0FZlI/AAAAAAAADhE/3zNd_IFPT8g/s1600/Twitter.png'/></a></li>
<li class='media_icon'>
<a href='https://plus.google.com/106667632864485528784'><img border='0' src='http://1.bp.blogspot.com/-DNSrkD8pl14/UaKEsW_JdfI/AAAAAAAADhU/S0jGIdQuO4M/s1600/googleplus.png'/></a></li>
<li class='media_icon'>
<a href='http://trickstoo.com/feeds/posts/default'><img border='0' src='http://2.bp.blogspot.com/-H3nOjhn9wk8/UaKErtM0_mI/AAAAAAAADg8/vJ8tEgRcl5M/s1600/RSS.png'/></a></li>
</ul>

</div>




    6-And Then replaced your page name on Facebook, Twitter, Google+ and your Blog URL.

    7-And Now Saved Your Blog Template and Apply Changes.

57 comments:

  1. Replies
    1. Thank you so much Smith Alwayslocks for visiting my site

      Delete
    2. I was surprised that you're not more popular because you certainly have the gift.
      Get totally free key tips for how weight loss

      Delete
  2. framemaster
    It is better to provide some more information

    ReplyDelete
  3. Great! Having social media buttons is really necessary. Google look at your social media profiles. How people treat your content. Thanks Saras. You must share more useful content,
    Regards
    SEOptime

    ReplyDelete
    Replies
    1. Thank You Junaid... i will try & publish more such information as & when i learn and known them..

      Delete
  4. This is such a nice list for all blogger. Thanks for that!!

    ReplyDelete
  5. Replies
    1. I have read your blog its very attractive and impressive. I like it your blog.

      Social Media Marketing Agency Social Media Marketing Services

      Delete
  6. Your article is really informative. Thanks for updating new information about marketing. Your information is really helpful for all online marketers. Thanks for sharing.
    Seo training chennai

    ReplyDelete
  7. thanks for the article which is really informative. Pls note all these socila media buttons buttons works on Web Crawling Technology

    ReplyDelete
  8. I am quite sure they will learn lots of new stuff here than anybody else!

    SEO Services

    ReplyDelete
  9. very informative and help post. after reading your post comment i came to know about the importance of social sharing buttons and i will update the social buttons to my website as well since it is very important for seo point of view.
    local seo provider

    ReplyDelete
  10. The Information which you provided is very much useful for SEO Training Learners Thank You for Sharing Valuable Information.i like this blog and this is very informative.

    Digital Marketing Courses in Chennai

    ReplyDelete
  11. what is the main difference between on page and off page SEO.

    Cheap SEO Packages

    ReplyDelete
  12. Thank you so much Smith Alwayslocks for visiting my site ....

    escorts in Mumbai

    ReplyDelete
  13. The Information which you provided is very much useful ..

    Escorts in Bangalore

    ReplyDelete
  14. The services purchasers get from SEO consultants ar like marathons. However, purchasers ought to remember that SEO tricks will have an excellent impact on a web site and injury it-which is why they need to use the legitimate SEO ways so as to receive spectacular results, for more information click here seo boynton beach.

    ReplyDelete
  15. At JN Designs & Marketing we're the best Baltimore Baltimore SEO firm Company, Web Design Baltimore MD Firm and Baltimore MD Web Developer.

    ReplyDelete
  16. I appreciate you and I would like to read your next post.
    Thanks for sharing this useful information.
    We know your time is very important.
    So, We will help you for finding many important website link that you need for every work.
    Just Bookmarks one website and get more website link .
    all important website link
    SEO Tools

    ReplyDelete
  17. Good to learn something new from this blog. Thanks for sharing such worthy article. By SEO Training in Chennai

    ReplyDelete
  18. Your article is really informative. Thanks for updating new information about marketing. Your information is really helpful for all online marketers. Thanks for sharing.
    online marketing course

    ReplyDelete
  19. Good post to learn something new. I glad to found your blog.Thanks for sharing.
    php training in chennai

    ReplyDelete
  20. Very useful information. Thanks you so much for sharing this wonderful post.
    Android training in chennai

    ReplyDelete
  21. Your main priority when starting your internet business is guaranteeing that you are attaining your focus on market. Without any visitors to your site,
    Digital Marketing Packages

    ReplyDelete
  22. Nice work with good ideas and concepts, lots of great information which we all need, helpful iformation. I would like to thank you for the efforts you shown remarkble writing skill in this article. https://www.facebook.com/Hirelocalseopro/

    ReplyDelete
  23. Nice work with good ideas and concepts, lots of great information which we all need, helpful iformation. I would like to thank you for the efforts you shown remarkble writing skill in this article. https://www.facebook.com/Hirelocalseopro/

    ReplyDelete
  24. This is a numerous post.We can help with SEO for ecommerce, and start ranking your ecommerce products. We are ecommerce seo experts. video seo services

    ReplyDelete
  25. Excellent post. This is very useful. Thanks for sharing.

    SEO Training in Chennai

    ReplyDelete
  26. This comment has been removed by the author.

    ReplyDelete
  27. Very informative blog post.Really looking forward to read more. Keep writing.domain hunter

    ReplyDelete
  28. Thanks for sharing information to our knowledge, it helps me plenty keep sharing…
    Java Training in Chennai | JAVA Course in Chennai

    ReplyDelete

  29. Our Complete in depth Java training course takes you to TOP Level IT companies with high end package. Arcus Offers Java J2EE real time training with placement assurance..
    java training in chennai

    ReplyDelete
  30. Thanks for your great information. Keep Updating.
    ERP in Chennai | ERP Providers in Chennai | ERP Software Company in Chennai. Brave Technologies Private Limited is an one of the best Low Cost ERP Software Solution for all Industries.

    ReplyDelete
  31. Useful content on how to add social media buttons to blogger and which was very interesting.
    Dot net Training institute in Chennai

    ReplyDelete
  32. Awesome blog. I enjoyed reading your articles. This is truly a great read for me.
    Suchmaschinenoptimierung in Lüdenscheid

    ReplyDelete
  33. Hi Good day....

    Excellent post and very useful for SEO analyst and bloggers...keep updating
    php training in coimbatore

    seo training in coimbatore

    web design training coimbatore

    ReplyDelete
  34. I like how you think and the way you speak to your perspectives in this article.
    Best Urologist in Bangalore

    ReplyDelete
  35. This comment has been removed by the author.

    ReplyDelete
  36. If some one wishes to be updated with newest technologies therefore he must be pay a quick visit this web site and be up to date everyday. capitalone.com login

    ReplyDelete
  37. Interesting post! This is really helpful for me. I like it! Thanks for sharing!
    office 2016 32 bit deutsch download

    ReplyDelete
  38. Interesting post! This is really helpful for me. I like it! Thanks for sharing!

    Webdesign Lüdenscheid

    ReplyDelete
  39. Thanks For Your valuable posting, it was very informative
    office 2010 professional download

    ReplyDelete
  40. Your website content nice nice and interesting to observe.
    jobbörse Neunkirchen

    ReplyDelete
  41. Interesting post! This is really helpful for me. I like it! Thanks for sharing!
    WebDesign Lüdenscheid

    ReplyDelete