Ad

Top Sidebar Social Media Follow Icon Widget

Top Sidebar Social Media Follow Icon Widget



Here is the top "Top Sidebar Social Media Follow Icon Widget" which can be used for Blogger and any website.
You can use this at any site freely.

How To Install the Top Sidebar Social Media Follow Icon Widget:

1: Go to Blogger.

2: Then go to the "Layout Section".

3: Now click on "Add widget".

4: Then Select "HTML and JavaScript".

5: Now Copy the given code and Paste it here.

6: Now you have to click on Save. 
and the widget has been Install Successfully.

NOTE:

"You have to replace the link with your own Links"


Here's how looks the Social Icons:




Following is the code for the ''Top Sidebar Social Media Follow Icon Widget'' and you can use it freely.

<style>
.sidebar-social{font-size:13px;height:250px}.sidebar-social .icon a{display:block;color:#fff;text-decoration: none;padding:12px}.sidebar-social .icon{margin:1% .5%;width:49%;height:45px;float:left;text-align:center;background-color:#111;border-radius:10px}.sidebar-social .icon.facebook{background-color:#3b5998}.sidebar-social .icon.twitter{background-color:#00aced}.sidebar-social .icon.pinterest{background-color:#cb2027}.sidebar-social .icon.instagram{background-color:#bc2a8d}.sidebar-social .icon.google{background-color:#dd4b39}.sidebar-social .icon.linkedin{background-color:#007bb6}.sidebar-social .icon.flickr{background-color:#ff0084}.sidebar-social .icon.YouTube{background-color:#b00}.sidebar-social .icon.rss{background-color:#ea8914}.sidebar-social .icon.tumblr{background-color:#32506d}.sidebar-social .icon:hover{background-color:#222}.link{float:right}
</style>
<div class="sidebar-social">
<div class="icon facebook">
<a href="https://www.facebook.com/mrwhitehattube" target="_blank" title="Follow on facebook">
<i class="fa fa-facebook"></i> 10,370 Likes</a></div>
<div class="icon twitter">
<a href="https://twitter.com/kamran_hccp" target="_blank" title="Follow on twitter">
<i class="fa fa-twitter"></i> 225 Followers</a></div>
<div class="icon pinterest">
<a href="https://in.pinterest.com/kamran_hccp/" target="_blank" title="Follow on pinterest">
<i class="fa fa-pinterest"></i> 100 Followers</a></div>
<div class="icon instagram">
<a href="https://www.instagram.com/kamran_hccp/" target="_blank" title="Follow on instagram">
<i class="fa fa-instagram"></i> 270 Followers</a></div>
<div class="icon linkedin">
<a href="https://www.linkedin.com/in/kamran-mansoor-8055b4171" target="_blank" title="Follow on linkedin">
<i class="fa fa-linkedin"></i> 80 Followers</a></div>
<div class="icon YouTube">
<a href="https://www.YouTube.com/channel/UCG4HZWlO8dgDS5hc13yMKtQ" target="_blank" title="Subscribe on YouTube">
<i class="fa fa-youtube"></i> 239 Subscribers</a></div>
<div class="icon rss">
<a href="https://feeds.feedburner.com/ilovehacker" target="_blank" title="Subscribe blog feed">
<i class="fa fa-rss"></i> 11,513 Followers</a></div>
<div class="icon tumblr">
<a href="https://kamranhccp.tumblr.com/" target="_blank" title="Follow on tumblr">
<i class="fa fa-tumblr"></i> 10 Followers</a></div>
</div>
<div><a href="https://www.ilovehacker.com/2019/06/top-sidebar-social-media-follow-icon-widget.html" target="blank" class="link"></a></div>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" />







Thanks for visiting my Website.

No comments:

Theme images by fpm. Powered by Blogger.