Joecalih
  • Blogging
    • WordPress
    • Blogger
      • Blogger Widgets
    • Marketing
      • Content Marketing
      • Social Media Marketing
      • Email Marketing
      • Affiliate Marketing
    • Tips & Tricks
  • SEO
    • What is SEO
      • White Hat SEO
      • Black Hat SEO
    • SEO Tutorials
      • Local SEO
      • Video SEO
      • Image SEO
    • Beginners SEO
    • On-Page-SEO
    • SEO ToolsFree
    • Link Building
    • PPC
  • Graphics
    • Photoshop
      • Photoshop Actions
      • Photoshop Brushes
      • Photoshop Overlays
      • Photoshop Textures
      • Photoshop Tutorials
    • Lightroom
      • Lightroom Presets
      • Lightroom Mobile Presets
      • Lightroom Tutorials
    • Premuire Pro
    • Design
      • Posters
      • Mockups
      • Vectors
  • Photography
  • Shop$69
  • Offers
  • Support
  • Licenses
  • Advertise
Subscribe
Joecalih
Joecalih
  • Blogging
    • WordPress
    • Blogger
      • Blogger Widgets
    • Marketing
      • Content Marketing
      • Social Media Marketing
      • Email Marketing
      • Affiliate Marketing
    • Tips & Tricks
  • SEO
    • What is SEO
      • White Hat SEO
      • Black Hat SEO
    • SEO Tutorials
      • Local SEO
      • Video SEO
      • Image SEO
    • Beginners SEO
    • On-Page-SEO
    • SEO ToolsFree
    • Link Building
    • PPC
  • Graphics
    • Photoshop
      • Photoshop Actions
      • Photoshop Brushes
      • Photoshop Overlays
      • Photoshop Textures
      • Photoshop Tutorials
    • Lightroom
      • Lightroom Presets
      • Lightroom Mobile Presets
      • Lightroom Tutorials
    • Premuire Pro
    • Design
      • Posters
      • Mockups
      • Vectors
  • Photography
  • Shop$69
  • Offers
Joecalih Freebies
  • Landscape Lightroom Presets Landscape Lightroom Presets
    Rated 5.00 out of 5
    $30.00 $0.00
  • Architecture Lightroom Presets Architecture Lightroom Presets $80.00 $0.00
  • petermckinnon presets Peter Mckinnon Lightroom Presets $30.00 $0.00
  • Premium Lightroom Presets Pack Lightroom Presets Pack Pro $50.00 $0.00
0
  • Blogger Widgets

Social Media Blogger Sidebar Widget With Counter

  • Joecalih
  • November 18, 2020
  • No comments
  • 115 views
  • 4 minute read
social media

Social media is one of the most effective and efficient ways to grow your audience. By implementing the social media follow widget in your blogger template, you are guaranteed that you will never miss people going to follow your work every day through the buttons widget. The clean and responsive look of the social media follow widget I want to share below will give your blogger template looking premium and user-friendly theme or generating more traffic through your social media handle.
Implementing the widget is as easy as adding the code that is below to a widget panel in the layout view of the template. Copy the code below and place it in the HTML/Javascript option in the sidebar widget.

<style>
a.social_item {
position: relative;
display: block;
height: 50px;
line-height: 50px;
overflow: hidden;
border-radius: 4px;
}
li.social_item-wrapper {
float: left;
width: 48%;
text-align: center;
margin-right: 4% !important;
margin-bottom: 10px !important;
color: #fff;
}
.social_item-wrapper:nth-child(2n+2) {
margin-right: 0 !important;
}
.social_icon {
float: left;
line-height: 50px;
width: 41px;
font-size: 1.3rem;
}
a.social_item.social_facebook {
background: #5d82d1 !important;
}
.fa-facebook.social_icon {
background: #2E4372;
}
li.social_item-wrapper:hover .fa-facebook.social_icon {
background: #3F5B9B;
}
li.social_item-wrapper:hover .social_facebook {
background: #2E4372;
}
a.social_item.social_twitter {
background: #40bff5 !important;
}
.fa-twitter.social_icon {
background: #1571A5;
}
li.social_item-wrapper:hover .fa-twitter.social_icon {
background: #1C97DE;
}
li.social_item-wrapper:hover .social_twitter {
background: #1571A5;
}
a.social_item.social_youtube {
background:#ef4e41 !important;
}
.fa-youtube.social_icon {
background: #B31919;
}
li.social_item-wrapper:hover .fa-youtube.social_icon {
background: #E22020;
}
li.social_item-wrapper:hover .social_youtube {
background: #B31919;
}
a.social_item.social_dribbble {
background: #f7659c !important;
}
.fa-dribbble.social_icon {
background: #B51A45;
}
li.social_item-wrapper:hover .fa-dribbble.social_icon {
background: #E82159;
}
li.social_item-wrapper:hover .social_dribbble {
background: #B51A45;
}
a.social_item.social_rss {
background:#ff7e30 !important;
}
.fa-rss.social_icon {
background: #C2521B;
}
li.social_item-wrapper:hover .fa-rss.social_icon {
background: #E86321;
}
li.social_item-wrapper:hover .social_rss {
background: #C2521B;
}
a.social_item.social_google-plus {
background: #eb5e4c !important;
}
.fa-google-plus.social_icon {
background: #BF2424;
}
li.social_item-wrapper:hover .fa-google-plus.social_icon {
background: #E82C2C;
}
li.social_item-wrapper:hover .social_google-plus {
background: #BF2424;
}
a.social_item.social_linkedin {
background: #3897f0 !important;
}
.fa-linkedin.social_icon {
background: #02669E;
}
li.social_item-wrapper:hover .fa-linkedin.social_icon {
background: #0275B6;
}
li.social_item-wrapper:hover .social_linkedin {
background: #02669E;
}
a.social_item.social_instagram {
background: #3f91cb !important;
}
.fa-instagram.social_icon {
background: #6F583C;
}
li.social_item-wrapper:hover .fa-instagram.social_icon {
background: #8E714D;
}
li.social_item-wrapper:hover .social_instagram {
background: #6F583C;
}
a.social_item.social_pinterest {
background: #CA2027;
}
.fa-pinterest.social_icon {
background: #AB1B21;
}
li.social_item-wrapper:hover .fa-pinterest.social_icon {
background: #CA2027;
}
li.social_item-wrapper:hover social_pinterest {
background: #AB1B21;
}
ul.social-counter a {
color: #fff;
}
</style><div class=”socialcounter”><ul class=”social-counter”><li class=”social_item-wrapper”><a href=”#” class=”social_item social_facebook”><i class=”fa fa-facebook social_icon”></i><span class=”social_num”>230,000</span></a></li><li class=”social_item-wrapper”><a href=”#” class=”social_item social_twitter”><i class=”fa fa-twitter social_icon”></i><span class=”social_num”>230,000</span></a></li><li class=”social_item-wrapper”><a href=”#” class=”social_item social_youtube”><i class=”fa fa-youtube social_icon”></i><span class=”social_num”>230,000</span></a></li><li class=”social_item-wrapper”><a href=”#” class=”social_item social_dribbble”><i class=”fa fa-dribbble social_icon”></i><span class=”social_num”>230,000</span></a></li><li class=”social_item-wrapper”><a href=”#” class=”social_item social_rss”><i class=”fa fa-rss social_icon”></i><span class=”social_num”>230,000</span></a></li><li class=”social_item-wrapper”><a href=”#” class=”social_item social_google-plus”><i class=”fa fa-google-plus social_icon”></i><span class=”social_num”>230,000</span></a></li><li class=”social_item-wrapper”><a href=”#” class=”social_item social_linkedin”><i class=”fa fa-linkedin social_icon”></i><span class=”social_num”>230,000</span></a></li><li class=”social_item-wrapper”><a href=”#” class=”social_item social_instagram”><i class=”fa fa-instagram social_icon”></i><span class=”social_num”>230,000</span></a></li></ul></div>

That’s All, now save your blogger widget and the widget will look exactly as shown in the figure below. 

Total
0
Shares
Share
Tweet
Pin it

Leave a Reply Cancel reply

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

Lattest
  • Joecalih photography 2021 Breakdown
  • Google Translate Widget For Blogger Website
  • Responsive Digital Clock Widget For Blogger Website
  • Page Views Stats Widget For Blogger
  • Facebook Like Box Popup Blogger Widget

Subscribe now to our newsletter

  • Blogger Themes
  • After Effects Templates
  • MockupsNew
  • Blogger Widgets
  • Photoshop Tutorials
  • Blogger TutorialsFree
  • Search Engine Optimization
  • WordPress Tutorials
  • Lightroom Presets$5
  • Camera Raw Presets
  • Premuire Pro Presets
  • Graphic designFree
Joecalih
  • About Us
  • Contact Us
  • Support
  • Cookies
  • © 2020 Joecalih Media inc.

Input your search keywords and press Enter.