Top 8 Ways To Get Readers To A New Blog

I suppose there is no point in spicing up your blog if you get no visitors.Getting your blog noticed is not an easy task but there are steps you can take to give your blog a push in the right direction.

Remember you need to keep posting to your blog, this is one of the most used phrases but 'content is king'.Try to publish a post once a day or at least five time a week if you are posting more than once a day try leave a gap between the posting times.

1. Submit your blog to search engines 
2. Get a feedburner for your blog :
3. Join and submit you blog to Blog Directories :
4. Leave your link :
5. Traffic Exchange
6. Press Release
7. Tell your friends online on offline !
8. Leave your blog link at the foot of all your Emails.

These are just a short list of ideas and suggestions try to cover as many as you can.

List Only Post Titles On Blogger Labels Pages

In this post i will show you a really Great trick that helps make your Blog much easier to Navigate for your visitors.This tip will help keep visitors to your blog On your Blog.I actually found it hard to give this post a title that would explain what this tip does and how it works, i will give you some examples below to explain.However hard it may be to explain its very easy to add to your Blog.

Screenshot

Why change?

You may have 50 or more posts with the same label.If i did not make the change when someone clicks that label they would go to a page showing 50 Full Posts Your guess is as good as mine as to how long that page would take to load but you can be sure the visitor wont be waiting around to see.Its also better for the visitor to see the the results in a menu format as they will see a menu of what you have and that will bring them back.

How its done.

1.Click 'Layout'->'Edit html' for your blog.
(Tick 'Expand Widget Templates' box)

2.Find the following piece of code in your blogs template :
(Click'CTRL & F' For a search bar to find the code)

<b:include data='post' name='post'/>

3.Now Replace the code you found above with the code below :
 

<!--Labels in menu From:www.spiceupyourblog.com--><b:if cond='data:blog.homepageUrl !=data:blog.url'><b:if cond='data:blog.pageType != &quot;item&quot;'><a expr:href='data:post.url'><li/><data:post.title/></a><br/><br/><b:else/><b:include data='post' name='post'/></b:if><b:else/><b:include data='post' name='post'/></b:if><!--Labels in menu end-->

You have now changed how your label results are listed but also how your archive is listed and if you have a search bar on your blog results will be listed like this also.

Once you have changed the code click save and your done go test it out.

New Ready To Use Rss And Social Icons For Your Blog

New Ready To Use Rss And Social IcoIn this post i have a brand new set of stylish icons you can use on your blog for readers to subscribe and follow you on social platforms.I really liked the look of this icon set and it includes an icon for Google + (Plus) you can use for people to check out and follow you on Google's new social network.In total i have four icons here for Facebook, Twitter, Google Plus and your Rss Feed.However the complete set has 24 icons for other sites including YouTube, LinkedIn and Stumble Upon, the complete set can be found on Social Icon Studio.

Use The New Social Icons On Your Blog

Step 1. In Your Blogger dashboard click Design > Add a gadget > Choose Html/Javascript





Step 2. Copy and paste the following code into the html gadget then make the changes shown below.

<a href="http://facebook.com/everythings2012" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSfcJsylHxtL1eO8OKUrEEls6CFYbGAizb58-0M7E6FTCwErq3lJ2lMhkX7aW9bVWayMJHvV_ARdvK8Ez57o_DNTuXu5npMsxl_TPKZmo-hBh-UCFzt2GLJjQN3_3oXJ0sQrWLCI1jAVE/s1600/facebook-30x43.png" /></a><a href="http://twitter.com/safdarhussain1" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSOE5hLhL1RKjGxjK-mHxIh7Q_Apdsdvb3kx3wwWfXGO-P_OchUJf2P3fNKG_eYuVXqa11WDfHmXQvNUqMVKRYoxtRa7vpy2PNAc2xGRhbc56UqyWX7di8pl3UTXuY6GBss8QOcKrUo0M/s1600/twitter-30x43.png" /></a><a href="https://plus.google.com/u/0/your ID/" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisMFThCqo0lXefUlALRuzMdfzJAOxfd9_IXiNkirBAIrdzICH5Wz5xJHbv4aNfav_1H3RViSm4HXbloU0gLb3WjpiME_U2UP6h_FI171wyEvH-k_-CO3X5HtiH4Xqc6GGWb63fCo5C0ss/s1600/googleplus-30x43.png" /></a><a href="http://feeds.feedburner.com/yourblog" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYNLGLZwM2OZFIFqDpciXcdXg2x5C7YlJTTKVOk_vZHrCQrfxoY2g5aH2smw5jK7_sULTTIz0FVL773cCpT4TlkU4eVhKINPm36a3Uci7oIw0GSm8Tmdr1fDoSXi4cjhjOE1wWArdXXl8/s1600/rss-30x43.png" /></a>

Note - Change the links in green to your social and feed links.

Step 3. Save the gadget and your done.

Amazing Animated Flying Twitter Bird Gadget For Blogger

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 -

</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/safdarhussain1 , 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 .

</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/safdarhussain1 , paulcrowepro is the username.

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

Adding floating social media sharing buttons

As promised to some of my readers, here’s a tutorial on how to add a Mashable-like floating bar of social media buttons to a Blogger blog (or a WordPress blog or just about any website). I made it into a widget, so you don’t have to go into your template HTML to install (or remove) them. Just drop the whole code into a HTML/Javascript gadget.
I have included Facebook Share, Retweet, StumbleUpon, Google Buzz, Digg This and Google +1 (plus one) buttons in the bar. Each of them comes with a live counter. The corners of Facebook Share button and counter are rounded to blend with the rest of the buttons (doesn’t work in Internet Explorer though). You can add more social bookmarking or sharing buttons later if you wish.

I. Adding the buttons

• Adding to Blogger
  1. Go to Design > Page Elements.
  2. Click Add A Gadget.
  3. In Add A Gadget window, select HTML/Javascript .
  4. Copy the code below and paste it inside the content box.
  5. Save the gadget.
  6. Drag the gadget and reposition it under Blog Posts gadget.
  7. Click Save button (top right hand corner).
• Adding to WordPress
  1. Go to Dashboard > Appearance > Widgets > Available Widgets.
  2. Drag Text widget into a sidebar.
  3. Paste in the code.
  4. Save. 
  
  
  <!-- floating share bar Start bloggersentral.com-->

  <style type="text/css">

  #pageshare {position:fixed; bottom:15%; margin-left:-71px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;}

  #pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}

  .fb_share_count_top {width:48px !important;}

  .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

  .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;}

  .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

  </style>

  <div id='pageshare' title="Get this from BloggerSentral.com">

  <div class='sbutton' id='fb'>

  <a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

  </div>

  <div class='sbutton' id='rt'>

  <script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script>

  </div>

  <div class='sbutton' id='su'>

  <script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>

  </div>

  <div class='sbutton' id='digg' style='margin-left:3px;width:48px'>

  <script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script>

  <a class="DiggThisButton DiggMedium"></a>

  </div>

  <div class='sbutton' id='gplusone'>

  <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

  <g:plusone size="tall"></g:plusone>

  </div>

  <div style="clear: both;font-size: 9px;text-align:center;">Get <a href="http://www.bloggersentral.com/">widget</a></div><!-- Do not remove this link -->

  </div>

  <!-- floating share bar End -->

  
  
  

  II. Customizing

• Vertical alignment
  Change the value of bottom in code line 3. The code positions the button relative to the bottom of your browser window. To fix the distance even when window is resized, specify the value in px (pixels) instead of %.
• Horizontal alignment
  Change the value of margin-left in code line 3. Negative value pushes the button to the left of the main blog column, positive value pushes it to the right.
  To position the button relative to the left or right edge of browser window, replace the margin-left with left (as in left:10px;) or right (as in right:10px;) respectively.
• Replacing and removing buttons
  You can replace existing buttons with your own. Each button is represented by this code:
  
  view sourceprint?

  <div class='sbutton'> BUTTON CODE </div>

  To replace the button, simply replace the button code with the new code. To remove the button, delete the whole div. Update (for Blogger): If somehow your Google +1 button doesn’t appear despite other buttons appear successfully, try this workaround: Go to Design > Edit HTML and find this line: <body expr:class='&quot;loading&quot; + data:blog.mobileClass'> or <body> Copy the code in step I.5 and paste it right below the line. Replace the margin-left:-71px; in code line 3 with left:10px;. Preview before saving. Enjoy!

Social Bookmarking Widget For Blogger – Bookmark and Share homepages!

With the release of Cute Box blogger Template I also released some useful blogger widgets which includes a Bookmarking Widget For your blog’s homepage. This widget helps readers to bookmark your blog’s homepage on their favourite bookmarking services like Google bookmark, Stumbleupon, Delicious, Digg etc. It contains icons from  our Circular Style Social Media Icon Set. This is how this widget looks like,

To add this widget to your blogs, follow these steps,

1. Go To Blogger > Layout
2. Click Add a Gadget or Add a Page element
3. Choose HTML/JavaScript
4. Inside HTML/JavaScript paste the code below,  

<center><tr>
<td valign="top" width="50%">
<table border="0" cellpadding="0" cellspacing="0" width="222">
<tbody>
<tr>
<td width="28" height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFSqdVIO3d2QmKmE_9rrjF2m6d2cDYYUj5w_KAeEIjAb95uyv0sKIIDgAzwn8qP0k_gYVVLA1ri2dgzsBhSjkBhrh1E8yMkWaxV0xxSWkHs9ZXmdViGHrcV5NvVPdKSY-ytIz0PENY6z8/s400/FACEBOOK.png" height="25"/></td>
<td height="30"><a href="http://www.facebook.com/sharer.php?u=http://YOUR-BLOG-NAME.blogspot.com" target="_blank" rel="nofollow">Share on Facebook</a></td>
</tr>
<tr>
<td height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPnYQ_A2nL6WtUZEBkZmKEMXtKntGgq0vJ9RqgK2hKoDLMS1b81ubWrIJ-B8DRxJgmxZEg9MB-s3we5qiKoCRUxRH5GquVNWF2YR03qVx-ZbXxzDOs4wK6b1s2hyphenhyphenlArCMdFTLv1DCYzRI/s400/TWITTER.png" height="25"/></td>
<td height="24">
<a href="http://twitthis.com/twit?url=http://YOUR-BLOG-NAME.blogspot.com">Share on Twitter</a></td>

</tr>

<tr>
<td height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8X061r6v_uXHCSZhKIHXpox6nB4yD_YHLJgrxH6RNJn5S4Qkr5aOC4IvzfNEuhAYF-XsesHBcU4qvpRQ-PPhhZshWLSoBomWR1QaWMq1KPfAlBKO3NLGwTXA_k8rzJsJQBN5K_OmBfH4/s400/STUMBLE-UPON.png" height="25"/></td>
<td height="30"><a href="http://www.stumbleupon.com/submit?url=http://YOUR-BLOG-NAME.blogspot.com" target="_blank" rel="nofollow">Share on StumbleUpon</a></td>
</tr>
<tr>
<td height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR1VB9qDa5bjJIrs8T-qq61WDRtOzby3yf14d9LDLy4FxhNqQG4FJT6_DhcbnKe862ptXpkgcimXDRjK591RtKh3ZL-Ji-K6T4pZ5YMsHzSMdCa6fatqvzvhEPsL3_0b4ZaeadKfMnfTQ/s400/DELICIOUS.png" height="25"/></td>
<td height="30"><a href="http://del.icio.us/post?url=http://YOUR-BLOG-NAME.blogspot.com" target="_blank" rel="nofollow">Share on Delicious </a></td>
</tr>

</tbody>

</table>
</td>
<td valign="top" width="50%">
<table border="0" cellpadding="0" cellspacing="0" width="222">
<tbody>
<tr>
<td width="28" height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhzbBeMvPeYW3suKHE9SioLlTbOf6StmqfvOrIvhzK_a7hMNO3cJeOhBaLCmTcP1XhBD7Y37bmhE1BB_7emsptkmNP-dTX4zmBxuI7_iz-cSG6bpDQUHWvXuWwxlAJY2AZh-QHnl_5sJk/s400/DIGG.png" height="25"/></td>
<td height="30"><a href="http://digg.com/submit?phase=2&url=http://YOUR-BLOG-NAME.blogspot.com" target="_blank" rel="nofollow">Share on Digg </a></td>
</tr>

<tr>
<td height="30"><img border="0" width="22" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUqVxKE9vJN9yFzgyS5zJz5gLeg90Qtq1DmP5xJIOHzTuzcfldWQ7drO1uJO2-s0EkDd4uQDeEcz9SPn5P0cl370JJDAnRlqeva-GAoaNsgL7Ehqa0AFXvT8KpJ10ykyVjkUwIid4kGaw/s400/Google-icon.jpg" height="22"/></td>
<td height="30"><a href="http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=http://YOUR-BLOG-NAME.blogspot.com" target="_blank" rel="nofollow" title="Bookmark this blog on Google">Bookmark on Google</a></td>
</tr>
<tr>
<td height="30"><img border="0" alt="Email" width="21" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7t5tIDu1lcyceRYqv5LefnbCbsg7STN5rpP3Kb-y5DfIG9hvU3gQoPbv3y9Jx46axa3cwMQk3TH0tXNS9O0fUJjCf_cKouGL_vQXPnlXnsqgrFXVWif_o4Y-L8piKs8x54ZVnhjxpqdCC/s400/Email+Orange_128.png" height="22"/></td>
<td height="30"><a href="http://feedburner.google.com/fb/a/mailverifyuri=tntbystc&amp;loc=en_US" target="_blank" rel="nofollow">Receive Email Updates</a>
</td>
</tr>
</tbody>
</table></td></tr></center>

 

Remember to replace YOUR-BLOG-NAME  with your Blog’s good name and the Subscription Link i.e http://feedburner.google.com/fb/a/mailverifyuri=tntbystc&amp;loc=en_US with your own Feedburner subscription link. You can find your subscription link by going to the following location in your feedburner account, Publicize > Email Subscription . Just below Email Subscription page you will find a code as 

shown below,

Create a Floating Feedback and Back-To-Top Button For Your Blogs

Asking your visitors to leave you suggestions or feedbacks can be pretty easy only if you provide them with an easy access to your feedback page. Readers are often lazy and getting them to leave a feedback is often tough. However you can let them comment willingly if you add a floating feedback button to your blog, that floats as a reader scrolls down or up. This floating button can be made more user friendly and eye-catching if you add a roll over effect to it. Hover your mouse over my feedback button at the bottom-left corner of this page and observe how the button magnifies when you hover your cursor over it. Liked it? Lets now learn the TNT of adding a Feedback Button to your blogs, along with a Floating Back-To-Top Button, which I will discuss later.
For a feedback button you will need two images, one small (30 by 145 pixels) and one large (35 by 170 pixels) You can also use my feedback button if you wish,


Small Image :                                Large Image : 
You will then need to upload these images to an image hosting web service like Photobucket or other services like Google sites and sigmirror
Get URLs for both these images and then follow the steps below

• Sign in your blogger account
• Go To Layout > Page Elements  

 Click on add a Gadget

Click on HTML/JavaScript

• Now Copy paste the code below into the HTML/JavaScript widget,

<!--TNT-by-STC-FEEDBACK-IMAGE-STARTS-->

<a style="display:scroll;position:fixed;bottom:5px;left:0px;" href="URL Of Feedback Page" title="Your Feedback is always welcomed!"><img onmouseover="this.src='URL of your Larger Feedback button'" src="URL Of Your Smaller Feedback button" onmouseout="this.src='URL Of Your Smaller Feedback button'"/></a>

<!--TNT-by-STC-FEEDBACK-IMAGE-STOPS-->

  save your widget and view your blog with a floating Feedback button at the bottom-left corner of your homepage.

Add a Floating Back–To-Top button to your blog
If your blog’s homepage is really long or if you write lengthy posts then you must add a Back-To-Top button to your blog, by clicking which, users blog will be taken straight to the top (Header) of your blog. You can see my floating back-to-top button at the bottom-right corner of this page.
To add this button to your blog you will again need two identical images, one small and one large. May be you would like some of these buttons,                                       
Now lets learn on how to plant the TNT of adding a floating back-to-top button to your blog.
Follow the same steps as you did for adding the floating Feedback Button. Just paste the code below In your HTML/JavaScript widget,

<!--BACK-TO-TOP-STARTS-->

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img onmouseover="this.src='URL Of Your Larger Button Image'" src="URL Of Your Smaller Button Image" onmouseout="this.src='URL Of Your Smaller Button Image'"/></a>

<!--BACK-TO-TOP-STOPS-->

Note:- Remember to replace the required detail with specific URLs of your Back-to-top buttons
Just save your widget and view your blog with a floating Back-To-Top button at the bottom-right corner of your homepage.