• Admin
  • Receive an Update

    You are Here in » » Convert Ur blog in to a Magazine blog ( Adding 'Read More' styles)

    Convert Ur blog in to a Magazine blog ( Adding 'Read More' styles)

    Is there a big different between your and my template ? hmm ? oh , yes , in my home page I have a Magazine type template with a Read More buttons and you have a blog with a homepage of posts that show their whole body and take a long time to load. And also it makes your blog more longer. ( If you are posting more than 5 posts per a page ). So , do you want to know how to add 'Read More' buttons and make your blog more profeesional ? so here is the way !

    Fisrt of all , go to the Settings tab , then select Formatting tab and go to the option Show. Now add a number more than 5. ( Here in my blog , I keep about 15-20 posts in homepage )


    1. Edit your Template
    2. Now find out 


    press 'Ctrl' + F to open your browser's search box)

    Now Replace 


     these codes. Make sure that you REPLACE this line. In some templates , I have seen a line as 


    instead of 


    If then replace the whole 


    line with follwing lines.

    <script type='text/javascript'>
    summary_noimg = 400;
    summary_img = 300;
    img_thumb_height = 0;
    img_thumb_width = 0; 
    <script src='http://kfile.110mb.com/summary-post.js' type='text/javascript'/>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
    <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
    <span class='rmlink' style='float:right'><a expr:href='data:post.url'>Read more</a></span>
    <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

    Now follow the Safety Saving Steps.


    That's it , now your blog will too get converted to a Magazine type template as following photo.

    Do you like to add a Image too ? like in this photo ?

    Then change these two lines of codes

    img_thumb_height = 0;
    img_thumb_width = 0;


    img_thumb_height = 80;
    img_thumb_width = 100; 

    or any hieght and width that you like to have.

    If you want to increase your post's height ,

    summary_noimg = 400;
    summary_img = 300;

    change these to any amount you need !

    summary_noimg = 400; stand for the post's hieght without a Image.
    summary_img = 300; stand for the post's hieght with the Image.

    More Articles


    Make use of Smilleys Codes


    Oyo, Nigeria.


    [email protected]

    Mondays to Saturdays 09:00 - 18:00 (GMT +01:00)


    Azeeztech is a Nigerian-based Tech. support platform where anybody can get free solutions to device issues & questions.


    Get notified on FB