Skip to main content

Change Default Blogger Share Buttons

Blogger Share buttons

personally, I hate the default blogger share buttons; because, they look extremely dull and lifeless.
 (forgive my manners please... lol) 

Today, I'm going to show you how to replace the default buttons manually.
Sometimes automatically adding widgets like addthis and the rest can't be maximised fully. thus, you get hung up on the way when it comes to tweaking it to your taste.

How to replace blogger share buttons.

1. Login to your admin panel, then back up your template. Always backup your template. 

2. click on edit HTML and search for
<b:includable id='shareButtons' var='post'>

 just below the code above, you will see the following code.
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl   &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl   &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl   &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl   &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl   &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
now,  replace the above code with the code below or any other custom share button code you prefer.  


<!-- Hupso Share Buttons - http://www.hupso.com/share/ --><div class="hupso-share-buttons"><a class="hupso_counters" href="http://www.hupso.com/share/"><img src="//static.hupso.com/share/buttons/share-small.png" style="border:0px; padding-top:2px; float:left;" alt="Share Button"/></a><script type="text/javascript">var hupso_services_c=new Array("twitter","facebook_like","facebook_send","google","pinterest");var hupso_counters_lang = "en_US";</script><script type="text/javascript" src="//static.hupso.com/share/js/counters.js"></script></div><!-- Hupso Share Buttons -->


Save your template and preview
Labels:

Comments

Post a Comment

Popular posts from this blog

Earn While you Save With Alat.ng

If you've always wanted to save up for the future, but didn't take actions for reasons best known to you, now is the time to reconsider your thoughts and take actions, because there is a digital bank known as ALAT waiting to be utilized. What Is A Digital Bank? According to Avoka.com; "Digital banking is the digitization (or moving online) of all the traditional banking activities and programs that historically were only available to customers when physically inside of a bank branch." What is ALAT? ALAT is a digital bank, the first if its kind in Nigeria! It is an innovation of Wema Bank Nigeria, developed to give you easy access to saving your funds and doing other bank transactions without being physically present at the bank.  With Alat digital bank, you can open a savings account using your phone number and Bank Verification Number (BVN) as well as other documents that you will be prompted to upload during the registration process. It’s simple, convenient, reliabl...
Post a Comment
Continue Reading

How To Add Instagram Feed To Your Blog

You probably have an Instagram account and would want to showcase your pictures in your blog. Adding an Instagram widget to your blog goes beyond just showcasing your account to gaining followers, who wouldn't want more followers? This post will be your guide in embedding an Instagram feed into your blog. For people do not use or have an idea of Instagram, to let you know about the beautiful platform, I will run through it briefly.  Instagram is an online photo and video sharing network which let you share photos and videos straight from your mobile device to your account for your followers viewing pleasure. With Instagram, you can automatically share your photos and videos on social media networks such as Facebook, Twitter, Tumblr, and Flickr. I will be sharing a couple of tutorials with you today that not require a plugin, and can be used on either WordPress or Blogger platform, although I will center more on blogger users. There are many websites that could work ...
Post a Comment
Continue Reading

An Unbiased Infolinks Review

Today, I will be going over the adnetwork, infolinks.com in my own way. let's find out if it is a good adsense alternative or one that can be used with adsense. Discovering Infolinks I found out about infolinks while searching for AdSense alternatives when I was unable to get AdSense approved for my account, Then I applied with my previous blog but darn, the blog probably did not meet their demands and I was never approved. Few months laters I got AdSense approved for my blog but that didn't live long enough, to my detriment and after been blown off by the infamous Adsense Disablement ish (made me ditch my previous blog)... Months after setting up my new blog, I had to look for an AdSense alternative, and every research I made, didn't exclude Infolinks, and this made me think highly of them and so I had to give an application another shot, this time within a day, I got approved to display ads on my blog... Bam! Such a nice achievement... Getting To Understa...
Post a Comment
Continue Reading