How I Used Industry Leaders On Twitter To Spike My Blog Traffic

Guest Post - Our host is Nick Steeves, Here Nick shows us how he has managed to get huge brands promoting his content.See How To Become a guest author on Spice Up Your Blog.

So you’ve got a blog and you’re picking away at the basics - getting backlinks, optimizing your tags and meta-data and posting to but you’ve yet to see any major spikes in traffic.There are people out there with established audiences which you would love to tap into, but how? These people are bombarded with requests at all hours - how do you get their attention?

Flattery is Your Best Weapon

Everyone loves to share a glowing review about themselves, and thought leaders are no exception.Talking about why someone is successful and how others can emulate them to be successful will get you a much quicker shout-out than simply soliciting one by telling them why you’re so great.

I have done this successfully with a number of large brands on Twitter - most notably DKNY who retweeted me (@GetLocalShopprs) each of the three times I tweeted them over the course of several months.
Click Here To View Full Post >>

Neat Triangle Design Social And Rss Icon Gadget For Blogger And Wordpress

I know we all like to have a unique look to our blogs and some unique icons to display our social profiles and feeds.So here I have a Subscribe and Follow section for your blog using a neat set of triangle social icons.You can add the icons with links to your feed and profiles to your sidebar on Blogger and Wordpress.

The icons are from Design Cauldron and look fantastic,Included in the gadget we have the code for are icons for your Rss Feed, Email Feed, Facebook, Twitter, Google +, Pinterest And YouTube.You can easily remove any of the icons if your not on one or more of the sites.

Below you can see the icons (All connected to our profiles so you can use them to connect with Spice Up Your Blog if your not already), further below that you can follow the link to see them live on a demo blog.

Add Trinagnle Social Icons Gadget To Your Blog

Click Here To View Full Post >>

Using Twitter To Find Guest Post Opportunities

Guest Post - Today's host is Caeden M MacGregor, who looks at Three ways Twitter can help you find high ranking, relevant sites for gust posts.See How To Become a guest author on Spice Up Your Blog.

Since its launch in 2006, Twitter has been the way to communicate what you’re doing, what you’re thinking, and what you’re eating to the world. It’s true; with more than 100 million people logging on every month to tweet their pet pictures, share upcoming local events, and the latest and greatest events in their day, Twitter users share every thought and whim in real-time with their followers.

However, for SEOs and link builders specifically (we use Twitter to identify link building opportunities at the SEO company I work for all the time) Twitter offers more than a simple opportunity to share what pub you’re at or what movie you just caught. Twitter offers much in the way of link building targeting—meaning high ranking, highly followed sites that you can approach for guest post opportunities in exchange for a back link.

As far as making your online presence known to high ranking, relevant sites, Twitter is the place to be…or rather Tweet. This social media platform offers the perfect foundation for you to follow, retweet, and connect with the sites and readers you are targeting just by re-tweeting and replying to their tweets to making your presence obvious. This way, when you approach them with a guest post, they will be more likely to respond and accept it.

Here are three ways you can use Twitter to find guest post opportunities…
Click Here To View Full Post >>

Latest Tweet Twitter Bird With Speech Bubble Gadget For Blogger

Using the latest Twitter API it's become easy to create a neat latest tweets gadget.In this post i will show you how to add a Twitter bird with a speech bubble containing your latest tweet to your blog.The idea comes from Paulund.co.uk and all that's needed is some Css and a few lines of script.

Add The Latest Tweet Twitter Bird To Your Blog

Remember Always Back Up Your Template Before You Make Changes - How To Back Up A Blogger Template

Step 1. In Your Blogger Dashboard Click Design > Template Designer, Then Advanced > Add Css





Step 2. Copy and Paste the following code into the Css section (See Paste Code Here Above)

#twitter_update_list{
list-style:none;
}
#twitter_update_list li{
background: #f4f8f9; /* Old browsers */
background: -moz-linear-gradient(top, #f4f8f9 1%, #e8f0f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f4f8f9), color-stop(100%,#e8f0f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f4f8f9 1%,#e8f0f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f4f8f9 1%,#e8f0f2 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #f4f8f9 1%,#e8f0f2 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8f9', endColorstr='#e8f0f2',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #f4f8f9 1%,#e8f0f2 100%); /* W3C */
box-shadow: 1px -1px 2px #bbc6c8;
-webkit-box-shadow: 1px -1px 2px #bbc6c8;
-moz-box-shadow: 1px -1px 2px #bbc6c8;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
padding:15px;
width:250px;
}

#twitter_update_list::after {
content: "";
position: relative;
left: 30px;
border-width: 15px 15px 0;
border-style: solid;
border-color: #e8f0f2 transparent;
display: block;
width: 0;
}

Step 3. Thats the Css added now return to the design page and click Add A Gadget > Choose Html / Javascript





Step 4. Copy and Paste the following code into the Html/Javascript gadget

<ul id="twitter_update_list">
<li>Loading Tweets..</li>
</ul>
<a title="Follow Me" href="http://www.twitter.com/paulcrowepro" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZFJNqK2aAi3inrssAuyBd5rJXVV3_0Q8fHK__95fTuoAHMIPxW41tb63cPlQ82AzkoUiHiFj2GUBbQND5Am1YlrpAtrcNECGg4VbPygBHxNJg1NGBjuw1cliBkEBaS32ol3vwzva1nPeN/s1600/twitter-bird-gadget.png" /></a>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/paulcrowepro.json?callback=twitterCallback2&count=1"></script>

Important - Change my Twitter username paulcrowepro x2 with yours.

Step 5. Click Save and check out your new Twitter gadget.

That's it a very simple yet stylish latest tweet gadget, make sure to check out more of our Twitter Gadgets And Tutorials.Thanks again to Paulund.co.uk

Drop Your Comments And Questions Below.

How To Automatically Bookmark Your Blog Posts On Delicious Via Twitter

In this Blog Tip i will show you how you can have your posts automatically Bookmarked on Social Bookmarking website Delicious.Delicious is a very popular social bookmarking site used to store bookmarks of your favorite pages online.Delicious was bought by Yahoo in 2005 and in what seems to have been a very low key transaction Yahoo actually sold Delicious in April this year (2011) to AVOS Systems, a company owned by Chad Hurley and Steve Chen the founders of YouTube.Delicious is often used as a gage of a blogs popularity including on advertising site BuySellAds were the number of bookmarks for each site is listed.OK so enough of the history lesson lets see how to automatically bookmark your blog posts on Delicious.
Click Here To View Full Post >>

Add The Brand New Official Twitter One Click Follow Button To Your Blog

Twitter developers today released a brand new shiny follow button for Blogs and Websites.The new Twitter follow button has dispensed with the pop up window to view the profile of the user in order to click Follow.Now when added to your blog as long as readers are logged in to Twitter when you click follow they are following you.Basically it works like the Facebook fan page like button, click and your done.This looks like good news for Bloggers looking to increase there Twitter followers, anything that makes it easier for people to follow you has to be good.The new button also has a few extra options like choosing a light or dark color scheme to suit your blog, display your follower count beside the button and also you can choose the language.

Live Demo - Below id a working demo of the new button, click Follow and your automatically following me (If your not logged in you get a log in option):

Follow @PaulCrowePro


Pretty Cool..

Get The New Twitter Follow Button For Your Blog

Simply follow the link to the Twitter Developers page, choose your options and grab your code - Twitter Developers New One Click Follow Button.

Add The Button To Your Blog

The Twitter One Click button uses html and javascript so for all blog platforms you can put the button anywhere that accepts Javascript which is pretty much everywhere.Here are some steps to place it in your Blogger sidebar and above or below posts.

Blogger Sidebar

On Blogger go to your Design Page > Click Add A Gadget > Choose Html/Javascript and paste in the code then save.

Above Posts

On Blogger Go To Design > Edit Html > Tick Expand Widget Templates.

Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - More Info)

<div class='post-header-line-1'>

Paste your button code Directly Below <div class='post-header-line-1'> the save your template.

Below Posts

On Blogger Go To Design > Edit Html > Tick Expand Widget Templates.

Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - More Info)

<div class='post-footer-line post-footer-line-1'>

Paste Your Button Code Directly Below <div class='post-footer-line post-footer-line-1'> then save your template.

Once again we are bringing you the latest releases as they happen so Make Sure To Follow Us For Updates with our new shiny one click button !




Drop Your Comments And Questions Below.

Polaroid Icons Blog Subscription Gadget With Rollover Effect

The other day i posted 3 very cool sets of icons you could use to let people subscribe to your Rss Feed, Twitter and Facebook Page.In that post i gave you the code for the icons ready to use, you just had to add your URLs then copy and paste.Two of the icon sets were very similar both having a Polaroid Picture Design.One was fresh and bright while the other had a vintage worn look.This lead me to thinking wouldn't it be cool to have the worn vintage Polaroid icons in your sidebar and when someone hovers over them they switch to the bright clean icon.This is called a rollover effect. I'm sure you have seen image rollover effects before and this is a great way to use it.
Click Here To View Full Post >>

Polaroid Icons Blog Subscription Gadget With Rollover Effect

The other day i posted 3 very cool sets of icons you could use to let people subscribe to your Rss Feed, Twitter and Facebook Page.In that post i gave you the code for the icons ready to use, you just had to add your URLs then copy and paste.Two of the icon sets were very similar both having a Polaroid Picture Design.One was fresh and bright while the other had a vintage worn look.This lead me to thinking wouldn't it be cool to have the worn vintage Polaroid icons in your sidebar and when someone hovers over them they switch to the bright clean icon.This is called a rollover effect. I'm sure you have seen image rollover effects before and this is a great way to use it.
Click Here To View Full Post >>

Polaroid Icons Blog Subscription Gadget With Rollover Effect

The other day i posted 3 very cool sets of icons you could use to let people subscribe to your Rss Feed, Twitter and Facebook Page.In that post i gave you the code for the icons ready to use, you just had to add your URLs then copy and paste.Two of the icon sets were very similar both having a Polaroid Picture Design.One was fresh and bright while the other had a vintage worn look.This lead me to thinking wouldn't it be cool to have the worn vintage Polaroid icons in your sidebar and when someone hovers over them they switch to the bright clean icon.This is called a rollover effect. I'm sure you have seen image rollover effects before and this is a great way to use it.
Click Here To View Full Post >>

Three Cool Blog Subscription Gadgets With Unique Icons

This week while doing a few jobs on blogs i added some very cool subscription icons to the sidebars.The icons link to the Rss Feed and Facebook and Twitter profiles for the blog.Pop the new Blogger Follow By Email Form gadget below the icons and you have all the main subscription options offered to readers.Anyway the icons look great one set is in the design of Polaroid photographs, the second set is the Polaroid Photograph Design but with a worn vintage feel and the third are very bright and colorful with a slight 3d look.I thought some readers of Spice Up Your Blog might like them so i have the code here and instructions to add them to your blog.The demo icons are connected to our Rss, Facebook and Twitter so you can check them out and subscribe, Like and Follow if you ain't already.

Click Here To View Full Post >>

Three Cool Blog Subscription Gadgets With Unique Icons

This week while doing a few jobs on blogs i added some very cool subscription icons to the sidebars.The icons link to the Rss Feed and Facebook and Twitter profiles for the blog.Pop the new Blogger Follow By Email Form gadget below the icons and you have all the main subscription options offered to readers.Anyway the icons look great one set is in the design of Polaroid photographs, the second set is the Polaroid Photograph Design but with a worn vintage feel and the third are very bright and colorful with a slight 3d look.I thought some readers of Spice Up Your Blog might like them so i have the code here and instructions to add them to your blog.The demo icons are connected to our Rss, Facebook and Twitter so you can check them out and subscribe, Like and Follow if you ain't already.

Click Here To View Full Post >>

Three Cool Blog Subscription Gadgets With Unique Icons

This week while doing a few jobs on blogs i added some very cool subscription icons to the sidebars.The icons link to the Rss Feed and Facebook and Twitter profiles for the blog.Pop the new Blogger Follow By Email Form gadget below the icons and you have all the main subscription options offered to readers.Anyway the icons look great one set is in the design of Polaroid photographs, the second set is the Polaroid Photograph Design but with a worn vintage feel and the third are very bright and colorful with a slight 3d look.I thought some readers of Spice Up Your Blog might like them so i have the code here and instructions to add them to your blog.The demo icons are connected to our Rss, Facebook and Twitter so you can check them out and subscribe, Like and Follow if you ain't already.

Click Here To View Full Post >>

Amazing Animated Flying Twitter Bird Gadget For Blogger

Guest Post - In this post Dasari Harish will show you how to have a stunning Twitter bird Fly around your blog pages, landing randomly in view of visitors to Share your posts and Follow you.

"Twitter", is one of the most popular Social networking sites in the world among Bloggers to promote their blogs.There are a number of twitter widgets, scripts and plugins available to integrate Twitter with your blog.Most of the icons, buttons or badges are stationary or a fixed floating Twitter gadgets.Now here i have a very cool unique Blogger Twitter widget, an actual Animated flying Twitter Bird that flies around your blog.

This Plugin is java script based and it will display an animated Twitter bird that settles on different places of your blogs visible area. If a you scroll the page, the bird will fly towards the visible part and settle in a new place and it takes random paths for each flight.When you place the cursor over the Twitter Bird "tweet this" and "follow me" links appear,through this the visitor can tweet the article or follow you.

Demo:-You can see the Twitter Bird Flying Around this page visible Area, Scroll this Page to see it's Action.

Add The Flying Twitter Bird To Your Blog

There are Two types here is am giving.You can have the Bird on every page of your blog or just on the post pages..

1. Twitter Bird with tweet text has Post title and URL for all post pages Only.
2. Twitter Bird with tweet text has Current Page title and URL for all Blog pages.

Add Flying Twitter Bird To Post Pages Only

1. Go to Your Blogger Dashboard Click > Design > Edit Html



Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - More Info)

</body>

3. Copy and paste the following ocde directly Below / After </body>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- Twitter Bird Widget for Blogger by Way2blogging.org -->
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/files/way2blogging.org-tripleflap.js">
</script>
<script type="text/javascript">
var twitterAccount = &quot;Your Twitter User Name Here!&quot;;
var tweetThisText = &quot; <data:blog.pageTitle/>: <data:blog.url/> &quot;;
tripleflapInit();
</script>
<span style="font-size:11px;position:absolute;"><a title='Blogger Widget by Way2blogging.Org' href="http://www.way2blogging.org" target='_blank'><img border='0' src='http://img1.blogblog.com/img/blank.gif'/></a></span><a href="http://www.spiceupyourblog.com" target="_blank">Twitter Bird Gadget</a>
<!-- Twitter Bird Widget for Blogger by Way2blogging.org -->
</b:if>

Important Note:-
Replace Your Twitter User Name Here! with your twitter user name.You add just the username not the entire URL of your Twitter profile.For example twitter.com/paulcrowepro , paulcrowepro is the username.


4. Save Your template And Check Out Your Twitter Bird.

Add Flying Twitter Bird To All Pages

1. Go to Your Blogger Dashboard Click > Design > Edit Html :



Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - More Info)

</body>

3. Copy and paste the following code Directly Below / After </body>

<!-- Twitter Bird Widget for Blogger by Way2blogging.org -->
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/files/way2blogging.org-tripleflap.js">
</script>
<script type="text/javascript">
var twitterAccount = &quot;Your Twitter User Name Here!&quot;;
var tweetThisText = &quot; <data:blog.pageTitle/>: <data:blog.url/> &quot;;
tripleflapInit();
</script>
<span style="font-size:11px;position:absolute;"><a title='Blogger Widget by Way2blogging.Org' href="http://www.way2blogging.org" target='_blank'><img border='0' src='http://img1.blogblog.com/img/blank.gif'/></a></span><a href="http://www.spiceupyourblog.com" target="_blank">Twitter Bird Gadget</a>
<!-- Twitter Bird Widget for Blogger by Way2blogging.org -->

Important Note:-
Replace Your Twitter User Name Here! with your twitter user name.You add just the username not the entire URL of your Twitter profile.For example twitter.com/paulcrowepro , paulcrowepro is the username.

4. Save Your template And Check Out Your Twitter Bird.

Final Words

I Hope you Liked this post and don't forget to share this article with your network. :).Thanks to Paul Crowe for inviting me to write a Guest post on his Great Blog.

---

By Guest Author -Dasari Harish is the Author of Way2Blogging.org, were he provides Blogger Gadgets and Tutorials. You can also follow Dasari Harish On Twitter.

---

Amazing Animated Flying Twitter Bird Gadget For Blogger

Guest Post - In this post Dasari Harish will show you how to have a stunning Twitter bird Fly around your blog pages, landing randomly in view of visitors to Share your posts and Follow you.

"Twitter", is one of the most popular Social networking sites in the world among Bloggers to promote their blogs.There are a number of twitter widgets, scripts and plugins available to integrate Twitter with your blog.Most of the icons, buttons or badges are stationary or a fixed floating Twitter gadgets.Now here i have a very cool unique Blogger Twitter widget, an actual Animated flying Twitter Bird that flies around your blog.

This Plugin is java script based and it will display an animated Twitter bird that settles on different places of your blogs visible area. If a you scroll the page, the bird will fly towards the visible part and settle in a new place and it takes random paths for each flight.When you place the cursor over the Twitter Bird "tweet this" and "follow me" links appear,through this the visitor can tweet the article or follow you.

Demo:-You can see the Twitter Bird Flying Around this page visible Area, Scroll this Page to see it's Action.

Add The Flying Twitter Bird To Your Blog

There are Two types here is am giving.You can have the Bird on every page of your blog or just on the post pages..

1. Twitter Bird with tweet text has Post title and URL for all post pages Only.
2. Twitter Bird with tweet text has Current Page title and URL for all Blog pages.

Add Flying Twitter Bird To Post Pages Only

1. Go to Your Blogger Dashboard Click > Design > Edit Html



Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - More Info)

</body>

3. Copy and paste the following ocde directly Below / After </body>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- Twitter Bird Widget for Blogger by Way2blogging.org -->
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/files/way2blogging.org-tripleflap.js">
</script>
<script type="text/javascript">
var twitterAccount = &quot;Your Twitter User Name Here!&quot;;
var tweetThisText = &quot; <data:blog.pageTitle/>: <data:blog.url/> &quot;;
tripleflapInit();
</script>
<span style="font-size:11px;position:absolute;"><a title='Blogger Widget by Way2blogging.Org' href="http://www.way2blogging.org" target='_blank'><img border='0' src='http://img1.blogblog.com/img/blank.gif'/></a></span><a href="http://www.spiceupyourblog.com" target="_blank">Twitter Bird Gadget</a>
<!-- Twitter Bird Widget for Blogger by Way2blogging.org -->
</b:if>

Important Note:-
Replace Your Twitter User Name Here! with your twitter user name.You add just the username not the entire URL of your Twitter profile.For example twitter.com/paulcrowepro , paulcrowepro is the username.


4. Save Your template And Check Out Your Twitter Bird.

Add Flying Twitter Bird To All Pages

1. Go to Your Blogger Dashboard Click > Design > Edit Html :



Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - More Info)

</body>

3. Copy and paste the following code Directly Below / After </body>

<!-- Twitter Bird Widget for Blogger by Way2blogging.org -->
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/files/way2blogging.org-tripleflap.js">
</script>
<script type="text/javascript">
var twitterAccount = &quot;Your Twitter User Name Here!&quot;;
var tweetThisText = &quot; <data:blog.pageTitle/>: <data:blog.url/> &quot;;
tripleflapInit();
</script>
<span style="font-size:11px;position:absolute;"><a title='Blogger Widget by Way2blogging.Org' href="http://www.way2blogging.org" target='_blank'><img border='0' src='http://img1.blogblog.com/img/blank.gif'/></a></span><a href="http://www.spiceupyourblog.com" target="_blank">Twitter Bird Gadget</a>
<!-- Twitter Bird Widget for Blogger by Way2blogging.org -->

Important Note:-
Replace Your Twitter User Name Here! with your twitter user name.You add just the username not the entire URL of your Twitter profile.For example twitter.com/paulcrowepro , paulcrowepro is the username.

4. Save Your template And Check Out Your Twitter Bird.

Final Words

I Hope you Liked this post and don't forget to share this article with your network. :).Thanks to Paul Crowe for inviting me to write a Guest post on his Great Blog.

---

By Guest Author -Dasari Harish is the Author of Way2Blogging.org, were he provides Blogger Gadgets and Tutorials. You can also follow Dasari Harish On Twitter.

---

Text Wrapped Twitter And Facebook Buttons At Top Of Posts

Today as i was replying to the Emails from my contact form i got a bit of a surprise.One Email asked "I like to add Facebook share and tweet buttons to my blog post same like your blog (share and tweet buttons at the beginning of the post text). thanks:)".So i went to my list of posts page for Spice Up Your Blog to get the link to the tutorial for this to send back.Then i realised i have never actually covered it in a post.

I have showed how to have a Twitter counter at the top of your posts and even a Ttwitter and Facebook button in a fixed floating position, but not how to have the Twitter and Facebook Counter Buttons at the start of posts wrapped in text.It's actually quiet an easy tutorial..

So lets do it !

The Twitter button i will be using is the Most recent updated Twitter Button that includes a link to your Twitter Profile.You will see if you use the Twitter button on any of the posts in this blog the link you post on Twitter includes a link to my Twitter Profile and once you share the link you are given the option to follow me (If Your Not Already).So the button not only gets people sharing your posts but also gets you more followers.The facebook button is the standard counter button not the Like Button.

I am using these buttons at the time of writing the post but as you know I'm always changing so for future reference i have a live demo below.

Live Demo - Twitter And Facebook Button Demo

Add Twitter And Facebook Buttons To Blogger

Step 1. In Your Blogger Dashboard Click > Design > Edit Html > Tick The Expand Widget Templates Box.







Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - More Info)

<data:post.body/>

Step 3. Copy And Paste The Following Code Directly Before / Above <data:post.body/>

<div style='float:left; margin-right:10px;'>
<a class='twitter-share-button' data-count='vertical' data-via='PaulCrowePro' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/><br/>
<a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/><br/><a href='http://www.spiceupyourblog.com'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-IlJVzvSCVVSsiCqqQ5Bn4soziCBcd7DetVFsPvbjCMRJ136yeOqY41CdMZtj3Bmb2_OwWRCin7zuIs-dxw9tyc2fitpdO8ZFi2IccLjOnhdWkFxtY-8y6mryCktW5nJpQbhnIa-_1ZaB/s1600/best+blogger+tips.png'/></a>
</div>

Important - Replace My Twitter Username In Red PaulCrowePro With Yours, If you don't have one Leave It Blank.

Step 4 Save Your Template.

The buttons will now be at the start of all your posts for readers to share your content, we have lots more Social Bookmarking Gadgets for you to check out.

Drop Your Comments, Views And Questions Below.

Text Wrapped Twitter And Facebook Buttons At Top Of Posts

Today as i was replying to the Emails from my contact form i got a bit of a surprise.One Email asked "I like to add Facebook share and tweet buttons to my blog post same like your blog (share and tweet buttons at the beginning of the post text). thanks:)".So i went to my list of posts page for Spice Up Your Blog to get the link to the tutorial for this to send back.Then i realised i have never actually covered it in a post.

I have showed how to have a Twitter counter at the top of your posts and even a Ttwitter and Facebook button in a fixed floating position, but not how to have the Twitter and Facebook Counter Buttons at the start of posts wrapped in text.It's actually quiet an easy tutorial..

So lets do it !

The Twitter button i will be using is the Most recent updated Twitter Button that includes a link to your Twitter Profile.You will see if you use the Twitter button on any of the posts in this blog the link you post on Twitter includes a link to my Twitter Profile and once you share the link you are given the option to follow me (If Your Not Already).So the button not only gets people sharing your posts but also gets you more followers.The facebook button is the standard counter button not the Like Button.

I am using these buttons at the time of writing the post but as you know I'm always changing so for future reference i have a live demo below.

Live Demo - Twitter And Facebook Button Demo

Add Twitter And Facebook Buttons To Blogger

Step 1. In Your Blogger Dashboard Click > Design > Edit Html > Tick The Expand Widget Templates Box.







Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - More Info)

<data:post.body/>

Step 3. Copy And Paste The Following Code Directly Before / Above <data:post.body/>

<div style='float:left; margin-right:10px;'>
<a class='twitter-share-button' data-count='vertical' data-via='PaulCrowePro' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/><br/>
<a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/><br/><a href='http://www.spiceupyourblog.com'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-IlJVzvSCVVSsiCqqQ5Bn4soziCBcd7DetVFsPvbjCMRJ136yeOqY41CdMZtj3Bmb2_OwWRCin7zuIs-dxw9tyc2fitpdO8ZFi2IccLjOnhdWkFxtY-8y6mryCktW5nJpQbhnIa-_1ZaB/s1600/best+blogger+tips.png'/></a>
</div>

Important - Replace My Twitter Username In Red PaulCrowePro With Yours, If you don't have one Leave It Blank.

Step 4 Save Your Template.

The buttons will now be at the start of all your posts for readers to share your content, we have lots more Social Bookmarking Gadgets for you to check out.

Drop Your Comments, Views And Questions Below.

Text Wrapped Twitter And Facebook Buttons At Top Of Posts

Today as i was replying to the Emails from my contact form i got a bit of a surprise.One Email asked "I like to add Facebook share and tweet buttons to my blog post same like your blog (share and tweet buttons at the beginning of the post text). thanks:)".So i went to my list of posts page for Spice Up Your Blog to get the link to the tutorial for this to send back.Then i realised i have never actually covered it in a post.

I have showed how to have a Twitter counter at the top of your posts and even a Ttwitter and Facebook button in a fixed floating position, but not how to have the Twitter and Facebook Counter Buttons at the start of posts wrapped in text.It's actually quiet an easy tutorial..

So lets do it !

The Twitter button i will be using is the Most recent updated Twitter Button that includes a link to your Twitter Profile.You will see if you use the Twitter button on any of the posts in this blog the link you post on Twitter includes a link to my Twitter Profile and once you share the link you are given the option to follow me (If Your Not Already).So the button not only gets people sharing your posts but also gets you more followers.The facebook button is the standard counter button not the Like Button.

I am using these buttons at the time of writing the post but as you know I'm always changing so for future reference i have a live demo below.

Live Demo - Twitter And Facebook Button Demo

Add Twitter And Facebook Buttons To Blogger

Step 1. In Your Blogger Dashboard Click > Design > Edit Html > Tick The Expand Widget Templates Box.







Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - More Info)

<data:post.body/>

Step 3. Copy And Paste The Following Code Directly Before / Above <data:post.body/>

<div style='float:left; margin-right:10px;'>
<a class='twitter-share-button' data-count='vertical' data-via='PaulCrowePro' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/><br/>
<a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/><br/><a href='http://www.spiceupyourblog.com'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-IlJVzvSCVVSsiCqqQ5Bn4soziCBcd7DetVFsPvbjCMRJ136yeOqY41CdMZtj3Bmb2_OwWRCin7zuIs-dxw9tyc2fitpdO8ZFi2IccLjOnhdWkFxtY-8y6mryCktW5nJpQbhnIa-_1ZaB/s1600/best+blogger+tips.png'/></a>
</div>

Important - Replace My Twitter Username In Red PaulCrowePro With Yours, If you don't have one Leave It Blank.

Step 4 Save Your Template.

The buttons will now be at the start of all your posts for readers to share your content, we have lots more Social Bookmarking Gadgets for you to check out.

Drop Your Comments, Views And Questions Below.

Great New Twitter Count Button With Username And Suggest Follow Features

We all know how popular the Twitter Count Buttons are as we see them on the majority of blogs.They are the small button you can click to share a post on Twitter and they also display the number of times the post has already been shared.The button you see on most blogs and the button i showed you how to add to Blogger in a previous post is from Tweetme.While that button does exactly as you expect in allowing readers to share your posts on Twitter and display the number of shares a newer button from twitter does even more.

The Twitter count button i will show you in this post has a few cool extras.With the Tweetme button when users shared your posts they would have "Via @Tweetme" at the end, with this button you can have your Twitter username at the end.

Instead of this :

6 Ways to Stay Focused While Blogging From Home | Spice Up Your Blog http://t.co/AMkr2O3 via @Tweetme

You Get This :

6 Ways to Stay Focused While Blogging From Home | Spice Up Your Blog http://t.co/AMkr2O3 via @PaulCrowePro

So not only are people sharing your post they are also sharing your Twitter Profile resulting in more Followers.

Secondly after a reader Tweets your post they will be Given the option to Follow you.The pop up window to tweet the post, first displays the Tweet then displays a Follow option as shown below.

A button that gets more people viewing your blog and more people Following you on  Twitter, Great lets add it to your blog.You can try out the button at the top left of this post to see it in action.I will show you the code for the button and how to add it to the top left wrapped in text as you see on this blog.

Add New Twitter Counter Button To Blogger

Step 1. In Your Blogger Dashboard Click > Design > Edit Html > Tick The Expand Widget Templates Box.







Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - More Info)

<data:post.body/>

Step 3. Copy And Paste The Following Code Directly Above / Before <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div style='float:left; margin-right:10px;'><a href='http://www.spiceupyourblog.com'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-IlJVzvSCVVSsiCqqQ5Bn4soziCBcd7DetVFsPvbjCMRJ136yeOqY41CdMZtj3Bmb2_OwWRCin7zuIs-dxw9tyc2fitpdO8ZFi2IccLjOnhdWkFxtY-8y6mryCktW5nJpQbhnIa-_1ZaB/s1600/best+blogger+tips.png'/></a>
<a class='twitter-share-button' data-count='vertical' data-via='TWITTER-USERNAME-HERE' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></div></b:if>

Important : Replace TWITTER-USERNAME-HERE With your actual Twitter Username.

Note : The button is set only to be displayed on the post pages, if you want the button to also be displayed on the home page remove the code in red.

Step 4. Save your template, your Twitter button has been added to your blog.Remember you can add the code in your sidebars in a Html/Javascript gadget or other sections of your template.

Check out more of our Twitter Tips And Blog Gadgets.

Comments, Views And Questions Welcomed Below.