"Blogger Dynamic Slider" is a simple yet powerful automatic slider for blogger. The slider content generates from blog's feed dynamically, based upon users settings via jQuery Ajax Call. It is fully responsive. As it is a Dynamic Slider, the slider content updates whenever a new post comes (if it fits with user settings criteria).
Blogger Dynamic Slider Features
- Dynamic - Slider Content Generates Automatically
- Fully Responsive
- Slider By a Specific Label
- Slider By Recent Posts
- Preloader Function
- Lots of Customization Options
- Easy Setup & Customization
Well now this automatic recent post slider have a testing tool where you can enter your blog URL and see how Dynamically it generates a slider from your blog's feed. This tool has other basic options like Image Size, Max Item.
How It Works ?
The slider content generates from blogger blog's feed, dynamically by jQuery AJAX call, and then FlexSlider takes effect and take care of the sliding features. That it, nothing fancy but very useful for blogger users.
Installation Guide
STEP - 1: Go to Your Blogs Home > Template (Backup your template to be safe)
STEP - 2: Edit HTML
STEP - 3: Search for closing head: </head> in the template (Hint: to search on template: click anywhere in the code block and press Ctrl+F)
STEP - 4: Copy the following code below and paste just before </head>
Note: If you had already added jQuery .js into your blogs template then don't add it again as sometimes multiple jQuery ruins everything. Here jQuery script tag is located at the very first of this code block above.
STEP - 2: Edit HTML
STEP - 3: Search for closing head: </head> in the template (Hint: to search on template: click anywhere in the code block and press Ctrl+F)
STEP - 4: Copy the following code below and paste just before </head>
Note: If you had already added jQuery .js into your blogs template then don't add it again as sometimes multiple jQuery ruins everything. Here jQuery script tag is located at the very first of this code block above.
STEP - 5: So now the slider engine scripts are installed, you are ready to add slider(s) anywhere in your blog including gadget, post or page. Well, just copy the code below and paste in a HTML Gadget or Post or Page
STEP - 6: Save & Done! Pretty Simple & Dynamic.
If you want to Show that Posts from a Specific Label Add This after the ImageWidth : 636 Line in HTML Script.
labelName: "",
For Example if you want to show posts from the Label Food then it goes like this :
labelName: "Food",
Thanks for Reading and f you have Any Problems Please feel free to comment.
Happy Blogging !!
I really like this slider, however I cannot get it to display thumbnails of my posts. Do you know why? My site is http://www.runaroundnet.com
ReplyDeleteCreate slider with HTML | How to create slider with photos using html only
DeleteCreate slider with HTML | How to create slider with photos using html only
ReplyDelete