Here is the most simple and classic looking Social Icons widget for you blog or website. If you are blogging for some time then you might understand the importance of using social icons in your blog, and if you are not an experience blogger and want to find out why it’s important then read any article which I have written ago.
You Can Read : - Add floating social sharing buttons to your Blogger Blog
For understanding why it’s important to use one in your blog.
So after you understand the importance of social icons let’s jump into the tutorial how to all the classic social icons widget to your blogger blog.
Here is the screenshot how the social icons widget looks like :>>
And Here How to add This In your blogger blog
Step 1:- Go to your blogs dashboard
Step 2:- Go to Layout
Step 3:- Add Widget, and Select HTML/JavaScript
Step 4:- Copy the Code Form below Change Green Marked Hashtags with Your Own URLs and Copy Paste the Entire Code In The
Step 5:- Click on Save, You are done.
You Can Read : - Add floating social sharing buttons to your Blogger Blog
For understanding why it’s important to use one in your blog.
So after you understand the importance of social icons let’s jump into the tutorial how to all the classic social icons widget to your blogger blog.
Here is the screenshot how the social icons widget looks like :>>
 |
| classic social networking icons for your blog |
And Here How to add This In your blogger blog
Step 1:- Go to your blogs dashboard
Step 2:- Go to Layout
Step 3:- Add Widget, and Select HTML/JavaScript
Step 4:- Copy the Code Form below Change Green Marked Hashtags with Your Own URLs and Copy Paste the Entire Code In The
<div id="social">
<a href="#"><img alt="Twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2qxr7l_O3ZD2A-W573spjjkpoFvvC31TmU3KVhvpLKdzz_j5F3_2_MiJvAl-gXxhkXRzlJ6OiZXqCjDxXES9IHq8TFpCIFMTPJqSzC13vSa5ceq7ZVQPLMGLYCWwUEFlHQMQI3j1Cr6zE/s1600/twitter.png" title="Twitter" /></a>
<a href="#"><img alt="Feed" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwH0bVohNq2Sjnd9btaueqKj5Hlt-THtlgWSvm5n92pznkeKGC90eCC7xErYSEy2K8_yXnjoNagN8sRMza9wfa_hhG06low0KkGXQZcyp2wz9ViyxUP0SRUlcWLOvkDnxYTZafCSTm6D2C/s1600/rss.png" title="RSS" /></a>
<a href="#"><img alt="Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqucO_swF2VyC29kYsha0QzXKJurtGOswzax3QWy6Sfxy9h0Ey70Ju32UC8A68SxF9O1Q92ncIjwvnVsHNkfN01NWoIju4bYg5YC1QuAMCFhvS9gqqMNAs3nHZEwpG7QZpdZ8GoJWxd9rY/s1600/facebook.png" title="Facebook" /></a>
<a href="#"><img alt="Google Plus" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWXMxlnFQ2AqDc_HZ3-L-qgSU-hlq5fX7JTCX174N6lKuOI8P62x9DdyVlQSKvoYmhv-6-UAHmUBzfXpcvI9PusU1x5kyNMhuK4svzOhotbRqYlOfL1OuidajngEAeMjB9-DGMsM6iNNg-/s1600/google%252B.png" title="Google Plus" /></a>
<a href="#"><img alt="Youtube" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp0ffibwtAwg62_hkmASqETR-x45i78C0jUvGZhHUFUF8O4P4iwGsWxeK11cxvJfUqfxk6ueadiS8qS5SHyoo1FjtFQveQKxtzdsPjFybkxuma9TD6iEKFiMhr-CpU2xzM6fAxlo5E8Kz4/s1600/you_tube.png" title="Youtube" /></a>
</div>
Step 5:- Click on Save, You are done.
In Blogger, Social Widget, Widget
0 comments:
Post a Comment
Note: only a member of this blog may post a comment.