Showing posts with label Tutorials. Show all posts
Showing posts with label Tutorials. Show all posts
Wednesday, August 29, 2012
A brief history of markup
The early Web was little more than a series of interlinked research documents using HTML to add basic formatting and structure. However, as the World Wide Web gained in popularity, HTML started being used for presentational purposes. Instead of using heading elements for page headlines, people would use a combination of font and bold tags to create the visual effect they wanted. Tables got co-opted as a layout tool rather than a way of displaying data, and people would use blockquote to add whitespace rather than to indicate quotations. Very quickly, the Web lost its meaning and became a jumble of font and table tags. Web designers came up with a name for this kind of markup; they called it tag soup (see Figure below).
Sunday, March 20, 2011
Page title
Standard page title for a single Blogger post is BLOG TITLE: POST TITLE. You can improve SEO by changing the title tags to POST TITLE | BLOG TITLE. Find this code in your XML template,
<title><data:blog.pageTitle/></title>
replace with this code,
<b:if cond='data:blog.pageType == "item"'> <title><data:blog.pageName/> | <data:blog.title/></title> <b:else/> <title><data:blog.pageTitle/></title> </b:if>
You can also add some keywords to homepage title, for example
<b:if cond='data:blog.pageType == "item"'> <title><data:blog.pageName/> | <data:blog.title/></title> <b:else/> <title><data:blog.pageTitle/> | TV Episode Guide | TV Show Info</title> </b:if>
How to Show HTML and JavaScript Codes within Blogger Posts
While writing this blog I noticed that every-time I use "<" or ">" signs, using JavaScript or HTML codes within my blogger posts, it's not visible. This happens because Blogger Post Editor recognizes it as snippets that should be used with you blogger template.
So to show JavaScript or HTML codes within Blogger posts or comments, use "<" instead of "<" and ">" instead of ">" (without quotes).
Now if there are big codes then go to Plus2net.com and convert your codes.
This is the simplest method to show JavaScript and HTML codes within blog posts.
Source: Here
Create and Add your Own Contact Form to Blogger
If you are onto blogging then you must have your own contact form to communicate with your visitors and you cannot post your email id to public or you will face the consequences, you know what it means, you will get a lot of SPAM. So you need to create and add a contact form for your Blogger blogs.
You can create contact form through Google docs or the simple way is to get it easily from another source. In this tutorial I will tell you how to get your own contact form for Blogger in simple ways.
There are many contact form providers but I will go with Kontactr. Register with them and they will give you the code.
Here you can find three types of codes. Let's discuss them.
Ajex Embed Widget Contact Form
You can also customize it according to your styles. Click:
They will take you to the customization page:
Button Code
It is a text link or a button. When the link is clicked it will direct the user to your contact page which is published by Kontactr. This can be useful when any persom wants to contact you and his browser does not supports JavaScript or you want to use it in any other website, forums, etc.
HTML Embed Contact Form
This is best to use for your blog as it uses no JavaScript. It's based on HTML codes using table form, and can be seen in any Lynx based browsers.
After selecting and customizing the type of form you want, copy any one of the code that they will provide, to your clipboard.
Now, to add the contact form, create a new post, write ‘when, why, how, etc.’ to contact you, paste the any one of the codes mentioned above and publish it. You will have your own contact form for blogger.
Subscribe to:
Posts (Atom)