Blogger Falling Rectangles : How to Add Falling Rectangles to Blogger?
71You can add falling objects like small rectangles, circles, stars etc. to your blogger template. When anyone open your blog, they will see that small rectangles or circles or stars are falling. This really increase your blog outlook. You can add these type of objects easily to your blog. This page contains information to add rectangle objects which will be falling to your blog.
Steps to add falling rectangles to blogger
Follow the following steps to add falling rectangles to blogger:
- Open www.blogger.com in your browser and log in to your account by using your username and password.
- After successfully logged in, you will be redirected to Dashboard. From the "Dashboard" panel, select the blog you want to modify and click that blog's Layout option.
- Soon you the "Layout" of your desired blog will be opened. Now, click on the option Add a Gadget.
- Now a window will be opened and you will see several gadgets option to add your blog. Choose HTML/JavaScript as a page element of your blog.
- Now, add the following lines of code to the HTML/JavaScript window.
<div align="center"> <marquee behavior="scroll" direction="down" style="position:absolute; left:50px; top:150px; width:16px; height:200px; z-index:1;" scrollamount="1"><span class="falling1"><img src="http://i43.tinypic.com/2hxbx2a.jpg"/></span></marquee> <marquee behavior="scroll" direction="down" style="position:absolute; left:300px; top:150px; width:16px; height:200px; z-index:1;" scrollamount="2"><span class="falling1"><img src="http://i43.tinypic.com/2hxbx2a.jpg"/></span></marquee> <marquee behavior="scroll" direction="down" style="position:absolute; left:700px; top:150px; width:16px; height:200px; z-index:1;" scrollamount="3"><span class="falling1"><img src="http://i43.tinypic.com/2hxbx2a.jpg"/></span></marquee> <marquee behavior="scroll" direction="down" style="position:absolute; left:800px; top:500px; width:16px; height:437px; z-index:1;" scrollamount="4"><span class="falling2"><img src="http://i42.tinypic.com/w7iovc.jpg"/></span></marquee> <marquee behavior="scroll" direction="down" style="position:absolute; left:900px; top:150px; width:16px; height:200px; z-index:1;" scrollamount="4"><span class="falling1"><img src="http://i43.tinypic.com/2hxbx2a.jpg"/></span></marquee> <marquee behavior="scroll" direction="down" style="position:absolute; left:100px; top:180px; width:16px; height:437px; z-index:1;" scrollamount="2"><span class="falling2"><img src="http://i42.tinypic.com/w7iovc.jpg"/></span></marquee> <marquee behavior="scroll" direction="down" style="position:absolute; left:400px; top:180px; width:16px; height:437px; z-index:1;" scrollamount="3"><span class="falling2"><img src="http://i42.tinypic.com/w7iovc.jpg"/></span></marquee> <marquee behavior="scroll" direction="down" style="position:absolute; left:800px; top:180px; width:16px; height:437px; z-index:1;" scrollamount="4"><span class="falling2"><img src="http://i42.tinypic.com/w7iovc.jpg"/></span></marquee> <marquee behavior="scroll" direction="down" style="position:absolute; left:1000px; top:180px; width:16px; height:437px; z-index:1;" scrollamount="1"><span class="falling2"><img src="http://i42.tinypic.com/w7iovc.jpg"/></span></marquee> <marquee behavior="scroll" direction="down" style="position:absolute; left:150px; top:180px; width:16px; height:437px; z-index:1;" scrollamount="3"><span class="falling2"><img src="http://i44.tinypic.com/24phw5w.jpg"/></span></marquee> <marquee behavior="scroll" direction="down" style="position:absolute; left:650px; top:180px; width:16px; height:437px; z-index:1;" scrollamount="4"><span class="falling2"><img src="http://i44.tinypic.com/24phw5w.jpg"/></span></marquee> <marquee behavior="scroll" direction="down" style="position:absolute; left:235px; top:180px; width:16px; height:437px; z-index:1;" scrollamount="4"><span class="falling2"><img src="http://i44.tinypic.com/24phw5w.jpg"/></span></marquee> <marquee behavior="scroll" direction="down" style="position:absolute; left:450px; top:180px; width:16px; height:437px; z-index:1;" scrollamount="1"><span class="falling2"><img src="http://i44.tinypic.com/24phw5w.jpg"/></span></marquee> <marquee behavior="scroll" direction="down" style="position:absolute; left:750px; top:180px; width:16px; height:437px; z-index:1;" scrollamount="2"><span class="falling2"><img src="http://i44.tinypic.com/24phw5w.jpg"/></span></marquee> </div>
Note: You may use your own liked image. To do this, you must have to upload your image to any image hosting website and replace the like with your desired ones.
And that's all. Now if you open your blog, then you will see small rectangles are falling.
Live Demo
I already developed one blog to see you the live demo if you apply this tutorial. To see that blog or that live demo, click on the following link:
©
This tutorial is written by Blog.
For more blogspot tutorials, visit http://hubpages.com/hub/blog-index.
rancidTaste's Recent Pages
- Fresh and unique contents for Search Engine Optimization: The secret talks of SEO and generating site contents
Millions of websites with billions of webpages are available in the cyberspace. - 10 days ago
- Free malware protection with Portable Anti Trojan Elite: The best malware blocker and malware remover for your compter
Recently malware is spreading very rapidly. - 10 days ago
- rundll32.exe - Application Error â The memory could not be "read". Click on OK to terminate the program.
Windows operating system is corrupted due to several virus infections. - 2 weeks ago
- PPV or PPC?: "Pay Per View or Pay Per Click?" - Which One is Better?
Pay per view (PPV) and pay per click (PPC) are two types of marketing advertising solutions which is used by the advertisers to reach targeted group of visitors. - 2 weeks ago
- Make Good Money with Good Articles and Get Quick Cash
Before going to the main content, I want to ask you tow question? - 2 weeks ago
- Hot Secrets Behind Good Articles: How and Why Good Writers Always Write Good Articles?
Before writing to Hubpages, I have no idea about good articles. - 2 weeks ago
- Backlinks And Backlinking: Search Engine Optimization and the Importance of Backlinks And Backlinking
If you do a small research on search engine optimization or high search engine ranking, then you must come across the term backlinks or backlinking. - 3 weeks ago
- Validate with a Validation List: Create you own Validation List in Excel
Excel enables you to restrict the values a user can enter in a cell. - 3 weeks ago
blog's Recent Pages
- Hover Peek-a-boo Blogger Navbar: How to Hide Blogger Navbar and Make It Visible When You Place the Mouse Cursor on It?
The Blogger Navbar appears by default at the top of every Blogger-powered blog. - 5 months ago
- Remove or Hide the Blogger Navbar: How to Remove or Hide Blogger Navbar?
The Blogger Navbar appears by default at the top of every Blogger-powered blog. - 5 months ago
- Change the Color of Blogger Navbar: How to Change the Color of Blogger Navbar?
The Blogger Navbar appears by default at the top of every Blogger-powered blog. - 5 months ago
- Blogger Navbar: What Is Blogger Navbar And It's Advantages and Disadvantages
Blogger Navbar appears at the top of every blogger by default. - 5 months ago
- Adding "Top of Page" Icon Link: How to Add "Top of Page" Icon Link on Your Blog or Website
Many of the websites or blogs posts have a small text or image floating at the bottom-right or bottom-left or bottom-center. - 5 months ago
- Adding "Top of Page" Text Link: How to Add "Top of Page" Text Link on Your Blog or Website
Many of the websites or blogs posts have a small text or image floating at the bottom-right or bottom-left or bottom-center. - 5 months ago
- Adding Signature to Blogger Posts: How to Add a Signature under Your Blogger Posts?
You can easily add your own custom signature to your blogger posts. - 5 months ago
- Blogger Falling Rectangles : How to Add Falling Rectangles to Blogger?
You can add falling objects like small rectangles, circles, stars etc. - 5 months ago
PrintShare it! — Rate it: up down flag this hub
