PC-News24

Online Computer Tips

You can add "Continue Reading..." or "Read More..." Widget on your blogger blog. Generally in blogger blog show the full post in the home page. By using this widget you can choose to display a select amount of text from the beginning of each post. It is a very popular blogger widget. It will show a teaser instead of the post. Then when your visitor want to read the full post they can click a “Continue Reading....” link to see the full post. This is very handy if you have lots of long articles all on one page. Now follow the instruction bellow to put this widget on your blogger blog.


Step #1 - Change Your Template Code

1. Download the full template before apply this widget.

2. Add the following code given below after this code: div class='post-header-line-1' and div class='post-header-line'





It will look like the image bellow



3. Now add the following code after this code: data:post.body/





It will look like the image bellow



Step #2 - Create a New Post


Now you can apply this widget when you post a new topic. When writing your new post, anything you put above the the {span class="fullpost"} (replace {=<>) tag will be the teaser text. The main body of your post needs to go in between the {span class="fullpost"} and {/span} (replace {=<>) tags in order for the “Continue Reading..…” link to work properly. See the screenshot below. Sometimes pictures illustrate better than words.



CODE :





0 comments:

Post a Comment

Powered By Blogger