Tuesday, 3 October 2017

Random post widget code for blogger

HashFlare HashFlare
This simple random posts widget for blogger will display the random article in your blog sidebar. The widget will show the thumbnail and title of your post, the style is clean that's why it's called simple. If you don't like the simplicity of this widget there is an alternative for you the advanced random posts widget with snippets that you can add to your blog. The widget is coded with CSS so it's very easy to edit and add to your own Blogspot.

The advantage of this widget like the advanced version is that your very very old posts now has a chance to be read by your visitors. This is important for your posts that don't show up in the first page of Google search result. When you implement this Random Posts Widget to your blogger blog it can promise for more page views and your visitors will stay longer at your blog reading a random article that they are interested in. So don't waste your time follow my tutorial below on how you can install this widget.

Steps on How To Add Random Posts Widget To Blogger

Step 1: Log in to your blogger dashboard > Go to Layout and select the ADD A GADGET to add your new sidebar gadget.

Step 2: from the pop-up windows choose the HTML/JavaScript.

Step 3: Copy the code below and paste it inside the content box area of the HTML/JavaScript window. Don't forget to put "Recent Posts" in the Title box

Step 4: Don't forget to click the SAVE button!

Widget Customization

  • Thumbnail Dimensions >> To change the size of the thumbnail kindly modify the [ width: 65px; height: 65px; ] value with a red color to your desired width and height. Example width: 95px; height: 95px;
  • Number of Posts >> change the value "5" from [ var randomposts_number = 5; ] to the number of posts you want to show randomly.
  • Add Text Snippets >> Change "yes" to "no" from [randomposts_details2 = 'no';]
  • Snippets Length >> To add more snippets modify the "60" from [ var randomposts_chars = 60; ].
  • Posts Information >> If the the post date and comment count bothering you, Change the 'yes' to 'no' from [ var randomposts_details = 'yes'; ]


Post a Comment

Whatsapp Button works on Mobile Device only

Start typing and press Enter to search