Marquee with Heading and right direction and right side heading

Code
<table width="700" border="3">
  <tr>
    <td width="601"><marquee  direction="right"onmouseover="this.stop();" onmouseout="this.start();">marquee with right side heading and right side direction</td>
    <td width="83" style=" text-align:center; background:#00F; ">Heading</td>
  </tr>

</table>
Demo

marquee with right side heading and right side direction

Heading

Marquee with News Heading and Border

Heading

marquee with different border and Heading

Demo
<style type="text/css">
.css {
color: #C00;
background:#00FF00;
font-family: "MS Serif", "New York", serif;
alignment-adjust:central;
border:dotted;
}
.css strong em {
}
</style>

<table border="0" style="border: inset; width: 523px;">
  <tbody>
<tr>
    <td class="css" width="90"><strong><em>Heading</em></strong></td>
    <td width="417"><marquee behavior="scroll" direction="left" mouseover="this.stop();" mouseout="this.start();">marquee with different border and Heading</marquee></td>
  </tr>

</tbody></table>
Code

Marquee with Heading

Code
<table width="700" border="0">
<tr>
<td width="63" bgcolor="#000099" bordercolor="#333333"><strong><em>Heading</em></strong></td>
<td width="641"><marquee direction="left" bgcolor="#00CC00" onMouseOver="this.stop();" onMouseOut="this.start();">Marquee for website or blogger with Heading</marquee></td>
</tr>
</table>

demo

Heading

Marquee for website and blogger with Heading

Also border marquee: greate marquee design

Reoccuring Marquee Demo
<marquee behavior="alternate"><marquee width="200" style="border: 15px groove pink;">Reoccuring Marquee</marquee></marquee>
Code
add mouse over in marquees:
mouseover="this.stop();"
mouseout="this.start();"

marquee diffrent direction in one marquee

<<<different marquee>>>
Demo
<marquee scrollamount="5" width="40">&lt;&lt;&lt;</marquee>hamro sansaar<marquee scrollamount="5" direction="right" width="40">&gt;&gt;&gt;</marquee>
Code
marquee for mouseover code add:
mouseover="this.stop();"
mouseout="this.stop();"

marquee with groove border, border size and text color

marquee with grove border border Demo
<marquee direction="left" bgcolor="red" onMouseOver="this.stop();" onMouseOut="this.start();" style="border:10px groove orange; color:white;">marquee with grove border border</marquee>
Code
edit the code of border color, border size and text color:
border:10px groove orange; 
color:white;

marquee with border, border color, border size and text color

marquee with double border Demo
<marquee direction="left" bgcolor="yellow" style="border:10px double blue; color:green;">marquee with double border</marquee>
Marquee Code
for mouse over stop and start code:
mouseover="this.stop();" 
mouseout="this.start();"
for border, border size and text color edit this code:
border:10px double blue;
color:green;
you can also change the bgcolor, direction and more see all marquees demo and code click here

marquee with dashed border and text color

marquee with dashed border Demo
<marquee direction="left" bgcolor="#FF33FF" style="border:3px dashed red; color:green;">marquee with dashed border</marquee>
code
For mouse over add this code in marquee code:
 mouseover="this.stop();"
 mouseout="this.start();"
for border color or size and text color edit this code: 
border:3px dashed red;
color:green;

Marquee with border color and text color

marquee with boder Demo
<marquee direction="left"  height="30px" bgcolor="#0000FF" style="border: 3px solid red; color:#00FF33">marquee with boder</marquee>
Code
Marquee with border and text color
marquee with boder Demo
<marquee direction="left" onMouseOver="this.stop();" onMouseOut="this.start();"  height="30px" bgcolor="#0000FF" style="border: 3px solid red; color:#00FF33">marquee with boder</marquee>
Code
Marquee with border and text color with mouseover

Marquee with background color

marquee with background color

1. Marquee with Background color without mouseover.
CODE
<marquee bgcolor="red" direction="left">marquee with background color</marquee>

marquee with background color and moouseover
2. Marquee with Background color without mouseover.
CODE
<marquee bgcolor="#00FF00" direction="left" onmouseout="this.start();" onmouseover="this.stop();">marquee with background color and moouseover </marquee>

Note: choose bgcolor name or color code:

color chart

3. Add HTML Code different direction and different behavior with our full code and demos.

   <marquee bgcolor="green" direction="left" behavior="alternet or slide or scroll" loop="5 or 1 or 5 or .....">marquee with background color</marquee>

Marquee left direction with slide behavior and loop

Code:
<marquee direction="left" behavior="slide" loop="5">marquee left direction with slide behavior and loops style</marquee>
Demomarquee left direction with slide behavior and loops styleMarquee loop mean how much time are you want to slide/scroll in website.

Marquee down direction with slide behavior

     1. Without Mouseover marquee code & Demo
Code:
<marquee direction="down" height=" 40px"  behavior="slide"> down direction with slide behavior marquee </marquee>
Demo   down direction with slide behavior marquee2.  Marquee Code and Demo with Mouseover

code:
<marquee direction="down"  height="40px" behavior="slide" onMouseOver="this.stop();" onMouseOut="this.start();">left directon with scroll behavior marquee with mouseover</marquee>
Demo left directon with scroll behavior marquee with mouseover

Marquee up direction with slide behavior

     1. Without Mouseover marquee code & Demo
Code:
<marquee direction="up" height=" 40px"  behavior="slide"> up direction with slide behavior marquee </marquee>
Demo  up direction with slide behavior marquee2.  Marquee Code and Demo with Mouseover
code:
<marquee direction="up" height="40px"  behavior="slide" onMouseOver="this.stop();" onMouseOut="this.start();">up directon with slide behavior marquee with mouseover</marquee>
Demoup directon with slide behavior marquee with mouseover 

Marquee right direction with slide behavior

   1.   Without Mouseover marquee code & Demo
Code:
<marquee direction="right"  behavior="slide"> right direction with slide behavior  marquee </marquee>
Demo right direction with slide behavior marquee2. Marquee Code and Demo with Mouseover
code:
<marquee direction="right"  behavior="slide" onMouseOver="this.stop();" onMouseOut="this.start();">left directon with scroll behavior marquee with mouseover</marquee>
Demo left directon with scroll behavior marquee with mouseover

Marquee left direction with Slide Behavior

1. Without Mouseover marquee code & Demo
Code:
<marquee direction="left"  behavior="slide"> left direction with slide behabior marquee </marquee>
Demo left direction with slide behabior marquee 2. Marquee Code and Demo with Mouseover
code:

<marquee direction="left"  behavior="slide" onMouseOver="this.stop();" onMouseOut="this.start();">left directon with slide behavior marquee with mouseover</marquee>
Demo left directon with slide behavior marquee with mouseover

Marquee down direction with scroll behavior

     1. Without Mouseover marquee code & Demo
Code:
<marquee direction="down"  behavior="scroll"> down direction with Scroll behavior marquee </marquee>
Demo down direction with Scroll behavior marquee2. Marquee Code and Demo with Mouseover
code:
<marquee direction="down"  behavior="scroll" onMouseOver="this.stop();" onMouseOut="this.start();">left directon with scroll behavior marquee with mouseover</marquee>
Demodown directon with scroll behavior marquee with mouseover 

Marquee up direction with Scroll Behavior

1. Without Mouseover marquee code & Demo
Code:
<marquee direction="up"  behavior="scroll"> up direction with scroll behavior marquee </marquee>
Demoup direction with scroll behavior marquee2. Marquee Code and Demo with Mouseover
code:
<marquee direction="up"  behavior="scroll" onMouseOver="this.stop();" onMouseOut="this.start();">up directon with scroll behavior marquee with mouseover</marquee>
Demo  up directon with scroll behavior marquee with mouseover

Right direction Marquee with scroll behavior

1. Without Mouseover marquee code & Demo
Code:
<marquee direction="right"  behavior="scroll"> right direction with scroll behavior marquee </marquee>
Dem right direction with scroll behavior marquee

2. Marquee Code and Demo with Mouseover
code:
<marquee direction="left"  behavior="scroll" onMouseOver="this.stop();" onMouseOut="this.start();">right directon with scroll behavior marquee with mouseover</marquee>
Demo right directon with scroll behavior marquee with mouseover

Marquee with left direction and scroll behavior

1. Without Mouseover marquee code & Demo
Code:
<marquee direction="left"  behavior="scroll"> left direction with scroll behavior marquee </marquee>
Demo left directiom marquee with scroll behavior 2. Marquee Code and Demo with Mouseover
code:
<marquee direction="left"  behavior="scroll" onMouseOver="this.stop();" onMouseOut="this.start();">left directon with scroll behavior marquee with mouseover</marquee>
Demo left directon with scroll behavior marquee with mouseover

Alternate marquee with up direction

1. Without Mouseover marquee code & Demo
Code:
<marquee direction="up" height=" 40px"  behavior="alternate"> up direction alternate marquee </marquee>
Demo  / up direction alternate marquee
2. Marquee Code and Demo with Mouseover
code:
<marquee direction="up" height=" 40px"  behavior="alternate" onMouseOver="this.stop();" onMouseOut="this.start();">up directon altarnate marquee with mouseover</marquee>
Demo up directon altarnate marquee with mouseover

Alternate Marquee with Right direction

1. Without Mouseover marquee code & Demo
Code:
<marquee direction="right" behavior="alternate"> right direction alternate marquee </marquee>
Demo right direction alternate marquee 2. Marquee Code and Demo with Mouseover
code:
<marquee direction="right" behavior="alternate" onMouseOver="this.stop();" onMouseOut="this.start();">right directon altarnate marquee with mouseover</marquee>
Demo right directon altarnate marquee with mouseover

Alternate Marquee Behaviour with marquee

1. Without Mouseover marquee code & Demo
Code:
<marquee direction="left" behavior="alternate"> left direction alternate marquee </marquee>
Demo left directon alternate marquee   2. Marquee Code and Demo with Mouseover
code:
<marquee direction="left" behavior="alternate" onMouseOver="this.stop();" onMouseOut="this.start();">left directon altarnate marquee with mouseover</marquee>
Demo left directon altarnate marquee with mouseover

Marquee: down direction

1. Without Mouseover marquee code & Demo
Code:
<marquee direction="down">edit the text</marquee>
Demo down directon marquee
2. Marquee Code and Demo with Mouseover
code:
<marquee direction="down" onMouseOver="this.stop();" onMouseOut="this.start();">left directon marquee with mouseover</marquee>
Demo down directon marquee with mouseover 

Marquee: up direction

1. Without Mouseover marquee code & Demo
Code:
<marquee direction="up">edit the text</marquee>
Demo  
up direction marquee 2. Marquee Code and Demo with Mouseover
code:
<marquee direction="up" onMouseOver="this.stop();" onMouseOut="this.start();">left directon marquee with mouseover</marquee>
Demo  up directon marquee with mouseover

Simple Marquee: Right Direction

1. Without Mouseover marquee code & Demo
Code:
<marquee direction="right">edit the text</marquee>
Demo right directon marquee 2. Marquee Code and Demo with Mouseover
code:
<marquee direction="right" onMouseOver="this.stop();" onMouseOut="this.start();">left directon marquee with mouseover</marquee>
Demo right directon marquee with mouseover

Simple Marquee: Left Direction

1. Without Mouseover marquee code & Demo
Code:
<marquee direction="left">edit the text</marquee>
Demo
left directon marquee 
2. Marquee Code and Demo with Mouseover
code:
<marquee direction="left" onMouseOver="this.stop();" onMouseOut="this.start();">left directon marquee with mouseover</marquee>
Demo
left directon marquee with mouseover

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.

1. fist step: make design with bullets, buttons, and play and pause button.
2. second step: edit html code (woslider.html) with how to upload wow Slider design in blogger or blogspot.com
3. upload bullets, buttons, pause button and play button in online store (like google sites)
4. 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
5. style.css like this:

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

• 
• 
• 
• 
• 
• 

1 2 3 4 5 6

angular slider by WOWSlider.com v7.8

How to Create Google Sites account and How to Upload files in Google Sites

Google Sites is one of the online store where we can easily upload the files which required for us. People can work together on a Site to add file attachments, information from other Google applications (like Google Docs, Google Calendar, YouTube and Picasa), and new free-form content.Creating a site together is as easy as editing a document, and you always control who has access, whether it's just yourself, your team, or your whole organization. You can even publish Sites to the world. The Google Sites web application is accessible from any internet connected computer.
its losts of benefits but  if you are confused to how to create google sites or how to upload files in google sites follow these steps:

1. Create a gmail Account.
2. Search Google Sites or o[en url: www.google.com/sites
3. Login with your Gmail Account.
4. Click on Create 
   
5. after Create the sites> open create sites> i have already a sites so i am open this
   

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 .

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

1. Make the Slider design with Wow Slider Software.
2. open WOW Slider folder >open Data > open Image and you can see images with watermark.
3. copy the original images which images you are adding in WOW Slider.
4. past these images in > go to WOW Slider design folder> open data> open Images and past than  replace the images.
5. 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:

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