About Software:
Even though so many people use PDF these days, it is hardest to edit the files without the proper information. Therefore, getting a free PDF to Word software like this one can infinitely help you to edit the things that you need and have the best possible way of doing things. At the end of the day, there are few other software possibilities to get the PDF files converted into Word like you want. Therefore, take advantage of this free software.
this sites for quick learner, Who wants to create website or who wants to learn about webpage design for them html full code, code, uploading system, tips and tools for blog and blogger or blogspot.com sites.
PDF to Word Convertor
Version : 1.0
File Name: pdf to Wordconvertor Rare
Price : free
File Size: 1.16 MB
Publisher: PDF Solution
Marquee of Image and Text
Demo
Code
<marquee direction="left" ><img src="../Pictures/1.jpg" width="50" height="25"/><strong> http://design2blogger.blogspot.com</strong> <img src="../Pictures/2.jpg" width="50" height="25"/> full marquee code and demos </marquee>
<marquee direction="left" ><img src="../Pictures/1.jpg" width="50" height="25"/><strong> http://design2blogger.blogspot.com</strong> <img src="../Pictures/2.jpg" width="50" height="25"/> full marquee code and demos </marquee>
Marquee slide
Demo
Code
<marquee direction="up" behavior="scroll" scrollamount="2" height="20px" style="border:2px solid #FF0000; background:#CCCCCC; color:#00F" onMouseOver="this.stop();" onMouseOut="this.start();">
<p><a href="http://design2blogger.blogspot.com/search/label/marquee">marquee styles code and demos</a></p>
<p> <a href="http://design2blogger.blogspot.com/search/label/WOW%20Slider">Wow Slider design in blogger</a></p>
<p> <a href="http://design2blogger.blogspot.com">create a beautiful website through our tutorials</a></p>
</marquee>
<marquee direction="up" behavior="scroll" scrollamount="2" height="20px" style="border:2px solid #FF0000; background:#CCCCCC; color:#00F" onMouseOver="this.stop();" onMouseOut="this.start();">
<p><a href="http://design2blogger.blogspot.com/search/label/marquee">marquee styles code and demos</a></p>
<p> <a href="http://design2blogger.blogspot.com/search/label/WOW%20Slider">Wow Slider design in blogger</a></p>
<p> <a href="http://design2blogger.blogspot.com">create a beautiful website through our tutorials</a></p>
</marquee>
Left Right Image marquee code and demo
demo
code
<marquee direction="left"><img src="../Pictures/1.jpg" width="200" height="150"/> <img src="../Pictures/2.jpg" width="200" height="150"/></marquee><marquee direction="right"><img src="../Pictures/3.jpg" width="200" height="150"/> <img src="../Pictures/4.jpg" width="200" height="150"/>
</marquee>
<marquee direction="left"><img src="../Pictures/1.jpg" width="200" height="150"/> <img src="../Pictures/2.jpg" width="200" height="150"/></marquee><marquee direction="right"><img src="../Pictures/3.jpg" width="200" height="150"/> <img src="../Pictures/4.jpg" width="200" height="150"/>
</marquee>
Image Marquee with Mouseover and image link
Demo
Code
<marquee direction="left" align="middle"onMouseOver="this.stop();" onMouseOut="this.start();"
><a href="http://design2blogger.blogspot.com"><img src="https://sites.google.com/site/wowslider101/4.jpg?attredirects=0" width="300" height="150" /></a> <a href="http://design2blogger.blogspot.com"><img src="https://sites.google.com/site/wowslider101/2.jpg?attredirects=0" width="300" height="150" /></a> <a href="http://design2blogger.blogspot.com"><img src="https://sites.google.com/site/wowslider101/3.jpg?attredirects=0"width="300" height="150"></a>
</marquee>
Code
<marquee direction="left" align="middle"onMouseOver="this.stop();" onMouseOut="this.start();"
><a href="http://design2blogger.blogspot.com"><img src="https://sites.google.com/site/wowslider101/4.jpg?attredirects=0" width="300" height="150" /></a> <a href="http://design2blogger.blogspot.com"><img src="https://sites.google.com/site/wowslider101/2.jpg?attredirects=0" width="300" height="150" /></a> <a href="http://design2blogger.blogspot.com"><img src="https://sites.google.com/site/wowslider101/3.jpg?attredirects=0"width="300" height="150"></a>
</marquee>
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
<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
Heading |
Marquee with News Heading and Border
Heading |
<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
<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 |
Also border marquee: greate marquee design
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 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
Demo
<marquee scrollamount="5" width="40"><<<</marquee>hamro sansaar<marquee scrollamount="5" direction="right" width="40">>>></marquee>
Code
marquee for mouseover code add:
mouseover="this.stop();"
mouseout="this.stop();"
marquee with groove border, border size and text color
<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 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 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 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 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
1. Marquee with Background color without mouseover.
CODE
<marquee bgcolor="red" direction="left">marquee with background color</marquee>
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 style Marquee loop mean how much time are you want to slide/scroll in website.
<marquee direction="left" behavior="slide" loop="5">marquee left direction with slide behavior and loops style</marquee>
Demo
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 marquee 2. Marquee Code and Demo with Mouseover
code:Code:
<marquee direction="down" height=" 40px" behavior="slide"> down direction with slide behavior marquee </marquee>
Demo
<marquee direction="down" height="40px" behavior="slide" onMouseOver="this.stop();" onMouseOut="this.start();">left directon with scroll behavior marquee with mouseover</marquee>
Demo
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 marquee 2. 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
Code:
<marquee direction="up" height=" 40px" behavior="slide"> up direction with slide behavior marquee </marquee>
Demo
code:
<marquee direction="up" height="40px" behavior="slide" onMouseOver="this.stop();" onMouseOut="this.start();">up directon with slide behavior marquee with mouseover</marquee>
Demo
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 marquee 2. 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>
Demoleft directon with scroll behavior marquee with mouseover
Code:
<marquee direction="right" behavior="slide"> right direction with slide behavior marquee </marquee>
Demo
code:
<marquee direction="right" behavior="slide" onMouseOver="this.stop();" onMouseOut="this.start();">left directon with scroll behavior marquee with mouseover</marquee>
Demo
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:
Code:
<marquee direction="left" behavior="slide"> left direction with slide behabior marquee </marquee>
Demo
code:
<marquee
direction="left" behavior="slide"
onMouseOver="this.stop();"
onMouseOut="this.start();">left directon with slide behavior
marquee with mouseover</marquee>
Demoleft directon with slide behavior marquee with mouseover
Demo
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 marquee 2. 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
Code:
<marquee direction="down" behavior="scroll"> down direction with Scroll behavior marquee </marquee>
Demo
code:
<marquee direction="down" behavior="scroll" onMouseOver="this.stop();" onMouseOut="this.start();">left directon with scroll behavior marquee with mouseover</marquee>
Demo
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 marquee 2. 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>
Demoup directon with scroll behavior marquee with mouseover
Code:
<marquee direction="up" behavior="scroll"> up direction with scroll behavior marquee </marquee>
Demo
code:
<marquee direction="up" behavior="scroll" onMouseOver="this.stop();" onMouseOut="this.start();">up directon with scroll behavior marquee with mouseover</marquee>
Demo
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>
Demoright directon with scroll behavior marquee with mouseover
Code:
<marquee direction="right" behavior="scroll"> right direction with scroll behavior marquee </marquee>
Dem
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
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>
Demoleft directon with scroll behavior marquee with mouseover
Code:
<marquee direction="left" behavior="scroll"> left direction with scroll behavior marquee </marquee>
Demo
code:
<marquee direction="left" behavior="scroll" onMouseOver="this.stop();" onMouseOut="this.start();">left directon with scroll behavior marquee with mouseover</marquee>
Demo
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>
Demoup directon altarnate marquee with mouseover
Code:
<marquee direction="up" height=" 40px" behavior="alternate"> up direction alternate marquee </marquee>
Demo /
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
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>
Demoright directon altarnate marquee with mouseover
Code:
<marquee direction="right" behavior="alternate"> right direction alternate marquee </marquee>
Demo
code:
<marquee direction="right" behavior="alternate" onMouseOver="this.stop();" onMouseOut="this.start();">right directon altarnate marquee with mouseover</marquee>
Demo
Alternate Marquee Behaviour with marquee
1. Without Mouseover marquee code & Demo
Code:
<marquee direction="left" behavior="alternate"> left direction alternate marquee </marquee>
Demoleft 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>
Demoleft directon altarnate marquee with mouseover
Code:
<marquee direction="left" behavior="alternate"> left direction alternate marquee </marquee>
Demo
code:
<marquee direction="left" behavior="alternate" onMouseOver="this.stop();" onMouseOut="this.start();">left directon altarnate marquee with mouseover</marquee>
Demo
Marquee: down direction
1. Without Mouseover marquee code & Demo
Code:
<marquee direction="down">edit the text</marquee>
Demodown 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>
Demodown directon marquee with mouseover
Code:
<marquee direction="down">edit the text</marquee>
Demo
2. Marquee Code and Demo with Mouseover
code:
<marquee direction="down" onMouseOver="this.stop();" onMouseOut="this.start();">left directon marquee with mouseover</marquee>
Demo
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>
Demoup directon marquee with mouseover
Code:
<marquee direction="up">edit the text</marquee>
Demo
code:
<marquee direction="up" onMouseOver="this.stop();" onMouseOut="this.start();">left directon marquee with mouseover</marquee>
Demo
Simple Marquee: Right Direction
1. Without Mouseover marquee code & Demo
Code:
<marquee direction="right">edit the text</marquee>
Demoright 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>
Demoright directon marquee with mouseover
Code:
<marquee direction="right">edit the text</marquee>
Demo
code:
<marquee direction="right" onMouseOver="this.stop();" onMouseOut="this.start();">left directon marquee with mouseover</marquee>
Demo
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
Code:
<marquee direction="left">edit the text</marquee>
Demo
2. Marquee Code and Demo with Mouseover
code:
<marquee direction="left" onMouseOver="this.stop();" onMouseOut="this.start();">left directon marquee with mouseover</marquee>
Demo
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:
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:
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:
- Create a gmail Account.
- Search Google Sites or o[en url: www.google.com/sites
- Login with your Gmail Account.
- Click on Create
- 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.
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 .
- 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" /> <!-- Start WOWSlider.com HEAD section --> <!-- add to the <head> of your page --> <link rel="stylesheet" type="text/css" href=" <script type="text/javascript" src=" <!-- 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=" <li><img src=" <li><a href="http://wowslider.com"><img src=" <li><img src=" </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=" <script type="text/javascript" src=" <!-- 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
7. see the Demo 1, Demo 2 .