Design2blogger.blogspot.com: WOW Slider

Showing posts with label WOW Slider. Show all posts

How to upload WOW Slider design in blogger or blogspot.com with next, previous, bullets, pause and play button

when the slideshow without next, previous, pause, play and bullets, feel something missing. so these steps follow for Wowslider design upload in blogger or blogspot.com.

fist step: make design with bullets, buttons, and play and pause button.
second step: edit html code (woslider.html) with how to upload wow Slider design in blogger or blogspot.com
upload bullets, buttons, pause button and play button in online store (like google sites)
open style.css file from WOW Slider and uploaded bullets, button, paly and pause buttons copy link address and past in ./bullet.png, ./arrows.png,./pause.png,./play.png
style.css like this:

Wow slider great, beautiful, resposible and awesome skins and amination image slideshow Demo with next, previous, pause, paly and bullets

Angular slider

1 2 3 4 5 6

angular slider by WOWSlider.com v7.8

How to Upload WOW Slider Design in Blogger/blogspot.com

Are you Confuse..................., your WOW Slider slideshow is not working in your blogger/blogspot.com. don't worry.............. follow these steps to upload your Wow slider Design in Blogger/blogspot.com.

Create your WOW Slider Design. when you create design these files will be created.
open data file of wowslider > images> upload in online store (like google sites). I am using google sites so i refer use google sites for data stores.
open engine file and upload these files.
after uploaded > copy link address > open wowslider.html > past where is images and other css, css, jquery and wowslider.js files link address

<!DOCTYPE html>
<html>
<head>
<title>Slideshow html</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="Made with WOW Slider - Create beautiful, responsive image sliders in a few clicks. Awesome skins and animations. Slideshow html" />

 
<link rel="stylesheet" type="text/css" href="~~engine2/style.css~~" />
<script type="text/javascript" src="~~engine2/jquery.js~~"></script>

</head>
<body style="background-color:#d7d7d7;margin:auto">

 
<div id="wowslider-container2">
<div class="ws_images"><ul>
<li><img src="~~data2/images/1.jpg~~" alt="1" title="1" id="wows2_0"/></li>
<li><img src="~~data2/images/2.jpg~~" alt="2" title="2" id="wows2_1"/></li>
<li><a href="http://wowslider.com"><img src="~~data2/images/3.jpg~~" alt="jquery photo gallery" title="3" id="wows2_2"/></a></li>
<li><img src="~~data2/images/4.jpg~~" alt="4" title="4" id="wows2_3"/></li>
</ul></div>
<div class="ws_script" style="position:absolute;left:-99%"><a href="http://wowslider.com/vi">slideshow html</a> by WOWSlider.com v7.8</div>
<div class="ws_shadow"></div>
</div>
<script type="text/javascript" src="~~engine2/wowslider.js~~"></script>
<script type="text/javascript" src="~~engine2/script.js~~"></script>

</body>
</html>

UPLOAD YOUR SCRIPT.JS OF WOWSLIDER IN YOUR ONLINE STORE AND COPY&PASTE LINK ADDRESS HERE

UPLOAD YOUR WOWSLIDER.JS OF WOWSLIDER IN ONLINE STORE AND COPY&PAST LINK ADDRESS HERE

UPLOAD YOUR JUERY.JS OF WOWSLIDER IN ONLINE STORE AND COPY& PASTE LINK ADDRESS HERE

UPLOAD YOUR STYLE.CSS OF WOWSLIDER IN ONLINE STORE AND COPY&PASTE LINK ADDRESS HERE

UPLOAD YOUR 4TH IMAGES IN ONLINE STORE AND COPY & PASTE LINK ADDRESS HERE

UPLOAD YOUR 3RD IMAGE IN ONLINE STORE AND COPY &PASTE LINK ADDRESS HERE

UPLOAD YOUR 2ND IMAGE IN ONLINE STORE AND COPY & PASTE LINK ADDRESS HERE

UPLOAD YOUR 1ST IMAGE IN YOUR ONLINE STORE AND COPY & PASTE LINK ADDRESS HERE

6. Copy WOW Slider html code> open blogger > new post and click html or add gadget and choose html/javascrip> paste and upload.
7. see the Demo 1, Demo 2 .

Wow slider great, beautiful, resposible and awesome skins and amination image slideshow Demo without WOW Slider Watermark

jquery image gallery by design2blogger.blogspot.com v7.8

HOW TO REMOVE WATERMARK FROM WOW SLIDER DESIGN

Water mark is an identify image or pattern. wow slider watermark can effect your web brand so i am going to tell you how to remove watermark from wow slider sliding designs.

Remove WOWSlider watermark

Make the Slider design with Wow Slider Software.
open WOW Slider folder >open Data > open Image and you can see images with watermark.
copy the original images which images you are adding in WOW Slider.
past these images in > go to WOW Slider design folder> open data> open Images and past than replace the images.
and you can see the the design without WOW Slider Watermark

Wow slider great, beautiful, resposible and awesome skins and amination image slideshow Demo

slideshow html by design2blogger.blogspot.com v7.8

HOW TO MAKE WOW SLIDER DESIGN

Lets start image and text slider with Wow slider. it is easy to use and create great slider for your website. you need wow slider software download free version and install your computer or laptops.
and than:

open Wow slider software.
image, and videos from
after video and images: select effects and size
click more setting click general and choose whatever you want or not........
than apply
click publish and choose the publish folder and publish.

About WOW Slider

WOW slider is a pretty cool software (download free version) for image and videos slider/carousal for websites. It is large and impressive jQuery slider with amazing visual effects. It encourages engagement, enthusiasm and interest and guarantees your visitors will pay a close attention to your fabulous images.

The WOW slideshow player is based on an HTML5 gallery, rather than a Flash one, to make sure it looks just as stunning on mobile devices and any other screen size and shape. The skin is free, easy and fast to install and manage and may be inserted to almost any webpage including HTML pages, social networks and all popular CMS based sites such as WordPress, Joomla, Ning, Drupal and many more …………………

RESPONSIVE WOW SLIDER - MAIN FEATURES:

Fully responsive
No need to learn
Unlimited number of photos
Set maximal width of HTML5 photo gallery
Automatic conversions and image resizing
Upload photos & videos from any of your devices (mobile, webcam etc.) or directly from a web URL
Thumbnails display
Autoplay option
Show or hide controls
Show or hide bullets
Remote access
Full scalability Reliable CDN

ADVNACED FEATURES:

choose your favorite visual effect and change it whenever you want
Edit main CSS files
Set the effect duration (in Milliseconds)
Set the delay time between the slides (in Milliseconds)
Show or hide Play & Pause button
Activate 'Stop on hover' option
Add a title, a description or both
Choose the caption effect (move or slide)
Media download - block or allow users to download either original files or resized version
Google Analytics - Get information regarding your WOW slider events straight to your GA account
Enable iframe option

Edited