Members Login
Username 
 
Password 
    Remember Me  
Post Info TOPIC: Tutorial : Menambahkan butang "read more" pada blog anda


WEBMASTER

Status: Offline
Posts: 757
Date: Jun 10, 2008
Tutorial : Menambahkan butang "read more" pada blog anda
Permalink   


Sila ikut panduan yang diberi dibawah untuk memendekakan "post" anda di dalam blog/blogger.

The following instructions will need you to search for particular line of code in the template. There is a section "How to easily locate the code you are looking for" near the bottom of the post to help you quickly locate the code. So if you have problems is scanning through long lines of codes and do not know the trick on how to make it easier, scroll down the post and read that section first

Next, click EDIT HTML, then tick the "Expand Widget Template" and wait for the template to be fully expanded. In the template editor window, look for this line of code:



and just below that paste this code:


.fullpost{display:inline;}


.fullpost{display:none;}


Note: I have added comments:
and

to mark the beginning and the end of the necessary codes. These comments are not essential, and do not do anything except to tell the reader of the program what the codes are for, where the hack begins and end and is a very common practice to document programs so that it is easier to read and understand, and to edit if necessary.

Amazon computer products

Now look for the following line of code which should follow immediately after the codes above:



an then paste the following code after that line:



Click Here to Read More..



After the you have pasted the codes in the relevant places, the whole thing should look like this:




.fullpost{display:inline;}


.fullpost{display:none;}




Click Here to Read More..



where the codes in black are the existing codes and the codes in green are what you add in. When done, save the template.

What to do when you prepare your post
When you type your post, where you want the post summary to end, add in this code:



and then type in the rest of your post. At the end of the post, just add the last line of tag:




If you want to make the above task easier, you can go to SETTINGS > FORMATTING and then in the POST TEMPLATE, add in these lines:

Type your summary here

Type rest of the post here



then save the settings. If you do this, then each time you create a new post, the above codes will already be in the post editor window. Then all you have to do is to delete "Type your summary here" and replace it with the beginning of the post you want displayed in the post, then delete "Type rest of the post here", leaving at the place where you want the post summary to end, and type in the rest of the post. The last line of the post should be which had already been added in by the post template.

For me, (and for you, if you understand completely what is explained above), I would just type in the post template the following:




and leave out "Type your summary here" and "Type rest of the post here". Then you will not need to delete anything, just type in the part of the post in the relevant section.


__________________
Page 1 of 1  sorted by
 
Quick Reply

Please log in to post quick replies.

Tweet this page Post to Digg Post to Del.icio.us


Create your own FREE Forum
Report Abuse
Powered by ActiveBoard