Menu

Lovely Cute
  • More Menu

    • Reports
    • Search
    • Graphs
    • Settings
  • Dream Fun Product

    Drop Menu

    • Reports
    • Search
    • Graphs
    • Settings
  • Home
  • About
  • Contact
  • Sitemap
  • Others
    • Gambar Lucu
    • Infografis
    • Inspirasi
    • Motivasi
    • Photoshop
    • Teka-teki
    • Tips
    • Ucapan

Quicker BD

  • Menu
  • Home
  • Blogger
    • SEO
      • SEO 1
      • SEO 2
    • CSS
      • CSS 1
      • CSS 2
      • CSS 3
      • CSS 4
      • CSS 5
    • Jquery
      • Jquery 1
      • Jquery 2
  • Music
    • Product 1
      • Sub Item
      • Sub Item
    • Product 2
      • Sub Item
      • Sub Item
  • Flat UI
  • Features
Home » Blogger Widget » How-to » Widget Generators » How to add official twitter buttons to blogspot blog

How to add official twitter buttons to blogspot blog

An official twitter buttons which comes with 42 languages and you have the options to choose a twitter follow button from 4 different styles. As you can see in the screenshot below, there are 4 different twitter buttons available on twitter recourse page that you can use for free. The first one is a "tweet button" which let's your blog readers to tweet your post on twitter. and the second one is "follow button" which must have button for your blog so that your blog readers can follow you on twitter and get updated with your latest posts. and 3rd button is for "hashtag button" which you can select any particular hashtag and add its button to your blog so that your blog's reader can go through the topic. and last but not least a "mention button". mention button let's you mention someone else from your followers and notify them. So, now if you want any one widget from there to your blog just follow the steps given below.

Related :
1. Fixed Scroll Follow Us On Twitter Badge For Blogger
2. How to Add Animated Flying Android Man Widget to Blogger
3. Animated Flying Twitter Bird Widget Generator

How to add Official twitter buttons to blogspot blog?

Firstly go to the This page
There you will see a form, just fill the required data
on right side, copy the widget code.

Add it on blogger sidebar

Go to blogger dashboard > Layout > Add a gadget
Choose HTML/Javascript from the list.
Paste widget code into it. and save it.

Add it on Blogger Post

Go to Blogger Dashboard > Template > Edit HTML
Search for <data:post.body/> tag
Paste the Coppied Code Before or After it! and Save your Template.

- if you put the code Before <data:post.body/> tag then it will appear at the top of the post

- if you put the code After <data:post.body/> tag then it will appear at the Bottom of the post
Add Comment
Blogger Widget How-to Widget Generators

Share

Like

G+

Tweet

Tweet
Related Posts

Show Conversion CodesHide Conversion Codes
Show EmoticonHide Emoticon
Newer Older Home
Powered by Blogger.

Weekly Posts

  • How to Add A Transparent Notification Bar To Blogger
    How to Add A Transparent Notification Bar To Blogger
  • Xmas "Flying Santa Claus" Widget for Blogger
    Xmas "Flying Santa Claus" Widget for Blogger
  • Supreme V2 ( Version 2) Responsive Blogger Template Download for free
    Supreme V2 ( Version 2) Responsive Blogger Template Download for free
  • How to Add Animated Flying Android Man Widget to Blogger
    How to Add Animated Flying Android Man Widget to Blogger
  • Create a Free Blog with Blogspot.com
    Create a Free Blog with Blogspot.com
  • How to Embed YouTube Videos In Blogger Posts
    How to Embed YouTube Videos In Blogger Posts
  • Use A Drop Cap Large First Letter In Posts On Blogger
    Use A Drop Cap Large First Letter In Posts On Blogger
  • Simple Recent Posts Widget for Blogger / Blogspot
    Simple Recent Posts Widget for Blogger / Blogspot
  • Flipper Social Sharing Widget for Blogger
    Flipper Social Sharing Widget for Blogger
  • Add Auto Read More with Thumbnail to Blogger/Blogspot
    Add Auto Read More with Thumbnail to Blogger/Blogspot

Blog Archive

  • ►  2017 (2)
    • ►  October (1)
    • ►  May (1)
  • ►  2016 (5)
    • ►  October (1)
    • ►  September (1)
    • ►  March (1)
    • ►  February (2)
  • ►  2015 (28)
    • ►  November (1)
    • ►  September (7)
    • ►  August (2)
    • ►  July (1)
    • ►  June (1)
    • ►  April (3)
    • ►  March (3)
    • ►  February (5)
    • ►  January (5)
  • ▼  2014 (105)
    • ►  December (4)
    • ►  November (6)
    • ►  October (1)
    • ►  September (8)
    • ▼  August (12)
      • Pinterest "Pin it" Hover Button for Blogger Images
      • Show each blogger post's featured image on index p...
      • How to add official twitter buttons to blogspot blog
      • How to Create A Rollover Image Effect "Change imag...
      • Adding CSS Sprite Animated Social Media Icons to B...
      • Add Missing Embedded Comments Form to Blogger
      • Supreme V2 ( Version 2) Responsive Blogger Templat...
      • How To Make Money Online from Affiliate Marketing
      • Add Auto Read More with Thumbnail to Blogger/Blogspot
      • Add Flashing Christmas Lights in Blogger / Blogspot
      • How to Add Falling Snow Effect in Blogger for Chri...
      • Decorate your Blogger Blog for Christmas with Chri...
    • ►  July (14)
    • ►  June (5)
    • ►  May (11)
    • ►  April (5)
    • ►  March (15)
    • ►  February (24)

Labels

  • Facebook
  • twitter
  • googleplus
  • linkedin
  • youtube
  • flickr
  • vimeo
  • deviantart

Copyright Quicker BD 2018

Published By Gooyaabi Templates