»»  read more

Learn some simple and easy html codes for blogger

Today, I am going to teach you all about simple, most used and generally used HTML codes which is important in daily blogging. It’s simple but very useful HTML codes.

This article may be helpful to those who are new in blogger blogs and those who don’t know the simple HTML codes.

Keep in your mind to those simple codes:

Linking code: <a href=”URL” >TEXT</a>

This code is used for linking into another site. This can be created to an already hosted website through any web page. To active this, locate the URL which you want to linked to another site. Type some descriptive text after the anchor tag to let readers know something about where this link will take them.

Image link code: <a href="http://get-bloggertricks.blogspot.com" target="_blank"><img src="Image URL Here" alt="TEXT" width="160" height="134" border="0" /></a>

If your site is full of text, then it will spoil the look of your blog. So, if you add some pictures here and there in the sidebars in your blog, then it will give your blog a professional look.

Font coloring: <font color=” #F1A60A”>CHANGING FONT COLOUR TRIAL.</font>

The color in the web page makes it attractive. It attracts the viewer to that particular word or location on the page. A color for the words related to link or hyperlink text makes it more attractive.

Blinking text: <blink>Text to Blink</blink>

One of the interesting ways to make the text very much attractive is making it blink. As well as you can read thisarticle which I have post before this.

Text formatting: Text formatting is the changing of properties of text such as bold, underline, italic, strike out, changing color, making blinking text, etc.

The following are the main text formatting tags.

HTML TAGS	PURPOSE OF USE
<b>………………..</b> <I>………………...</I> <u>………..............</u> <em>…………….</em> <strong>……..</strong> <big>……………</big> <small>……….</small> <sup>…………...</sup> <strike>……….</strike> <H1>…………..</H1>	Bold facing text Italic text. Underline the text. Emphasizing the text (similar to <I> tag) Strong or bold style text. Display the text in bigger font. Display the text in small font. Subscript text. Striking the text. Heading 1 (largest in size)

Formatting text: For giving line breaks and paragraph break, formatting tags are used. The web browser identifies the single spaces between the words or text.

TAGS	PURPOSE
<br>………………</br> <p>………………..</p> <pre>………………</pre> <blockqoute>…</blockqoute> <center>……….</center>	Line break. Paragraph break. Displaying text similar to HTML 2. Indent the beginning of the paragraph. Center the paragraph.

Link code which open in new tab:  
target=”_blank”

This is the code for the link which opens in new window. If you use this code, your visitor will linked to new window. The code goes like this: <a target =”_blank” href=”URL”>TEXT</a>

Note: To use above codes you have to change blue text with your own text or content.

Hey guys not this much only. I will add more a simple codes. If you know more, please share with me via comment.

»»  read more

Puting Post Title before the Blog Title in blogger/blogspot

Change title tags for your blogger posts i.e swap title hack.Swap the title or change the title for the posts of the blog in place of title of blog makes the seo for blogger. Title tags hack makes blogger search engine optimized. When you click the post in blogger the post title always appear after the blog title. and your blog is restricted to only blog title.
But now your title will come first on clicking your post which ill make it seo i.e the blogger title is swapped.

Look at the example below.

Before:

After:

 So, how to do that?

Go to Layout >>EditHtml
 And find this code:

<title><data:blog.PageTitle/></title> 

 Or else search for

<title><data:blog.title/></title> 

Now, replace that line which these:

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> |<data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title> </b:if>

and Save the Changes.   

»»  read more

Cool and funny javascript code tricks- collection

Today, I will list some very cool JavaScript hacks and tricks that you can use creatively or just have plain fun. To make each one of these codes work, all you have to do is copy and paste it into the address bar of your browser window and hit “Enter”. So here they are :-

Play the “Lord of the Web”

 This code lets you edit any page/website in real-time:) . With Firefox, you can even edit and save the modified pages to your computer. Very nifty code!

javascript:document.body.contentEditable='true'; document.designMode='on'; void 0 

 The Big Wheel

This piece of code pulls off all the images from your web page and rotates them in a circle. Really makes any page go naked (without its images). The best place to test is a website with many images. (Google Images for an example)

javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.getElementsByTagName("img"); DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=(Math.sin(R*x1+i*x2+x3)*x4+x5)+"px"; DIS.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+"px"}R++}setInterval('A()',5); void(0);

If you look carefully in the above code, its rotating the HTML “img” tag. Just replace it with “a” or “p” and watch some links or text rotate instead of images.

Tremors

Your browser will be very afraid of this code:)If the code below doesn’t seem to work, please replace > with > and < with <

javascript:function flood(n) {if (self.moveBy) {for (i = 200; i > 0;i--){for (j = n; j > 0; j--) {self.moveBy(1,i); self.moveBy(i,0);self.moveBy(0,-i); self.moveBy(-i,0); } } }}flood(6);{ var inp = "D-X !msagro na dah tsuj resworb rouY"; var outp = ""; for (i = 0; i <= inp.length; i++) {outp =inp.charAt (i) + outp ; } alert(outp) ;}; reverse

The Calculator

In case you are not in a mood to use the standard windows calculator and want your browser to do the dirty job for you, use this code.

javascript: alert(34343+3434-222);

You can change the numbers according to your choice and also try creative complex equations. Just put your arithmetic into javascript: alert( );

Finding Spoof Websites

There are times when you are not sure that the website that you are visiting is authentic. Use this code whenever in doubt :-

javascript:alert("The actual URL is:\t\t" + location.protocol + "//" + location.hostname + "/" + "\nThe address URL is:\t\t" + location.href + "\n" + "\nIf the server names do not match, this may be a spoof.");

Hope you like this javascript collection.Isn't it cool?? If you know more javascript code please share with me via comment.

»»  read more

How to create "Contact Me" page on blogger/blogspot

Your reader contact you when they feel some problems or any other things. They can send you a message what they have to say. It is easy to contact you for your readers.

Today, i am going to teach you about how to create contact me page on blogger/blogpsot.

We all have heard about ZOHO . Yes, we can create Contact Me form in ZOHO. It is just simple and easy.

1.First, go to Zoho Creator

2.Log on with your account or you can also use your Yahoo or Google account to login. Just click the yahoo or google logo as shown in above figure.

3.Click Create New Application.

4.Type your text Contact Me and click Create Now.

5.Drag Singal Line widget from left sidebar to middle of your page.Drag and drop E-mail, URL and Multi Line to middle of the page. As well as you can use different kind of fields. 

Give name for them. In Singal Line, E-mail and Muti Line don't forget the check This is required field. Look at the below screen shot.

6.And as you have finished that click Access This Application on the top of the page.

7.New page appears, now click More Action and then Embed In Your Website.

Now you have to copy that code to embed in your blog. Before that Click Customize Form Properties & Look and Feel , customize Form Properties as your needs.

Copy and pasted IFrame Snippet's code to your new post.

Now you're Done. Hope you like this tutorial.

»»  read more

How to create your own tag cloud for blogger/blogspot

If you want to make your own tag cloud widgets tagcloud-generator.com helps you. It is free to generate tag clouds. You can change link colours, text size, link size, etc....

To generate tag cloud, Go to tagcloud-generator.com. Enter your blog address and click get tag.

Scroll down and check option 2. Customize option 2 according to your needs.

After you've done you can preview you tag cloud. (see the following screenshot).

  

And just copy the code in option 4.

Now paste the code into your sidebar. And done:) isn't it easy??

»»  read more

Dot TK

Register site and domain name for free.
In a box bellow you can enter your site, it can be .blogspot or wordpress or any,
and after entering your e-mail and desired site name, you will get YOURSITE.TK.
Good luck

»»  read more