How to Redirect a Blog to Another Blog or Website

In this post i will show you How to Redirect a Blogger Blog to another Blog or Website. To redirect your blogger blog to another Blog or Website, just add a Meta Tag in the Header section as shown below

HOW TO REDIRECT A BLOGGER BLOG

• Go to Blogger Dashboard --> Design --> Edit HTML
• Backup your Template before making any changes to your blog
• Now  Expand Widget Templates
• Find the code shown below using [ctrl+F]

<b:include data='blog' name='all-head-content'/>

• Now Paste the Code shown below just after/below it

<meta content="0;url=YOUR NEW URL HERE" http-equiv="refresh"/>

• Now save your template and check your blog

How to Add Energy Saving Mode To Blogger

In this post i will show you How To Add Energy Saving Mode to Your Blogger/wordpress blog. It hides heavy animations and covers the window in dark colors

ENERGY SAVING MODE PREVIEW

HOW TO PUT BLOGGER/WORDPRESS BLOG IN ENERGY SAVING MODE

• Go to Blogger Dashboard --> Design --> Edit HTML
• Backup your Template before making any changes to your blog
• Now  Expand Widget Templates
• Find the code shown below using [ctrl+F]

</head>

• Now Paste the Code shown below just before/above it

<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/>

• Now save your template
• Now go to  Design >> Page Element  and click Add Gadget
• Then select HTML/Javascript and paste below code. 

<script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js?time=180"></script>

• Change time=180 as you want.

New 7 Flying Twitter Birds Widget For Blogger

In this tutorial i will show you an animated Twitter bird that settles on different places of your blog . If you scroll down the page, the bird fly towards the visible part and settle at a new place and takes random paths for each flight.When you place the cursor on the Twitter Bird "tweet this" and "follow me" links appear

 FLYING TWITTER BIRD DEMO

Live Demo

HOW TO ADD FLYING TWITTER BIRD WIDGET TO BLOGGER

• Go to Blogger Dashboard --> Design --> Edit HTML
• Backup your Template before making any changes to your blog
• Now   Expand Widget Templates
• Find the code shown below using [ctrl+F]

</body>

• Now Paste the CODE 1 or CODE 2 or CODE 3 or CODE 4 or CODE 5 or CODE 6 or CODE 7 Below/after </body>

CODE 1

<!-- Twitter Bird Widget for Blogger by latesthack.com -->
<script type="text/javascript" src="http://latesthack.googlecode.com/svn/bloggerwidget/birdspriteLatesthack.js">
</script>
<script type="text/javascript">
var twitterAccount = &quot;latesthack&quot;;
var tweetThisText = &quot; <data:blog.pageTitle/>: <data:blog.url/> &quot;;
tripleflapInit();
</script>
<!-- Twitter Bird Widget for Blogger by latesthack.com -->

CODE 2

<!-- Twitter Bird Widget for Blogger by latesthack.com -->
<script type="text/javascript" src="http://latesthack.googlecode.com/svn/bloggerwidget/Latesthack_DBZTwitter.js">
</script>
<script type="text/javascript">
var twitterAccount = &quot;latesthack&quot;;
var tweetThisText = &quot; <data:blog.pageTitle/>: <data:blog.url/> &quot;;
tripleflapInit();
</script>
<!-- Twitter Bird Widget for Blogger by latesthack.com -->

CODE 3

<!-- Twitter Bird Widget for Blogger by latesthack.com -->
<script type="text/javascript" src="http://latesthack.googlecode.com/svn/bloggerwidget/LatesthackBatTwitter.js">
</script>
<script type="text/javascript">
var twitterAccount = &quot;latesthack&quot;;
var tweetThisText = &quot; <data:blog.pageTitle/>: <data:blog.url/> &quot;;
tripleflapInit();
</script>
<!-- Twitter Bird Widget for Blogger by latesthack.com -->

CODE 4

<!-- Twitter Bird Widget for Blogger by latesthack.com -->
<script type="text/javascript" src="http://latesthack.googlecode.com/svn/bloggerwidget/LATESTHACKDragonTwitte.js">
</script>
<script type="text/javascript">
var twitterAccount = &quot;latesthack&quot;;
var tweetThisText = &quot; <data:blog.pageTitle/>: <data:blog.url/> &quot;;
tripleflapInit();
</script>
<!-- Twitter Bird Widget for Blogger by latesthack.com -->

CODE 5

<!-- Twitter Bird Widget for Blogger by latesthack.com -->
<script type="text/javascript" src="http://latesthack.googlecode.com/svn/bloggerwidget/LatesthackSantaBirdTwitter.js">
</script>
<script type="text/javascript">
var twitterAccount = &quot;latesthack&quot;;
var tweetThisText = &quot; <data:blog.pageTitle/>: <data:blog.url/> &quot;;
tripleflapInit();
</script>
<!-- Twitter Bird Widget for Blogger by latesthack.com -->

CODE 6

<!-- Twitter Bird Widget for Blogger by latesthack.com -->
<script type="text/javascript" src="http://latesthack.googlecode.com/svn/bloggerwidget/LatesthackStarScream.js">
</script>
<script type="text/javascript">
var twitterAccount = &quot;latesthack&quot;;
var tweetThisText = &quot; <data:blog.pageTitle/>: <data:blog.url/> &quot;;
tripleflapInit();
</script>
<!-- Twitter Bird Widget for Blogger by latesthack.com -->

CODE 7

<!-- Twitter Bird Widget for Blogger by latesthack.com -->
<script type="text/javascript" src="http://latesthack.googlecode.com/svn/bloggerwidget/LATESTHACKTWITTERBIRDSPRITE.js">
</script>
<script type="text/javascript">
var twitterAccount = &quot;latesthack&quot;;
var tweetThisText = &quot; <data:blog.pageTitle/>: <data:blog.url/> &quot;;
tripleflapInit();
</script>
<!-- Twitter Bird Widget for Blogger by latesthack.com -->

• Now save your template
• Replace latesthack with your twitter username

How To Add Thumbs Up Rating To Blogger

This tutorial will show you How To Add Thumbs Up Rating Widget To Blogger. This Widget counts the total number of thumbs up or thumbs down for each of your posts.

THUMBS UP WIDGET DEMO

Live Demo

ADD THUMBS UP RATING WIDGET TO BLOG

• Go to Blogger Dashboard --> Design --> Edit HTML
• Backup your Template before making any changes to your blog
• Now   Expand Widget Templates
• Find the code using [ctrl+F] <data:post.body/>
• Copy the code shown below and paste just Above <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='js-kit-rating' expr:path='data:post.url' expr:permalink='data:post.url' expr:title='data:post.title' view='score'></div>
</b:if>

• This code will display star rating only in Post Pages, if you wish to display it in Homepage then delete two Red lines
• Find the code using [ctrl+F] </body>

• Copy the code shown below and paste just Above </body>. 

<script src="http://js-kit.com/ratings.js"></script>

• Save Your Template

5 Star Rating Widget For Blogger

This tutorial will show you How to add 5 Star Rating Widget For Blogger

STAR RATING WIDGET DEMO

Live Demo

ADD STAR RATING WIDGET TO BLOG

• Go to Blogger Dashboard --> Design --> Edit HTML
• Backup your Template before making any changes to your blog
• Now   Expand Widget Templates
• Find the code using [ctrl+F] <data:post.body/>
• Copy the code shown below and paste just Above <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='js-kit-rating' expr:path='data:post.url' expr:permalink='data:post.url' expr:title='data:post.title'></div>
</b:if>

• This code will display star rating only in Post Pages, if you wish to display it in Homepage then delete two BLUE lines
• Find the code using [ctrl+F] </body>

• Copy the code shown below and paste just Above </body>. 

<script src="http://js-kit.com/ratings.js"></script>

• Save Your Template