Bloggers Lab

How To Recover Deleted Post In Blogger

On 04:05 By sunny // No comments:

Most disadvantage of blogger is no backup of deleted posts. Most of the bloggers spend hours of time to write a unique post sometimes you might accidentally delete a post which you think you can not restore but Here is the trick which helps to recover your deleted post on blogger .

There are so many methods to recover deleted blogger some methods are hard while some of them are easy to recover , Below are the simple and most useful methods to recover deleted blogger post .

Tutorial : How To Recover Deleted Post In Blogger

Recovering from feedly.com . (Text Format)
Restore From browser history .(Text Format)
Cached copy .
Post ID (Recovering from Search Engines)

Recovering From Blogger Feeds

To recover deleted post from blogger feed deleted post must be indexed in google search engine . To recover the deleted blogger post go to feedly.com and type url of the deleted post in the search box .To recover complete post your feed must set to full feeds or else your deleted post will recover only half post .After fetching full post copy and paste post in your blog .

This tip is only possible if you have activated blog feeds to your blog and also your feed should be set to full .

Recovering From Browser History

This method will work only if were working on same computer and also if your browser history is saved . If you satisfied above two conditions now go to browser history (For chrome and firefox click ctrl+h ).( If you were using Mac Os click shift+cmd+h) .After clicking navigate to deleted blogger post when it is in Edit stage after going copy the entire post and paste it in new post section and publish it .

Recovering Deleted Post From Cache Copy In Search Engine

Note : This trick only applied if your deleted post is indexed in search engines

Go to google.com
Now type the entire title of the deleted post in google .
Now click on the cache section just like below .

click on the cached now you will get the copy of post like below .

Now copy the entire post and paste in the new post tab .
You can also copy the text version by simply clicking on the Text-only Version in right side upper section .

Recovering Deleted Blogger Post From The PostID From Search Engines

After finding the cached copy of the deleted blogger post
Now you have to find out post ID from the source code .
To fine source code click CTRL+U and the tab goes to source code section .
Now find put the post ID by searching id='post-body using CTRL+F to search like below .
After finding beside of the above code number will be present like below (I Highlighted the Post ID by underling the number with green color ).

Copy the ID and save it .

Recovering Deleted Blogger post From Post ID and By Using Blog ID .

After finding the specific blog id and post id it is very simple to recover the deleted blogger post .Copy the below URL and paste it in the URL section in your browser .

Note : Blog ID and Post ID will vary and also unique from blog to blog .

http://www.blogger.com/blogger.g?blogID=xxxxxxxx#editor/target=post;postID=1130576162433905521;

Replace xxxxxxx with your blog Id .

Now you can edit the deleted blogger post or else you can simply publish the deleted the post .

Teach a Tip :

The above methods are simple methods to recover deleted blogger post which was followed by many bloggers . If you found any method is not working or you have any new method feel free to comment below We always appreciate and consider your valuable feedback .

How To Host Images on blogger

On 14:51 By sunny // No comments:

Learn how to host images on blogger here is a simple trick which helps you . Image will give clean detail information about that post excluding content . A small proverb 'A Image is equal to thousand words' which clearly says images are more important in posts . There are many professional site which host images but in some conditions like server may slowdown or any internal crash may appear or else simply your image may got expire , By considering all these dis advantages we came with this trick which helps you to host any image in blogger itself and when comes to memory we all know blogger is free unlimited bandwidth .lets start tutorial .

Tutorial : How To Host Images on blogger

Login to Blogger Dashboard .
Click on the create page in pages tab .
Now make the page in draft section and name it as what you want . (I named as Images Host)

Now upload image and make sure it don't have any alt tags .
After uploading click on preview or publish .
Now in the preview or after publishing click on the "Copy Image URL" as shown below .

Now paste the URL in the note pad .
Edit the image Url as follows .

Image URL Looks Like Below :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXZ0TEFID8ps3_gjibHXirH4iDO3w1wtjUAL7ocSi5DGq9ne7cLp6BFmQ1va9uoECguTStpkiANgH-SbnfvyV0nTNuIiZJiSfr-04Tjtyn9l2fNgQCG4MdpaeU5lHxyTy2XBhnqFHvG_I/s1600/googleplus+sunny+viewz.GIF.

Customization :

Want the original size of the image keep s1600 as it is . If you got any s400 or s100 , s200 chamge it to the require size formats.

After Editing Paste The URL Where You Want To Display The Image In Your Blog.

Like and Share Articles

Above tutorial is in step by step procedure if you found any difficult in implementing tutorial feel free to comment below .

How To Submit Blogger Sitemap To Webmaster tools In Google

On 14:05 By sunny // No comments:

Google webmaster tools helps blog to get more traffic from google search engine . Want to get your blog go viral in search engines submit your blogger sitemap in webmaster tools . If you are doing for the first time you need to verify ownership in webmaster tools . By submitting sitemap in webmaster tools google crawl bots crawl your blog and index your blogger posts in search engine by this blog crawling rate also increases .

According to my opinion before submitting sitemap in webmaster tools make sure your blog have at least ten posts so that once your sitemap got indexed in google your blog will have genuine organic traffic so that you can not loose visitors with less posts in your blog . Visitors will get attract if you have above ten posts with quality content . scroll down to see tutorial .

Tutorial : How To Submit Blogger Sitemap To Webmaster tools In Google

Login To Blogger dashboard .
Now sign in to Google Webmaster Tools .
Now click on Add a Site in right side corner there add your blog URL .

Now click on the name of your blog .
click on sitemaps as shown below .

Now at the top right corner you will see ADD / TEST Sitemap click on it .

After clicking you will see URL like below following space .

http://bloggerslab.in/ ............

Add the below code in the space given beside of your blog domain .

Note : Below code is only for a blog which have below 500 posts .

atom.xml?redirect=false&start-index=1&max-results=500

If you want to test links click test sitemap and want to submit click submit sitemap .
Refresh page and your blog sitemap is submitted .

Note : If you have have above 500 blogger posts follow tutorial below .

All the procedure is same upto Add Sitemap .
Now paste the below code .

atom.xml?redirect=false&start-index=501&max-results=500

Once your sitemap is submitted it will take some time to crawl your blog and get index in search engine. sometimes it will take upto hours to submit be patient and wait for result .

Like us and Subscribe us to get frequent updates .

The above tutorial is step by step procedure if you found any querie or any problem feel free to comment below .

Elegant Popular Post Widget For Blogger

On 21:53 By Unknown // 1 comment:

Popular post widget is best widget to gain more traffic for your blog . By adding css to widget it makes more elegant and unique design . In this widget separate lining of post title and post body will make a clean look of widget . Background of this widget is a picture background so my opinion only use png format images to look beautiful .

Click On The Below Image To Have A Demo :

Tutorial : How To Widget To Your Blog

Login To Blogger Dashboard .
Click on the Template tab .
Now click on Edit Template . ( Before Editing " Backup Your Blogger Template ")

Don't Know How To Backup Blogger Template : Click Here

After Backup is done click CTRL+F to find ]]></b:skin> by pasting the code in search box .
Now paste the below code just above the ]]></b:skin> .

/* Popular Posts Widget customized by bloggerslab.in */
.PopularPosts .item-thumbnail { display: block; height: 190px; margin: 0; overflow: hidden; position: relative; width: 100%; }
.PopularPosts .item-title { position: relative; }
.PopularPosts img { display: block; height: auto; position: absolute; width:auto; transition: all 1s ease 0s; }
.item-title a { background:rgba(0, 0, 0, 0.35); color: #FFFFFF; font-family: Impact; font-size: 17px; font-weight: 100; padding: 10px 0; position: absolute; right: 0; text-align: center; top: 30px; width: 100%; }
.item-snippet { background:rgba(0, 0, 0, 0.35); color: #FFFFFF; font-weight: 900; left: 12%; padding: 10px; position: absolute; text-align: center; top: 95px; width: 70%; }
.item-content:hover img {transform: rotate(10deg) scale(1.2);}
.item-content { position: relative; }

Now save template . Next job is to add javascript to blog .
Now Search for </body> in template . Paste the below code just above the </body> .

<script src='//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'/><script type='text/javascript'>
$(document).ready(function() {$('.PopularPosts img').attr('src', function(i, src) {return src.replace( 's72-c', 's400' );});});
</script>
<script type='text/javascript'>
//<![CDATA[
// Popular Posts customization by bloggerslab.in
// Trim Code by MS-potilas 2012
$('.popular-posts ul li .item-snippet').each(function(){
var txt=$(this).text().substr(0,120);
var j=txt.lastIndexOf(' ');
if(j>10)
$(this).text(txt.substr(0,j).replace(/[?,!\.-:;]*$/,'...'));
});
//]]>
</script>

Save template and job is done .

Customization :

If you already added " javascript " to blog remove the colored line in above code and save template .
Now go to Layout section and click on Add a gadget .
Add the popular post widget to your blog .

Have any doubts or queries feel free to comment below .

How To Add Animated Flash Twitter Widgets In Blogger

On 03:42 By Unknown // No comments:

Twitter is best social networking site among best networks . If you are a blogger want to add a twitter widget in your blog here is the flash widget which helps you attract visitors . These widgets have clean elegant design which have flash animations . Select best flash twitter widget for your blog .

Post : How To Add Animated Flash Twitter Widgets In Blogger

Log in to ' Blogger dashboard '.
Now scroll to 'Layout' section.
click on ' Add a Widget ' .
Now click on HTML / Javascript . Select and paste the required code .

Twitter Widgets For Blogger (Copy Required code and Paste In HTML Section )

How To Add Avatar or Profile Photo Of Author Next To Blog Titles

On 04:18 By Unknown // No comments:

Learn how to add avatar or profile picture of author in your blog . By adding image beside the title post it give professional look and also helps reader to know who published particular article .

For example, your blog contains different authors readers of your blog will get confused who published article and by adding this simple trick you can add avatar beside post title .

Tutorial : How To Add Avatar or Profile Photo Of Author Next To Blog Titles

Login To Blogger Dashboard .
Backup your blogger template ( Don't know how to backup : click here )
Now click on Edit HTML .
Search for .post h3 or .post h2
You will see the code like below .

.post h3 {
color: #7CA2C4;
font-size: 20px;
font-family: Arial, sans-serif;;
font-weight: normal;
margin: 0px;
padding: 0px 10px 0 47px;
}

Now replace the entire code with the below code .

.post h3 {
background:url(IMAGE LINK OF YOUR PROFILE PIC) no-repeat top left;
color: #289728;
font-size: 20px;
font-family: Arial, sans-serif;;
font-weight: normal; height:45px;
margin: 0px;
padding: 0px 10px 0 47px;
line-height:1.1em;
}

Customization :

Keep note always profile pic should be 40px by 40px .
Replace the colored Image Link with your