-->
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 »
How To Create Read More with Button

How To Create Read More with Button

Blog-How To Tricks - We have been already discussed about Read More and blog tricks to make Read More here.

Now we will discuss about how to change the Read More text link into a Read More Button. For example, you can see here.

How to make read more with button?

To read more button to make this, you must use the Read More on your blog. If not yet, please read the tricks here.

First, you must have an image for you Read More button. For example, an image like this:



Go to Layout - Edit HTML. Click on Expand Widget Templates.

Find the following code :

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

</b:if>


Replace Read More with the Read More Image Url you. Example:

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

</b:if>


Please replace http://i425.photobucket.com/albums/pp335/egobslank/RM4.jpg with the url of your image.

Save, and then review. Now your Read More text link have been change to be button.
Read more »
How to Create Read More

How to Create Read More

Blog-How to Tricks - Read more is one of the blog tricks that is very useful if you use it. With Read More, your post will not appear full on the Home Page your blog.

This is mean, if you have a very long posting, with Read More, it will not appear full, but only appear in part.

Read More function is you will have more space for your blog, and your blog more visible tidy.

How to create a Read More on blogspot?

First, go to the Layout - Edit HTML. Click on Expand Widget Templates.

Then find the following code (you can use ctrl+f) :

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

<data:post.body/>


Then delete the code, replace with the following code:

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


Save your template. You can change Read More with Read Full, or other

The process to edit the HTML code for Read More is done.

Next is when you writing a post.

At the time of writing a post, you must add the following code :

<span class="fullpost"> and </span> in your post (in the Edit HTML tab, not the Compose tab) with the following order:


Post that appears on First/Home Page

<span class="fullpost">

Your post that hidden

</span>



For example, you write a post like this:

This is the first paragraph that will appear on your blog's front page. At the time you are on your blog page, only this part are show.

<span class="fullpost">

While this is
the continuation paragraph of your posting. This paragraph is hidden. This paragraph will be visible if you click Read more link that has been available.

</span>


Then post that will appear on your blog front page is a paragraph with red text, and post with the green text will appear after you click the link Read More.

Its very simple and easy. Enjoy it!
Read more »