How to Add Simple Recent Post Widget to Blog/Blogspot andrey пятница, 22 марта 2013 г. No Comment

The main advantage on this Recent Posts widget is that it will show not only post titles but also post excerpts or snippets and it's easy to customize/ apply different style on it. To style it into your own design, you just have to modify the CSS style - you can change the link or background color, the size and color of text/links.

What you can do with this widget:
  • display post titles only
  • change the number of posts
  • change the number of characters of the post snippet/excerpt
  • show the post dates                                                                                    
How to add Recent Posts Widget to Blogger  

1.Go to Blogger Dashboard > Layout
2.Click on Add a Gadget
3.Select HTML/JavaScript

Now Paste below code inside it,

Option 1: Recent posts widget with snippets







 

Option 2: Recent Posts Widget Showing Post Titles Only







Step 4.
  • Change 5 (option 1) and 10 (option 2) with the number of posts you want to display. 
  • Change false to true if you want the posts dates to appear 
  • Change 100 (option 1) if you want more characters to be displayed.
  • To change the color and font size of the links, modify the values in blue (links) and violet (font-size)
  • To change the style of posts summary, modify the values in green (color) and orange (font size)
  • Replace the your-blog text with the name of your blog or if you have a custom domain change all the bolded line with your address like in this example:

Step 5. Save your widget. And that's it! 

Enjoy!If you need any help, leave a comment below.
And if you liked this post, please consider sharing it. Thanks.
 
Don't Miss These Killer Articles on Facebook:
    The main advantage on this Recent Posts widget is that it will show not only post titles but also post excerpts or snippets and it's easy to customize/ apply different style on it. To style it into your own design, you just have to modify the CSS style - you can change the link or background color, the size and color of text/links.

    What you can do with this widget:
    • display post titles only
    • change the number of posts
    • change the number of characters of the post snippet/excerpt
    • show the post dates                                                                                    
    How to add Recent Posts Widget to Blogger  

    1.Go to Blogger Dashboard > Layout
    2.Click on Add a Gadget
    3.Select HTML/JavaScript

    Now Paste below code inside it,

    Option 1: Recent posts widget with snippets







     

    Option 2: Recent Posts Widget Showing Post Titles Only







    Step 4.
    • Change 5 (option 1) and 10 (option 2) with the number of posts you want to display. 
    • Change false to true if you want the posts dates to appear 
    • Change 100 (option 1) if you want more characters to be displayed.
    • To change the color and font size of the links, modify the values in blue (links) and violet (font-size)
    • To change the style of posts summary, modify the values in green (color) and orange (font size)
    • Replace the your-blog text with the name of your blog or if you have a custom domain change all the bolded line with your address like in this example:

    Step 5. Save your widget. And that's it! 

    Enjoy!If you need any help, leave a comment below.
    And if you liked this post, please consider sharing it. Thanks.
     
    Don't Miss These Killer Articles on Facebook:
      by Jillur Rahman

      Jillur Rahman is a Web designers. He enjoys to make blogger templates. He always try to make modern and 3D looking Templates. You can by his templates from Themeforest.

      Follow him @ Twitter | Facebook | Google Plus

      Tags:
      на 10:40
      Ярлыки:
      Related

      No Comment

      Подписаться на: Комментарии к сообщению ( Atom )