On the occasion of this day Rizq Com Bandungan share ways how to make the widget scroll to save space and beautify as well as add new articles on the best friend all active. Very useful when installed to facilitate the visitors log DIB chose who want to read the article more easily.
Ok immediately wrote us into how to make it.
1. Login to Blogger
2. Select Menu "layout"
3. Select (click) "Page Elemet"
4. Click the "Add a Gadget" then please select or click on the "HTML / Javascript"
5. Copy Paste an existing script below:
<div style="height: 200px; overflow: auto; width: 100%;">
<ul>
<li> <a href="http://rizqcom.blogspot.com/2010/08/how-to-make-google-translate-on-blog.html" style="color: #3300FF
;"> How to make google translate on the blog</a></li>
<li> <a href="http://rizqcom.blogspot.com/2010/08/image-by.html" style="color: #3300FF
;"> Free SMS</a></li>
<li> <a href="http://rizqcom.blogspot.com/2010/07/get-dollars-through-incomeweb.html" style="color: #3300FF
;"> Get dollars through incomeWeb</a></li>
<li> <a href="http://rizqcom.blogspot.com/2010/07/free-download-firefox-366.html" style="color: #3300FF
<li> <a href=" http://rizqcom.blogspot.com/2010/05/computer-driver-provider-site.html " style="color: #3300FF;"> Computer Driver Provider Site
</a></li>
<li> <a href=" http://rizqcom.blogspot.com/2010/05/30-web-directory-where-to-find-free.html " style="color: #3300FF;"> 30 Web directory, where to find free backlinks (free link exchange)
</a></li>
</ul>
</div>
overflow: auto;
This code is to create a scrolling or capstan pages from the page if the content exceeds the height or width limits that have been determined.
width: 300px;
Is the width of the field in want, in this case amounted to 300 pixels, this value must be adjusted with the desire or adjusted with the existing width of the sidebar. however, to comply with the sidebar then you should use the value 100% (width: 100%).
height: 200px;
Is high in the desired fields, this value can change as you wish, eg 250px or so other values.
padding: 10px;
Maker code distance is so written in these pages does not hit the wall of a page, the value of this course can change as you wish. eg padding: 5px;
the result will be
4. Click the "Add a Gadget" then please select or click on the "HTML / Javascript"
5. Copy Paste an existing script below:
<div style="height: 200px; overflow: auto; width: 100%;">
<ul>
<li> <a href="http://rizqcom.blogspot.com/2010/08/how-to-make-google-translate-on-blog.html" style="color: #3300FF
;"> How to make google translate on the blog</a></li>
<li> <a href="http://rizqcom.blogspot.com/2010/08/image-by.html" style="color: #3300FF
;"> Free SMS</a></li>
<li> <a href="http://rizqcom.blogspot.com/2010/07/get-dollars-through-incomeweb.html" style="color: #3300FF
;"> Get dollars through incomeWeb</a></li>
<li> <a href="http://rizqcom.blogspot.com/2010/07/free-download-firefox-366.html" style="color: #3300FF
<li> <a href=" http://rizqcom.blogspot.com/2010/05/computer-driver-provider-site.html " style="color: #3300FF;"> Computer Driver Provider Site
</a></li>
<li> <a href=" http://rizqcom.blogspot.com/2010/05/30-web-directory-where-to-find-free.html " style="color: #3300FF;"> 30 Web directory, where to find free backlinks (free link exchange)
</a></li>
</ul>
</div>
overflow: auto;
This code is to create a scrolling or capstan pages from the page if the content exceeds the height or width limits that have been determined.
width: 300px;
Is the width of the field in want, in this case amounted to 300 pixels, this value must be adjusted with the desire or adjusted with the existing width of the sidebar. however, to comply with the sidebar then you should use the value 100% (width: 100%).
height: 200px;
Is high in the desired fields, this value can change as you wish, eg 250px or so other values.
padding: 10px;
Maker code distance is so written in these pages does not hit the wall of a page, the value of this course can change as you wish. eg padding: 5px;
the result will be
- How to make google translate on the blog
- Free SMS
- Get dollars through incomeWeb
- Free Download FireFox 3.6.6
- Blogger Buzz: Blogger integrates with Amazon Associates
- Frequently used popular antivirus everyman
- Creating an animated picture on the blog
- How To Display IP Address Area Blog
- How to get linux for free CD
- Where we can get the Link Download Game House
- How To Program and Game roads in Windows 7
- How to speed up Windows 7
- Best-selling computer in the world
- Download Free Chess Game
- Increase traffic (visitors blog) using myblogblog yahoo
- How to create a blog
- Free Game Download Sites
- Tetris game downloads
- Download Google Chrome 5.0 Latest
- Operating System computer
- How to Select the Right LCD Monitor
- Way select a sound card
- Accelerate Windows XP Performance Secret
- COMPUTER HISTORY
- 6 Tips Computer Security Articles
- Recovery mode with the Get Data Back
- What good is a link exchange?
- Cheat Game
- Free VGA
- Articles How to Take Care of Computer
- Tutorial System Registry, what and why?
- How to get Free Blog Templates
- How to Successful Blogging
- Knowing Blog Visitor Stats
- Buying a laser printer?
- How to Raise Good Ranking On Alexa
- How to choose keywords (keywords) the right to blog labels using the Google Keyword Tool
- Make money by selling other people's products
- Computer Driver Provider Site
- 30 Web directory, where to find free backlinks (free link exchange)
Comments :
0 Coment to “Creating a Scroll Widget in Blog Menu”
Post a Comment