The Mail-to-Blogger feature in the blog enables you to publish the post via Email. For this feature you have to make a change in you r blog setting. Just go to “Settings” then click “E-mail & Mobile” or “E-mail”



You can create a Mail-to-Blogger address which you will use to publish the posts via email to your blog:

To post to your blog via email, you need to configure your Mail-to-Blogger email address in Settings | Email:




The format of the email address will be username.secretword@blogger.com. Note that this Email must be kept secret. Otherwise, anyone who gets it will be able to post as you.

Also be sure to specify whether or not you prefer your email posts to publish automatically. If this option is not checked, then your posts will be saved on your account but will not appear on your blog until you log in to Blogger.com and publish them yourself.

Once you have saved your Settings, you can send email to your blog. The subjects of your email letters will be the titles of your posts, and the body of the emails will be the posts themselves. To include an image in your post, you can attach an image to you your email.


Notes:
• Sometimes email programs append text to the bottom of each sent message; to make sure this cruft doesn't get posted to your blog, put #end at the end of your post.

Continue Reading..

How To Show Older Posts and Newer Posts Links Above Post Titles,as we all use these navigational links at the end of the page,but in very few blogs i see them using these navigational links older posts and newer posts link at top of the the post title.I am not sure you would like to have it at top or not but few might love to have it at top as navigation becomes more easy task,and someone using photoblog might love this for sure.

You must read the before tutorial also of mine on how to change these older-newer posts links with images and read on for adding of beautiful page navigation widget for blogger.

Now let's carry on with our tutorial on how to make navigational links to show at top instead of bottom.
Just Go To EDIT HTML page of your blog > Check mark Expand Widgets option > Now search below tag in your template.

<b:includable id='main' var='top'>

Now paste the following code below it.

<b:include name='nextprev'/>

Now you will have navigation links at top of all posts instead of having it at the bottom of all posts like picture below.

I hope you will love this trick for sure.

Continue Reading..

How to Center Your Blog Template Design or start it from left,as you would have seen mostly all the blog designs are located at center,only few of the designs you will see starting from the left of your screen.That is the your blog design will either start from the left of the pc screen instead of showing at center or will show up in middle of screen expanding equally to left and right.This is now your choice on how to display your template,as below i am going to tell you about both methods.

As below i will be going to tell how to do it on basic default codes given by google in there template,as the code to your template may vary from user to user.But i will guide you for sure on how to find the codes if you want to change the alignment of your template.

Like just check the snapshots of design aligned to left and center.

The above blog design is aligned to left of the screen of your computer.Now lets just check the codes of it below.

Just find the below blogger codes in your blogger html.

#outer-wrapper {
margin:0;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

Now in above code the property of margin is set 0.

If you will make it to set margin:0 auto;

Then the template design will align to center of your screen resolution,like below picture.

**Important Notes:- As the codes above i took was from google minima template.If you are using it you will do it easily.But if you are using templates by other designers you may not find codes with same name outer wrapper id.As they may have been defined differently,but the property you have to change is same as of margin in all designs.The skill you have to do is to find by which name the outer layout of your template has been defined.

In many designs you may find it with name #wrap or #wrapper or #outer-wrapper etc.
I hope you will be able to do it now,if you know little bit about template codes.

Continue Reading..

How To Make Comment Bubble At Top Of Blogger Posts,as you have seen it using in many blogs and i am sure you would not be knowing how to make and show that comment bubble count and link at top of the blogger post.So that's why i am here to make you learn it,and add it to your blogs.As its not as difficult as you might be thinking of.

As you would have checked my last blogger template-The latest Blogger template for sure and must have liked it.I have made 3-4 more proffesional templates for you,but unluckily today i got my exams schedule and will not be able to post these templates for you till 30 of july,so you have to wait for them ,as they need little finishng touch and testing with an installation guide,so will post these templates in beggining of august.

So we just continue with out tutorial on how adding comment bubble to top of each blogger posts.Some tutorials like these which you would like to read for sure are show labels as tags like woork and show post date as calender widget.

For demo of comment bubble you can check the my blog as i have comment bubble or check the demo blog too.

Now To make comment bubble,Just
Login to blogger > Then go to Layout > Edit/Html > Expand Widgets > Press Ctrl+F

And Search For ]]></b:skin> tag and place the below codes before it.

.comment-bubble {
float : right;
width : 48px;
height : 48px;
background : url(http://i43.tinypic.com/dljpzo.jpg) no-repeat;
font-size : 18px;
margin-top : -15px;
margin-right : 2px;
text-align : center;
position:absolute;
padding:0px 0px 0px 0px;
}

In red above is the image link of bubble,you can use yours and don't forget to change its width and height also of the image you use.To adjust the bubble position you can edit the distance from margin-right and margin-top properties of css.

Some Readers had problem in aligning the comment number in comment bubble.To adjust it just edit padding values according to you in above css.I have added four 0 values to padding,First one is for padding-top,Second for padding-left,third for padding-bottom and last for padding-right.

Now after adding above css just find the below codes and add the red codes in between them as i have shown below.

<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'><b:if cond='data:post.allowComments'>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
</b:if>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

Afer adding red codes in between them just preview your template,if comment bubble is ok,just save your template and you are done.Now you have added an comment bubble to bog in an very easy way you wouldn't have thought of.Enjoy this hack and let me know you liked it or not.
And Friends i will try to schedule one or two posts for you,but that for sure will be small blogger tutorials which also will be very useful for you to learn a lot.

Wish Me Good Luck For My Exams.

Continue Reading..

How to post, XML,HTML,Java Script and such kind of material as a plain text in Blogger.
As many bloggers still don't know why they are not able to post the javacodes in there blogger posts.As i had posts on it before but now i am going to tell you about a simple mozilla addon.

You can check on these posts too if you want same thing to be done in blogger posts,first one is the syntax highlighter and second one is the display script and css codes in blogger posts.This is one which i am using.

Now i will tell you on how to to do this in very simple way with an simple mozilla addon.

1. First You Have Firefox Browser and Then Install Greasemonkey script on your Firefox browser by gonig on below link.

https://addons.mozilla.org/en-US/firefox/addon/748

Click on add to firefox and then install.See Below Image for reference:--




NOW RESTART THE FIREFOX IF ADD-ONS WINDOWS OPEN SIMPLY CLOSE THE WINDOW


2. Now Click on the below link and install the User script 'Blogger - HTML encode on post edit' to blogger.

http://userscripts.org/scripts/source/42696.user.js






This Script will adds a new button at the bottom of your new post area.It encodes the selected text so that it can be posted as plain text in Blogger.It will look like the Below image.




When you want to encode some code select it and cick on 'HTML ENCODE SELECTION' button.Below Image for reference



Your code will look like below image after being encoded.Now you can publish your post and see the result.

Continue Reading..

How to delete a zero (0) byte file that cannot be deleted in computer/pc/windows xp/widows vista.

Now a days many of the internet users suffering from a zero byte (0) file problem.The file can't be deleted by any software, not can be renamed ,neither can be moved from one drive to another and also can't be replaced by same name file.Some people also use dos prompt to delete that zero byte file but it can't be deleted.

In most case it happens from downloading a torrent file.when we save the file the file save but it can't have any byte i.e having zero byte file and then problem start to delete that file.

I also face this problem then i found a intresting software and this software is "FREEWARE" and 200 % working.

"Unlocker" (SOFTWARE NAME) is ultimate software that help to delete zero byte file. you can download the "Unlocker" by visting the below website and also see how it works?

"Unlocker" is the only software that can only be used to delete the zero byte files.

http://ccollomb.free.fr/unlocker/

Ever had such an annoying message given by Windows?

It has many other flavors:

Cannot delete file: Access is denied
There has been a sharing violation.
The source or destination file may be in use.
The file is in use by another program or user.
Make sure the disk is not full or write-protected and that the file is not currently in use.

Unlocker is the solution!

1. Simply right click the folder or file and select Unlocker

2. If the folder or file is locked, a window listing of lockers will appear

3. Simply click Unlock All and you are done!

Continue Reading..

Hi friends you would have seen these tags option in many blog nowadays as presently you would be able to see it in my this blog also.These tags are nothing but just the labels of blogger which use to come at the begginig of the blogger posts or at the end of the post in blogger,just depends upon the blogger template you are using and where it is defined.Using these labels look like tags make blog look beautiful.

As when i started using this trick many readers of mine started mailing me to blog about this trick,so today i am just going to let you know how to make your labels look like tags.

First of all i would like to tell you that,this trick was first used by woork in his blog template design.You can check his blog also for this demo of tags.So i have taken this trick from his blog template.If you liked woork template design you can use the similar design like him from here.The other widget you must get on is image slider and Popular Post Widget.

Now lets continue on how to implement this hack.

Advice To Backup Blogger Template.

Just Log in To Blogger > Got to Layout > Edit/Html > Expand Widgets > Ctrl+F and search for
]]></b:skin> and add the below codes before it.

div.tag{font-size:11px; padding-top:5px; color:#999999; margin-bottom:10px;}
.profileImage{float:left; margin:3px 6px 2px 0px; background:#FFF; padding:4px;}
.post-tag{font-family:Georgia, &quot;Times New Roman&quot;, Times, serif; font-size:12px; margin-bottom:10px;}
.post-tag a:link, .post-tag a:visited{color:#666; text-decoration:none; font-style:italic;}

You can change css properies like color and font yourself in above codes to adjust your blog.

Now search for below codes and add the red codes after it like i have shown below.

<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

<!-- TAG -->
<div class='post-tag'> <b style='border-right:solid 1px #CCCCCC; padding-right:10px; margin-right:10px;'>Tag</b>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url+ &quot;?max-results=10&quot;' rel='tag' style='border-right:solid 1px #CCCCCC; padding-right:10px; margin-right:10px;'>
<data:label.name/>
</a>
<b:if cond='data:label.isLast != &quot;true&quot;'/>
</b:loop>
</b:if>
</div>

Now Preview your design if its ok then save your template.
There's little css defined in above codes so you can change them also to your wants.
I hope you will install it successfully because it doesn't seem as difficult you might have thought looking at it.Enjoy these tags.You can also try to search for reliable blog hosting companies with Web Hosting Search.

Continue Reading..