Home » , , , , , » New Popular Posts With Thumbnail For Blogger

New Popular Posts With Thumbnail For Blogger

Written By Nathen Bridgwater on Sunday, January 20, 2013 | 2:02 PM

In this Tutorial i will show, how to create Popular Posts with thumbnail and snipped. Related to this topic i posted a tutorial on How to create Popular Posts with carousel slider. This previous widget can be use at bottom of the posts and on header. But in this tutorial i will show you how to create Popular Posts with thumbnail and snipped on Sidebar. This is common widget but this widget has some features which other widgets doesn't have. These Features include:

  • SEO friendly (not javascript)
  • Dynamic result based on real statistic
  • Easy to custumized
Without wating time, lets start th work to in install this widget.

Steps:

1: Login to Blogger Dashboard and navigate to Design –> Page Elements
2: Click “Add Gadget” and Choose “Popular Posts” and Customize the gadget with more than 4 popular post will show–> “Display Up to” … Posts.
Note: (If you already have this gadget skip this step).


*If you have Popular Post Gadget then :
3: Click on "Add a Gadget" again and Select a HTML/JavaScript Widget just under the header and paste the following code inside it,


<style type="text/css" media="screen">

#PopularPosts1 {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:400px;

}

#PopularPosts1 ul {
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}




#PopularPosts1 li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:80px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}

#PopularPosts1 li .item-title {
color:#A5A9AB;
font-size:1em;
margin-bottom:0.5em;
}

#PopularPosts1 li .item-title a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}

#PopularPosts1 li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}

#PopularPosts1 li .item-snippet {
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

#PopularPosts1 .item-snippet a,
#PopularPosts1 .item-snippet a:visited {
color:#3E4548;
text-decoration: none;
}

#PopularPosts1 .spyWrapper {
height: 100%;
overflow: hidden;
position: relative;
}

#PopularPosts1 {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

.tags span,
.tags a {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}

a img {
border: 0;
}

-->
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(function () {
$('.popular-posts ul').simpleSpy();
});
</script>
<script src="http://accordion-for-blogger.googlecode.com/svn/trunk/simplespy.js" type="text/javascript"></script>
4: Save it. You're done.

Share this article :

123 comments:

  1. makemytrip is one of the biggest world wide eCommerce Site so here you will get makemytrip cashback offers

    ReplyDelete
  2. makemytrip is one of the biggest world wide eCommerce Site so here you will get makemytrip hdfc offer

    ReplyDelete
  3. makemytrip is one of the biggest world wide eCommerce Site so here you will get makemytrip hdfc offer

    ReplyDelete
  4. makemytrip is one of the biggest world wide eCommerce Site so here you will get makemytrip flight cashback

    ReplyDelete
  5. Flipkart is one of the biggest world wide eCommerce Site so here you will getflipkart Credit card offersso

    ReplyDelete
  6. Flipkart is one of the biggest world wide eCommerce Site so here you will getFlipkart Cashbackso

    ReplyDelete

  7. Flipkart is one of the biggest world wide eCommerce Site so here you will getFlipkart Cashbackso

    ReplyDelete

  8. Amazon is one of the biggest world wide eCommerce Site so here you will getamazon Air conditionersso

    ReplyDelete

  9. Amazon is one of the biggest world wide eCommerce Site so here you will getAmazon cashback dealsso

    ReplyDelete
  10. Jabong is one of the top online fashion related website you can getjabong cashback Offers

    ReplyDelete
  11. Jabong is one of the top online fashion related website you can getCredit card offers in jabongthat

    ReplyDelete
  12. Jabong is one of the top online fashion related website you can getCredit card offers in jabongthat

    ReplyDelete
  13. Jabong is one of the top online fashion related website you can getjabong axis cashbackthat

    ReplyDelete


  14. Christmas quotes from books have deep thoughts. These quotes can also convey a valuable message as well. Keep sharing. One who wants to check more such quotes can visit here>>
    merry christmas quotes
    Happy new year images

    ReplyDelete
  15. Visit us now to view & share beautiful collection of Best Images of
    chocolate day images

    ReplyDelete
  16. For Karnataka SSLC students here your looking for Exam Result click on this to know board updates by at Karnataka SSLC Result 2017

    ReplyDelete
  17. Click on for your Kerala SSLC Result though online is the best way to find your results hurry up at Kerala SSLC Result 2017

    ReplyDelete
  18. Kerala, Karnataka and Tamilnadu SSLC Results in just one click on SSLC Result 2017

    ReplyDelete
  19. I like this a lot . Thank you for sharing, Iam always looking for upcycles like this.
    Tamilnadu SSLC Results are publishing here though board at Tamilnadu SSLC Result 2017

    ReplyDelete
  20. Kerala, Karnataka and Tamilnadu SSLC Results in just one click on SSLC Result 2017

    ReplyDelete
  21. About Indian super league updates are here for more information log on isl 2017 live score

    ReplyDelete
  22. I really appreciate your effort on putting such thoughts in the post. Thanks for sharing with us.

    KSEEB Board 12th result publish in puc result - http://puc-results.in/ , puc result 2017 - http://pucresult.co.in/ , pue.kar.nic.in - http://pue-kar-nic.in/

    ReplyDelete
  23. Jobs Chat is one of the biggest Indian Job Site so here you will getPunjab Govt jobsso

    ReplyDelete
  24. nice looking sites and great work. Pretty nice information. it has a better understanding. thanks for spending time on it.

    Amazing results here it can change your life click on this for more details west bengal state lottery - http://westbengalstatelotteries.com/
    Everyone dreams to live best so go through this and make your dream come true sikkim state lottery - http://sikkim-lotteries.com/
    This is one of the best lottery result ever click on this nagaland state lottery - http://nagaland-lotteries.com/
    Great prizes are waiting for you here can you guess winner of the day click here mizoram state lottery - http://mizoram-lotteries.com

    ReplyDelete
  25. Extremely individual pleasant and whole lots to see! Thanks for sharing. I hope it will be helpful for too many people that are searching for this topic.

    Do you want to know who is winner for bumper prize click here for more details Holi bumper 2017 - http://www.holibumper.com/
    Here you can check all results and win bumper prize click here punjab state lottery - http://punjab-lotteries.com/
    All daily results will be publishing you can win the best result lottery result today - http://lotteries.ind.in/
    You can get all weekly lottery result published by kerala lottery result - http://keralalotteryresult-co.in
    You can’t wait for your lottery results just one click here for lottery sambad - http://www.lottery-sambad.com

    ReplyDelete
  26. holy saturday vistit now for know the history of holy saturday

    ReplyDelete
  27. holy saturday vistit now for know the history of good friday

    what is holy saturday vistit now for know the history of good friday

    saturday before easter vistit now for know the history of good friday

    holy saturday images vistit now for know the history of good friday

    good saturday vistit now for know the history of good friday

    ReplyDelete
  28. Have Lovely And Beautiful Salwar Suit And Many More….
    We Have Some For You In Your Budget For more…..
    Eid Mubarak Slogans

    ReplyDelete
  29. appriciate Your Our Designer collection dress...
    lovely & Designer Collection For women,girls & any More..
    In your Budget if more...
    r salwar Kameez

    ReplyDelete
  30. Have Lovely and Beautiful Salwar Suit And Many More…
    We Have Some For You In Your Budget For more…
    Plz visit:- Punjabi Dress

    ReplyDelete
  31. Best Outfits For Young ladies,Womens and Girls
    We Have Some For You In Your Budget For more…
    Plz visit:- Wedding Lahenga

    ReplyDelete
  32. Fancy designer wear our website and reasonable price More…
    We Have Some For You In Your Budget For more…
    Plz visit:- Punjabi Suits

    ReplyDelete
  33. KSEEB Board is going to declare Karnataka SSLC Result today. Students can check the results at official website of karresults.nic.in.

    ReplyDelete
  34. SSLC Result Karnataka will be declare on the 1st may of April 2017. Students can check the results online.

    ReplyDelete
  35. Have Lovely and Beautiful Salwar Suit And Many More…
    We Have Some For You In Your Budget For more…
    Plz visit:- Anarkali dress

    ReplyDelete
  36. Exclusive Collection of Salwar Suit and Many More…
    We Have Some For You In Your Budget For more…
    Plz visit:- Kurtis

    ReplyDelete
  37. We Have Some For YoBest Outfits For Young ladies,Womens and Girls
    u In Your Budget For more…
    Plz visit:- Designer Gowns

    ReplyDelete
  38. Fancy designer wear our website and reasonable price More…
    We Have Some For You In Your Budget For more…
    Plz visit:- Designer Sarees

    ReplyDelete
  39. Vishvas Oil Maker - is manufecturers of Oil Press Machine, Oil Extraction Machine, Oil Making Machine, Oil Extraction Machine for Home, Oil Press Machine for Home Use.

    Thank you Oil Press Machine

    ReplyDelete
  40. Thank you interior design institute in surat

    UID Surat - Universal Institute of Design is one of the best design institutes in Interior, Jewellery and Fashion Courses in B.Sc, Diploma and After 12th.

    ReplyDelete
  41. Thank you, I also found relevent information from Savaliya Industries.

    ReplyDelete
  42. Thank you for the useful information. You might be interested in Himachal Pradesh Police Constable Syllabus

    ReplyDelete
  43. This is what i was looking for thak you for sharing this amazing post. keep on posting these kind of nice post
    independence day quotes
    Eid Mubarak Quotes
    crackcenter.net
    botanystudies.com

    ReplyDelete
  44. The most unique way to celebrate Friendship Day would be hold a gathering for your favorate images,quotes,hd wallpapers,messages,pics,photos and many more... Be that as it may, this thought needs a touch of arranging and exertion as you have to choose where to post(facebook,whatssapp,twitter,instagrame etc..) Once that is done, ring your pals and simply have your indulgence !

    happy friendship day images

    happy friendship day 2017

    friendship day quotes

    happy friendship day quotes

    friendship images with quotes

    friendship day messages

    friendship day wishes

    happy friendship day message

    friendship day status
    friendship day date

    happy friendship day date

    happy friendship day images

    ReplyDelete
  45. An extraordinary thought to praise friendship in an inventive way is make a blurb on Friendship Day this year.

    friendship day 2017

    friendship images

    friendship day pic

    friendship day pics

    friendship day photos
    For some the best sort of Friendship Day festivity is maybe a heart-to-heart converse with a best friend Sharing everything that has made a difference to you and your frinds for so......

    friendship day wallpapers

    photos of friendship

    friendship quotes images


    friendship images hd

    true friendship images
    Successfully Submitted

    ReplyDelete
  46. Rakshabandhan" or "the tie of protection" is a very pious festival of India. It has been in practice since the ages. This festival helps us to nurture family bonds and our moral duties towards our close ones.for more..
    Plz visit:- Rakhi Wishes

    ReplyDelete
  47. Information about celebration of Rakshabandhan Festival of India. It tell about the History and Customs of celebrating Rakshabandhan in India.for more..
    Plz visit:- Raksha Bandhan Images

    ReplyDelete
  48. Independence Day is an annual observance celebrated every year on 15th of August.happy independence day images India’s Independence Day is a day of great significance for the people of India. At this day India got freedom

    ReplyDelete

  49. شركة المثالية للتنظيف الشركة الرائدة لجميع خدمات التنظيف بالمنطقة الشرقية - خبراء النظافة الشاملة - خبرة 23 عاما تستطيعون من خلال المثالية للتنظيف الحصول علي افضل خدمات التنظيف ومكافحة الحشرات للمنازل والشقق والفلل والمجالس والمفروشات بجميع مدن ومحافظات المنطقة الشرقية بالمملكة العربية السعودية فتقدم شركة المثالية للنظافة كل ما ليديها من امكانيات وخبرات لخدمة عملائها فهي حقا افضل شركة تنظيف بالمملكة وتوفر لعملاها الخدمات بجميع المحافظات فتوفر

    شركة المثالية للتنظيف بالدمام
    شركة المثالية للتنظيف بالخبر

    شركة المثالية للتنظيف بالقطيف
    شركة المثالية للتنظيف بالجبيل
    شركة المثالية للتنظيف بالاحساء

    وتستطيعون ايضا الحصول علي تنظيف شاملة مع التعقيم والتلميع وابادة الحشراتبجودة ودقة مثالية واسعار رخيصة مع شركة تنظيف منازل بالاحساء المتخصصة في خدمة عملائها بالاحساء علي اكمل وجة

    شركة تنظيف منازل بالاحساء
    شركة تنظيف بالاحساء

    شركة المثالية للتنظيف بالاحساء

    تواصلوا معنا لمعرفة اسعار المثالية للتنظيف بالمنطقة الشرقية وخدماتها المتميزة

    ReplyDelete
  50. هل تبحثون عن شركة تنظيف متخصصة ؟ هل تريدون الحصول علي خدمات تنظيف بجودة فائقة واسعار رخيصة ؟ هل تعانون من مشاكل التنظيف ؟ اليكم الحل الامثل الشركة التي تقدم خدمات تنظيف شاملة لجميع اركان المنزل وكل ما يحيط به من والي مع التعقيم والتلميع للجدران والسيراميك وتنظيف وتعقيم المجالس والمفروشات وبارخص الاسعار وهي شركة تنظيف بالقطيف والتي من خلالها انتم دائما في امان فمع افضل شركة تنظيف منازل بالقطيف تحصلون علي منزل نظيف امن خالي من الحشرات والامراض والاوبئة تسطيعون ايضا الحفاظ علي صحة اطفالكم وتكسبوا منازلكم المنظر الراقي المبهر مع شركة تنظيف منازل بالقطيف فتوفر الشركة جميع خدمات التنظيف التي يبحث عنها اهالي محافظة القطيف وهي تنظيف الشقق والفلل والمجالس والكنب والسجاد والموكيت والمفروشات بجميع انواعها فنولكم

    شركة تنظيف شقق بالقطيف
    شركة تنظيف مجالس بالقطيف

    شركة تنظيف كنب بالقطيف
    شركة تنظيف خزانات بالقطيف

    شركة المثالية للتنظيف بالقطيف
    المثالية للتنظيف بالقطيف
    شركة المثالية لمكافحة الحشرات بالقطيف

    كما توفر الشركة خدمات مكافحة الحشرات ورش المبيدات الالمانية المستوردة ذات التاثير الفعال في ابادة الحشرات نهائيا وبلا رجعة فاذا اردتم الحصول علي خدمات مكافحة الحشرات وخاصة النمل الابيض لا تترددوا في الاتصال بشركة المثالية للتنظيف بالقطيف

    شركة مكافحة حشرات القطيف
    شركة مكافحة النمل الابيض بالقطيف

    ReplyDelete
  51. Designer Punjabi Dress is perhaps the desire of every single girl in this world to look amazing on her wedding day.
    It is certainly important that the bride must be the star of the show.The most beautiful woman at the wedding venue.
    In India,Designer Punjabi Dress are the most obvious choice for the brides.There are many Designer Punjabi Dress in our site...
    For more...
    Plz visit:- Punjabi Dress

    ReplyDelete

 
Copyright © 2013. Read Read Loved - All Rights Reserved
Proudly powered by Blogger