I'm Unable to Upload Pictures on Blogger

If you're upload your photos in posts and it says Done but there is no photo in Post Editor then there is a simple solution to this problem.

Upload your photo as you do normally but when it says Done, don't close the photo uploading window. Right click on that photo and copy the image location.

Tip: In Firefox browser right, click | Copy Image Location.

Tip: In Google Chrome right, click | Copy Image URL.

Tip: In Internet Explorer 6, right click | Properties | Address:(URL).


Now you've the uploaded image URL, close that window and in the post editor, enter this code:

<img src="IMAGE URL HERE" alt="ALTERNATIVE TEXT HERE">

Replace IMAGE URL HERE with the URL of the image you copied earlier and instead of ALTERNATIVE TEXT HERE you can add some words regarding picture, these words will appear if, for some reason, the image can't be shown.


Let's check an example...


For example, I copied the URL of image in this post and now I'll use it in my post using this technique.



The code for this image is:

<IMG SRC="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1fFqRu2LHUTiqZqzNCiz6Q983AIHwneD1ZYf-kG8V5l8ktVgKyR6Bbihr_q3qzL49SCpGPFNXOOCzy79ELHnq2tREmpGMInL3Q4EsLEuYaRN0LRtOEz1z5hm_b0LcQMZzPe-_yIqIcNo/+photos+problem.PNG" ALT="A tutorial on uploading photos problem">

Create a scroll bar to make my example image completely visible!


As you can see that my example image is not completely visible but same image has a scroll bar on the top. You can also add a large image with a scroll bar. The scroll bar will automatically placed if the image has too much width. Use this code:

<div style="overflow:auto;">
<IMG SRC="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1fFqRu2LHUTiqZqzNCiz6Q983AIHwneD1ZYf-kG8V5l8ktVgKyR6Bbihr_q3qzL49SCpGPFNXOOCzy79ELHnq2tREmpGMInL3Q4EsLEuYaRN0LRtOEz1z5hm_b0LcQMZzPe-_yIqIcNo/+photos+problem.PNG" ALT="A tutorial on uploading photos problem">
</div>

Actually, I have just added a property overflow:auto; which will create a scroll bar only if needed otherwise there will be no scroll bar.

How to fix "Can't Create New Post Error"

A lot of people are reporting in official Blogger forums about this problem. Most of them, when try to create a new post, receive notorious bx errors (bX-xovb7t). Thanks to the rapid feedback, a Blogger employee Gatsby has finally given the solution in the forums but you can see it here.

=> Official fix from Blogger

1- Go to Settings | Formatting. troubleshoting

2- Scroll down and see the last option Post Template, it has a small box in front of it, remove any code in that box.

3- Click SAVE SETTINGS button.

4- That's it.

Note: If you've installed a classic Read More hack, then you might have some code in Post Template box. If you don't want to remove that code then you need to properly close all the tags in it. If you're not comfortable with that, leave me a comment, I'll be happy to help you.

Recover a Deleted Blogger/Blogspot Blog Within 90 Days

Blogger never deletes your blog and there's always a chance to recover it. However, if you've deleted your account, then you can't recover your blog back.

I always do experiments on test blogs so, I created a lot of mess with these test blogs and one day I decided to delete them and I did that. After some days, I noticed that there's a link on my Dashboard like this:

So, I clicked Show all link and suddenly all of my Deleted blogs appeared again.

As you can see that there's an option Undelete this blog with every deleted blog. I clicked on Undelete this blog link of one of my deleted test blogs and Whoa!, my deleted blog is back again on my Dashboard. Hurray!

All posts of my recovered blog are there, layout is completely intact. You can also follow this simple method to recover your deleted blog.

Remember: Whenever you delete a blog, don't delete your account.

Ways to Fix/Remove bX Errors in Blogger

Some days ago, I tried to install a widget in one of my custom templates and then I got this error (bX-xxxxxx). I tried to solve the issue by myself by doing some random things and I was finally able to solve the problem. Some people also face this problem when trying to upload a custom Blogger template. Here are the techniques you can try.


1- Change ids of Blogger widgets if you can't upload a custom xml template.

This one is a classical method and trusted by many Blogger experts, to do this follow the steps:

1- Open the downloaded template in Wordpad or Notepad++ (Download Notepad++).

2- Search (Ctrl+f) for widget id=

3- You'll find something like <b:widget id='example1' just replace the number '1' with some other number for example 5, 9, 15 etc. So you can make it <b:widget id='example5', <b:widget id='example9', <b:widget id='example15' etc.

4- Find all widget id= and repeat the step 3 but don't repeat any number i.e. If you've assigned a widget number '9' then don't use '9' again.

5- Once you've changed the ids, save your template and upload it by going to Blogger -> Layout -> Edit HTML and upload.


2- Clear your browser cache & cookies if you can't add/remove/edit widgets.


Google has provided detailed instructions for all browsers to clear cache and cookies, you can see it here:

http://www.google.com/support/accounts/bin/answer.py?hl=en&answer=32050


3- Use some other browser if you can't add/remove/edit widgets.


This is also a good method. You can also try to work in some other browser. For example if you're working in Internet Explorer and continuously facing this problem, switch to Mozilla Firefox.

The Right Way to Copy from Microsoft Word to Blogger

When you want to post some data compiled in Microsoft Word to your Blogger post editor, you might get an error i.e. Your HTML cannot be accepted: Tag is not allowed:

Actually Microsoft Word automatically apply some meta tags to the documents which are illegal (not allowed) in Blogger posts. These tags are like these:

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1252">
<META NAME="Generator" CONTENT="Microsoft Word 97">

To get rid of this error, you can paste your Word document in a simple Notepad, Wordpad or Notepad++ (Recommended) and then copy it again and paste it to Blogger post editor. Then you can continue working with the post and Publish it.

Tip: You can free download Notepad++ from here.

Remove Firefox Dotted Border Links

Introduction!

you might have noticed that Firefox automatically creates dotted border around links. You can prevent this by telling Firefox what you want to do.

How to Do This???

All you need to do is to add some special CSS style tags anywhere in your style sheet between <b:skin> and </b:skin>. The special CSS is:

a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}

Good to Know!

Please note that "The :active pseudo-class adds a special style to an activated element." & "The :focus pseudo-class adds a special style to an element while the element has focus." (W3Schools.Org)

You can read more about a:active at http://www.w3schools.com/CSS/pr_pseudo_active.asp and about a:focus at http://www.w3schools.com/CSS/pr_pseudo_focus.asp

What are Meta Tags & How to Add Meta Tags in Blogger/Blogspot

Meta tags have vital importance because they can bring traffic from search. By default, Blogger blogs don't contain such tags but you can easily add them. However, when you add a meta tag in Blogger, it is applied to all the pages/posts of the blog. So, search engines consider this an illegal act and your blog can be punished. In this tutorial, I'll tell you what are meta tags and how to add them in Blogger without duplicate problem.

What are Meta Tags?

Meta Tags are tiny pieces of code and contain vital info of a web page like description & keywords. When a search engine like Google visits a blog, it checks for meta tags and uses the meta tags data to index the web page.

Example: Wikipedia Meta Tags

If you search for Wikipedia on Google, this is the result.

The line Wikipedia, the free encyclopedia that anyone can edit. is actually the meta description tag. To confirm this, you can check the source of Wikipedia homepage by going to view-source:http://www.wikipedia.org/ and this is what you'll see:

How to insert meta tags in Blogger?

There are many types of meta tags but the most important one is description meta tag. Just follow these steps to add that tag in your template.

1- Go to Layout then Edit HTML tab.

2- Find <head> tag and place the following code right after it:

<b:if cond='data:blog.pageType == data:blog.homepageUrl'>
<meta content='PUT BLOG DESCRIPTION HERE' name='description'/>
</b:if>

3- Just replace PUT BLOG DESCRIPTION HERE with your blog description. Write precise and short sentences which should clearly convey the cliche of your blog.

4- Now, search engines will see the meta description tag only on the homepage.

How your site will be displayed in search results?

This is how your blog will look like in search results. Of course, a clear description will force the reader to visit your site.