Wednesday, March 31, 2010
Read More To Make Classic Template
Why the strange title, "to make Read More 'means what? Well, actually I disagree with that title, I'd want to give the title "Creating a More menu", but since the word "Read More" the most in the know in the blog world, yes I was, too. We start the discussion. For those who are just starting a blog, may not know this information and hopefully by reading this article could increase our knowledge about the whose names are blogging.
You may notice that my articles appear only in the form of titles with one or two paragraphs only, and to view the entire article had to click a link that reads "Read more» ". For those of you who just posted an article just one or two articles just might find you do not need to abbreviate the article, but if you are already a lot of articles later, then there might be going through to create this menu.
Read More To make the menu we have to add some HTML code into your blog template. But to post this time, I am dedicated to bloggers who use classic template only, for which use the new template please wait on future postings.
Please follow the following steps:
1. Log into blogger.com with your id
2. Click the menu labeled Templates
3. Click the Edit menu HTML
4. Do not forget to copy the entire code of your template and then paste in notepad and
then save, to back up your data. It is intended in the event
errors in the template after doing things with our brain, we still have a backup data
to return it.
5. Copy the HTML code below and paste it just above the code </style>
<MainOrArchivePage>
div.fullpost {display:none;}
</MainOrArchivePage>
<ItemPage>
div.fullpost {display:inline;}
</ItemPage>
To speed up the search code </style>, please click the edit menu that existed at the browser's menu bar, then click Find (on this page )..., then write </style> then click the Find Next button, it will automatically be brought to the code.
The next step is, please copy the following code and paste it after the code <$BlogItemBody$> :
<MainOrArchivePage><br/>
<A href = "<$BlogItemPermalinkURL$>">Read more!</A>
</MainOrArchivePage>
Again To speed up the search code <$BlogItemBody$>, please click on the Edit menu available on the browser menu bar, then click Find (on this page and write )..., <$BlogItemBody$> then click the Find Next button, then will automatically be brought to code.
-Click on the button labeled Save Settings
-The next step is to click the Settings menu
Formatting-click menu
-Bottom of the menu is a box next to the Post Template, Complete the empty boxes with the code below:
<div class="fullpost">
</Div>
Actually, the above step is not mandatory, but this meant that when we want to post an article, such a code will appear automatically without the need to advance in writing, this course will further simplify and not have to always remember tersebut.kemudian code do not forget to click the Save button Settings.Selesai.
How To Post Articles
Okay, after some stage we've been through, now we enter the stage of how to post an article to its existing Readmore menu.
Post-click menu
HTML-click on the Edit menu, now there will automatically appear the code that we saved earlier, namely:
<div class="fullpost">
</Div>
who want to store the articles in the show before code <div class="fullpost">, then save the rest of the article after code <div class="fullpost"> and before code </div>
For clarity, I give you an example, eg this article:
This is an example of writing in the store at the beginning of the articles will always appear on our blogs, while other papers will not appear.
<div class="fullpost">
and this writing is writing that will appear when the visitor to click a link that reads Read more.
<Div>
The result will appear on our blogs are like this:
This is an example of writing in the store at the beginning of the articles will always appear on our blogs, while other papers will not appear.
Read more!
How, already explained. when it is not clear please return to the comment in question.
The above code actually no other alternative, namely using Span code, if interested, instead of all the div code to Span. Results are the same, just for those who like to post on the compose menu, the code is often a problem in because collide with other commands that use the code Span.
You may notice that my articles appear only in the form of titles with one or two paragraphs only, and to view the entire article had to click a link that reads "Read more» ". For those of you who just posted an article just one or two articles just might find you do not need to abbreviate the article, but if you are already a lot of articles later, then there might be going through to create this menu.
Read More To make the menu we have to add some HTML code into your blog template. But to post this time, I am dedicated to bloggers who use classic template only, for which use the new template please wait on future postings.
Please follow the following steps:
1. Log into blogger.com with your id
2. Click the menu labeled Templates
3. Click the Edit menu HTML
4. Do not forget to copy the entire code of your template and then paste in notepad and
then save, to back up your data. It is intended in the event
errors in the template after doing things with our brain, we still have a backup data
to return it.
5. Copy the HTML code below and paste it just above the code </style>
<MainOrArchivePage>
div.fullpost {display:none;}
</MainOrArchivePage>
<ItemPage>
div.fullpost {display:inline;}
</ItemPage>
To speed up the search code </style>, please click the edit menu that existed at the browser's menu bar, then click Find (on this page )..., then write </style> then click the Find Next button, it will automatically be brought to the code.
The next step is, please copy the following code and paste it after the code <$BlogItemBody$> :
<MainOrArchivePage><br/>
<A href = "<$BlogItemPermalinkURL$>">Read more!</A>
</MainOrArchivePage>
Again To speed up the search code <$BlogItemBody$>, please click on the Edit menu available on the browser menu bar, then click Find (on this page and write )..., <$BlogItemBody$> then click the Find Next button, then will automatically be brought to code.
-Click on the button labeled Save Settings
-The next step is to click the Settings menu
Formatting-click menu
-Bottom of the menu is a box next to the Post Template, Complete the empty boxes with the code below:
<div class="fullpost">
</Div>
Actually, the above step is not mandatory, but this meant that when we want to post an article, such a code will appear automatically without the need to advance in writing, this course will further simplify and not have to always remember tersebut.kemudian code do not forget to click the Save button Settings.Selesai.
How To Post Articles
Okay, after some stage we've been through, now we enter the stage of how to post an article to its existing Readmore menu.
Post-click menu
HTML-click on the Edit menu, now there will automatically appear the code that we saved earlier, namely:
<div class="fullpost">
</Div>
who want to store the articles in the show before code <div class="fullpost">, then save the rest of the article after code <div class="fullpost"> and before code </div>
For clarity, I give you an example, eg this article:
This is an example of writing in the store at the beginning of the articles will always appear on our blogs, while other papers will not appear.
<div class="fullpost">
and this writing is writing that will appear when the visitor to click a link that reads Read more.
<Div>
The result will appear on our blogs are like this:
This is an example of writing in the store at the beginning of the articles will always appear on our blogs, while other papers will not appear.
Read more!
How, already explained. when it is not clear please return to the comment in question.
The above code actually no other alternative, namely using Span code, if interested, instead of all the div code to Span. Results are the same, just for those who like to post on the compose menu, the code is often a problem in because collide with other commands that use the code Span.
Subscribe to:
Post Comments (Atom)


0 comments:
Post a Comment