Free Blogging Easy

Better Commenting System And Form For Blogger, IntenseDebate.

2010-09-11T10:24:00.006+07:00

The most common question i hear from blogger users is ( can i have a better comments form ? )alot of blogger users just want that simple form for the comments area that looks elegant and have a name, e-mail and website boxs only,
Today we’ll learn how to convert our blogger regular comments form to another professional widget, this widget is presented by intensedebate.com

Widget Features.
• Ease of use:, your visitors just have to type, name and mail only.
• Threading: Reply directly to a specific comment with nested replies.
• Email Notifications: Receive alerts for replies and new comments.
• Reply-By-Email: Respond to and moderate comments via email.
• Comment Voting: Multiple Admins illustration Bring the best comments to the front.
• Moderation: Auto-filter comments by keyword, email and IP addresses.
• Spam Filters: Akismet keeps the spam at bay.
• And really more great features…

How To Add It To Your Blog.
we’ll look through the steps in simple points then we’ll read full instructions on how to add it for blogger.
here is the steps in a simple points.
• sign up an account in IntenseDebate.com, and confirm your email.
• go to your blogger account and download your current blogger template.
• go back to IntenseDebate.com and login, then type your blog url there.
• upload your blogger template in your IntenseDebate.com account,
• IntenseDebate.com will automatically modify your blogger template and give it ready for use to you.
• you’ll go to your blogger account and replace your current template with the one that you just got it from IntenseDebate.com
• and you are done.
now lets read how to do it in a detailed instructions.

Step 1.
go to IntenseDebate.com and click sign up, fill the form with a true mail, username, and password, then click signup.
you’ll need to verify your e-mail, so please go to the email account that you used to register, you’ll find a message from IntenseDebate.com, please check it, you’ll find an activation link, click on it, and you are done.
Step 2.
now go to your blogger account, and navigate to >> layout >> edit html >> and click Download Full Template, and save your template in a convenient place on your hard drive.

Step 3.
now go back to IntenseDebate.com and on the top right area click login, and log on to your account, after you are loged in your account, on the right side bar
you’ll see this title, Manage blogs/sitesbelow it please click Install IntenseDebate.
then you’ll be taken for a page asking you to type your blog url,
enter your blog url and click next step.

Step 4.
After clicking next step. in step 3, you’ll go to page separated for 2 parts. on the left hand, there is a sidebar contain 2 questions,
• - How would you like to install IntenseDebate?
- Widget
- Template
please choose Template, ( check the box next to it )
• - Which blog posts should have IntenseDebate comments enabled?
- Only on new posts
- On all blog posts
please choose On all blog posts ( check the box next to it )
and then scroll down till you see a button titled ” Browse ” click on it, and choose your blogger template that you downloaded in step 2, then click Upload file.
Step 5.
IntenseDebate.com will modify and generate your new template automatically , and on the next page, you’ll see your new template code, please see the next image.

as you see in the above image, please click on the box, then copy the new generated template code.
then go to your blogger account and once more again, navigate to >> layout >> edit html >>
but this time select all the current template code ( ctrl + A ), delete it, then paste ( replace ) your new template code, and click, Save Template now go to check any of your blog posts.

demo and final words.

please visit this blog to see this widget and try it.
please note that some custom blogger templates won’t be compatible with this widget

Kode-Kode Warna Untuk Menghias Blog

2010-09-11T05:04:00.011+07:00

Kode warna sangat penting bagi sobat-sobat yang suka edit gambar, template blog dll. dengan kode ini sobat-sobat mengkreasi warna sesuka anda ... tergantung selera masing-masinglah tentunya. Buat teman-teman yang membutuhkanya, silahkan dicopy-paste code script dibawah ini, dan coba berkreasi di blognya masing-masing.

#FFFFFF	#FFFFCC	#FFFF99	#FFFF66	#FFFF33	#FFFF00
#FFCCFF	#FFCCCC	#FFCC99	#FFCC66	#FFCC33	#FFCC00
#FF99FF	#FF99CC	#FF9999	#FF9966	#FF9933	#FF9900
#FF66FF	#FF66CC	#FF6699	#FF6666	#FF6633	#FF6600
#FF33FF	#FF33CC	#FF3399	#FF3366	#FF3333	#FF3300
#FF00FF	#FF00CC	#FF0099	#FF0066	#FF0033	#FF0000
2
#CCFFFF	#CCFFCC	#CCFF99	#CCFF66	#CCFF33	#CCFF00
#CCCCFF	#CCCCCC	#CCCC99	#CCCC66	#CCCC33	#CCCC00
#CC99FF	#CC99CC	#CC9999	#CC9966	#CC9933	#CC9900
#CC66FF	#CC66CC	#CC6699	#CC6666	#CC6633	#CC6600
#CC33FF	#CC33CC	#CC3399	#CC3366	#CC3333	#CC3300
#CC00FF	#CC00CC	#CC0099	#CC0066	#CC0033	#CC0000
3
#99FFFF	#99FFCC	#99FF99	#99FF66	#99FF33	#99FF00
#99CCFF	#99CCCC	#99CC99	#99CC66	#99CC33	#99CC00
#9999FF	#9999CC	#999999	#999966	#999933	#999900
#9966FF	#9966CC	#996699	#996666	#996633	#996600
#9933FF	#9933CC	#993399	#993366	#993333	#993300
#9900FF	#9900CC	#990099	#990066	#990033	#990000
4
#66FFFF	#66FFCC	#66FF99	#66FF66	#66FF33	#66FF00
#66CCFF	#66CCCC	#66CC99	#66CC66	#66CC33	#66CC00
#6699FF	#6699CC	#669999	#669966	#669933	#669900
#6666FF	#6666CC	#666699	#666666	#666633	#666600
#6633FF	#6633CC	#663399	#663366	#663333	#663300
#6600FF	#6600CC	#660099	#660066	#660033	#660000
5
#33FFFF	#33FFCC	#33FF99	#33FF66	#33FF33	#33FF00
#33CCFF	#33CCCC	#33CC99	#33CC66	#33CC33	#33CC00
#3399FF	#3399CC	#339999	#339966	#339933	#339900
#3366FF	#3366CC	#336699	#336666	#336633	#336600
#3333FF	#3333CC	#333399	#333366	#333333	#333300
#3300FF	#3300CC	#330099	#330066	#330033	#330000
6
#00FFFF	#00FFCC	#00FF99	#00FF66	#00FF33	#00FF00
#00CCFF	#00CCCC	#00CC99	#00CC66	#00CC33	#00CC00
#0099FF	#0099CC	#009999	#009966	#009933	#009900
#0066FF	#0066CC	#006699	#006666	#006633	#006600
#0033FF	#0033CC	#003399	#003366	#003333	#003300
#0000FF	#0000CC	#000099	#000066	#000033	#000000
7
#465584	#EEF2F7	#3A4F6C	#00D	#434951	#555
#777	#DFE6EF	#345487	#F5F9FD	#3860BB	#BCD0ED
#C2CFDF	#F0F5FA	#D1DCEB	#003	#900	#CCE9FD
#E4EAF2	#4C77B6	#DFE6EF	#EEF2F7

</div><table class="MsoNormalTable" style="" border="0" cellpadding="0" cellspacing="1"><tbody><tr style=""><td style="padding: 1.5pt; background: white none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">#FFFFFF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 255, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FFFFCC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 255, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FFFF99<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 255, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FFFF66<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 255, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FFFF33<o:p></o:p> </td> <td style="padding: 1.5pt; background: yellow none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FFFF00<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(255, 204, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FFCCFF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 204, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FFCCCC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 204, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FFCC99<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 204, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FFCC66<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 204, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FFCC33<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 204, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FFCC00<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(255, 153, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FF99FF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 153, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FF99CC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 153, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FF9999<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 153, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FF9966<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 153, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FF9933<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 153, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FF9900<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(255, 102, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FF66FF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 102, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FF66CC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 102, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FF6699<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 102, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FF6666<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 102, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FF6633<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 102, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FF6600<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(255, 51, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FF33FF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 51, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FF33CC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 51, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FF3399<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 51, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FF3366<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 51, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FF3333<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 51, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FF3300<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: fuchsia none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FF00FF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 0, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FF00CC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 0, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FF0099<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 0, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FF0066<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(255, 0, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FF0033<o:p></o:p> </td> <td style="padding: 1.5pt; background: red none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #FF0000<o:p></o:p> </td> </tr> <tr style=""> <td colspan="6" style="padding: 1.5pt;"><div style="text-align: center;"> </div><div style="text-align: center;"> 2 </div><o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(204, 255, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CCFFFF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 255, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CCFFCC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 255, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CCFF99<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 255, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CCFF66<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 255, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CCFF33<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 255, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CCFF00<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(204, 204, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CCCCFF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 204, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CCCCCC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 204, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CCCC99<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 204, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CCCC66<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 204, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CCCC33<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 204, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CCCC00<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(204, 153, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CC99FF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 153, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CC99CC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 153, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CC9999<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 153, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CC9966<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 153, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CC9933<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 153, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CC9900<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(204, 102, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CC66FF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 102, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CC66CC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 102, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CC6699<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 102, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CC6666<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 102, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CC6633<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 102, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CC6600<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(204, 51, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CC33FF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 51, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CC33CC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 51, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CC3399<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 51, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CC3366<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 51, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CC3333<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 51, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CC3300<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(204, 0, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CC00FF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 0, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CC00CC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 0, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CC0099<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 0, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CC0066<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 0, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CC0033<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 0, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CC0000<o:p></o:p> </td> </tr> <tr style=""> <td colspan="6" style="padding: 1.5pt;"><div style="text-align: center;"> </div><div style="text-align: center;"> 3 </div><o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(153, 255, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #99FFFF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 255, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #99FFCC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 255, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #99FF99<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 255, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #99FF66<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 255, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #99FF33<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 255, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #99FF00<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(153, 204, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #99CCFF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 204, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #99CCCC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 204, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #99CC99<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 204, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #99CC66<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 204, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #99CC33<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 204, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #99CC00<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(153, 153, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #9999FF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 153, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #9999CC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 153, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #999999<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 153, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #999966<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 153, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #999933<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 153, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #999900<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(153, 102, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #9966FF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 102, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #9966CC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 102, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #996699<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 102, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #996666<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 102, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #996633<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 102, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #996600<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(153, 51, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #9933FF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 51, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #9933CC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 51, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #993399<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 51, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #993366<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 51, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #993333<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 51, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #993300<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(153, 0, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #9900FF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 0, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #9900CC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 0, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #990099<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 0, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #990066<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 0, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #990033<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 0, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #990000<o:p></o:p> </td> </tr> <tr style=""> <td colspan="6" style="padding: 1.5pt;"><div style="text-align: center;"> </div><div style="text-align: center;"> 4 </div><o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(102, 255, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #66FFFF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 255, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #66FFCC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 255, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #66FF99<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 255, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #66FF66<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 255, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #66FF33<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 255, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #66FF00<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(102, 204, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #66CCFF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 204, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #66CCCC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 204, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #66CC99<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 204, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #66CC66<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 204, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #66CC33<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 204, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #66CC00<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(102, 153, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #6699FF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 153, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #6699CC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 153, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #669999<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 153, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #669966<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 153, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #669933<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 153, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #669900<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(102, 102, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #6666FF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 102, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #6666CC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 102, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #666699<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 102, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #666666<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 102, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #666633<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 102, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #666600<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(102, 51, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #6633FF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 51, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #6633CC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 51, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #663399<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 51, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #663366<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 51, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #663333<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 51, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #663300<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(102, 0, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #6600FF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 0, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #6600CC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 0, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #660099<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 0, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #660066<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 0, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #660033<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(102, 0, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #660000<o:p></o:p> </td> </tr> <tr style=""> <td colspan="6" style="padding: 1.5pt;"><div style="text-align: center;"> </div><div style="text-align: center;"> 5 </div><o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(51, 255, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #33FFFF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 255, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #33FFCC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 255, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #33FF99<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 255, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #33FF66<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 255, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #33FF33<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 255, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #33FF00<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(51, 204, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #33CCFF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 204, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #33CCCC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 204, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #33CC99<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 204, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #33CC66<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 204, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #33CC33<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 204, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #33CC00<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(51, 153, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #3399FF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 153, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #3399CC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 153, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #339999<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 153, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #339966<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 153, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #339933<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 153, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #339900<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(51, 102, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #3366FF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 102, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #3366CC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 102, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #336699<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 102, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #336666<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 102, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #336633<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 102, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #336600<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(51, 51, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #3333FF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 51, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #3333CC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 51, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #333399<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 51, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #333366<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 51, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #333333<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 51, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #333300<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(51, 0, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #3300FF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 0, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #3300CC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 0, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #330099<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 0, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #330066<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 0, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #330033<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(51, 0, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #330000<o:p></o:p> </td> </tr> <tr style=""> <td colspan="6" style="padding: 1.5pt;"><div style="text-align: center;"> </div><div style="text-align: center;"> 6 </div><o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: aqua none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #00FFFF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 255, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #00FFCC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 255, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #00FF99<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 255, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #00FF66<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 255, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #00FF33<o:p></o:p> </td> <td style="padding: 1.5pt; background: lime none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #00FF00<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(0, 204, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #00CCFF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 204, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #00CCCC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 204, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #00CC99<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 204, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #00CC66<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 204, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #00CC33<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 204, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #00CC00<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(0, 153, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #0099FF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 153, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #0099CC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 153, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #009999<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 153, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #009966<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 153, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #009933<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 153, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #009900<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(0, 102, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #0066FF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 102, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #0066CC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 102, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #006699<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 102, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #006666<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 102, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #006633<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 102, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #006600<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(0, 51, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #0033FF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 51, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #0033CC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 51, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #003399<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 51, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #003366<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 51, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #003333<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 51, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #003300<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: blue none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #0000FF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 0, 204) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #0000CC<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 0, 153) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #000099<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 0, 102) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #000066<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 0, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #000033<o:p></o:p> </td> <td style="padding: 1.5pt; background: black none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #000000<o:p></o:p> </td> </tr> <tr style=""> <td colspan="6" style="padding: 1.5pt;"><div style="text-align: center;"> </div><div style="text-align: center;"> 7 </div><o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(70, 85, 132) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #465584<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(238, 242, 247) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #EEF2F7<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(58, 79, 108) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #3A4F6C<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 0, 221) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #00D<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(67, 73, 81) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #434951<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(85, 85, 85) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #555<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(119, 119, 119) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #777<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(223, 230, 239) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #DFE6EF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(52, 84, 135) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #345487<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(245, 249, 253) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #F5F9FD<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(56, 96, 187) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #3860BB<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(188, 208, 237) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #BCD0ED<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(194, 207, 223) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #C2CFDF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(240, 245, 250) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #F0F5FA<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(209, 220, 235) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #D1DCEB<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(0, 0, 51) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #003<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(153, 0, 0) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #900 <o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(204, 233, 253) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #CCE9FD<o:p></o:p> </td> </tr> <tr style=""> <td style="padding: 1.5pt; background: rgb(228, 234, 242) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #E4EAF2<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(76, 119, 182) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #4C77B6<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(223, 230, 239) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #DFE6EF<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(238, 242, 247) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> #EEF2F7<o:p></o:p> </td> <td style="padding: 1.5pt; background: rgb(250, 252, 254) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> <o:p></o:p> </td> <td style="padding: 1.5pt;"> <o:p> </o:p> </td></tr></tbody></table>

Add Best Numbered Page Navigation Widget in Blogger with Scroll Effect

2010-09-11T02:57:00.004+07:00

Now Add Best Numbered Page Navigation Widget in Blogger with Scroll Effect using little bit of jQuery and CSS code. To have a Pagination Functionality in blogger can increase your website or blog's page visit counter/user traffic tremendously. Paginator 3000 is a New Numbered Page Navigation for Blogger.

While working with this Paginator 3000 widget your can set how many post every Page for your blog you want to display in this pagination. You also can set how Many number will show in Your page Navigation. Below is a guide on how you can add this widget in your blogger blog.

Steps to Add Numbered Page Navigation Widget with Scroll Effect in Blogger

Note: Before making any changes to your template, take a full backup of your blogger template.

#Step 1. Log in to your Blogger Dashboard and Navigate to Design > Edit HTML. Don’t click the Expand Widget Templates" check box.

#Step 2. Find this code

]]></b:skin>

and replace it with this code:
.paginator {
margin-top:60px;
font-size:1em;
}
.paginator table {
border-collapse:collapse;
table-layout:fixed;
width:100%;
}
.paginator table td {
padding:0;
white-space:nowrap;
text-align:center;
}
.paginator span {
display:block;
padding:3px 0;
color:#fff;
}
.paginator span strong,
.paginator span a {
padding:2px 6px;
}
.paginator span strong {
background:#ff6c24;
font-style:normal;
font-weight:normal;
}
.paginator .scroll_bar {
width:100%; height:20px;
position:relative;
margin-top:10px;
}
.paginator .scroll_trough {
width:100%; height:3px;
background:#ccc;
overflow:hidden;
}
.paginator .scroll_thumb {
position:absolute;
z-index:2;
width:0; height:3px;
top:0; left:0;
font-size:1px;
background:#363636;
}
.paginator .scroll_knob {
position:absolute;
top:-5px; left:50%;
margin-left:-10px;
width:20px; height:20px;
overflow:hidden;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggJuii_I7WargiCu9SqDs47JPhSAcIQqP5E-KidfQ7VsoVksFLpmoQYajWGqB085gMQjiZ8MPwIAXQhrKWJf6wQ3sXR4kzbV1lUJA7wRuD_Rh04Dh8bd6qcKMvDlzGhTrhH8ckqTntkR0/s1600/slider_knob.gif) no-repeat 50% 50%;
cursor:pointer; cursor:hand;
}
.paginator .current_page_mark {
position:absolute;
z-index:1;
top:0; left:0;
width:0; height:3px;
overflow:hidden;
background:#ff6c24;
}
.fullsize .scroll_thumb {
display:none;
}
.paginator_pages {
width:600px;
text-align:right;
font-size:0.8em;
color:#808080;
margin-top:-10px;
}

]]></b:skin>
#Step 3.Now find this code:
</body>
and replace it with this code:
<script src='https://sites.google.com/site/besthowtoblogger/blogspot/paginator3000.js' type='text/javascript'></script>
<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=6;
</script>
<script src='https://sites.google.com/site/besthowtoblogger/blogspot/paginator3000-forblogger-v1.0.0.js' type='text/javascript'/>
</body>

Further more if you want to customize number of posts per page and number to display on the blog you can change it based on your blog settings.

postperpage=7;
numshowpage=6;

postperpage: How many post every page for your blog.
numshowpage: How many number will show in your page navigation.

I hope it will work on your blogspot blog and make your blog easy to navigate for all the users. If you need any help please Leave a response

See Working Demo : here

You can Try it... Good luck!

Tags: Add Best Numbered Page Navigation Widget,Numbered Page Navigation,Numbered Page Navigation,Paginator 3000 in Blogger

How To Reduce Page Loading Time in Blogger Adding JQuery Lazy Loading Plug-In

2010-09-10T21:18:00.021+07:00

If your blog is contain too much images and Page Loading time of your blog is too high, then Adding jQuery Lazy Load Plug-in in you blog can help to Reduce Page Loading Time in Blogger.

Images below the fold (the ones lower than window bottom) are not loaded with help of the Lazy Load Plug-in, Means when scrolling down they are loaded only when they needed.
This post will explain to you how you can add JQuery Lazy Load Code in your blogger blog or any other website. It can reduce the page loading time of your site. You can see more details about this JQuery Lazy Load Plugin from here: http://www.appelsiini.net/projects/lazyload.

Lazy loader is a jQuery plugin written in JavaScript. It delays loading of images in (long) web pages. Images outside of viewport (visible part of web page) wont be loaded before user scrolls to them. Using lazy load on long web pages containing many large images makes the page load faster. Browser will be in ready state after loading visible images. In some cases it can also help to reduce server load.

Steps To Add Lazy Load jQuery Plugin in Blogger:
Step 1.Log in to your blogger dashboard--> layout- -> Edit HTML

Step 2. Scroll down to where you see </head> tag
Step 3. Copy below code and paste it just before </head> tag

<script charset='utf-8'
src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://pwam.googlecode.com/files/jquery.lazyload.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
$(function() {
$("img").lazyload({placeholder : "http://pwam.googlecode.com/files/grey.gif",threshold : 200});
});
</script>

You can Try... Good Luck..!

Tags :How Reduce Page Loading Time,Lazy Load Plug-in, Lazy Load jQuery Plugin in Blogger.

Learn The Basic Blogging Concepts

2010-08-09T01:05:00.002+07:00

With the rapid development of the technology in recent years, a lot of blogs and websites are established. People would like to use these sites to establish sales network online.
In fact, this is a trend in the future that people would try to use the websites or blogs to promote their businesses. Click Here!
If you are one of the business owners who think that online resources such as websites and blogs are tools to promote businesses, you need to understand that there are differences between the two tools and you should choose one of them carefully.

Firstly, websites are regarded as more complicated. You need to manage the html files carefully if you wish to establish website because this is the basic file for you to establish the website. When you want to change the design of the web pages, you need to submit those files again and replace the original files. If you are careless, you may accidentally delete the useful pages and this would require time for you to upload it again. If you do not have a backup, you would need to create everything again and you may cry because of that.

Of course, websites could enable the users to have more variations. They could include a lot of useful things to the websites and they would have the options to bring attractive designs as long as they could make use of the programs to add the interesting graphics to the site. And the hosting plan for website is usually more comprehensive.

On the other hand, signing up for a blog can save you plenty of time in doing the amendments. The latest edition of blog content management system, the one from WordPress, can allow users to edit the CSS codes. This can enable the users to improve the quality of the websites conveniently. They could use the original templates of the websites and edit the CSS code there. With this step, they could make unique design of website even though they are not experienced in designs of website.

The plugins of the WordPress programs could make a blog into silo structure and the search engine will understand the content of each page easily. Therefore, they could precisely analyze the content of each page and arrange them to the right category in the search engine results page.

Besides, another plugin could help the blog users to get back links conveniently. Whenever the audience likes the content on your blog, they could forward your article and leave a back link in their websites. This would surely help you gain a higher ranking in the search engine results page because back links can help a website to look reliable.

It can be a difficult task for you to manage the blogs or websites on your own. If you are not experienced in the management of these sites, you may ask for help online. You are not alone and there are plenty of users of these services online. If you search in the search engine, you will see a lot of forums or websites which can help you. As long as you are willing to ask questions and listen to the others humbly, you can get the necessary help.

By : Heber

Become a Professional Blogger - Multimedia

2010-08-07T02:08:00.001+07:00

Did you know that you can become a professional blogger from the comfort of your own living room? Businesses are looking for blogging professionals to help create their brand image online and they really don't want to have to outsource. They want some control over their brand with people they can trust. Using multimedia in your blog posts have a number of advantages. The use of videos, images, MP3 and podcasts bring a boring blog post to life. Videos can be used by a company to increase brand awareness in the reader and help with customer service. Consumers like to meet the company decision makers one-on-one before they make a purchase, just like in the real world. In the real world, people can have consultations or even visit a retail establishment before a purchase. Videos can close the gap of anonymity and create a trust online that readers can feel better about. Podcasts and audio can be downloaded and researched later by the reader so they can make the proper decisions about the service.
Businesses are busy running their company and creating new services. They rely on bloggers that know the ropes to create the most interesting posts and present the business in the best possible light. Multimedia gives the blog color and excitement. Search engines love blogs with multimedia as well. It gives the searcher the most options on how they process their information. The difference between a boring blog that doesn't convert into sales and one that readers come back to again and again has everything to do with multimedia. As a blogging pro, you need to know how to manage the plug-ins and files that bring a blog to life. Are you ready to take your blogging skills to the real world? Learn how professional blogging training can open the doors to a new career!

Internet Association of Information Marketers

By Marc Bullard

6 Things You Need to Check Before You Begin Promoting Your Blog

2010-08-07T02:02:00.001+07:00

Is your blog ready for promotion? Here's a quick checklist to help you answer that question.
1. Content
Do you have a dozen or so posts published on the blog? You want to have content ready before you start sending traffic to your blog. They'll need something to read when they land on your blog... don't just give them a "coming soon" post. 2. Branding
Does your blog theme choice and header graphic express what your blog is about and support your branding? Make sure your theme conveys the right style and feel. Your blog header should include your blog's title and make it obvious what readers will find on your blog. If you're adding a blog to an existing website, does the design complement your existing website and tie in so readers can tell they're connected?
3. Contact
Is your about page setup and does it include an easy way to get in touch with you? Share a photograph of yourself, and information about your inspiration to blog about the topic you've chosen. Let your readers in on who you are and why you're blogging. Offer links to your social networking profiles as well as an easy to use contact form so readers can connect with you in the way they prefer.
4. Subscriptions
Have you setup an easy way for readers to subscribe to your blog with an RSS feed and email delivery option? Your blog probably has an RSS feed built in and just waiting for you to link to it. You can use FeedBlitz or FeedBurner to deliver your blog by email. If you use Aweber or GetResponse you can also deliver your blog by email through their services.
5. Sharing
Can readers easily share your posts? Try a plugin like ShareThis, AddtoAny, Sociable or Sexy Bookmarks. Also look at adding a Facebook like button or Tweet button. Make it easy for readers to share your posts with their friends and they're more likely to do so.
6. Email Capture
Is your ezine subscription box/offer on every page of your blog? The header or top of your sidebar are good places for it. Have you given readers a good reason to give you their contact information? Offer a free report, audio file, or other gift in exchange for their subscription. Be sure you also have a privacy/spam policy noted by your opt-in box to increase confidence.
With these 6 important aspects covered, you're ready to start promoting that blog!

And now, let me give you access to some great free resources for small businesses including 101 Free/Cheap Ways to Market Your Business and more at http://www.michelleshaeffer.com
Michelle Shaeffer has been a work at home mom for more than 10 years and loves to share the tips and strategies she's learned to help other home based business owners.

By Michelle Shaeffer

How To Start Your Own Blog

2010-08-07T00:01:00.001+07:00

Everywhere you look now someone is starting a blog. It can be for their business or even just a personal blog. Hubpages, is a BIG blog with hundreds of active bloggers that are releasing hubs, or posts, about what they know.

This, could be a blog post if I wanted it to be. Change the first paragraph a bit and repost it on another website. You probably already do that! You write an article and then submit it to the different blogs you have, even your own website. But anyways, here are a few surefire steps in which you can start your OWN blog.

Ideas

1. Pick something you are passionate about! Say you use a certain product every single day, and you think that you could make a living writing about all the different flavors of that.

2. Make sure the market isn't flooded with other blogs talking about the exact same thing that you are. If you find the niche you picked isn't working, narrow it down!

Example:

* Headphones>

* Headphones> For iPod users

* Headphones> For iPod users> American

Which Blog?

After you have your niche picked and narrowed down you have to decide how you are going to blog.

Here are a few choices you can do:

1. Register a domain name and host it. This is the thing that most professional bloggers will tell you is key. Having your own .com name makes it look like you are experienced at what you do, and that you are serious. This does cost money, but it will pay off in the long run.

* Go Daddy!

* 1and1

* Network Solutions

2. Make an account at a free blogging platform. There are hundreds of these that can suit you for everything a new blogger could need. They work perfect for a new blogger that is making something for their first time and need some assistance. The best part is that they are free!

* Wordpress

* Blogger

* Thinkpad

Content

Content is king. If your blog doesn't have something good to say then why are people coming? There are a few key things you can do to have great content, and get people hooked.

1. Write 5 or 6 articles before you start your blog, and make sure you have a few backup posts ready for the days when you don't have time, or can't write a post.

2. Stay on target! Don't ramble off about something different entirely.

3. Keep at it! If you don't get immediate response in the first few weeks, keep going. Its bound to happen that someone will stumble on your blog and link it from their site. Its going to happen, be patient.

4. Content!

Marketing

SEO, or Search Engine Optimization is key. If you don't show up on a search page, then how are people going to know about you? You need to actively market your website MANY different ways.

1. Go to Google and submit your site! They have a section devoted entirely to that. Make sure you have 5+ posts up before you do this, or they might reject your site.

2. Attach a link to your website on your emails, forum signatures and make sure its on your business card.

3. Send out an email to everyone in your address book telling them about your new blog, and how it can help them.

4. If you have any other pages, link to your new blog. Backlinks are how Google ranks you one there search results.

5. Contact other blogs with the same niche as you and set up a day where the both of you write up an article about each other. You both get different traffic that you might not have had.

6. Whenever you write articles, make sure you attach your name and blog address at the bottom/top so that if people re-use your article, they are re-using you.

Written by Ben Thompson.

Cara mudah buat blog Blogger

2009-06-24T23:45:00.002+07:00

Before you can create a free blog on Blog * Spot, Blogger's hosting service , you must have created an account on blogger.com. Once you've logged into blogger.com , click the " Create a Blog "
In Step 2 , enter a title and address (URL ) . You also need to type in the verification word displayed on this page . When finished , click " continue "

In step 3 , you can choose a template for your blog , and that's how it will appear when you publish .
Next, Blogger will create your new blog and reserve your spot on BlogSpot . As soon as you make your first post , your page will appear in the address you choose. After that on your Dashboard , click the link " New Post "on the blog you want to send . Next, you 'll see the Create New Post page . Begin by giving the title of your post ( optional ) , then enter his post . When finished , click the " Preview " to ensure that the post is ready. Once you are satisfied with your post , click the " Publish " . This will publish your new post . Thank you ... good luck ... some success

Peltor H10A professional noise cance ( AO Safety )

2009-06-23T15:26:00.000+07:00

Transcend 8 GB SDHD

2009-06-23T15:13:00.000+07:00

Family vacation

2009-06-23T12:31:00.000+07:00

This is a picture of us to Medan city journey