rylcolikes.com

How to Create a Read More

How to Create a Read More



"Make Read More" This means what? Well, for my friend who just started a blog, may not know this information and hopefully by reading this article you can gain knowledge about the name nge-blog.

You may notice that my articles appear only in the form of titles with one or two paragraphs only, and to see the whole article have to click a link that reads>> Read More ...", is called pengkaburan or pengkamuflasean post (ribet really call it). For new pal posting articles just one or two articles may be considered not only will need to abbreviate the article my friend, but if my friend will have a lot of articles, allows you to create this menu.

Okay ... too nglantur speech, better just go ahead. Read more To make the menu we have to add some HTML code into our blog template.

Please follow the steps below:

    * Log into blogger.com with id pal


    * Click the menu labeled Templates


    * Click the Edit menu HTML


    * Do not forget Full Donwload Templates, to create copies of data. This meant if an error occurred within the template after doing things with our brain, we still had to restore the data backup.


    * 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 you press Ctrl + F and then clicking Find (on this page )..., and write </ style> then click the Find Next button, it will automatically taken to the code.

The next step is, you just copy and paste the following code after the code <$ BlogItemBody $>:


      <MainOrArchivePage> <br/>

      <A href = "<$ BlogItemPermalinkURL $>"> Read more! </ A>

      </ MainOrArchivePage>


      Again To accelerate the search for the code <$ BlogItemBody $>, please click on the Edit menu that my friend there on the browser menu bar, then click find (on this page and write )..., <$ BlogItemBody $> then click the find next button, it will automatically be brought to code.

    * Click on the button labeled Save Settings


    * And the next step is to click the Settings menu


    * Click the Formatting menu


    * Bottom of the menu is a box next to the Post Template, never fill the empty box with the code below:


      <div class="fullpost">


      </ Div>

      Actually, the above step is not mandatory, but this would mean that when we want to post an article, the code will appear automatically without having to in writing first, of course it is much easier and not have to always remember the code.


    * Then you do not forget to click the Save Settings button


    * Finish




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.

    * Click on the menu Posts


    * Click on the Edit menu HTML, well there are automatically visible code that we saved earlier, namely:



      <div class="fullpost">


      </ Div>

      pal who wants to save an article in the show before class="fullpost"> <div code, then save the rest of the article after class="fullpost"> <div code and before code </ div>

      For clarity, I give you an example, eg this article:

      This is an example of my article about making the read mor
      <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 my article about making the read mor.

      Read more!