Click the button and continue reading

Hi guys
WordPress read more tag is <!--more-->
but i want to show image on read more tag Please help me thanks.

i want look like www.gaaks.com download button, cliclk the download button and continue the reading. how it works and what does he use a read more tag?

 

For my blog I've turned the "read more" into a button. Check my blog and tell me if this is what you mean. If so I can explain how to do it.

http://www.framptonwebdesign.co.uk/blog/

 

yes that's i want my blog is http://www.arenareviews.com

 

Okay, well to get that effect on my blog, firstly I changed the index file so that it didn't publish the entirety of my post on the front page. This is done by replacing <?php the_content();?> with <?php the_excerpt();?>

The standard WordPress excerpt does not contain a "read more" link or button. Instead it ends the excerpt with the following rather odd set of characters "[...]" to indicate that there is more. But it isn't a link and you can't click on it or edit it.

But you can make it clickable and editable by placing the following code in your functions file:

// Replaces the excerpt "more" text by a link
      function new_excerpt_more($more) {
          global $post;
          return '<a class="moretag" href="'. get_permalink($post->ID) . '"> [COLOR=#ff0000]Read the full article[/COLOR]</a>';

Code (markup):

This gives a div class of .moretag with wording "read the full article" (which you can edit in the functions file). So if you want an image, simply replace the words with spaces and make the image the background of your class .moretag in your css file.

This is a very brief explanation, but if you want more info about what to do feel free to shout up.

 

Please tell me where the post and replace code, i'm tell me. I don't know html and css.

 

Thank you sarahk
I was copied in functions file but my theme not show my theme is locked. In this link www.gaaks.com he used an anchor link on download button when you click on the download button and you are reached in post and post is not show full show on download links.
I hope you understand what I say. thank you.

 

Guys I have found to search what I want. I want to anchor link on read more tag and an image, Please tell me what I used an HTML code on WordPress.

 

you can use this :

( find it on index.php or home.php
<?php the_content('Read more...<img src="' . get_bloginfo('template_directory'). '/images/leaf.gif" alt="read more" title="Read more..." />'); ?>

and place it on your style.css
.moretext {
width: 100px;
height: 45px;
background:url(/images/leaf.gif) no-repeat right middle;
padding: 10px 50px 15px 5px}

=======================
replace /images/leaf.gif with your image address

 

Thanks to your reply suganux
I'm using a yootheme nano2, And I can't find your <?php the_content('Read more...<img src="' . get_bloginfo('template_directory'). '/images/leaf.gif" alt="read more" title="Read more..." />'); ?>.