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

Beautify Your Blogspot Blog With TESH, A Premium Premade Blogger Template

If you've been looking for a stylish template for your blogger blog, then you'll definitely love the look and feel of "Tesh", a classic, chic, as well as black and white premade blogger template, suitable for personal, fashion, lifestyle bloggers as well as other bloggers. Tesh is not only classic but responsive and has been built to beautify your blog's view... If you've been looking for a minimalist blogger template that isn't heavy but lightweight, then tesh is perfect just for you... No fuss, she's worth your thoughts and utilization. Note: This is a blogger template, it wouldn't work on WordPress, tumblr or any other platform but blogger. Demo - http://www.tesh-demo.blogspot.com Features of Tesh ~ Responsive layout ~ Auto read more button ~ Breadcrumbs in post page ~ Related posts widget ~ Classic share buttons ~ Stylish about me widget ~ Beautiful labels design ~ Numbered page navigation ...
Post a Comment
Continue Reading

Just Another Way To Save With A Piggybank

While growing up, I wished for a piggybank, despite having access to numerous saving boxes. Trust me, I always thought a piggy bank would be great and advanced than a square box! At least it wasn't our conventional DIY savings method. But then, what if my dream had come true, maybe not at the time I wanted it but sometime later? I'd probably save and get to destroy my bank! Piggybank is a generic English term used to denote the earliest means of storage of money, using a hollow ceramic statue of a pig. Well, did you ever use a savings box and wished for a Piggy bank? It's probably time to stop being archaic and get digital because, there's a Piggy bank in town who's gone so digital. About piggybank.ng In a brief note, Piggybank.ng is a Nigerian Financial Technology (Fintech) startup which run a hassle free online savings scheme. Piggybank if granted access to a user's bank account will make periodic deductions for the purpose of saving towards a target. This inn...
Post a Comment
Continue Reading