Showing posts with label Blogger Tutorial. Show all posts
Showing posts with label Blogger Tutorial. Show all posts

Monday, September 6, 2010

How Make Contact Form For Blogger

Hi friends as every blog uses contact page in there blog to allow readers to contact them for the queries and difficulties they face or wanting some help or wanna sponsor there site etc.Many use to write only there email id in contact page to contact them, but u need an form too to look more proffesional and make communication easy between you and your readers.As its now not difficult to add contact form to blogger as previously have to write codes for making form and then hosting it and all and then form get made.But now there are various sites started this service which give ready made forms to you.

What you have to do is just go to these sites, need to sign up there and get the codes for the form.After getting the codes just go to edit pages in your blog and make new page.There publish the codes to form and write also if you want to write something and publish it.Its very easy.

Services that provide you to use there contact forms for free.

1) Kontactr



Just go to this site.Sign up there,get the codes and add them to blogger pages and publish it to make an contact page.

2) Emailmeform



Just go there sign up and get the codes of form.As here you will get more features in form than other sites.As they also give option to every type of form and also an option for readers to upload some stuff to the form and send you.

3) FoxyForm



No need of sign up there just go to this site fill the details, customize the colors,give email and get codes.

4)Wufoo



This also the good service you can just try it also for sure.But gives 100 entries per month only to fill.

Other services available providing free form but me never tried are :-

123contactform
Freecontactform
Webformdesigner
Mycontactform
Wrasap

Installation


Just from all the services above , select one you want to use.Sign up there and get the codes for the form.

Now just Go to blogger Posting > Edit Pages > New Page.
Give the title to page as contact and post the form codes in post and publish it.Your contact form is ready now to run.Enjoyyy !!!!!

How Make Contact Form For Blogger

Hi friends as every blog uses contact page in there blog to allow readers to contact them for the queries and difficulties they face or wanting some help or wanna sponsor there site etc.Many use to write only there email id in contact page to contact them, but u need an form too to look more proffesional and make communication easy between you and your readers.As its now not difficult to add contact form to blogger as previously have to write codes for making form and then hosting it and all and then form get made.But now there are various sites started this service which give ready made forms to you.

What you have to do is just go to these sites, need to sign up there and get the codes for the form.After getting the codes just go to edit pages in your blog and make new page.There publish the codes to form and write also if you want to write something and publish it.Its very easy.

Services that provide you to use there contact forms for free.

1) Kontactr



Just go to this site.Sign up there,get the codes and add them to blogger pages and publish it to make an contact page.

2) Emailmeform



Just go there sign up and get the codes of form.As here you will get more features in form than other sites.As they also give option to every type of form and also an option for readers to upload some stuff to the form and send you.

3) FoxyForm



No need of sign up there just go to this site fill the details, customize the colors,give email and get codes.

4)Wufoo



This also the good service you can just try it also for sure.But gives 100 entries per month only to fill.

Other services available providing free form but me never tried are :-

123contactform
Freecontactform
Webformdesigner
Mycontactform
Wrasap

Installation


Just from all the services above , select one you want to use.Sign up there and get the codes for the form.

Now just Go to blogger Posting > Edit Pages > New Page.
Give the title to page as contact and post the form codes in post and publish it.Your contact form is ready now to run.Enjoyyy !!!!!

How Make Contact Form For Blogger

Hi friends as every blog uses contact page in there blog to allow readers to contact them for the queries and difficulties they face or wanting some help or wanna sponsor there site etc.Many use to write only there email id in contact page to contact them, but u need an form too to look more proffesional and make communication easy between you and your readers.As its now not difficult to add contact form to blogger as previously have to write codes for making form and then hosting it and all and then form get made.But now there are various sites started this service which give ready made forms to you.

What you have to do is just go to these sites, need to sign up there and get the codes for the form.After getting the codes just go to edit pages in your blog and make new page.There publish the codes to form and write also if you want to write something and publish it.Its very easy.

Services that provide you to use there contact forms for free.

1) Kontactr



Just go to this site.Sign up there,get the codes and add them to blogger pages and publish it to make an contact page.

2) Emailmeform



Just go there sign up and get the codes of form.As here you will get more features in form than other sites.As they also give option to every type of form and also an option for readers to upload some stuff to the form and send you.

3) FoxyForm



No need of sign up there just go to this site fill the details, customize the colors,give email and get codes.

4)Wufoo



This also the good service you can just try it also for sure.But gives 100 entries per month only to fill.

Other services available providing free form but me never tried are :-

123contactform
Freecontactform
Webformdesigner
Mycontactform
Wrasap

Installation


Just from all the services above , select one you want to use.Sign up there and get the codes for the form.

Now just Go to blogger Posting > Edit Pages > New Page.
Give the title to page as contact and post the form codes in post and publish it.Your contact form is ready now to run.Enjoyyy !!!!!

Thursday, July 1, 2010

How Add Any Blogger Widget Without Any Title To it

Nowadays many blogger are facing problem in keeping the title blank of the blogger widgets they adding.Like when we add any blogger widget to blogger blog we need to add title and widget content to it and the widget get added in the sidebar.As if you would have noticed before blogger used to allow, to add content to widget without any title but now when we add content to widget it has become necessary to add title to the widget else it dont get added to blogger layout.Due to this many bloggers are facing problem as there are many widgets that dont need any title to be added.Like you say Linklist widget or any sponsors widget codes, many dont feel need to add title to some widgets.They want to keep it widget title blank without showing any title.

So i will be going to tell you how to make that title disappear from that widget.Below image will make clear what i am trying to hide and what content only want to show.



Just add any blogger widget you want to add in your blogger layout.Keep the title blank and place widget content and try to save it, the widget will show an error and will ask you to give title, means you are forced to give title to widget.
Dont worry just add title to it related to content.Now if you dont want to show that title follow the tutorial.

Suppose i have added the title Our Partners to it.But i dont want to show that title in blog.

Now just go to Blogger Design > Edit Html > Press Ctrl+F
and search for title like i will search for - Our Partners.

Then you will get title in one widget line like below.


<b:widget id='HTML3' locked='false' title='Our Partners' type='HTML'/>


Now what you have to do is to get id of widget that is written in red in above code.
In above example it is HTML3.

Now after getting the widget id, find for ]]></b:skin> tag in your template and place the below code before it and your widget title will get hide for you.


#HTML3 h2 {display:none;}


Just be sure to change the HTML3 with your widget id which you find for your widget.

Just Enjoy this small css hack........which is very useful for many bloggers :)

How Add Any Blogger Widget Without Any Title To it

Nowadays many blogger are facing problem in keeping the title blank of the blogger widgets they adding.Like when we add any blogger widget to blogger blog we need to add title and widget content to it and the widget get added in the sidebar.As if you would have noticed before blogger used to allow, to add content to widget without any title but now when we add content to widget it has become necessary to add title to the widget else it dont get added to blogger layout.Due to this many bloggers are facing problem as there are many widgets that dont need any title to be added.Like you say Linklist widget or any sponsors widget codes, many dont feel need to add title to some widgets.They want to keep it widget title blank without showing any title.

So i will be going to tell you how to make that title disappear from that widget.Below image will make clear what i am trying to hide and what content only want to show.



Just add any blogger widget you want to add in your blogger layout.Keep the title blank and place widget content and try to save it, the widget will show an error and will ask you to give title, means you are forced to give title to widget.
Dont worry just add title to it related to content.Now if you dont want to show that title follow the tutorial.

Suppose i have added the title Our Partners to it.But i dont want to show that title in blog.

Now just go to Blogger Design > Edit Html > Press Ctrl+F
and search for title like i will search for - Our Partners.

Then you will get title in one widget line like below.


<b:widget id='HTML3' locked='false' title='Our Partners' type='HTML'/>


Now what you have to do is to get id of widget that is written in red in above code.
In above example it is HTML3.

Now after getting the widget id, find for ]]></b:skin> tag in your template and place the below code before it and your widget title will get hide for you.


#HTML3 h2 {display:none;}


Just be sure to change the HTML3 with your widget id which you find for your widget.

Just Enjoy this small css hack........which is very useful for many bloggers :)

How Add Any Blogger Widget Without Any Title To it

Nowadays many blogger are facing problem in keeping the title blank of the blogger widgets they adding.Like when we add any blogger widget to blogger blog we need to add title and widget content to it and the widget get added in the sidebar.As if you would have noticed before blogger used to allow, to add content to widget without any title but now when we add content to widget it has become necessary to add title to the widget else it dont get added to blogger layout.Due to this many bloggers are facing problem as there are many widgets that dont need any title to be added.Like you say Linklist widget or any sponsors widget codes, many dont feel need to add title to some widgets.They want to keep it widget title blank without showing any title.

So i will be going to tell you how to make that title disappear from that widget.Below image will make clear what i am trying to hide and what content only want to show.



Just add any blogger widget you want to add in your blogger layout.Keep the title blank and place widget content and try to save it, the widget will show an error and will ask you to give title, means you are forced to give title to widget.
Dont worry just add title to it related to content.Now if you dont want to show that title follow the tutorial.

Suppose i have added the title Our Partners to it.But i dont want to show that title in blog.

Now just go to Blogger Design > Edit Html > Press Ctrl+F
and search for title like i will search for - Our Partners.

Then you will get title in one widget line like below.


<b:widget id='HTML3' locked='false' title='Our Partners' type='HTML'/>


Now what you have to do is to get id of widget that is written in red in above code.
In above example it is HTML3.

Now after getting the widget id, find for ]]></b:skin> tag in your template and place the below code before it and your widget title will get hide for you.


#HTML3 h2 {display:none;}


Just be sure to change the HTML3 with your widget id which you find for your widget.

Just Enjoy this small css hack........which is very useful for many bloggers :)

Thursday, June 17, 2010

How Add Share Buttons By Blogger Released In Draft

Hi friends as next feature by the blogger to be released was share buttons by them. As they have added the codes to the templates a long time before but haven't released them officially. And today they have released it officially in draft.blogger not blogger.So if you wanna use these share buttons to your blogger.You have to use draft.blogger to sign in to your blog instead blogger and just activate the widget first from there.The share buttons are very beautiful i liked them a lot.But before i too would like you to see the demo of share buttons how they look like.

Just you can check here the demo of working buttons at bottom of the post title.



Now i would like you all to have this feature activated in your blog so that you can have those buttons in your blog when u want.

So i will continue with the tutorial for adding these buttons in blogger.

Installation Of Share Buttons


1.Just Login To draft.blogger.
2.Now Go to Design > Page elements > Click on the Edit Button of Blog Posts Widget.
3.Now popup window will open and just check mark the share button widget and your buttons are activated now.



Now just check your blog if the share buttons appear at the bottom of the post,then its good.Else keep follow the tutorial.

Adding Of Share Button Codes If Not Working


Just go to Blogger Design > Edit HTML > Check mark Expand Widgets Template > Press Ctrl + F

Now If you want the buttons to add at end of post then you find for any off these lines in your codes.


<div class='post-footer'>

or

<div class='post-footer-line post-footer-line-1'>

or

<div class='post-footer-line post-footer-line-2'>

or

<div class='post-footer-line post-footer-line-3'>

or

<data:post.body/>


And now after getting any line you can add the below codes after it.


<div style='clear: both;'/>
<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>


Preview it if its ok.Now save your template.

Now If you want the buttons to add below the post title.

Find for the below line in codes and add the above codes before it.


<div class='post-header'>
<div class='post-header-line-1'/>
</div>


Yo will either get all three lines in codes or only red line so no need to worry just have to add codes before it only,either you get one or all three.

I am sure now you will be able to add the share buttons to your blog and if you have nay problem in doing so leave your comment below.

How Add Share Buttons By Blogger Released In Draft

Hi friends as next feature by the blogger to be released was share buttons by them. As they have added the codes to the templates a long time before but haven't released them officially. And today they have released it officially in draft.blogger not blogger.So if you wanna use these share buttons to your blogger.You have to use draft.blogger to sign in to your blog instead blogger and just activate the widget first from there.The share buttons are very beautiful i liked them a lot.But before i too would like you to see the demo of share buttons how they look like.

Just you can check here the demo of working buttons at bottom of the post title.



Now i would like you all to have this feature activated in your blog so that you can have those buttons in your blog when u want.

So i will continue with the tutorial for adding these buttons in blogger.

Installation Of Share Buttons


1.Just Login To draft.blogger.
2.Now Go to Design > Page elements > Click on the Edit Button of Blog Posts Widget.
3.Now popup window will open and just check mark the share button widget and your buttons are activated now.



Now just check your blog if the share buttons appear at the bottom of the post,then its good.Else keep follow the tutorial.

Adding Of Share Button Codes If Not Working


Just go to Blogger Design > Edit HTML > Check mark Expand Widgets Template > Press Ctrl + F

Now If you want the buttons to add at end of post then you find for any off these lines in your codes.


<div class='post-footer'>

or

<div class='post-footer-line post-footer-line-1'>

or

<div class='post-footer-line post-footer-line-2'>

or

<div class='post-footer-line post-footer-line-3'>

or

<data:post.body/>


And now after getting any line you can add the below codes after it.


<div style='clear: both;'/>
<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>


Preview it if its ok.Now save your template.

Now If you want the buttons to add below the post title.

Find for the below line in codes and add the above codes before it.


<div class='post-header'>
<div class='post-header-line-1'/>
</div>


Yo will either get all three lines in codes or only red line so no need to worry just have to add codes before it only,either you get one or all three.

I am sure now you will be able to add the share buttons to your blog and if you have nay problem in doing so leave your comment below.

How Add Share Buttons By Blogger Released In Draft

Hi friends as next feature by the blogger to be released was share buttons by them. As they have added the codes to the templates a long time before but haven't released them officially. And today they have released it officially in draft.blogger not blogger.So if you wanna use these share buttons to your blogger.You have to use draft.blogger to sign in to your blog instead blogger and just activate the widget first from there.The share buttons are very beautiful i liked them a lot.But before i too would like you to see the demo of share buttons how they look like.

Just you can check here the demo of working buttons at bottom of the post title.



Now i would like you all to have this feature activated in your blog so that you can have those buttons in your blog when u want.

So i will continue with the tutorial for adding these buttons in blogger.

Installation Of Share Buttons


1.Just Login To draft.blogger.
2.Now Go to Design > Page elements > Click on the Edit Button of Blog Posts Widget.
3.Now popup window will open and just check mark the share button widget and your buttons are activated now.



Now just check your blog if the share buttons appear at the bottom of the post,then its good.Else keep follow the tutorial.

Adding Of Share Button Codes If Not Working


Just go to Blogger Design > Edit HTML > Check mark Expand Widgets Template > Press Ctrl + F

Now If you want the buttons to add at end of post then you find for any off these lines in your codes.


<div class='post-footer'>

or

<div class='post-footer-line post-footer-line-1'>

or

<div class='post-footer-line post-footer-line-2'>

or

<div class='post-footer-line post-footer-line-3'>

or

<data:post.body/>


And now after getting any line you can add the below codes after it.


<div style='clear: both;'/>
<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>


Preview it if its ok.Now save your template.

Now If you want the buttons to add below the post title.

Find for the below line in codes and add the above codes before it.


<div class='post-header'>
<div class='post-header-line-1'/>
</div>


Yo will either get all three lines in codes or only red line so no need to worry just have to add codes before it only,either you get one or all three.

I am sure now you will be able to add the share buttons to your blog and if you have nay problem in doing so leave your comment below.

Wednesday, September 9, 2009

How Auto Adjust Images Size In Blogger Posts

How Auto Adjust Images Size In Blogger Posts,yes friends many of us would be daily posting some images in there blogger posts or would have photo blogs and would be tired of giving the width and height to there post images again and again to adjust and look good in there blogs.And dont they think when they will switch to new template the width and height assigned to images in post can create problems for them.And many of blogs would be facing problems if they post images with width longer than post section and image would overlap the sidebar and if not overlapping then only part of the image in post section will be visible rest part hidden.So i will be telling you on how to auto adjust images size in blogger posts to suit your blog needs.

Now Please look at the pictures carefully to know what i am exactly talking about.

Suppose you have post section of width 500px and you post a picture of width 800px in the post without defining any width and height to it.Note if you uploading through blogger editor it automatically define width and height to image so will never face error in that.

The image would appear in post like below two methods.

1) As image width was 800px,Image width get shortened and will show up in post upto 500 px and rest 300px will be hidden.



2) Full Image is shown but overlap the sidebar.



But the proper way the image should be shown in blogger post should be like below.



So to make it correct i am making you learn this css property for your blog,if you are facing any of these problems.

As say you have an blog and want to show images of width equal to post section i.e you have post section of width 500px and you want to show images to autoadjust to that size in your post.For doing that just go to blogger Layout >> Edit/Html and add the below codes before ]]></b:skin> tag :-


.post img {
max-width:500px;
max-height:500px;
min-width:200px;
min-height:200px;
padding : 10px;
clear: both;
}



Just adjust the properties min-width,min-height and max-width and max-height.As after using above codes now in your post the image width and height will never get less than 200px and not more than 500px.So image size will always lie between 200-500px.If image size is less than 200px it will auto adjust to 200px and if more than 500px it will autoadjust to 500px.

Now if you wanna use all images in your posts of same height and width i.e mostly used by all photo blogs to show of all the images of same sizes.You can use below codes.


.post img {
width:500px;
height:400px;
padding:10px;
}


Now all the images of any size in post will appear to auto adjust to size of width 500px and height 400px.

**Note:- If not working properly , there might be image property defined in your template,just find for it and check it.Find for .post img tag to check it.

How Auto Adjust Images Size In Blogger Posts

How Auto Adjust Images Size In Blogger Posts,yes friends many of us would be daily posting some images in there blogger posts or would have photo blogs and would be tired of giving the width and height to there post images again and again to adjust and look good in there blogs.And dont they think when they will switch to new template the width and height assigned to images in post can create problems for them.And many of blogs would be facing problems if they post images with width longer than post section and image would overlap the sidebar and if not overlapping then only part of the image in post section will be visible rest part hidden.So i will be telling you on how to auto adjust images size in blogger posts to suit your blog needs.

Now Please look at the pictures carefully to know what i am exactly talking about.

Suppose you have post section of width 500px and you post a picture of width 800px in the post without defining any width and height to it.Note if you uploading through blogger editor it automatically define width and height to image so will never face error in that.

The image would appear in post like below two methods.

1) As image width was 800px,Image width get shortened and will show up in post upto 500 px and rest 300px will be hidden.



2) Full Image is shown but overlap the sidebar.



But the proper way the image should be shown in blogger post should be like below.



So to make it correct i am making you learn this css property for your blog,if you are facing any of these problems.

As say you have an blog and want to show images of width equal to post section i.e you have post section of width 500px and you want to show images to autoadjust to that size in your post.For doing that just go to blogger Layout >> Edit/Html and add the below codes before ]]></b:skin> tag :-


.post img {
max-width:500px;
max-height:500px;
min-width:200px;
min-height:200px;
padding : 10px;
clear: both;
}



Just adjust the properties min-width,min-height and max-width and max-height.As after using above codes now in your post the image width and height will never get less than 200px and not more than 500px.So image size will always lie between 200-500px.If image size is less than 200px it will auto adjust to 200px and if more than 500px it will autoadjust to 500px.

Now if you wanna use all images in your posts of same height and width i.e mostly used by all photo blogs to show of all the images of same sizes.You can use below codes.


.post img {
width:500px;
height:400px;
padding:10px;
}


Now all the images of any size in post will appear to auto adjust to size of width 500px and height 400px.

**Note:- If not working properly , there might be image property defined in your template,just find for it and check it.Find for .post img tag to check it.

How Auto Adjust Images Size In Blogger Posts

How Auto Adjust Images Size In Blogger Posts,yes friends many of us would be daily posting some images in there blogger posts or would have photo blogs and would be tired of giving the width and height to there post images again and again to adjust and look good in there blogs.And dont they think when they will switch to new template the width and height assigned to images in post can create problems for them.And many of blogs would be facing problems if they post images with width longer than post section and image would overlap the sidebar and if not overlapping then only part of the image in post section will be visible rest part hidden.So i will be telling you on how to auto adjust images size in blogger posts to suit your blog needs.

Now Please look at the pictures carefully to know what i am exactly talking about.

Suppose you have post section of width 500px and you post a picture of width 800px in the post without defining any width and height to it.Note if you uploading through blogger editor it automatically define width and height to image so will never face error in that.

The image would appear in post like below two methods.

1) As image width was 800px,Image width get shortened and will show up in post upto 500 px and rest 300px will be hidden.



2) Full Image is shown but overlap the sidebar.



But the proper way the image should be shown in blogger post should be like below.



So to make it correct i am making you learn this css property for your blog,if you are facing any of these problems.

As say you have an blog and want to show images of width equal to post section i.e you have post section of width 500px and you want to show images to autoadjust to that size in your post.For doing that just go to blogger Layout >> Edit/Html and add the below codes before ]]></b:skin> tag :-


.post img {
max-width:500px;
max-height:500px;
min-width:200px;
min-height:200px;
padding : 10px;
clear: both;
}



Just adjust the properties min-width,min-height and max-width and max-height.As after using above codes now in your post the image width and height will never get less than 200px and not more than 500px.So image size will always lie between 200-500px.If image size is less than 200px it will auto adjust to 200px and if more than 500px it will autoadjust to 500px.

Now if you wanna use all images in your posts of same height and width i.e mostly used by all photo blogs to show of all the images of same sizes.You can use below codes.


.post img {
width:500px;
height:400px;
padding:10px;
}


Now all the images of any size in post will appear to auto adjust to size of width 500px and height 400px.

**Note:- If not working properly , there might be image property defined in your template,just find for it and check it.Find for .post img tag to check it.

Saturday, September 5, 2009

How Change Width And Height Of Blogger Comment Form

How To Change The Width And Height Of Comment form in blogger.As you would have seen some using wide comment form and some using small comment from.As there are no much options in blogger to make changes in the blogger comments form but still there are some alterations like we can make,to alter its width and height.As blogger comment system is not one of the best comment system and blogger team need great modifications to be done in it to make it better and useful for readers.

Some comment system hacks you can use like are highlight blog author comments and numbering of blogger comments.The must read on hack is how making your blogger comment system seo.



Now lets continue on our tutorial on how to change the width of comment form.Just GO To Blogger Layout >> Edit/Html >> Expand Widgets >> Press Ctrl+ F >> Search For Below Codes.


<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='auto' src='' width='100%'/>


Just now edit the value of codes in red that is width and height of blogger comment form.Just increase or decrease the values of width and height properties to make it alter.Sometimes changing width of form in % doesn't make any change in form width.SO if not working you give size to form like 500px instead of 100%.I am sure you will be going to love this tutorial.Best of luck!!

How Change Width And Height Of Blogger Comment Form

How To Change The Width And Height Of Comment form in blogger.As you would have seen some using wide comment form and some using small comment from.As there are no much options in blogger to make changes in the blogger comments form but still there are some alterations like we can make,to alter its width and height.As blogger comment system is not one of the best comment system and blogger team need great modifications to be done in it to make it better and useful for readers.

Some comment system hacks you can use like are highlight blog author comments and numbering of blogger comments.The must read on hack is how making your blogger comment system seo.



Now lets continue on our tutorial on how to change the width of comment form.Just GO To Blogger Layout >> Edit/Html >> Expand Widgets >> Press Ctrl+ F >> Search For Below Codes.


<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='auto' src='' width='100%'/>


Just now edit the value of codes in red that is width and height of blogger comment form.Just increase or decrease the values of width and height properties to make it alter.Sometimes changing width of form in % doesn't make any change in form width.SO if not working you give size to form like 500px instead of 100%.I am sure you will be going to love this tutorial.Best of luck!!

How Change Width And Height Of Blogger Comment Form

How To Change The Width And Height Of Comment form in blogger.As you would have seen some using wide comment form and some using small comment from.As there are no much options in blogger to make changes in the blogger comments form but still there are some alterations like we can make,to alter its width and height.As blogger comment system is not one of the best comment system and blogger team need great modifications to be done in it to make it better and useful for readers.

Some comment system hacks you can use like are highlight blog author comments and numbering of blogger comments.The must read on hack is how making your blogger comment system seo.



Now lets continue on our tutorial on how to change the width of comment form.Just GO To Blogger Layout >> Edit/Html >> Expand Widgets >> Press Ctrl+ F >> Search For Below Codes.


<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='auto' src='' width='100%'/>


Just now edit the value of codes in red that is width and height of blogger comment form.Just increase or decrease the values of width and height properties to make it alter.Sometimes changing width of form in % doesn't make any change in form width.SO if not working you give size to form like 500px instead of 100%.I am sure you will be going to love this tutorial.Best of luck!!

Friday, August 28, 2009

How Remove Dotted Lines From Blogger Links

Hi Friends,i am going to share a small trick with you all friends,the trick seems small but is very useful and i have seen many professional blogger designs even not using it in there designs.Doesn't it look bad when user clicks on any link in your blog and link is then surrounded by dotted lines.It looks very bad to me.As you can see from the below demo picture as when i clicked the link in blogger the dotted line appeared,it doesn't look good to me.



So i will tell you on how to remove these dotted lines from all your blogger links.

Just Login To Blogger Go To > Layout > Edit/Html and Find for ]]></b:skin>

And just place the below codes before it.

a { outline:none; }


And save your template and you are done now.Now whenever you will click on any link in blogger no dotted lines will appear.

How Remove Dotted Lines From Blogger Links

Hi Friends,i am going to share a small trick with you all friends,the trick seems small but is very useful and i have seen many professional blogger designs even not using it in there designs.Doesn't it look bad when user clicks on any link in your blog and link is then surrounded by dotted lines.It looks very bad to me.As you can see from the below demo picture as when i clicked the link in blogger the dotted line appeared,it doesn't look good to me.



So i will tell you on how to remove these dotted lines from all your blogger links.

Just Login To Blogger Go To > Layout > Edit/Html and Find for ]]></b:skin>

And just place the below codes before it.

a { outline:none; }


And save your template and you are done now.Now whenever you will click on any link in blogger no dotted lines will appear.

How Remove Dotted Lines From Blogger Links

Hi Friends,i am going to share a small trick with you all friends,the trick seems small but is very useful and i have seen many professional blogger designs even not using it in there designs.Doesn't it look bad when user clicks on any link in your blog and link is then surrounded by dotted lines.It looks very bad to me.As you can see from the below demo picture as when i clicked the link in blogger the dotted line appeared,it doesn't look good to me.



So i will tell you on how to remove these dotted lines from all your blogger links.

Just Login To Blogger Go To > Layout > Edit/Html and Find for ]]></b:skin>

And just place the below codes before it.

a { outline:none; }


And save your template and you are done now.Now whenever you will click on any link in blogger no dotted lines will appear.

Thursday, July 30, 2009

How To Publish Post Via E-mail?

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.

How To Publish Post Via E-mail?

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.