samedi 30 avril 2011

Easily Display AdSense For Search Results Within Blogger Blogs

AdSense For Search
In November last year (2010) i was excited to show you a way to display search results from the AdSense for Search, Search bar Within your blogger blog.This is something we see on all the top websites and Blogs but was not really an option on Blogger.Displaying the search results in your own site has many advantages, mainly you are not sending people off your blog which is never good, when users do go to a new page of search results on a page that neither looks anything like your site or Google it can be confusing, it has a more professional look within your site, increases your page views and can increase revenue from the ads on the search page.
Click Here To View Full Post >>

Libellés : , ,

vendredi 29 avril 2011

About.Me Create A Unique About Page For Your Blog

Most blogs now have an 'About Me' or 'About Us' page.The days of using pen names and writing your blog anonymously are all but gone.Readers of your blog are interested in who you are and by being open you create a level of trust between you and your readers.I think having an about and contact page are now very important and people expect them.In general your blogs about me page will be a simple page on your blog with some general information and maybe an image but how about trying something different ?
Click Here To View Full Post >>

Libellés :

mardi 26 avril 2011

Add The Brand New Facebook Send Button To Your Blog


Facebook have just created a brand new shiny button you can add to your blog for people to share your content.The button was released just today so it's not even a day old and you can be one of the first to have it on their blog, Yep people will be seeing it for the first time and checking it out on your blog ! So what is the new Facebook button and what does it do ?
Click Here To View Full Post >>

Libellés : , ,

dimanche 24 avril 2011

Display A Default Avatar Image For Anonymous Comments On Blogger

In the comments for my Recent Post about the New Blogger Design And Dashboard Going Live Ahmad Nuzul Asked "Can u make a post on how to make a custom avatar for anonymous comments? Thanks.".

No Problem !  In this post i will show you how you can have a default image appear as the Avatar Thumbnail for comments not only by anonymous commenter's but also for comments left using some of the other log in options or people that have no Image Uploaded to their Blogger / Google account.
Click Here To View Full Post >>

Libellés : , ,

vendredi 22 avril 2011

Get The Blogger Buddy Gadget And Post Directly From Your Desktop

Many of you will be familiar with desktop gadgets on windows vista and windows 7 and you may have visited the Windows Live gadget gallery.Gadgets such as Games that you can play on your desktop are very popular along with gadgets you may also use on iGoogle such as Weather gadgets, Clocks and Calenders, YouTube Video gadgets and so on.If you ain't seen them as the title suggest they are gadgets that you can have on your computers desktop, they load when you turn on your computer and you don't need to open a browser to use them.One gadget you may be interested in is the Blogger Buddy Gadget.
Click Here To View Full Post >>

Libellés : , ,

jeudi 21 avril 2011

Google Now Use Twitter Facebook And Site Speed To Help Rank Your Blog

Google Favicon CubeGoogle originally made its name by using a Page rank system based on links throughout the web to return relevant search results to users.Although there were many search engines available before Google the page rank system simply returned better results to users.Page Rank (Googles Internal Page Rank Not So Much Toolbar Page Rank, a long story) is still the major factor in how search results are delivered and things like Back links and anchor text are still the major players and always will be.However over the years Google have added lots of other factors in how they return their search results, they claim there is over 200 components used to deliver the results we see.A couple of noticeable more recent additions to this are Social Media and Site Speed.
Click Here To View Full Post >>

Libellés : , ,

mardi 19 avril 2011

The New Blogger Dashboard And Design Is Live

Blogger In Draft Design LogoBlogger today announced they have started the release of the New design Blogger Dashboard and User Interface Design.The release at first will be on Blogger In Draft, Quiet common for new releases but it will also be added to only some accounts at first .A random number of users will have the new Blogger dashboard from today when they log in via Blogger In Draft and over the next few days and weeks it will be added to more until all users have the new Dashboard in draft.Usually a new addition to blogger that is tested in draft finds its way on to the main blogger site within a week or two but a change this big could be longer.
Click Here To View Full Post >>

Libellés : , ,

Use A Cool Envelope Background Image On Your Blogger Comments


In this post we are going to see how to add a really cool envelope image behind your Blog Comment Form.The envelope image will blend in with the comment form itself along with the Post A Comment Message, Post Comment and Preview Buttons and subscribe by email link.The image is grey with a nice design in the top left and a small icon will be below the subscribe by Email link users click to be notified of replies.
Click Here To View Full Post >>

Libellés : , ,

lundi 18 avril 2011

79 Places To Find The Latest Fresh New Wordpress Themes

Although we mainly focus on Blogger here when it comes to gadgets and templates we have lots of readers that also use Wordrpress.In fact i get lots of Emails asking questions relating to Wordpress Blogs and on our Blogger templates site BestBloggerTemplates.Net i am always being asked about Wordpress Themes.The main question is when i post a free Blogger template "Can I Get That Template For Wordpress" or more importantly "Can I Get That Template For Free On Wordpress".So i decided to carry out some research and compile a list of sites offering the latest free Wordpress Themes, and as with most things i start out to find ten or fifteen sites for a list and return with over 70 !

Before we get to the list i should let you know I have checked each site personally to make sure they are up to date and the last new Theme wasn't added in 2009, I have checked The Themes are Free (Some have Paid Premium Themes but the link will be to the free section, no affiliate links) and they support the latest version of WP.The list was compiled after checking what must have been over 500 websites.They are numbered 1 to 79 but they have been added as i researched so they are not in order of preference.Most links are to exclusive wordprss theme sites but i have included a few good  recent blog post with lists of themes.

79 Sites For Fresh New Free Wordpress Themes

  1. The Wordpress.Org Directory
  2. http://www.wordpressmanual.com/
  3. http://wordpressthemesbase.com
  4. http://www.freewpthemes.net/
  5. http://www.wpthemesfree.com/
  6. http://www.freethemelayouts.com/
  7. http://topwpthemes.com/
  8. http://www.themelab.com/free-wordpress-themes/
  9. http://www.freewordpressthemes4u.com/
  10. http://www.blogohblog.com/wordpress-theme-dictum/
  11. http://themetation.com/category/themes/free-themes/
  12. http://www.wpzoom.com/free-wordpress-themes/
  13. http://www.freewebsitethemes.com/
  14. http://www.web2feel.com/
  15. http://www.graphicmania.net/category/wordpress/
  16. http://www.freewpthemesite.com/ (No Longer Available)
  17. http://www.clone24.com/
  18. http://www.acosmin.com/wordpress-themes/
  19. http://free-wordpress-themes.com/
  20. http://wpthemes.info/
  21. http://www.ezwpthemes.com/
  22. http://www.freethemewordpress.com/ (No Longer Available)
  23. http://www.wpskins.org/
  24. http://wplayout.com/
  25. http://www.magpress.com/
  26. http://themeboss.com/ (No Longer Available)
  27. http://www.themes-wp.com/
  28. http://newwpthemes.com/
  29. http://www.prowordpressthemes.com/
  30. http://wpshower.com/
  31. http://www.widgetreadythemes.com/ (No Longer Available)
  32. http://forthelose.org/ftl-themes (No Longer Available)
  33. http://iwordpressthemes.com/
  34. http://www.templatelite.com/
  35. http://www.themesplice.com/
  36. http://www.amazingwordpressthemes.com/
  37. http://www.themespreview.com/
  38. http://fthemes.com/videozone-free-wordpress-theme/
  39. http://www.wpdaddy.com/
  40. http://www.fresheezy.com/
  41. http://wpthemesdb.com/
  42. http://themes.rock-kitty.net/
  43. http://wpcorner.com/
  44. http://www.tastythemes.net/free-wordpress-themes/
  45. http://www.wordpresssupplies.com/
  46. http://wordpress2u.com/
  47. http://www.wpthemes360.com/
  48. http://www.mygreencorner.com/freewordpressthemes.php
  49. http://www.themes2wp.com/
  50. http://www.wordpressthemes2.com/
  51. http://www.themesbase.com/WordPress-Templates/
  52. http://ithemes.com/free-wordpress-themes/
  53. http://www.iloveyouwp.com/wordpress-themes
  54. http://www.mkels.com/
  55. http://www.premiumwp.com/category/free-premiumwp-wordpress-themes/
  56. http://freewpthemes.name/
  57. http://www.freewpblogthemes.com/
  58. http://www.themza.com/Wordpress/
  59. http://www.theme-time.com/
  60. http://www.gothemes.com/
  61. http://www.free-wp-themes.com/
  62. http://wpcrunchy.com/tag/free/
  63. http://www.freewpthemes.net/wordpress-themes/
  64. http://www.productivedreams.com/tag/wordpress-theme/
  65. http://ericulous.com/category/free-wordpress-themes/
  66. http://newwpthemes.net/category/free-wordpress-themes/
  67. http://wptemplates.org/
  68. http://www.wp4themes.com/
  69. http://www.wptheme4free.com/
  70. http://www.wpfreetemplates.net/
  71. http://greatwordpressthemes.com/
  72. http://www.siteground.com/wordpress-hosting/wordpress-themes.htm
  73. http://www.paddsolutions.com/
  74. http://www.dynamicwp.net/category/free-themes/
  75. http://www.simplewpthemes.com/
  76. http://www.web3mantra.com/2011/03/04/50-free-wordpress-themes/
  77. http://tech2connect.com/blog/
  78. http://wpgpl.com/category/themes/
  79. http://wphacks.com/50-best-free-wordpress-themes-gallery/

That's the list ! If i have left out one of your favorite places for Wordpress themes let me know, i would love to add it to the list.And hey plagiarism crowed ! Don't copy the list and take credit, i know were you live...

Drop Your Comments And Questions Below.

Libellés : , ,

samedi 16 avril 2011

Add An Animated Bump Effect To Labels List On Blogger

jquery blogger effect
In this post we have a fun effect you can add to the links in your blog labels list.This trick has been around for a while and i have been using it on some other blogs.The effect is created using jQuery and basically when a visitor places their cursor over a link it moves across horizontally.So in the same manner you might have links change color, underline or change background on hover this will make them move.

Live Demo - You can see a demo in the category section in the sidebar of Design And Blog : Best Blogger Templates.

Video Tutorial Included - Fore More Help See The Video Tutorial At The End Of The Post.

Add Animated Link Lists To Your Blog


Step 1. In your Blogger dashboard click > Design > Edit Html
Design Edit Html Blogger

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)


Step 3. Copy And Paste The Following Code Directly Above / Before



Step 4. Save Your Template.

Video Tutorial For Animated Links In Labels Gadget




That's it now the links in your Labels Gadget will have this cool effect.

Drop Your Comments And Questions Below.

Libellés : , ,

jeudi 14 avril 2011

Professional Blog Design Service Expands With Exciting New Offers

Over the last year i have been offering my services to work on your Blogs.The response has been amazing and i have had a lot of fun working on Blogs with Bloggers from all around the world.It has also been great to get such positive feedback and lets be honest I'm getting paid and an extra few bucks in the pocket is always nice.I have took on all sorts of projects from quick customizations to full blog makeovers and now i am excited to offer even more.

From today i am expanding the services offered to include some new and exciting options.

I have in the past had to sometimes refuse some work due to a simple lack of time but i have acquired the help of my Good Friend, Fellow Blogger and Design Genius Dasari Harish.Most of you will have seen the Awesome post he wrote on Spice Up Your Blog recently - Animated Flying Twitter Bird For Blogger.

Then There Were Two


I have been working with Harish on a number of things over the last few months and now together we can work to really Spice Up Your Blogs.Harish like myself specializes in Blogger design and he is also an Expert in all the latest web design coding including jQuery, Css3, Html5 and All the stuff that makes your blog beautiful without slowing it down.

Among other things have worked on the very advanced comment section you can now see on Spice Up Your Blog (Details On How You Can Get It Below) and the cool effect you see on the BuySellAdds banners at the top of the sidebar and header here (Fellow BSA Users Can Look Out For Upcoming Tutorial On This).

With Harish on board we can now take on almost any project and we have a few things in mind also.First as i said i have received amazing feedback over the last year here are a few samples..

What They Said (Thanks Guys) !

"...Service was quick and efficient...Definitely recommended - Annabel @ DizzyFunctional..."

"Paul, The work you did on my Blogger site is stunning....I would have scrapped the whole site if it wasn't for you. Now I have a professional, clean and functional blog - Lisa Drubec @ The Friendly Blogger "

"With your quick replies to emails and excellent explanations the process was very smooth even though we are on different sides of the globe - David @ My VST Charts "

"You did so quickly, and in a professional and creative manner. I felt you really understood what I was looking for. I would recommend you to anyone looking to "Spice Up" their blog - Emily Hanlon @ Fiction Writing, The Passionate Journey"

"When I first contacted Paul to redesign my blog, I gave him very specific instructions on the content and overall appearance.Not only did he follow through on my specifications, but he also added in his own touch on things I hadn't even considered that improved the quality of my site- Matty @ Matty Thoughts"

"I was having some major issues with blogger and you fixed those in a very short time. Then I decided to totally redo the blog and I love it! You were extremely fast and very helpful. Your prices are wonderful too - Joan @ Joan's Gardens"

What They Wrote (Thanks Again Guys)


New Look On Joan's Gardens

Blogs To Help You Blog Better

Need A Website Makeover ?

New Services And Specials


I am now confident there is nothing within reason (We cant get blogs to make coffee) we cant provide, So Go crazy or go simple or let us get creative.

Here are two new services starting with the much commented on comment section just added here on Spice Up Your blog.

Special - The Ultimate Blogger Comments Section ! : Have an Awesome comments section on your blog.Features include - Wordpress Advanced Style with Comment Avatars, Color coded Name and date line, Authors Comments (Comments You Write) use different color name and date line, different shade background and Animated Admin Sticker (Can use different Image such as signature).Default image (You Choose) For Commenter's with no avatar, Reply Button Or Link Is Optional.See them in action here - Ultimate Blogger Comments Section.5 Styles To Choose From And You choose the colors and images we create and install.

Wordpress Template Conversion - Seen a Wordpress template you just Love and want to use it on Your Blogger Blog ? No Problem, we will convert the template to Blogger and Upload it onto your blog.This will be a top quality job, many Wordpress conversions are rushed half hearted jobs that do not work properly on Blogger.

Full Pack - This is a complete Blog Makeover Not only Design, Template, SEO, Social Media, Gadgets and more but also advice on best practice for your particular blog.The work does not stop until your happy and i am on hand even after the job has finished to answer any questions.Resources such as screen capture video are used to communicate and make the process as easy as possible.

You can see more offers and a price list on the Hire Us Page and remember these are just suggestions, tell us what YOU want.

Professional Blogger Design - Hire Us Page

Comments And Questions Below.

Libellés : , , ,

mercredi 13 avril 2011

Easy Way To Remove Subscribe To Posts Atom Feed Links On Blogger

remove atom feed links bloggerI'm sure you all have noticed the feed links below the posts on Blogger with the "Subscribe To Posts Atom" message.To be honest i don't care for them and many other blogger users seem to feel the same, Atom lost the war with Rss and anyway the link is in a poor position taking up space.So unpopular are these links (Feed Links are the proper name) that there are tutorials on almost every Blogger Tips Blog showing how to remove them.That's the reason i haven't covered it previously if you looked for how to remove them you would have no trouble finding instructions.
Click Here To View Full Post >>

Libellés : , ,

mardi 12 avril 2011

Use Cool Custom Fonts For The Main Text And Headings In Your Blog Posts

Custom Fonts Blogger Blogspot Blogs
In the last post i showed you how to use custom fonts on custom blogger templates.In that post we added some cool fonts to the Blog Title, Post Titles and Sidebar Titles.In this post we will add fonts to the main text in your post and the titles you use within your posts.The main text is of course the actual content like what I'm writing here, The titles within your posts are titles you use between paragraphs as headings for the paragraph to follow.

As with the last post this is a video tutorial so you can see exactly how it's done.There is a summery of the steps along with the tags you will need to find below the video.

Click Here To View Full Post >>

Libellés : ,

lundi 11 avril 2011

Use Blogger Template Designer Fonts On Custom Blogger Templates


Back in January this year (2011) Blogger added 77 very cool fonts to the Blogger template designer.The fonts they added were from the Google Web Fonts directory and included some awesome bold fonts, handwriting fonts and fun fonts that could give your blog a unique look.If you use a template from the template designer you simply go to the template designer editor then choose and save any font.While this was great news for Bloggers using templates from the template designer unfortunately Bloggers using Custom Blogger templates could not use the fonts so easily.So if you have a custom Blogger Template (A Template You Downloaded Online From A Blogger Template Site) in this post i will show you how you can manually add any of the fonts to your blog.

This is a video tutorial so you can follow the steps in the video.A summery with the extra information you need is below the video.

Custom Fonts For Custom Templates - Video Tutorial



Step 1. Go to Google Web Fonts

Step 2. Choose the font you want to use from the list and click on it.

Step 3. On the next page Click the use this font link.

Step 4. In your Blogger Dashboard click > Design > Edit Html.

Step 5. From Google Web Fonts Copy the first snippet of code and paste it directly below in your templates html.

Note 1 - You must add a forward slash (/) to the end of the code as shown in the video.

Note 2, XML error message: The reference to entity "v1" must end with the ';' delimiter. - If there is more than one version of the font you want to use it will be defined by the tag &v1 or &v2 etc..This will not be accepted in your template so we simply change the & symbol in front of v1 to the following :



Here you can see it using the Artifika font :


Step 6. From Google Web Fonts Copy and paste the second snippet of code directly above ]]> in your template.

Step 7. You now need to change H1 in the code to set were the font will be used on your blog watch the video for the options.

And that's it you can now choose from lots of cool fonts to use on your blogs titles no matter what template your using.

In the next post i will show you how to use custom fonts on the titles within your posts and also how to change the fonts use for the main text of your posts.

You can choose from 100's of custom templates on our template site Best Blogger Templates.

Drop Your Comments And Questions Below.

Libellés : , ,

vendredi 8 avril 2011

Add A YouTube Subscribe To Channel Gadget To Your Blog

3D YouTube Logo ImageYou may have noticed I'm back making some video tutorials and the last few posts on Spice Up Your Blog  have included videos.Over the last few months i have been making videos for an Ebook I'm working on so had been slacking off on creating tutorials to go with the posts here.The videos i create for Spice Up Your Blog i host on YouTube and then Embed within the posts.You may do the same thing on your blog, if you do you may also like to promote Your YouTube channel on your blog.With that in mind in this post i will show you how you can add a very cool YouTube Subscribe widget to your Blogger or Wordpress blog.

The widget is very user friendly and like the Facebook Fan Page / Like Page widget users can subscribe to your channel without the need to leave the page.You channels image thumbnail, Username, Number of videos and Number of subscribers are displayed along with the YouTube logo.You can also change the width and height of the gadget.

Add To Wordpress - To add this to your Wordpress sidebar copy the code in Step 2 below into a text gadget on your wordpress sidebar.To do this go to Appearance > Widgets > Add the code to a text widget.

Video Tutorial - I Have A Video Tutorial For This Widget At The Bottom Of The Post.

Live Demo

Here is a working version of the YouTube Subscription widget, click subscribe and your done.


Add The YouTube Subscribe To Channel Widget To Blogger


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/Javascript Gadget :


Important: 
 
A- Replace YOUR-YOUTUBE-USERNAME with your YouTube Username.Your YouTube username is displayed in the top right of the page when your logged into YouTube beside the sign out link.It will have no spaces, for example mine is spiceupyourblog as one word.

B- The height and Width are in blue and can be changed to suit your blog.

Step 3. Save the gadget and you can then drag and drop it into position on your blogs design page.



That's your YouTube Subscribe to channel widget, make sure to subscribe to the Spice Up Your Blog YouTube Channel for the latest Video Tutorials.

Drop Your Comments And Questions Below.

Libellés : ,

jeudi 7 avril 2011

How To Change The Blogger Lables Page Message

Blogger Red Logo
Back in January 2010 i wrote a post showing you how to Remove the labels message on Blogger, The message in question reads "Showing newest posts with label YOURLABEL. Show older posts".Lots of people don't like this message or see the purpose of it so decide to remove it.However there is another option, change it...So in this post i will show you how to change the message to whatever message you like.If you have a search box on your blog (Not The Google Search Box) the message will also be shown above the search results.

Here on Spice Up Your Blog i actually changed the message some time ago to read "Here Are The Awesome Posts We Have In That Category ! ".It's more fun and personal which i always find refreshing.You could use the same message or have any text you like.

Demo And Screenshot


Below i have a screenshot of the message and you can see it on the label page for Gadgets here - Blogger Gadgets

Labels Page Message Blogger

If you have previously removed the Labels Page Message you can still add your own message as i will show you below.

Video Tutorial - I have a video showing the steps at the bottom of the post.

Change The Labels Page Message On Your Blog


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

Design Edit Html Widget Templates

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)


If you previously removed the labels page message find this instead :


Step 3. Simply Replace With The Message You Want To Appear.If you had removed the message previously and found the second code you can write your message Directly Below
.

Video Tutorial




And That's It, Gone Is Showing Posts With Label instead Replaced With Your New Genius Message.If you changed the message Let Us Know What You Changed It To.

Drop Your Comments And Questions Below.

Libellés : ,

mardi 5 avril 2011

Use Snipping Tool To Take Screenshots On Windows 7 And Vista

windows snipping tool
On Spice Up Your Blog i use screenshots in nearly every post to make it easier for people to follow tutorials.In the past i have used a FireFox Add-On to take the screenshots but now i use a great tool built into Windows 7 and Windows Vista called Snipping Tool.With snipping tool you have no need to download any plug-ins or add-ons and you can take professional and customizable screenshots.

How To Find And Use Windows Snipping Tool


Snipping Tool is easy to use and i have created a video to show you how to find it and start taking quality screenshots.


That's Snipping Tool a great way to take screenshots for your blog.Make sure to Check out more of our Image Tips and Blog Gadgets.

Drop Your Comments And Questions Below.

Libellés : , ,

lundi 4 avril 2011

Updated Add Colors And Hover Effect To Authors Comments On Blogger

blogger commentsBack In January 2010 i wrote a post showing you how to use a different background color and text color on comments by the blogs author.This is a great way for readers to quickly find comments you make on your blog such as replies or extra information.That code has since become somewhat outdated so i have been working on a new more advanced code.

This week you may have noticed i have being trying out the code on the comments this blog.As with before the authors comments will have a different background color and text color but i have added a few more features.The background color will also have rounded corners and the colors will change when users hover their cursor over the comment.


Video Post - For Extra Help I have A Video Tutorial At The End Of the Post.

Author Comments Screenshot


You can see my comments have a different background and font color.I have set my comments to have a black background with White text.I also have a hover effect so with the cursor over the second comment the color changes to a Grey background with White text.

blogger comments

I have used black and white (Grey And Black On Hover) but you can use any colors you like to suit your template.

This tutorial does include making changes within section of code so make sure to back up your template and take your time.

Add Colored Author Comments To Your Blog


Step 1. In your Blogger dashboard click > Design > Edit Html > Tick The Expand Widget Templates Box :

Design Edit Html Widget Templates

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)

]]>

Step 3. Copy and Paste the following code directly Above / Before ]]>

.comment-body-author {
-moz-border-radius: 15px;
border-radius: 15px;
background: #000000; /* BG color*/
color: #ffffff; /* Font color*/
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px;
}

.comment-body-author:hover {
-moz-border-radius: 15px;
border-radius: 15px;
background: #cccccc; /* BG Hover color*/
color: #000000; /* Font Hover color*/
border-top: 1px solid #990000;border-bottom: 1px solid #990000;border-left: 1px solid #990000;border-right: 1px solid #990000;
margin:0;
padding:0 0 0 20px;
}

Note - The colors (Hex) are highlighted in red above and can be changed.To get the Hex code for the colors you want go to this chart - Hex Code Color Chart.

Step 4. Save Your Template, But we are not finished.

In the next step you need to find a section of code in your template and add two extra snippets of code to it.When testing this i found older and custom Blogger templates are different to templates from the Blogger templates designer.For that reason i have two separate methods.The first is for people with Blogger templates that are not from the template designer the second is for templates from the template designer....Got It ....

Users With Custom And Older Blogger Templates Follow These Steps


Step 1. Now we need to edit the following section of code in your template.Finding a section of code can be hard so the best way is to find the first line (Use The Ctrl F Search Method) and work from there.If you cant find the first line look for the second line, remember Blogger templates can have different code so it might not look exactly the same.








Step 2. OK you have located the section of code, we now add two snippets of code to it.You can see the two snippets and were i have added them below in red.














Step 3. Once your happy you have the code in the right place you can save your template and check it out.

Users With Templates From The Template Designer Follow These Steps


Step 1. Now we need to edit the following section of code in your template.Finding a section of code can be hard so the best way is to find the first line (Use The Ctrl F Search Method) and work from there.If you cant find the first line look for the second line, remember Blogger templates can have different code so it might not look exactly the same.










Step 2. OK you have located the section of code, we now add two snippets of code to it.You can see the two snippets and were i have added them below in red.

















Step 3. Once your happy you have the code in the right place you can save your template and check it out.



We have lots more tips for your Blog Comments.

Drop Your Comments And Questions Below.

Libellés : , ,

5 Income Tips for Beginners - How to Start Making Money Online!

Libellés : , , , ,

vendredi 1 avril 2011

Amazing Animated Flying Twitter Bird Gadget For Blogger

animated twitter bird widget 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.


On the demo page you will see the bird land as you scroll look out for the bird following you :

View Demo Button

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

Step 1. In Your (New Design) Blogger Dashboard Click The Drop Down Menu For Your Blog > Choose Template > Then Edit Html > Now Proceed as shown in the video Below :

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)


3. Copy and paste the following ocde directly Above / Before







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


Step 1. In Your (New Design) Blogger Dashboard Click The Drop Down Menu For Your Blog > Choose Template > Then Edit Html > Now Proceed as shown in the video Below :

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)


3. Copy and paste the following ocde directly Above / Before





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.


Libellés : , , ,