How to enable / disable local language translation while creating / editing new post?

Share |

One of my friend has the problem while creating new post. Even if he types English words it automatically gets converted to Hindi words. That was because he has enabled the local language translation. That may occur to you also for any other local languages. Or you might be willing to write your posts in local languages. Then please read following steps to enable or disables this feature while creating new post:

• While creating new post switch to Compose mode to enable or disable local language translation options if you do not find this Compose mode option as shown in the figure then to enable it please check this article
• Then click on the tool bar icon (this icon is for Indian language for your country and language it might be different but at the same place) as shown in the following image to enable local language translation
• Once you click on it the selected icon should look similar to bellow image
• Now when ever you type any thing in the content section in English it will automatically translated to your local language. To disable this click on the same icon as shown in the above image
• For India blogger gives option to translate in to languages other then Hindi also to change the language click on the arrow next to the language icon and it will display the options to select any other languages as shown in the bellow image

Share |

Formatting and Arranging Blog Post Content, Comment, Label, Title, Reactions, Date and Time for blogger blog post

Share |

I had observed lot of questions regarding arrangement and formatting of Post Title, Content, Comment, Label, Reactions, Date and Time for the blogger blog post section. In some blog you can see the comment and lables above the post body and some you can see it bellow post body. You may want to enable / disable links to the post, Comments, Reactions, Posted By, Date and Time options for your each posts. And everyone is worried that how can they make similar look for their blog. I have helped many blogger on Blogger Help for the same thing. But now I thought of writing step by step guide for the same thing, so that it can be helpful to all of you. Please check the bellow step by step guide and apply required changes for your blog.

• First thing your need to do is login to www.blogger.com and not use draft.blogger.com or beta.blogger.com
• Now, from Dashboard click on the Layout for the blog for which you wantted to make the changes
• Now your are at Layout -> Page Elements section of your blog their your can find Blog Posts gadget / widget / element. As shown in the bellow image
• Click on the "Edit" link for the Blog Posts gadget / widget / element and your will find pop up to edit blog posts widget as follows:
• In the pop up you can specify following options

1. Number of posts on main page: (That is number of posts displayed on your home page of your blog when you have more posts then "Older Posts" option will come at the bottom)
2. Select the check box to display the date for the post and specify date format in the drop down next to it and deselect the check box it for not showing this
3. Select the check box to show author name as posted by or not and if yes then you can also change the value of posted by to some thing like published by or any thing else and deselect the check box it for not showing this
4. Select whether you want to display posted time for your blog post or not and specify some different text instead of at if you wish to change that also select the time format from the drop down next to it and deselect the check box it for not showing this
5. You can select the following check box to display comment option for every post or not and also change the label for the comments by changing in text box and deselect the check box it for not showing this
6. Select the check box as shown in bellow image to display Links to this post option and you can change the text to something else by modifying the value in text box and deselect the check box it for not showing this
7. Select the check box as shown in bellow image to display Labels option and you can change the text to something else by modifying the value in text box for example your wanted to display it as Categories and deselect the check box it for not showing this and deselect the check box it for not showing this
8. Select the check box as shown in bellow image to show quick editing link for each posts. Note: this links will be displayed to authors only and deselect the check box it for not showing this
9. To enable reactions for every posts please select check box as shown in bellow image and you can change the text to something else instead of Reactions: by modifying value in text box. You can also modify / add reactions by clicking on Edit link and once changes click on Save link as shown in bellow images and deselect the check box it for not showing this
10. To show Email icon link for every post please select the check box as shown in bellow image and deselect the check box it for not showing this
11. To enable adsense ads between blog posts select the check box as shown in bellow image and deselect the check box it for not showing this. you can also specify how the ad looks like as shown in bellow image
12. Now if you go to bottom part of the pop up you can find options to "Arrange Items" here you can change the locations where comment, Labels, Email, Link to post, posted by, reactions and time options are displayed for each posts.
13. If you wanted to move comment and labels at the bottom then using mouse just drag and drop them to the bottom section as shwon in bellow images
14. After all required change are done, you must click on "SAVE" button at the bottom to make this changes effective. Or your may choose to click on "CANCEL" button to undo all these changes
    
15. Also after this at the Layout -> Page Elements clik on the "SAVE" button to make sure template gets saved and everything is done
    
    
    
    
    
    
    
    
    

Share |

Embed Images within Blogger Post

Share |

While creating the post and embed images within the post if you wish to embed images with the post then here is simple way using blogger image uploader

• In the create post, at the right side top you can see the tabs for the "Compose" select the Compose tab
• There you can find option to "Add Image" ICON as shown in the bellow image click on that icon and will show you pop up to upload image
• Select the image to upload by clicking browse button and click on UPLOAD IMAGE button
• If you wanted upload more than one images at time you can click on "Add another image" link (Note: At a time you can upload maximum 5 images, if you wanted to upload more than images then repeat this more than once)
• When it is uploaded click on DONE button
• The you can see images uploaded to your blog
• This images are always uploaded at the top, read this article to know how to change the location of the image in the post section
• The uploaded images are in the smaller size and it has link to original sized image if you wish to remove the link then check this article

Alternate ways to upload images

• Register for flickr, photbucket, Picasa or any other free image hosting website as mentioned here
  
• Upload all images to the free image hosting website
• Now get the Image URL of the uploaded image
• Now while creating post for your blog, select Edit HTML tab for editing post content in the HTML mode
• There you can write the code similar to following to embed the image

<img src='IMAGE URL'/>

• Where IMAGE URL is the URL of the uploaded image.
  

Related Articles
How to disable coping images in your blog or website

Share |

How to enable / disable Adsense ads for Blog Post Widget?

Share |

If you have integrated adsense with blogger. Blogger automatically start showing adsense ads for Blog Posts widgets. You might dont see any Adsense widget there but ads are appearing before or after the post. Here is the solution how do you enable or disable Adsense for Blog Posts widget.

• Login to blogger.com and you will see the Dashboard
• Here click on Layout link for the blog you want to eanble / disable adsense in blog posts widget
• Now you will be at Layout -> Page Elements
  
• Here you can see Blog Posts widget / gadget in the Layout
• Click on Edit link for Blog Posts widget / gadget
• You can see following popup (Pop up must be enabled for your browser)
• Here select check box for Show Ads Between Posts if you want to show adsense ads befor or after the post
• Or else deselect check box for Show Ads Between Posts if you don't want to show adsense ads befor or after the post

Related Articles

How to embed Adsense code within post (after post title and before post body) for the blogger blog ?

How to have Add a Gadget option for Blog Post section of the blogger’s blog and how to make Blog Post gadget / widget moveable?

How to have Add a Gadget option for Header section of the blogger’s blog and how to make Header gadget / widget moveable?

How to add / Change Header image of blogger’s blog?

How should I restore my blog’s logo after changing to custom template?

How should I change my blog’s logo?

Change the order of the blog post archive

How to enable / disable adsense ads for the blog post widget ?

My blog is lost or forgot username / password of blogger blog

How to change scroll bar color and look and feel for a blog or website / web page?

Blogger Link list with the scroll bar support - link list with large set of links

How to change value of Older Post / Newer Post / Home for the blogger's blog

Enable / Disable receiving comments alert on email for blogger blog

How to make comments for blogger's blog moderated and How to moderate comments ?

Share |

Tips To Create Scroll Box In Blogger Post

Share |

There is a problem with Blogger post while displaying HTML code in Blog Post.It doesn't support the Text Displaying of HTML code in post.I too had faced a lot of problem, After searching internet for this particular solution i came with the idea of showing HTML code in Scroll Box.

Now, How to create this scroll box. It's Very Simple, just go through the following process and you will find the solution of your problem. Very easy.....





1. You just have to copy this code and paste wherever you can edit the HTML

 <a href="http://technical-tejash.blogspot.com">Technical Details</a> Learn to Create Your Scroll Box <span class="end-tag">textarea</span>>



Note : Above is for Simple Text Area

2. Style scrollbox, You can choose the size, bg color,font color, font style, font size, size of the border,type of the border, color of the border.

<div style="width: 200px; height: 200px; background-color: 000000; color: 000000; font-family: arial; font-size: 12px; text-align: left; border: 1px dashed 000000; overflow: auto; padding: 4px;">Your Text Here</div>



If you Donot have any Idea how to Edit This Code than Just Generate This code

Share |

Selective Expandable posts

Share |

Translations by other bloggers: Chinese, Thai

Earlier, I had announced Peekaboo posts which shows post summaries in main page and expands them in the main page itself. But, some people would still like to use the classic way of expanding posts which takes the reader to the post page upon clicking "Read more" link. One of them asked me how to display the "read more" link only for some long posts and not others. I gave him a combination of peekaboo and non-peekaboo code that serves this purpose. As I started getting more such requests, I thought I will post the code for everyone who wants to use. Here's what you need to do.

1. Find the

tag in your template and add all the code from this page before it.

2. Find this div for the post-body and add the portion of code in red color.

 
 expr:id='"post-" + data:post.id' >

   
      
      

   
      

      


     
      Read More......
     
     
  

   
 
 

3. Goto Settings->Formatting and at the bottom, you will find the text box provided to specify the "Post template". Copy/paste these lines into that text box and save the settings. (Please DON'T type these lines yourself because you might introduce some spaces that will break the functionality)

Type your summary here

Type rest of the post here


If you create a new post now, it shows you clearly where to type the summary and where to add the rest of the post. Please note that you could also divide some or all of your old posts into summary and full post by editing them. The "Read more" link will appear only for the posts that have been divided like this.

Note 1: If you are not able to find the lines to change, you may not have expanded the template. Select the checkbox named "Expand Widget Templates", which is right above the template code, to expand it into more code.
Note 2: If you click "Older posts" link, the "Read more" link may appear even for the posts which you haven't divided into summary and full post. This is a known problem which we haven't solved yet.

I hope you will link to Hackosphere in your sidebar. That's the only thing I expect in return

Share |

Special effects for Peekaboo posts!

Share |

Yesterday, I thought my most popular hack, Peekaboo posts, needs a makeover. A while back, I received a comment that the post expands too quickly when you click "Read more" link. I thought this could be something to improve upon. How about some special effect like Fade In/Fade Out? You got it! I have integrated the popular javascript effects library script.aculo.us with our peekaboo posts. You can see it in action in my test blog. If you click on "Read more", the full post appears gradually from nowhere and it fades in nicely if you click "Summary only".

You gotta have it in your blog, right? You can have it with very few changes to your template. I spent a few hours on this and surpassed some limitations of script.aculo.us and (bugridden) IE to get this working in Firefox, IE and Opera. Just follow these steps if you have already installed peekaboo posts in your blog.

Step 1: Add these lines before the /head tag.

<script type='text/javascript' src=
'http://anniyalogam.com/scriptaculous/src/prototype.js'/>
<script type='text/javascript' src=
'http://anniyalogam.com/scriptaculous/src/scriptaculous.js?load=effects'/>
<script type='text/javascript'>
var fade = true;
var peekaboo_bgcolor = '#ffffff';
</script>

If your blog's background color is anything other than white, you need to change the peekaboo_bgcolor appropriately for it to work properly in IE. Since most blogs have white background, it should work as it is.

Step 2: Find this portion of code and remove the line shown in red.

   <div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>

That's it! Go ahead and impress your readers. Scriptaculous has many more effects like slide down/up, drap/drop etc which I will try to make use of in the future. If you liked this, help me spread the word about bvibes.com (which has 170+ registered users now) by adding the bvibes button to your sidebar as described here.

Share |

Send paper mail online with EasyPost

Share |

Still have some friends who aren't hooked up with email yet? Maybe your Grandparents or Parents are a little behind the times? Or maybe you just want to send some paper to someone?

EasyPost has opened the doors and made it possible for anyone to send paper letters to any mailbox in Canada via a simple online form. The letters that are submitted through the online form gets printed out via high quality laser printers and premium white paper, packaged up and sent out at the end of each day in regular mail through the Canada Post system. Quite a promising system for Canadians who want an alternative to sending postal mail, but don't want the hassle of printing and running out to buy stamps and envelopes.

EasyPost is free for a limited time and available anywhere in Canada.

Share |