How to Add Random Post Slider in Blogger
Hi to all, in this article I am going to tell you all about how to add automatic random post slider (draggable + mouse wheels) in blogger website easily in just few minutes.
By adding this random post slider, you can show your posts in the home page of your website and due to this you can increase page click through rate and also if your post is good then, you can increase the reading time of your post.
In mobile, this slider will be so good to see and also It will provide a good attractive and professional look to your website and increase the viewers attention.
The provided code is responsive and works in all blogger templates, so you can use in any blogger website template freely.
Read the below provided steps to get clear understanding about adding random post slider in your blogger website, easily without any error.
Steps to Add Random Post Slider in Blogger
Step-1: First of all you all need to login to your blogger website dashboard by using your login credentials.
Step-2: Go to blogger website dashboard -> Click on theme section -> Click on arrow icon -> Click on backup -> Click on download theme.
Step-3: Go to blogger website dashboard -> Click on theme section -> Click on arrow icon -> Click on Edit HTML -> Blogger theme editor section.
Step-4: Copy below provided HTML code and paste the copied HTML code in your theme where you need to show the slider based on your choice or you can jump to blog 1 and then paste the code above it.
Step-5: Copy below provided CSS code and paste the copied CSS code above closing head tag or </head> tag.
Step-6: Now copy the below provided JavaScript Code and paste the copied JavaScript code above closing body tag or </body> tag.
Step-7: You have to replace your website URL with the default URL in JavaScript to show your website posts and finally after adding the three codes, click on save button.
Step-8: Now you have successfully added random post slider in your blogger website easily in just few minutes.
Note
If you get any error while saving the code in the blogger theme section, then you need to restore your backup code again and need to repeat the same process as mentioned in the above steps carefully.
If you want to change any style or colors you can modify CSS code and for changing colors you need to replace the color codes and fore color codes you can use google color picker.
Conclusion
I hope that you have understood about how to add random post slider in blogger website easily in just few minutes by using HTML, CSS and JavaScript.
