-->
Blog-How to Tricks - How to add element under post widget? Some of the widgets on your blog, can not be added elements . Main-wrapper (pos...
Text Effect For Blog

Text Effect For Blog

Blog How to Tricks - Often we need some text effect to write on our blog. Giving the effect of this article have a particular purpose, for example, to give special attention to some of the words in sentences, or to write down the mathematical calculations on your blog.

There are some text effects that are easy and useful. Please try and hopefully useful!

Italic Text Effect


Italic Text Effect
code:

<i>Italic Text Effect</i>


Bold Text Effect


Bold Text Effect
Code:

<b>Bold Text Effect</b>


Streak Through Text Effect


Streak through text Effect
Code:

<s>Streak through text Effect</s>


Highlight Text Effect


Highlight Text Effect
Code:

<span style="background:#f0ff00">Highlight Text Effect</span>



Underline Text Effect


Underline Text Effect
Code:

<u>Underline Text Effect</u>


Text with Border


Text with Border
Code:

<span style="border: 1px solid #1e00ff">Text with Border</span>


Superscript Text Effect


Superscript Text Effect
Code:

Superscript <sup>Text</sup> Effect

With any posts superscript this effect, the note will be visible to rise slightly.


Subscript Text Effect


Subscript Text Effect
Code:

Subscript <sub>Text</sub> Effect

With any posts subscript this effect, the note will be seen coming down a little.


Blink Text Effect


Blink Text Effect
Code:

<blink>Blink Text Effect</blink>
 Read more »
By - June 28, 2009
Labels: Blog tricks, Text Effect For Blog
Read More with Post Title

Read More with Post Title

Blog How to Tricks - we have been discussing about how to create read more and how to create the read more button.

We can more edit this Read more format, for example, create read more with post title.

For example, you can see here. By using this blog tricks, your read more format will not showing text 'read more', but showing your post title

How tricks for create read more with post title?


Tricks to create read more with the post title actually the same as the trick to create read more.

Please read your post about the tricks to create read more.

Then, just edit this code :


<data:post.body/>

 <a expr:href='data:post.url'>Read More</a>

 </b:if>



Change to be like this :


<data:post.body/>

<a expr:href='data:post.url'><data:post.title/></a>

</b:if>



After that, please Save Preview ago.

Now the text 'Read More' has changed the title of your post.

You can also change to 'Read More "your post title " using the following code:


<data:post.body/>

<a expr:href='data:post.url'>Read more <data:post.title/></a>

</b:if>



This tricks to make read more with post title very easy, but the results will be very useful.

Happy blogging!
 Read more »
By - May 30, 2009
Labels: Blog tricks, Read More, Read More Button, Read More with Post Title
How To Create Text Area With Highlight Button

How To Create Text Area With Highlight Button

Blog How to Tricks - Blog tricks to make the text area at blogger has been discussed and learn here. We can modify the text so that the area can more easily used by visitors.

We will learn blog tricks how to make text area with highlight button. This blog tricks to make text area with highlight button make it easier for visitors to copy words / code inside the text area.

Let learn blog tricks to make text area with the highlight button.

Simply copy the code below:

<center><div><form name="copy"><div align="center"><input value="Highlight" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button">
<textarea rows="1" cols="22" name="txt" >Write your words/code here that will appear inside text area</textarea></div></form></div></center>

Paste in the place where you will place your text area.

The result will be like this:




Try clicking on the button 'Highlight'

So all the code / words inside will automatically selected, and visitors just copy it only.

This blog tricks to make text area with highlight button is very simple and easy, but have a lot of function.

Happy blogging .. Read more »
By - May 16, 2009
Labels: Blog tricks, Text Area, Text Area With Highlight Button
Image Beside Post Title (2)

Image Beside Post Title (2)

Blog How to Tricks - We have learn blog tricks how to add a picture beside post title here. That trick is change post-title background to add picture beside post title.

Tricks are easy to use to add pictures at the right of the post title. This trick now is edit post title code, and is suitable if you want to add pictures at the left of the post title.

How tricks to add images to the post title?

Go to 'edit HTML'

Click on the 'expand widget template'

First, find the following code (easier to use ctrl + F)

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

If you have found, copy the code below and paste the above code.

<img src='http://i43.tinypic.com/33tjz9c.png'/>

Change with your image url.

So that the entire code to be like this:

<img src='http://i43.tinypic.com/33tjz9c.png'/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>

If it is finished, save and preview

To get best result, please adjust your image with your post-title height. Read more »
By - May 07, 2009
Labels: Blog tricks, Image Beside Post Title (2)
How To Put Ads Banner

How To Put Ads Banner

Blog How to Tricks - Ads Banner is one of the promotion media. So also in the blogging world, Ads banner for the promotion is not foreign again for us.

You can install this banner ads at your blog. Its can use for promote our own web, or to 'rent' to the people who want to promote their banner ads on our blog.

Like on this blog, at the top of the blog, there are banner ads. How to make and install banner ads in our blog?

Open 'Layout' - 'Edit HTML'

Copy code below:

#Banner-ads {

margin:0px;

padding: 5px;

text-align: center;

width : 960px;

}

#Banner-ads img {

margin: 7px 4px 4px 0px;
padding: 3px;
width : 100px;
height : 100px;
text-align: center;

border: 1px solid #c0c0c0;

}

#Banner-ads img:hover {

margin: 7px 4px 4px 0px;

padding: 3px;

text-align: center;

border: 1px solid #333;

}

Red Code, adjust with your outer-wrapper width.

Paste the code above code ]]></b:skin>

After that, we will specify where the banner ads are placed.

For example, in the case of this blog, ads banner will be placed above posting widget (main-wrapper).

Then copy the following code:

<div id='Banner-ads'>

<a hight='100' href='http://easyblogtrick.blogspot.com/' width='100'><img alt='ads' border='0' src='http://123.com/banner.jpg'/></a>

</div>

Then paste the above code <div id=main-wrapper>.
Please Note :

The Red code is your ads banner image url. If you want put 8 ads banner images at your web, you must repeat your ads banner images url 8 times

Value for high and wide of image (Blue code), you can also chage.

If you done, then save and preview. Now you have ads banner at your blog!

Happy blogging!! Read more »
By - May 06, 2009
Labels: Ads Banner
How To Create Text Area

How To Create Text Area

Blog How to Tricks - Text area has a function to place text or sentence in a particular area. Text area is usually used to place the code in the posting or element in your blog.

If you are still confused what is the text area, I can give the following examples:

I have a picture, such as this.



The images have the code:

<a href="http://blog-howtotricks.blogspot.com/" target="_blank"><img src="http://i39.tinypic.com/2a8qioz.jpg" /></a>

To keep your blog visitors can copy the image code you have, you can put it in the text area, for the example like this:



How to create a text area, the code is like this:

<textarea cols="20" rows="4" name="textarea"><a href="http://blog-howtotricks.blogspot.com/" target="_blank"><img src="http://i39.tinypic.com/2a8qioz.jpg" /></a></textarea>


You can change value for 'cols' and 'rows'. Change red text with your text or code that will appear at your text area. Read more »
By - May 02, 2009
Labels: Blog tricks, Text Area
How to Remove Blogger Navbar

How to Remove Blogger Navbar

Blog How to Tricks - Navigation Bar (navbar) is a feature that has been provided by Blogspot, located on the top of our blog.

Blogger Navbar will always appear at the top of the blog. However, if we do not want it, we can actually remove the blogger navbar.

With following blog tricks that I will give, we can remove the navbar blog. Navbar blog will not appear on our blogs.

how to remove the blogger navbar?

First, copy this code :

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}


Just copy that code above code :

body {


Then save and preview.

now, you will not see navbar at the top of the blog you blog.

Happy blogging..:):) Read more »
By - April 28, 2009
Labels: Blog tricks, Remove Blogger Navbar
Home