Showing posts with label Tutorials. Show all posts
Showing posts with label Tutorials. Show all posts

Monday, 6 September 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 !!!!!
read more...

Thursday, 1 July 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.





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 ]]> 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 :)
read more...

Thursday, 17 June 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.