INSIDE THIS BLOG>>>>>>
#marquee style code and demos #how to make WOW Slider design #HOW TO REMOVE WATERMARK FROM WOW SLIDER DESIGN #Wow slider great, beautiful, resposible and awesome skin and animation image slideshow demo without WOWSlider demo #how to upload WOWSlider Design in blogger or blogspot.com #how to create google sites account #How to upload WOW Slider design in blogger or blogspot.com with next, previous, bullets, pause and play button #

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.
  1. Create your WOW Slider Design. when you create design these files will be created.
  2. 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.
  3. open engine file and upload these files.
  4. 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" />

<!-- Start WOWSlider.com HEAD section --> <!-- add to the <head> of your page -->
<link rel="stylesheet" type="text/css" href="engine2/style.css" />
<script type="text/javascript" src="engine2/jquery.js"></script>
<!-- End WOWSlider.com HEAD section -->
</head>
<body style="background-color:#d7d7d7;margin:auto">

<!-- Start WOWSlider.com BODY section --> <!-- add to the <body> of your page -->
<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>
<!-- End WOWSlider.com BODY section -->
</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 .
Labels:

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)