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 ^Text Effect

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

Subscript Text Effect

Subscript _Text Effect
Code:

Subscript _Text 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>

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 :





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!

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

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

<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/>

<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>

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

body {

Blog How to Tricks - To make our blogs more interesting, we can add a picture / image / icon beside post title. Can add an icon on the left of post title, or can also on the right of posttitle.

There are 2 tricks to add a picture / image / icon beside of our post title. Both of this blog tricks of course has advantages and disadvantages.

2 tricks to it is add the code in the image posting our code title, while the second trick is to edit the post title background.

How to tricks, i will give the first blog tricks to add image beside post title. It usually use for add an image at right of our Post Title.

Trick 1: Playing with background posting

Results from this trick, you can see at here.

This the tricks:

Find the following code:



Usually, different template, the code will be different. The point, this is the properties or settings for the title of our post.

After you find it, you can see these codes following :


Note the code with red color

Just add image's code at background code.

Change the code like this (example) :



You must add code 'no-repeat right center' , so that the image display can be organized.

Code green, please replace with your image code. Then save, and preview.

To 'line-height', adjust with the high of your image, that image can be seen perfectly.

Now, you have a picture beside your post title. Enjoy it!

<div id="main-wrapper">
<b:section class="main" id="main" showaddelement="no">

<script style="" src="http://www.geocities.com/mezzaluna08@rocketmail.com/recentpost.txt"></script><script style="">var numposts = 5;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script><script src="http://YourBlog.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts"></script>

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

</b:if>

<expr:href="data:post.url"><img src='http://i425.photobucket.com/albums/pp335/egobslank/RM4.jpg' /></a>

</b:if>

<div class='post-body entry-content'>

<data:post.body/>

<div class='post-body entry-content'>


<b:if cond='data:blog.pageType == "item"'>

<style>.fullpost{display:inline;}</style>

<p><data:post.body/></p>

<b:else/>

<style>.fullpost{display:none;}</style>


<data:post.body/>


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

</b:if>

Post that appears on First/Home Page

<span class="fullpost">

Your post that hidden

</span>

<span dir='ltr'>(<data:label.count/>)</span>

<link href='http://yourimage.jpg' rel='shortcut icon'/>

#footer2 {
clear: both;
float:left;
padding-right: 0;
width: 296px;
background:#ffffff;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#footer3 {
float:right;
padding-left: 0;
width: 296px;
background:#ffffff;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#footer4 {
float:right;
padding-left: 0;
width: 296px;
background:#ffffff;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

<div id='footer-wrapper'>

<div id='footer2'>
<b:section class='footer' id='footer2'/>
</ div>

<div id='footer3'>
<b:section class='footer' id='footer3'/>
</ div>

<div id='footer4'>
<b:section class='footer' id='footer4'/>
</ div>