Showing posts with label slider. Show all posts
Showing posts with label slider. Show all posts
Tuesday, November 22, 2016
Menucool Javascript Image Slider for Blogsopt
Menucool Javascript Image Slider for Blogsopt

Here Im sharing a cool JavaScript image slider for blogger. It could be easily usable as featured content on blogger blog. This image slider is created by menucool.com. A really cool slider is this. It has pretty nice sliding effect, and a less loading time as created by Javascript, no jQuery or flash used. And another thing is its easily customizable. I have customized it little to suite perfectly for blogger blog. See Demo or download source code from below link.
- DEMO1
- DEMO2
- DOWNLOAD SOURCE
Go to link download
Wednesday, November 16, 2016
Add Nivo Slider to Your Blogger Blog UPDATED
Add Nivo Slider to Your Blogger Blog UPDATED

Today I'm sharing another awesome, beautiful image slider for Blogger/ BlogSpot blog. It is made with jQuery. and of course HTML and CSS but the main awesomeness, sliding effect is made with jQuery. This image slider is created by dev7studios.com/nivo-slider/. They did really a great job. This slider have downloaded more than 20,00000 times from their site. I have made a bloggerized version of the slider. See demo below.
- DEMO
- DOWNLOAD
Go to link download
Sunday, October 30, 2016
CSS3 Image Slider for Blogspot
CSS3 Image Slider for Blogspot

Here I came up with a stylish and hot image slider for blogger that is just using pure CSS3. No Javascript or jQuery is used. So this slider is more easy to customize for newbies, just need a basic HTML and little good CSS3 knowledge. No server side coding is used here, so all is on your hand. This cycle style slider is created by smashingmagazine. Take a look on their page for more about it.
I created a bogarized version from theirs, it is now just need to follow few easy steps to installing this slider on blogspot blog.
- DEMO
- DOWNLOAD
Go to link download
Sunday, September 11, 2016
FlexSlider Blogspot Image Slider Widget
FlexSlider Blogspot Image Slider Widget

This is a responsive jQuery image slider. This simple but amazing slider developed by woothemes.com. It has some really nice features that makes you like it. The most cool feature is it is extremely responsive and lightweight; you don't have to tensed about the sliders width / height even all images width and height are auto adjustable. Here it is customized for blogger/blogspot so you can just copy and paste the code to install on your blogger blog. Check out the live demo below.
- Slider DEMO1 (Blogspot)
- Slider DEMO2 (Static)
Go to link download
Labels:
blogspot,
flexslider,
image,
slider,
widget
Saturday, September 10, 2016
Automatic Image Slider for Blogger using Bookflip
Automatic Image Slider for Blogger using Bookflip

Bismillah, Alhamdulillah, Based on request from visitor about book flip slideshow , so I made This widget for blogger. result of this widget can show image inside of your posts automatic to become book flip slideshow for blogger.
Follow this step to use this gadget
Apply Gadget
Design -> Click on Add a Gadget -> HTML/JavaScript type.
<script type="text/javascript"> // 7 variables to control behavior var Book_Image_Width =140; var Book_Image_Height =225; var Book_Border =true; var Book_Border_Color ="gray"; var Book_Speed =15; var Book_NextPage_Delay =1500; //1 second=1000 var Book_Vertical_Turn =0; // variables for content var random_posts = true; // random posts var numposts_gal = 10; // number of posts </script> <script src="http://catur-at-abu-farhan.googlecode.com/svn/trunk/galeryposts-bookflip.js" type="text/javascript"></script> <script src="http://catur-at-abu-farhan.googlecode.com/svn/trunk/bookflip.min.js" type="text/javascript"></script> <div id="Book" style="position:relative"> <img src="http://i1133.photobucket.com/albums/m596/abu-farhan/bookflip/placeholder.gif" width="144" height="227"> </div> <script src="http://shakeelasghar.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryposts"></script> <script type="text/javascript"> ImageBook(); </script>
Replace it with your blog url: http://shakeelasghar.blogspot.com
if you have any questions please leave a comment .
thx u
Go to link download
Friday, September 9, 2016
FlexSlider Carousel Slider for Blogspot
FlexSlider Carousel Slider for Blogspot

- DEMO1
- DEMO2
Go to link download
Labels:
blogspot,
carousel,
flexslider,
for,
slider
Subscribe to:
Posts (Atom)