SkyUrdu | The Largest Hub Of Tutorials
Select Menu
  • Home
  • Google Adsence
    • Google Adsence Tricks
    • Supports Languages
    • 11 Tips For Adsence
    • 12 Tips For Adsence
    • 100% Approval Tip
    • Achievement Card
    • Adsense Revenue
    • Verify Account
  • Make Money
    • Earn With Bidvertiser
    • Earn With Freelance
    • Earn With Blogging
    • Earn With You Tube
    • Earn With Ads Cash
    • Earn With Adsence
    • Earn With Infolinks
    • Earn With Typing
  • Blogging
    • 404 ERROR Page
    • Google+ Fallow
    • BackUP/Restore
    • Mobile Templet
    • Custom Domain
    • Blogger Tricks
    • Custom Fonts
    • Templetes
  • SEO
    • Google Algorithm
    • Google Analytics
    • Select Keywords
    • Blogger Vistors
    • Alexa Ranks
    • Robots.txt
    • SEO Tricks
    • SEO Tools
  • Social Media
    • Whatsapp
    • Facebook
    • Pinterest
    • Google+
    • Twitter
    • Skype
    • Imo
    • VK
  • Networks
    • Easypaisa
    • Mobicash
    • Mobilink
    • Telenor
    • Warid
    • Ufone
    • Zong
  • Much More
    • How To
    • Much More
Home » Blogger Tricks » Twitter Share Button

Twitter Share Button

Unknown
Add Comment
Blogger Tricks
Twitter Share Button
Twitter has now officially released new Sharing Buttons with counter(Tweet Button). The button comes in three styles and has a new URL shortener(t.co).  The tweet button will show how many times your post has been shared on twitter.

The main advantage of the Tweet button is that it will let the reader to follow you(and a related account) after he tweets your post.If you have a  blog, then use the Tweet Button

To install the new tweet button on blogger, Follow these steps
1 . Configure the Tweet Button using this Simple Installer(Code and Demo will be updated according to the details that you provide here)
Button Type:
Button Location:
Syntax of the Tweet:
Your Twitter User Name
User name of Related Twitter account
Description of the Related Account
Lanuage of the Button
Display
<b:if cond='data:blog.pageType == &quot;item&quot;'><div style="float:right;padding:4px;">
<a href='http://twitter.com/share' rel='nofollow' class='twitter-share-button' expr:data-url='data:post.canonicalUrl' expr:data-text='data:post.title' data-related='bloggerplugins:Tutorials and Widgets for Blogger' data-count='vertical' data-via='bloggerplugins'  data-lang='en'></a>
<b:if cond='data:post.isFirstPost'>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js">
</script>
</b:if>
</div>
</b:if>
2.Copy the generated Code
3. Login to your Blogger Dashboard and Navigate to Design > Edit HTML
4. Click on the Check box which says “Expand Widget Templates”
5. Now Look for
<data:post.body/>
and immediately above it paste the following code snippet(after proper editing)
6.Save your template and now you should see the twitter button near each of your blog posts.
Share This!--- Facebook Twitter Google+

Newer Post Older Post Home
Subscribe to: Post Comments (Atom)

Search Hare

Populer Posts

  • Money Transfer By MobiCash
       Now it just takes a few moments for you to transfer money to your family, friends or business partners using services of Mobicash. Any...
  • How to Add Font Awesome 4.5 in Blogger Template?
    Hi guys…We are already aware about fantastic Font Awesome which use a pictographic techniques to display icons instead of image. This is...
  • Facebook send button for Blogger
    It had been some time since Facebook released their new Send Button. The Send button is a social plugin that websites can use to let p...
  • Blogger Lab Full Width Version Responsive Blogger Template
    After successful response from user I have released today Blogger Lab v1.1 and also releasing Blogger Lab Full width v1.1. I hope thi...
  • Best Free Proxy Servers List 2016
    Sometimes you may face problem while accessing some websites either it says this webpage is not available or this website/url has been bl...
  • H1,H2 & H3 heading tags in Blogger
    Heading tags are a way of organizing and prioritizing content in a HTML document. There are 6 heading tags – H1 (the most important one) ...
  • How To Create A SEO Friendly robots.txt in Blogger
    Do you want to create your own robots.txt file for your Blogger? If yes, this post will guide you in easy steps. Here I will discuss ...
  • Best Top 3 Blogging Sites To Make Money Online
    WordPress.com WordPress is the best choice of Bloggers to make money online. Almost everything is free on WordPress. it is providi...
  • Essential Traffic Sources For Your Brand New Blog
    blog traffic is not as easy as it appears. It is in-fact harder to get blog traffic than it is to get regular website traffic. So, your qu...
Template by Malik HassanHome - Sitemap - Privacy Policy - Terms And Conditions - Disclaimer - Author