Auto Read More With Small Thumbnail Without Javascript For Blogger Posts - MT Blog
  • Breaking News

    Wednesday, November 9, 2016

    Auto Read More With Small Thumbnail Without Javascript For Blogger Posts

    Paste your parsed code here.
    Paste your parsed code here.
    Read More in Blogger simply know as "jump break" in blogger. I have seen 80% blogger using JavaScript to visible some part of the post but the content is still downloading in browser. If you want to check go to any blogger theme, disable the JavaScript and refresh the page, you can see all the content in the browser.
    Auto Read More with Small thumbnail without Javascript for Blogger/Blogspot Posts

    But there is a method to use Read More tags using blogger Layout tags. Using this techniques Page will load very fast.Before we get started your first thing need to make sure that you have backup your blogger template

    Step 1: Login to your blog >> Go to Template Section >> Click "Edit HTML" Button

    Step 2: Click on Template Box to Find and replace by one of these below provided code

    1st-Auto read more with thumbnail:-
















    2nd-Auto read more with thumbnail and display default images if there is no images in that posts






    no image










    Step 3: Now its time to Customize post image.

    Display image on left add this before ]]>
    .post-image {float: left; margin-right: 12px}

    Display the image on right add this before ]]>
    .post-image {float: right; margin-left: 12px}

    If you want any help I am Happy to help you Just comment it out.....

    Paste your parsed code here.
    Paste your parsed code here.
    Share with short URL:
    Encoded AdSense or Widget Code

    No comments:

    Post a Comment

    Contact Form

    Name

    Email *

    Message *