Skip to content
new ogbongeblog logo
  • Advertise
  • Blog
  • Contact

Social Media Icons For Blogger Blogs

June 16, 2012

·

Uncategorized
jidetheblogger Avatar
jidetheblogger

Today, I am sharing with you cool social media icons you can add to your Blogger blog without going through any stress. I have uploaded the icons somewhere, hence all you need to do is to copy the code below and add it to your blog. You can add it to your sidebar, footer or to the header. It’s a matter of choice.

The social icons include icons for Facebook , Twitter , RSS and Email . Below is the screenshot of the icons:

Social media icons

Uses

==> Use the Facebook icon to link your blog to your Facebook profile or facebook fan page

==> Use the Twitter icon to link your blog to your Twitter account

==> Use the RSS icon to link yur blog to your blog’s feed address.

==> Use the Mail icon to link your blog to your email address to make it easy for your blog readers to contact you via email

How To Add Social Icons To Blogger 

==> Copy the code below into a notepad

<div class=’widget-content’>
<a href=” TWITTER LINK HERE ” target=”_blank”><img border=”0″ alt=”Twitter” src=”http://4.bp.blogspot.com/-Vuc3MhT6aSo/T9xrwCN1_DI/AAAAAAAACHk/RJgsp3ClfiU/s1600/twitter-1.png” /></a>
<a href=” FACEBOOK LINK HERE ” target=”_blank”><img border=”0″ alt=”Facebook” src=”http://3.bp.blogspot.com/-VPuEWsibVq4/T9xrgj7_P-I/AAAAAAAACHI/Fd7XKIO6PPE/s1600/facebook-1.png” /></a>
<a href=” RSS FEED URL HERE ” target=”_blank”><img border=”0″ alt=”RSS” src=”http://1.bp.blogspot.com/-OZH5dUgxA_Q/T9xrrTAWENI/AAAAAAAACHc/vgVJKIjg4rA/s1600/rss-1.png” /></a>
<a href=”mailto: EMAIL ADDRESS HERE ” target=”_blank”><img border=”0″ alt=”EMAIL ADDRESS” src=”http://2.bp.blogspot.com/-0yzW8EQGwLQ/T9xrkG0HtRI/AAAAAAAACHQ/rnKVrTVS5-8/s1600/mail.png” /></a>
</div>

==> Insert the links to your FB, Twitter, RSS and email in the highlighted places in the code above

==> Login to your blogger dashboard and go to “ Layout “

==> Click “ Add Gadget ” at any location you want to add it

==> Choose “ HTML/Javascript ” gadget from the list of gadgets

==> Paste the edited code above into the gadget and give it a title eg FOLLOW ME

==> Save and View Your blog

You should now see the icons on your blog.

If you encounter any problem, please let me know. If you have other social media icons, feel free to share.

Cheers!

Please Share :
blogger tips widgets

Like What You Read?

Sign Up to get similar articles delivered to your email inbox.

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

10 responses to “Social Media Icons For Blogger Blogs”

  1. Kanyinulia Avatar
    Kanyinulia
    June 17, 2012

    Hi jide, just used this on my blog now. Thanks a lot.

    Loading…
    Reply
    1. Jide Oguns Avatar
      Jide Oguns
      July 22, 2012

      You welcome Kanyie

      Loading…
      Reply
  2. max ese Avatar
    max ese
    June 26, 2012

    tanks alot jide

    Loading…
    Reply
    1. Jide Oguns Avatar
      Jide Oguns
      July 22, 2012

      Thanks for the appreciation

      Loading…
      Reply
  3. Blogger Avatar
    Blogger
    July 21, 2012

    Hello,

    Can you please help me, how can i put social icons into header, like header of your blog?

    i am very tired searching this problem. 🙁

    Loading…
    Reply
    1. Jide Oguns Avatar
      Jide Oguns
      July 22, 2012

      You will first have to divide your blogger header into two, then you add the codes for the social icons inside an html/javascript gadget

      Loading…
      Reply
  4. ogbu franklin Avatar
    ogbu franklin
    September 29, 2012

    i have use this thanks pls i want steps to add comment bar in my web

    Loading…
    Reply
  5. Osundare Toheeb Avatar
    Osundare Toheeb
    September 20, 2015

    How can I reduce their size mr jide. Or what if I want the twitter icon to be represented as bird and the Facebook should be long shadow icon like your own? Thanks!

    Loading…
    Reply
  6. Katumu Adasi Avatar
    Katumu Adasi
    August 1, 2017

    Thanks for the post but i like the type you are using can u give me that code. Thanks

    Loading…
    Reply
  7. nick Avatar
    nick
    January 13, 2018

    Thanks a lot bro, I d like it at the top or under please can u trow a little lite

    Loading…
    Reply

WANT TO ADVERTISE?

Chat on WhatsApp

RELATED POSTS

  • SGPlus browser plugin: AutoPost to Facebook, Twitter , Linkedln from GooglePlus
  • WordPress Sharing Plugin with Facebook Like Buttonsassy share plugin
  • How To Write a Blog Post (Complete Guide including Pictures)

FEATURED


  • CREDICORP launches C.L.I.C.K.D. Scheme with FG’s 3MTT Programme, expanding affordable consumer credit for locally-assembled laptops and devices for digital workers

    CREDICORP launches C.L.I.C.K.D. Scheme with FG’s 3MTT Programme, expanding affordable consumer credit for locally-assembled laptops and devices for digital workers

  • What Happens to Your Online Accounts When You Die?

    What Happens to Your Online Accounts When You Die?

JOIN AI WEB DESIGN GROUP


  • AI Website Design Training Whatsapp Group by Jidetheblogger

    AI Website Design Training Whatsapp Group by Jidetheblogger

← Reminder of Naijaloaded Seminar: Learn All You Need To Start Making Money Online in Nigeria
Verifying Adsense Account Using Phone Number and Proof Verification Methods →

Join 25,000+ subscribers

Receive our latest blog posts in your inbox.

Search

Social

Facebook

Instagram

Twitter

new ogbongeblog logo

Copyright © 2026 | About | Advertise | Featured | Sitemap | Privacy Policy | Powered by WordPress

Your cart (items: 0)

Products in cart

Product
Details
Total
Subtotal ₦0.00
Shipping and discounts calculated at checkout.
View my cart
Go to checkout

Your cart is currently empty!

Start shopping

Notifications

%d

    LIKE My Fan Page

    Privacy Policy | Copyright © 2012,OgbongeBlog.All Rights Reserved. Powered by Blogger .
    Create a Mobile Site
    View Site in Mobile | Classic
    Share by: