Announcement:

  Hello, We Are Now Designing Blogger Awesome Template. Check Out At Netzspot.Blogspot.

Friday, June 7, 2013

Auto Image Thumbnail & ReadMore Link For Blogger Post

This Article Was Live On: Friday, June 7, 2013 And Till Now Have26 comments.
Auto Image Thumbnail & ReadMore Link For Blogger Post

Some people looking for this code after seeing this on many blogs templates but he didn't find this because blogger templates provider create a template with this code and force people to use their template. But now peoples are free to use the code with their own desire template. Expandable post or popularly known as “Read More” is a feature that make your blog shows only a part of your posts on index pages i.e. Home, Labels and Archive pages.

At the end of each preview there will be a link to the post page, usually attached to the phrase “Read More”. We will describe her that "How To Add Auto First Image Thumbnail & ReadMore Link After Given Length InBlogspot Posts By Adding Awesome JavaScript Code Easily?"

So without any more preface, here we go to out two hot codes in which, one of them is a list style blogger post codea and the other is grid style blog post codes. So now just have a look on features and get your codes to spice up your blog.

Blogger’s Official Read More -The Jump Break- Features:

1.) Uses HTML Code For Jump Break.
2.) Need To Insert Code(Jump Break) In Every Post.
3.) Read More Is Applied Only To Those Posts Which Have The Code Added.
4.) Length Of Each Snippet Can Be Customized.
5.) No Thumbnail Will Be Shown On The Main Page. To Show Picture, You Must Place The Picture Inside The Snippet (At The Beginning Of Post).
6.) The Code Loads Full Post But Only Shows The Snippet.
7.) Will Increase Your Page Loading Time.
8.) Did Not Perfect For Better SEO.

Our Customized Auto Read More And Auto Thumbnail Features:

1.) Uses HTML-Javascript Code.
2.) Post Is Untouched While Editing.
3.) Length Of The Post (On Home, Labels And Archive Pages) Can Be Changed, But It Affects All The Posts.
4.) Auto Read More Will Applied On All Posts, No Exception.
5.) The First Picture In Each Post Will Be Automatically Used As A Thumbnail (On Home, Labels And Archive Pages). You Can Also Choose Not To Show Thumbnail.
5.) Only Loads The Snippet (On Home, Labels And Archive Pages).
6.) It's Will Make Professional Looking Blog.
7.) Visitors Have To Click Read More To View The Full Post That Will Increases Your Page Views.
8.) Will DecreaseYour Page (On Home, Labels And Archive Pages) Loading Time.
9.) Perfect For Better SEO.
10.) You Don't Have To Add -The Jump Break- In Every Post.
11.) It Will Effect All Of Your Post InYour Blog (New To Old).
12.) 99% Of Blogger Are Using This Code.

Convert Your Blog Posts In "List Style":




Convert Your Blog Posts In "Grid Style":



Spice Up Your Blog Posts With:

1.) How To Change Read More Text With Your Image In Blogspot?
2.) How To Add New Ribbon To Latest And Old Ribbon To Previous Posts?
3.) How To Customize Blog Post Title With Extra CSS In Blogspot?
4.) How To Customize Blog Post Headings With Extra CSS In Blogspot?
5.) How To Add Author Signature Below Every Blog Posts?

You Like It, Please Share This Article Using...




Don't Forget To Read This Also...



26 comments :

  1. Hi Thanks, I use this method in one of my blog, Looks Great...

    ReplyDelete
  2. Very Useful. the good thing i noted is that you highlighted the width and more features. everyone can easily customize and adjust it according to their liking.
    i will implement it on my New Blog.
    Thanks

    ReplyDelete
    Replies
    1. You Are Welcome, Many Of Newbies Are Asking About It So I Am Here To FullFill There Desire And In My Starting Career, I Was Also Searching For This That Will Make The Blog More Awesome.

      Delete
  3. PLs MAke a Multilevel dropdown nav bar.. with east customization..

    i need it very much

    ReplyDelete
  4. Its not working.. URL is http://mncpapers.blogspot.in/
    Have a look!!

    ReplyDelete
    Replies
    1. It's Working Fine, You Can Send Your .xml File If You Can't Add This Code Properly...

      Delete
  5. i have already done but experiencing some problems
    if u have multiple images in my post...is this trick worked?
    visit my blog and give me soln. asap...

    ReplyDelete
    Replies
    1. Your First Image Will Be Taken For Thumbnail On Your Home/Label Page Only...

      Delete
  6. Will it work on all browsers, becoz my past automatic button was not working on any version of IE..it only showed up on Google Chrome and Mozilla..

    ReplyDelete
    Replies
    1. Yes, It Can And Also I am Using This Code, You Want DEMO Then Open My Blog On IE To See Live. :)

      Delete
  7. How to make the text/images appearing before Read More Button to Align in center not in right..
    www.faadugames.tk

    ReplyDelete
    Replies
    1. Remove This Code And Use The Blogger Default LineBreak...

      Delete
  8. Plzz make one automatic with center alignment..

    ReplyDelete
    Replies
    1. This Is An Automatic Function In Blogger, Use The Default One...

      Delete
  9. How to expand widget templates in new template editor. Because this tutorial requires to expand widget template. Please tell

    ReplyDelete
    Replies
    1. In New Template, You Didn't Have To Expand It, Just Click {CTRL+F} After Click Your Mouse In HTML Editor, There Appear A Search Bar In The HTML Box, Paste Your Desired Code There, It Will Automatically Expand And Find That Code For You..

      Delete
  10. Its not working for me, can you add this to my blog. It would be very helpful. I don't where I am doing mistake. In my previous blog I was able to edit but I don't know why not this time.. whatever, please edit my template with this Read More Button, My template link:http://www.2shared.com/document/AqapNFd5/myblg.html

    ReplyDelete
    Replies
    1. Send Us An E-Mail Via Contact Form By Adding Your Template XML File Link And Your Blog Link Also. We Will Surely Help You...

      Delete
  11. Most of the blogger gets problem with thumbnail but really your teaching is great to make the thing clear to all the blogger :)

    ReplyDelete
    Replies
    1. Thanks For Visiting Us And Leaving Your Positive Views About Us, Be With Us To Get More...

      Delete
  12. Lucky me. I will try these codes in my own blogs.

    ReplyDelete
    Replies
    1. Welcome Here And Must Try These Code To Make Your Blog Awesome...

      Delete
  13. I don't see any instructions on hot to aDD THIS FEATURE TO bLOGGER

    ReplyDelete
    Replies
    1. First Choose Two From One And Then The Instruction Are There. List Or Grid...???

      Delete

Speak Your Mind:



Please Read The Rules Before Commenting:-

1.) Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
2.) Make sure to click the "Notify me" link below the comment to be notified of follow up comments and replies.
3.) Please "Do Not Spam".
4.) Please "Do Not Add Links" to the body of your comment as they will not be published. If the quires contain link then never add HTML tag to it.
5.) Only "English" comments shall be approved and answered.
6.) If you have a problem check first the comments, maybe you will find the solution there.
7.) Your comments must contain 100+ characters to remain accepted.
8.) Never Use Keywords In The Name Section Otherwise Your Comment Will Be Deleted.
9.) All comment will be deleted if it will not fulfil the requirements.