Recent Posts

Know More About CSS Wrapper Elements In Blogger / Blogspot

Know more CSS Wrapper Elements in Blogger  Blogspot2Blogger / blogspot allows users to edit html styling through. Thus it provides an opportunity for you, the owner of a blog on blogger, to modify the look of your blog. One is a touch on the wrapper CSS styling elements. The basic elements of the wrapper described as follows:
Know more CSS Wrapper Elements in Blogger  Blogspot
1. # outer-wrapper or # outer-wrap or # outer
2. # header-wrapper and # header or # header-wrap
3. # content # content-wrapper or wrap or # content
4. # main-wrapper or main-wrap or # main
5. # sidebar-wrapper or # sidebar-wrap or # sidebar, there is also # lsidebar (l = left) and # rsidebar (r = right)
(The names of the relative nature)
You will see the declaration appended to it, for example:
# outer-wrapper {width: 960px; margin: 0 10px 0; border: 3px solid # 666666, ……  and so on}
background (color or image / image), margin, padding, border, width, height (for header)

How To Make Pulldown/Dropdown Menu With Button On Blogger/Blogspot

How to Make Pulldown dropdown Menu with Button on Blogger BlogspotPull down menus are often also referred to as a dropdown menu or jump menu. Known as a pull down menu list will appear after the top of the menu is clicked / pressed, and a dropdown menu called anyway because after a row is clicked the menu list will appear sequentially down.
Pull down the menu / drop down menus are very useful to display a list of choices so long as it can shorten the length of the page blog / website and would create a blog / website look more elegant and professional. You can use the pull down menu to set the links blogrol, label, archive, categories, and so forth.
In this occasion I would be a review and share on how to create a drop down / pull down menu button plus an HTML-based form and command the javascript function.
Fundamentally, it is a series of options pulldown menu option tag in the selection of which are summarized in a form:
<form>
<select>
<option></option>
<option></option>
<option></option>
</select>
</form>
And will look like this:
To provide contents or list menu, add value and anchor text in option tag, the identity function (name) on selection, and function form:
<form name="Jump">
<select name="menu">
<option value="url link list 1">Name List 1</option>
<option value="url link list 2">Name List 2</option>
<option value="url link list 3">Name List 3</option>
</select>
</form>
Finally, add a command button and link javascript input option when clicking on the appropriate sequence identity (name):
<input type="button" onClick="location=document.lompat.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
Oops, due to what appears on the form is the name of the first list and less informative, add the option with an empty value and text as information for visitors about the contents of the menu:
<option> – Chose The  Tutorial -- </option>
Here's the full script:
<form name="Jump">
<select name="menu">
<option"> – Chose The Tutorial -- </option>
<option value="url link list 1">Name List 1</option>
<option value="url link list 2">Name List 2</option>
<option value="url link list 3">Name List 3</option>
</select>
<input type="button" onClick="location=document.lompat.menu.options[document.lompat.menu.selectedIndex].value;" value="GO">
</form>
  Examples of implementation (check all the links):
customization:
- Replace -Chose The Tutorial - with the text you want displayed on the top line pull down menu.
- Replace the word GO / other orders preferred.
Blog blogger, you can easily install it as a widget / gadget.
Dashboard >> Design >> Add a Gadget >> HTML/Javascript
That's it. Have fun!

How To Make And Optimize Label Functions on Blogger/Blogspot Basic Step for Beginners

How To Make and Optimize Label functions on BloggerLabels on the blog-platform Bloggger (Blogspot) has a function as a post classifier based on criteria / specific categories. With the label, expected visitors / blog readers can more easily find parts / certain categories of postings (the articles) in accordance with what he wants. However, there are some special characteristics that make the "Blogger Label" in contrast to feature on the blog platform category other (category in WordPress for example). Understanding these characteristics is expected to maximize the function label and also avoid the adverse effects especially for SEO blog Blogger / Blogspot:

 1. How To Make Labels Blogger / Blogspot (Basic Step for Beginners)
There are two ways to create a label:

a. Creating new page label when in post / create a new post (post editor)
When making a post, you can instantly create a label.
clip_image001
See the box at the bottom of the post editor
clip_image001[5]
Enter the label you want, can be more than one
b. Create and edit labels on the "edit posts".
clip_image001[7]
Check one or several existing posts at the bottom of the label editor as above, then select the label / create new label / delete labels on the dropdown menu "Label Actions ..."

2. General Characteristics Blogger Label
a. Label arrangement shown on the link labeled either above or below the posts are indexed, for example: Label: Blogging, Cheat, Download, and so on.
b. Blogger labels grouping is in fact not the system directory, but only the grouping based on the results of a post that is marked with a specific label and a search command (search label). This is a weakness and differences Blogger Label with WordPress category, where the category is a grouping of directories, so no parental category, child category, and so on.
c. Because the label is actually a url search commands (eg url: http://topbestbloggertemplates.blogspot.com/search/label/Blogger%20SEO), then the label is not a permanent link (permalink). Or, more simply, you could say the label is in fact not the real url. Labels are only formed as a result of the search url command (for example like seach engine search url). Therefore, search engines do not take into account the label as a link / url valid for indexed. That's why when you go into Google Webmaster Tools, there is information that the links in the label-restricted by robots.txt. In effect, the indexed label actually even have a negative impact on SEO.
d. If you use the menu / navigation breadcrumbs (especially as I have made and some other similar), label is a label that captured the most recent, so what if you put more than one label on a post, and because the labels are sorted alphabetically, the label shown in the breadcrumbs menu is labeled with the alphabet end of the post. If the label is generated by the breadcrumbs less precise and not as expected, then the SEO optimization also be less than the maximum.

Example: a post has a label: "Design, HTML, Tricks". then the breadcrumbs menu is generating results:
Browse >> Home >> Tricks >> Post Title.
3. Maximizing Function Labels for Navigation and SEO a. Attach the label as a navigation tool based on group posting, either on the mailing label link that has been provided as a default widget Blogger / Blogspot or on the menu / navigation others, such as the horizontal menu. Such features can help visitors / blog readers find postings that fit the desired group / specific categories.
b. Advised not to put too much label on a post, so do not confuse the visitor / reader blog. 4 or 5 labels at a post has a maximum limit that can be applied.
c. Because the label is not a real url (permalink), for SEO, then you should not be included as a link label that should be indexed search engine. The trick is to make links are nofollow tag. Add rel = nofollow on every link label when you create / affix the label link manually. This method is used when you add links manually label on the content of the post or menu / navigation extra.
Example of adding the nofollow attribute on hyperlinks (a tag):
<a href="http://topbestbloggertemplates.blogspot.com/search/label/Blogger%20SEO" rel="nofollow"> Widgets </ a>
If you want to add nofollow congenital Blogger widget automatically label and the label also appears on the bottom / top of the post, the nofollow attribute must be added through the HTML edit xml tag labels. See: How to Create / Change Label Blogger So Nofollow

d. Order to overcome the appearance of breadcrumbs with labels that do not fit or are unwanted, so be careful in making a label for the post. Make sure the label you want to appear on the label breadcrums is to be optimized. Should not be too much use of labels on a post and see if the alphabetical order of last name is a label that wanted to appear in the breadcrumbs. Corresponding labels can affect both SEO.
Happy blogging, mates!

10 Best Ping Service Sites For Blogger/blogspot To Quickly Indexed On Search Engines

10 best Ping service Sites for blogger blogspot to quickly indexed on search enginesPing is a notification on websites directory & search engines to your website or blog content quickly indexed. There are many websites that provide ping service. Conceptually, in addition to notifying the search engines, some ping service sites also ping to other ping services sites . The system is almost like a viral, once a ping on the service then some ping-affiliated sites will receive the ping and forward.
To ping, you can open ping service websites are very numerous. You can look it up in the search engines with keywords such as: "ping service", "ping tool", "blog ping tool, and others. In general, these sites will ask you to perform the following steps:
1. Fill url blog / website
2. Fill in the name (title) blog / website.
3. Fill the feed url blog / website, (usually optional, but if there is the option, fill in for more leverage)
4. Fill in a valid email address (mostly asking this)
4. Fill the security code / captcha (some require)
5. And click the ping command.
6. Wait until the process is complete.

Some sites allow you to enter the url service posts, but some others do not allow it. Only the root url (front page url) is allowed.
Use ping services of the following best ping services site

1. Pingler.com
In addition to pinging services to approximately 100 websites, the site also provides an add-on browser Mozilla Firefox. Add-on is easier for you to ping a url without having to go to the website. The trick is to click pingler tool installed at the top of the browser when the browser are on a particular page. Get the add-on directly in Pingler.

2. Auto-ping.com
Service is also ping ping url to many websites. In addition, there is also a widget that you can put on your blog / website that you can use to ping when you are on a particular page on your blog. Click on the widget to automatically ping and there will open a new window to the page ping.

3. Mypagerank.net (ping service page)
In addition to having tools like website submission, pagerank checker, meta tag creator, and others, this site also provides a ping to 80 websites. One site with lots of packages. Recommended really was.

4. Pingomatic.com
Instant ping services primarily for feed updates.

5.Autopinger.com
In addition to pinging services, the site also provides a widget button autopinger to ping through the pages where you are now pinging. There are options to ping blog and podcast blog.

6. Pingmyblog.com
Provides up to 71 ping services website.

7.Pingates.com
Perform a ping service to approximately 40 sites.

8. Pingoat.com
Perform a ping service to 51 websites with three kinds of specifications (general, non english, and special).

9. Ping.in
Has the same specifications as pingoat.com.
Ping the specified interval on the above websites to maximize index your blog / website. You can use all these services, but give the distance in order to avoid crashes. Some sites only allow 1 ping times up to several times a day. Suggestion: bookmark the page ping each site in your browser after ping ping to ease further.

Easy Upload / Hosting File Javascript (.js) Quick Loading For Personal Use

Easy Upload  Hosting File Javascript  Quick Loading For Personal use 3If you are going to install the widget on the blog, and will use JavaScript files that have been uploaded and hosted by the giver script. usually we are asked to upload and host the .js files  his own. The problem is, sometimes loading pages (page load) being hampered because the .js file that is uploaded is also used a lot of website / blog. Additionally, uploading and hosting the js file in the usual places, such as GoogleCode or sites.Google, is no longer efficient as it used to. In fact, sometimes loading pages so bad because the wait was too long response of its host.
So, to tackle the problem, hosting JavaScript required alternative that can be used optimally and can be for personal use. Well, after rummaging through Google, I finally found this one site, YourJavaScript. This site answers all these needs: fast loading, upload efficient because it does not need a list, and can be set for individual use.

How to upload and hosting The JavaScript file:
Sign in to Yourjavascript, previously prepared in advance javascript files (js) to be uploaded.
Consider the following picture:
Easy Upload  Hosting File Javascript  Quick Loading For Personal use 1
A. Click Chose File, after the folder window appears, select the .js files to be uploaded.
B. Tick ​​'Make private' if the file will only be used for the website / domain specific. This form will appear as below:
Easy Upload  Hosting File Javascript  Quick Loading For Personal use 2
Fill in the url where the file will be used. If more than one, separate them with a line. Note: url / domain with or without www same.
C. Enter a valid email address, url / direct link will be sent to the email address so that the security and confidentiality is maintained.
D. Click "upload" to complete the process of uploading and hosting.
Once the process is complete, check your email. Copy file link url javascript (js) files that have been uploaded and is ready for use.

How To Compress PNG Images For Speed up Your Blog Loading with PNGGauntlet

How To Compress PNG Images For Speed up Your Blog Loading with PNGGauntletPNG format images nowadays, it is getting popular and a favorite because it has many advantages. One is transparency images that make this kind of a good image to put on any colored background. However, the drawback of this type file is a file that is larger than the other formats so that when the browser load it takes a relatively longer time than the jpg format images. I once had to give up and turn down the resolution or clicking-convert it to other formats such as jpg. But once knew this PNGGauntlet, compress images easier. Page load time remains fast and the image quality was still good. of course, the search engines prefer pages that can be loaded quickly.
How To Compress PNG Images For Speed up Your Blog Loading with PNGGauntlet
Based software. NET uses Ken Silverman artificial PNGOUT command to optimize PNG files. Its function is to reduce the number of bytes that are not needed without losing any information contained in the compressed file. Thus, the quality of the compressed file with the original file. Before uploading PNG images, be sure to first compress. You simply enter the file you want to compress or drag (drag) to PNGGauntlet window, and select the compressed file storage and click Optimize. This software can also be used to convert a JPG, GIF, TGA, PCX, and BMP to PNG format. And what's more, the software is only measuring about 815.27 Kb!
Important!: Before using this software, your computer must be installed. NET Framework 3.5 or 4.0 Client Framework. Get the installer file in smallestdotnet for sizes that are not so great.
Download PNGGauntlet Page

5 Tips How To Speed ​​Up Your Blogger / Blogspot (Loading and Optimizing The Blog Elements)


speed-blog-load-timeBlog loading speed is very important, both for the comfort of visitors and also SEO. Load time  too long can make visitors applause before it can read the entire contents of a page.
Actually, if the blog has a reasonable load time is a bit longer than the website, because blogs synonymous with some of the widgets are installed either as a navigation tool as well as for the functions/features of the other.


Average of all the widgets that use a lot of javascript, automatic loading times tend to be longer. It's as well if we do the minimization of the size of the file is loaded.


5 Tips How To Speed ​​Up your Blogger / Blogspot (Loading and Optimizing The Blog Elements)


1. CSS
5 Tips How To Speed ​​Up Blogger  Blogspot Loading and Optimizing The Blog Elements 1CSS (Cascading Style Sheets) is a styling language that we often add to the HTML. To reduce the size of CSS in HTML templates, CSS compression done either manually or with a tool. Its function is to reduce the file size and the time read browser. Then, place the CSS rules at the top.





2. JavaScript
5 Tips How To Speed ​​Up Blogger  Blogspot Loading and Optimizing The Blog Elements 2JavaScript has read the time tend to be longer, so that when placed on, the browser will read first, while other elements will wait until loading is completed. As a result, elements that wanted to be seen to be affected, especially the post / article. Therefore, the elements that contain javascript (especially in the widget) should be placed at the bottom.
Use the output of widgets and Google's Blogger since its javascript can be loaded quickly. If forced to use an external javascript, uploading and hosting the js file for personal use only. Use the service to upload and host javascript to load fast and personal.


3. Posts (The Post)
On the main page (homepage), the number of posts or articles that appear also affect loading blog. If the post / article is displayed too much, then the loading time was will increase. Show the articles on the main page with a reasonable amount, say 5. To set it, go to Dashboard >> Design >> Edit HTML' on the body of the blog post >> write the amount / number of posts you want to display. See the following picture:


5 Tips How To Speed ​​Up Blogger  Blogspot Loading and Optimizing The Blog Elements 6


4. Picture / Image
5 Tips How To Speed ​​Up Blogger  Blogspot Loading and Optimizing The Blog Elements 3Serves to beautify the look of the image, giving the impression, and became a symbol of representation and interpretation of the article content. However, large-sized images also inhibits loading blog, therefore it is necessary to use the tactic in the picture. PNG image format is preferred because transparency will be required but the file size is much bigger but try to use the JPG format images. If you still have to use a PNG image file, such as the header, background or blog posting, reduce / compress its size with PNG compression tool that reduces image quality.
Available when adding an image to the post, provide or create fixed size thumbnail, so the browser can read it quickly. for example:


<img width="80%" src="http://www.xxxxxx.com"/>
This means, the image will be sized to 80% of the original image. Or it could be the size of the pixel (px), eg width = "100px" height = "100 px". This is to make it a thumbnail (preview image).


5. Widget / Gadget
5 Tips How To Speed ​​Up Blogger  Blogspot Loading and Optimizing The Blog Elements 4Widgets are an important part of a blog. However, if the widget is used too much, the longer the time loading the page. Use widgets and especially vital navigational support. Avoid widgets that are not so important and does not even support the content of the blog, for example widget clock, calendar, PhotoShow, and others. I call these widgets is not important because visitors do not actually need it, the loading time became more severe, and does not give any effect to the performance of the blog.

How To Create Popular Posts Widget With Various Colored Style

How To Create Popular Posts Widget With Multi Colored Style 1This post is about tutorial How To Create Popular Posts Widget With Multi Colored Style, the widget which aims to show popular posts based on page views. Popular posts this time will be modified by the addition of a Popular Post with CSS3 nine colors on any display title posts like this beside display screen shoot:
If you are interested to add popular posts widget with multi-color display like the above? Making the following tutorial:
A. first Step
1. Login to your Blogger account.
2. Choose Template >>  Edit HTML >> Find the code ]]> </ b: skin> (Use CTRL + F)
4. Put the following code just above the code ]]> </ b: skin>
#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}
#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;}
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px}
#PopularPosts1 ul li:first-child:after, #PopularPosts1 ul li:first-child + li:after, #PopularPosts1 ul li:first-child + li + li:after, #PopularPosts1 ul li:first-child + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"} #PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"} #PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"} #PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"} #PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%} #PopularPosts1 ul li:first-child + li + li + li:after{content:"4"} #PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%} #PopularPosts1 ul li:first-child + li + li:after{content:"3"} #PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%} #PopularPosts1 ul li:first-child + li:after{content:"2"} #PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%} #PopularPosts1 ul li:first-child:after{content:"1"} #PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none} #PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}
5 Save Your Template
B. The Second Step
1. On the Layout menu >> Select add gadgets >> Select Popular Posts >> uncheck image thumbnails and captions, show at least 9 posts.
How To Create Popular Posts Widget With Multi Colored Style
2. Save Your Blog and see the results!
Thus tutorial how to add popular posts widget with multi-color display on the blog. May be useful.

How To Create Drop Shadows Image And Zooming Effect On Blogger Post With CSS

This time I wanted to share again, just a simple trick how to create or add a zooming effect and drop shadows on images with CSS3. like the example shown below :
Blogger 2How To Create Drop Shadows Image And Zooming Effect On Blogger Post With CSSblogger 3
If you are interested in adding effects or post this on your blog, it is very easy, just follow these steps:
1. logged into your blogger account
2. Click on the dashboard >> Template >> Edit HTML
3.  Find the code ]]> </ b: skin> (Use Ctr + F for easy searching)
4. put the following CSS code above the code ]]> </ b: skin>
.TTB-CSS3 img{
-webkit-transform:scale(0.7); /*Webkit 0.7 times the original Image size*/
-moz-transform:scale(0.7); /*Mozilla 0.7 times the original Image size*/
-o-transform:scale(0.7); /*Opera 0.7 times the original Image size*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla Animation duration*/
-o-transition-duration: 0.5s; /*Opera Animation duration*/
opacity: 0.5;
margin: 0 10px 5px 0;
}
.TTB-CSS3 img:hover{
-webkit-transform:scale(1.1); /*Webkit: 0.5 times the original Image size*/
-moz-transform:scale(1.1); /*Mozilla 0.5 times the original Image size*/
-o-transform:scale(1.1); /*Opera 0.5 times the original Image size*/
box-shadow:0px 0px 30px gray;
-webkit-box-shadow:0px 0px 30px gray;
-moz-box-shadow:0px 0px 30px gray;
opacity: 1;
}
5 To display the zooming effect and drop shadows on the image of your blog posts. In the HTML editor posts just add the following code:
<div class="TTB-CSS3">
<img src="Image URL Here" />
</div>
6. Change Image URL Here with the URL/link image you want to display in your posts.
Thus tutorial how to create a zooming effect and drop shadows on the image. May be useful.

How To Changing The Sidebar Position And Main Post In Blogger Template

I would like to share the following easy and simple tricks, which I find the results of brain-tweaking CSS while trying to design a new template. Namely How To Changing the Sidebar Position & Main Post In Blogger Template, for example display page elements such minima default template image below:
How To Changing the Sidebar Position & Main Post In Blogger Template 1
From the picture above we can see the position of the sidebar is on the right, while the main column on the left. To change the position of the sidebar and main to be the opposite as shown below, it's easy just follow the tutorial below:
How To Changing the Sidebar Position & Main Post In Blogger Template 2
1. Login to your blogger account on the dashboard click Template >> Edit HTML
2. Find the following code:
#main-wrapper {
  width: 410px;
float: $startSide;
  word-wrap: break-word;
  overflow: hidden;    
  }
#sidebar-wrapper {
  width: 220px;
float: $endSide;   word-wrap: break-word;
  overflow: hidden;     
}
3. To consider only the red writing, please replace it with the following code:
#main-wrapper {
  width: 410px;
 float: right;
  word-wrap: break-word;  
  overflow: hidden; 
}
#sidebar-wrapper {
  width: 220px;
float: left;
  word-wrap: break-word; 
  overflow: hidden;     
}
4. Save the template. Please see the results on the page elements.

If You Use A Blogger Template from Blogger.com you can Start Changing the Sidebar Position & Main Post by logging in to blogger account, on the dashboard click Template >> Customise >> Layout, as shown below :
How To Changing the Sidebar Position & Main Post In Blogger Template 3
That's How To Changing the Sidebar Position & Main Post In Blogger Template, I hope that this article could be fruitful and help you in making changes to your blogger sidebar

How To Creating Scroll Text Area in Blogger/Blogspot

How To Creating Scroll Text Area in Blogger BlogspotScroll text is the text that was in the box wide and high in a certain limit in size so as to see to the bottom of the mouse scrolling required. This trick is used to save space in the post body and sidebar, so that the entire page is loaded by the browser into not too long.

Copy the following code:

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Hightlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">Your Text Hire</textarea></p></div></form>

<div align="center">: the center shows that the position of the button will be in the middle, so if you want to be in the position of the left edge, just change the word left. And if you want to be on the right edge, just change the words right.

<input onclick="javascript:this.form.txt.focus();this.form.txt.selec()">: This code means that when the highlight button is clicked, the entire text is in it will be in highligt (in mark or on the block), so you do not alter this paper.

Value = "Highlight All": Highlight All words are words that will appear on the button, so if you want to change this article please replace the word you want.

<p align="center">: This indicates that the text area will be in the middle, well if you want to text your area is on the left bank, replace the center with the left, if you want at the right edge, replace the word right.

<text style="width: 300px">: the word "WIDTH: 300px" indicates the width of the text area by 300 pixels, so if you want to shorten or extend the width of the text area, you just replace it with the number you want. eg: "WIDTH: 700px;"

HEIGHT: 144px: number "144px" indicates that the text area will have a maximum of 144 px, so if you want to change just change that number with the number you want. For example: HEIGHT: 160px.

Well the following example:

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Hightlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">

Oingo, Inc., a privately held company located in Los Angeles, was started in 1998 by Gilad Elbaz and Adam Weissman. Oingo developed a proprietary search algorithm that was based on word meanings and built upon an underlying lexicon called WordNet, which was developed over the previous 15 years by researchers at Princeton University, led by George Miller. Oingo changed its name to Applied Semantics in 2001, which was later acquired by Google in April 2003.

Google launched its AdSense program in March 2003 and made it public in June of that year. Some advertisers complained that AdSense yielded worse results than AdWords, since it served ads that related contextually to the content on a web page and that content was less likely to be related to a user's commercial desires than search results. For example, someone browsing a blog dedicated to flowers was less likely to be interested in ordering flowers than someone searching for terms related to flowers. As a result, in 2004 Google allowed its advertisers to opt out of the AdSense network. By early 2005 AdSense accounted for an estimated 15 percent of Google's total revenues. In 2009, Google AdSense announced that it would now be offering new features, including the ability to &quot;enable multiple networks to display ads&quot;. In February 2010, Google AdSense started using search history in contextual matching to offer more relevant ads
</textarea></p></div></form>

Good Luck..

How To Change Background Post With Color or Images On Blogger?

HOW TO CHANGE BACKGROUND POST WITH COLOR OR IMAGES ON BLOGGERPost is the most important thing in a blog, to manage the post in order to appear more attractive and beautiful, the most important thing is the background of our blog posts. Selection of appropriate background will provide comfort to our blog visitors.
 
Many ways and techniques to make the post look attractive by visitors to our blog. Besides the background turns weighted articles also very influential post. Background of a blog post is not just a color that is sometimes boring. Alternatively, you can replace the background image with the post which must necessarily be adapted to the color of the letters on the post that image as a background presence does not interfere with the display case.
 
How to create a background post there are two ways
 
1. How To Change Background Post With Color On Blogger?
Place the following code at the beginning of post
<div style="background: Writing code here "> And at the end of the post, should be closed with a code like this:
</div>
Writing code here you can change the color with the color code you want. Can see various color codes here. That need to be considered when you put it, you have to choose the edit HTML tab, not Compose mode.
For example, the color pink background
<div style="background:#FFCCFF">
Google uses its Internet search technology to serve advertisements based on website content, the user's geographical location, and other factors. Those wanting to advertise with Google's targeted advertisement system may enroll through Google AdWords. AdSense has become a popular company in creating and placing banner advertisements on a website, because the advertisements are less intrusive than most banners, and the content of the advertisements is often relevant to the website.
Many websites use AdSense to monetize their content; it is the most popular advertising network. AdSense has been particularly important for delivering advertising revenue to small websites that do not have the resources for developing advertising sales programs and sales people to generate revenue with. To fill a website with advertisements that are relevant to the topics discussed, webmasters place a brief HTML code on the websites' pages. Websites that are content-rich have been very successful with this advertising program, as noted in a number of publisher case studies on the AdSense website. AdSense publishers may only place three ad units per page.
</ div>
The result will be like this
Google uses its Internet search technology to serve advertisements based on website content, the user's geographical location, and other factors. Those wanting to advertise with Google's targeted advertisement system may enroll through Google AdWords. AdSense has become a popular company in creating and placing banner advertisements on a website, because the advertisements are less intrusive than most banners, and the content of the advertisements is often relevant to the website.
Many websites use AdSense to monetize their content; it is the most popular advertising network. AdSense has been particularly important for delivering advertising revenue to small websites that do not have the resources for developing advertising sales programs and sales people to generate revenue with. To fill a website with advertisements that are relevant to the topics discussed, webmasters place a brief HTML code on the websites' pages. Websites that are content-rich have been very successful with this advertising program, as noted in a number of publisher case studies on the AdSense website. AdSense publishers may only place three ad units per page. </ Div>

2. How To Change Background Post With Images On Blogger?
If you have a specific image to be used as background, first uploaded to a hosting site like photobucket or other hosting site to obtain the URL address.
To be considered you must be in a position to the Edit HTML, the following code at the beginning of the post:
<div style="background:url(picture address here) no-repeat;"> The end of the post cap with the following code:
</ div>
Replace picture address here with the address you want to display images.
As well as the background color, even this code you can add the add-in accordance with the wishes.
Example, I want to make a post with a background which is located in https://lh5.googleusercontent.com/Gpdpdwe-Z1HVSJ31O0aZzI4iFdcWTECPH5NhDcunMNY, background wanted in the store on the right top of the post, the padding of 10 pixels, large letters 90%:
<div style="background:url(https://lh5.googleusercontent.com/Gpdpdwe-Z1HVSJ31O0aZzI4iFdcWTECPH5NhDcunMNY) center top; text-align:justify; font-size:90%; padding:10px">
Google uses its Internet search technology to serve advertisements based on website content, the user's geographical location, and other factors. Those wanting to advertise with Google's targeted advertisement system may enroll through Google AdWords. AdSense has become a popular company in creating and placing banner advertisements on a website, because the advertisements are less intrusive than most banners, and the content of the advertisements is often relevant to the website.Many websites use AdSense to monetize their content; it is the most popular advertising network. AdSense has been particularly important for delivering advertising revenue to small websites that do not have the resources for developing advertising sales programs and sales people to generate revenue with. To fill a website with advertisements that are relevant to the topics discussed, webmasters place a brief HTML code on the websites' pages. Websites that are content-rich have been very successful with this advertising program, as noted in a number of publisher case studies on the AdSense website. AdSense publishers may only place three ad units per page.</div>
Then the result is like this:
Google uses its Internet search technology to serve advertisements based on website content, the user's geographical location, and other factors. Those wanting to advertise with Google's targeted advertisement system may enroll through Google AdWords. AdSense has become a popular company in creating and placing banner advertisements on a website, because the advertisements are less intrusive than most banners, and the content of the advertisements is often relevant to the website. Many websites use AdSense to monetize their content; it is the most popular advertising network. AdSense has been particularly important for delivering advertising revenue to small websites that do not have the resources for developing advertising sales programs and sales people to generate revenue with. To fill a website with advertisements that are relevant to the topics discussed, webmasters place a brief HTML code on the websites' pages. Websites that are content-rich have been very successful with this advertising program, as noted in a number of publisher case studies on the AdSense website. AdSense publishers may only place three ad units per page.
good luck, hopefully useful

How To Change Background Color And Images For Blogger / Blogspot

How to Change Background Color and Images for Blogger  Blogspot 2Change the look of the blog to be more beautiful is fun, because it is necessary for blog customization blog seem more personal and unique. Well one way to make the blog look different from the others is to change the background of the blog.
To change the background color as desired blog, here are the steps:

1. Login to your Blogger Dashboard and select the tab menu Design
2. Choose Edit HTML
3. Then you look for the tag code: body { (use Ctrl + F to find quickly)
     Or you can also find more code / add code after the body { as follows:
How to Change Background Color and Images for Blogger  Blogspot4
body {
background: # ffff;
margin: 0;
padding: 40px 20px;
font: x-small Georgia, Serif;
text-align: center;
color: # 333;
font-size / ** / :/ ** / small;
font-size: / ** / small;
}
Suppose if you want to be a light gray color, so code like this:
body {
background: # E7E3E3;
margin: 0;
padding: 40px 20px;
font: x-small Georgia, Serif;
text-align: center;
color: # 333;
font-size / ** / :/ ** / small;
font-size: / ** / small;
}
1. Click the Preview button to see the changes
2. If it is OK, click the Save Changes button Template
3. Done.
Changing the Default Background Color For Blogger Template:
How to Change Background Color and Images for Blogger  Blogspot
1. Login to your Blogger dashboard and select the menu Template
2. Select Advanced >> Custumise
3. Select a Page Background Colour 4.Click the color that you like in the color images show, then look at the changes under Template
5.If you feel it is suitable, click SAVE CHANGES
6.Done.
 
To change the background image as desired blog, here are the steps
(Before you change the background image with a new image bakcground, Ensure you found(have) host the background image and his own
1. Sign in to your dashboard and select the tab menu design
2. Choose Edit HTML
3. Then you look for the tag code: body { (use Ctrl + F to find quickly)
     Or you can also find more code / add code after the body { as follows:
How to Change Background Color and Images for Blogger  Blogspot3
body {
background:#ffff url('your image url  address');
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
}
4.Change your image url address with the address of the background image that you host.
5. Save the template
Noteworthy is the size of your picture, don’t use images with large byte, try to under 50 Kb, so do not make your blog loading heavy and long. The image has a pixel size different. Verify that your blog is full of background images from left to right and from top to bottom. To create a full background image takes repetition. Use the tag repeat to right / side: repeat-x, and down: repeat-y. Here's an example of repetition to the right / side ::
body{background:url(http://2.bp.blogspot.com/_wnULV7UHiXY/TSOhgPOpqXI/AAAAAAAAAH8/dC7uwZp1HA0/s1600/t28_blue_background.jpg
);background-position:top left;background-repeat: repeat-x;}
that picture is also filled to the bottom (up to page footer), add the repeat-y right beside repeat-x. example:
body{background:url(http://2.bp.blogspot.com/_wnULV7UHiXY/TSOhgPOpqXI/AAAAAAAAAH8/dC7uwZp1HA0/s1600/t28_blue_background.jpg);background-position:top left;background-repeat: repeat-x repeat-y; }
If you do not want your image over and over either to the left or to the bottom, just use the code no-repeat. Example
body{background:url(http://2.bp.blogspot.com/_wnULV7UHiXY/TSOhgPOpqXI/AAAAAAAAAH8/dC7uwZp1HA0/s1600/t28_blue_background.jpg);background-position:top left;background-repeat: ;

How To Setting And Setup Color Code Widget For Blogger/Blogspot

How To Setting And Setup Color Code Widget For Blogger BlogspotTo edit or design the blog we definitely need a color reference code. For that we must look for sites that have a color-coded table post. if it ever crossed your mind how to display the color code table in the post or on our blog widget?

here's how to set it up

  • Login To Dashboard Blogger
  • Click Template >> Edit HTML
  • Copy and paste the following Java Script code right above the </ head>
<script language='javascript'>
function Barva(koda)
{
document.getElementById("vzorec").bgColor=koda;
document.hcc.barva.value=koda.toUpperCase();
document.hcc.barva.select();
}
function BarvaDruga(koda)
{
document.getElementById("vzorec2").bgColor=koda;
document.hcc.Barva2.value=koda.toUpperCase();
document.hcc.Barva2.select();
}
</script>
<script type='text/javascript'>
var hue;
var picker;
//var gLogger;
var dd1, dd2;
var r, g, b;
function init() {
if (typeof(ygLogger) != "undefined")
ygLogger.init(document.getElementById("logDiv"));
pickerInit();
//ddcolorposter.fillcolorbox("colorfield1", "colorbox1") //PREFILL "colorbox1" with hex value from "colorfield1"
//ddcolorposter.fillcolorbox("colorfield2", "colorbox2") //PREFILL "colorbox1" with hex value from "colorfield1"
}
// Picker ---------------------------------------------------------
function pickerInit() {
hue = YAHOO.widget.Slider.getVertSlider("hueBg", "hueThumb", 0, 180);
hue.onChange = function(newVal) { hueUpdate(newVal); };
picker = YAHOO.widget.Slider.getSliderRegion("pickerDiv", "selector", 0, 180, 0, 180);
picker.onChange = function(newX, newY) { pickerUpdate(newX, newY); };
hueUpdate();
dd1 = new YAHOO.util.DD("pickerPanel");
dd1.setHandleElId("pickerHandle");
dd1.endDrag = function(e) {
// picker.thumb.resetConstraints();
// hue.thumb.resetConstraints();
};
}
executeonload(init);
function pickerUpdate(newX, newY) {
pickerSwatchUpdate();
}
function hueUpdate(newVal) {
var h = (180 - hue.getValue()) / 180;
if (h == 1) { h = 0; }
var a = YAHOO.util.Color.hsv2rgb( h, 1, 1);
document.getElementById("pickerDiv").style.backgroundColor =
"rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")";
pickerSwatchUpdate();
}
function pickerSwatchUpdate() {
var h = (180 - hue.getValue());
if (h == 180) { h = 0; }
document.getElementById("pickerhval").value = (h*2);
h = h / 180;
var s = picker.getXValue() / 180;
document.getElementById("pickersval").value = Math.round(s * 100);
var v = (180 - picker.getYValue()) / 180;
document.getElementById("pickervval").value = Math.round(v * 100);
var a = YAHOO.util.Color.hsv2rgb( h, s, v );
document.getElementById("pickerSwatch").style.backgroundColor =
"rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")";
document.getElementById("pickerrval").value = a[0];
document.getElementById("pickergval").value = a[1];
document.getElementById("pickerbval").value = a[2];
var hexvalue = document.getElementById("pickerhexval").value ='#'+
YAHOO.util.Color.rgb2hex(a[0], a[1], a[2]);
ddcolorposter.initialize(a[0], a[1], a[2], hexvalue)
if (hexvalue!="#FFFFFF") document.getElementById("pickerhexval").select();
}
</script><!--[if gte IE 5.5000]>
<script type="text/javascript">
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 or higher.
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}
YAHOO.util.Event.addListener(window, "load", correctPNG);
</script>
<![endif]-->
  • Before you save the templates,You can click the tab preview first, if your blog looks like originally meant the steps already true..
  • Now You can Go To Dashboard Blogger >> click Layout
  • Click the page element add A Gadget .
  • Click Add HTML / JavaScript
  • Copy and paste the color code on the column entry
center><form name="hcc" id="hcc">
<table style="border-collapse: collapse;" align="center" border="1" bordercolor="#cccccc" cellpadding="0" cellspacing="0"><tbody><tr><td><table align="center" border="0" cellpadding="0" cellspacing="1" width="375"><tbody><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#190707">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#610b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a0808">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b40404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df0101">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff0000">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe2e2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fa5858">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f78181">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6cece">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbefef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#191007">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a1b0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b240b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#61380b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a4b08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b45f04">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df7401">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff8000">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe9a2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#faac58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f7be81">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5d0a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6e3ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8ece0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbf5ef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#181907">
</td><td onclick="Barva(this.bgColor)" bgcolor="#292a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#393b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5e610b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#868a08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#aeb404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d7df01">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ffff00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f7fe2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f4fa58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f3f781">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f2f5a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5f6ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f7f8e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbfbef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#101907">
</td><td onclick="Barva(this.bgColor)" bgcolor="#1b2a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#243b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#38610b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#4b8a08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5fb404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#74df00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#80ff00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#9afe2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#acfa58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#bef781">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d0f5a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e3f6ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ecf8e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5fbef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071907">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b610b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#088a08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#04b404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#01df01">
</td><td onclick="Barva(this.bgColor)" bgcolor="#00ff00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2efe2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58fa58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81f781">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cef6ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#effbef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071910">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a1b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b24">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b6138">
</td><td onclick="Barva(this.bgColor)" bgcolor="#088a4b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#04b45f">
</td><td onclick="Barva(this.bgColor)" bgcolor="#01df74">
</td><td onclick="Barva(this.bgColor)" bgcolor="#00ff80">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2efe9a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58faac">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81f7be">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5d0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cef6e3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8ec">
</td><td onclick="Barva(this.bgColor)" bgcolor="#effbf5">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071918">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a29">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b39">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b615e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#088a85">
</td><td onclick="Barva(this.bgColor)" bgcolor="#04b4ae">
</td><td onclick="Barva(this.bgColor)" bgcolor="#01dfd7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#00ffff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2efef7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58faf4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81f7f3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5f2">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cef6f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#effbfb">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071019">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a1b2a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b243b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3861">
</td><td onclick="Barva(this.bgColor)" bgcolor="#084b8a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#045fb4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0174df">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0080ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2e9afe">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58acfa">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81bef7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9d0f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cee3f6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0ecf8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#eff5fb">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#070719">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a0a2a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b3b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b61">
</td><td onclick="Barva(this.bgColor)" bgcolor="#08088a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0404b4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0101df">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0000ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2e2efe">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5858fa">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8181f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9a9f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cecef6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0e0f8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#efeffb">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#100719">
</td><td onclick="Barva(this.bgColor)" bgcolor="#1b0a2a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#240b3b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#380b61">
</td><td onclick="Barva(this.bgColor)" bgcolor="#4b088a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5f04b4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#7401df">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8000ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#9a2efe">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ac58fa">
</td><td onclick="Barva(this.bgColor)" bgcolor="#be81f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d0a9f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e3cef6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ece0f8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5effb">
</td></tr><tr height="24"> <td onclick="Barva(this.bgColor)" bgcolor="#190718">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a29">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b39">
</td><td onclick="Barva(this.bgColor)" bgcolor="#610b5e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a0886">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b404ae">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df01d7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff00ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe2ef7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fa58f4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f781f3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9f2">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6cef5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbeffb">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#190710">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a1b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b24">
</td><td onclick="Barva(this.bgColor)" bgcolor="#610b38">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a084b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b4045f">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df0174">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff0080">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe2e9a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fa58ac">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f781be">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9d0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6cee3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0ec">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbeff5">
</td></tr><tr height="10"><td>
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#000000">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#151515">
</td><td onclick="Barva(this.bgColor)" bgcolor="#1c1c1c">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2e2e2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#424242">
</td><td onclick="Barva(this.bgColor)" bgcolor="#585858">
</td><td onclick="Barva(this.bgColor)" bgcolor="#6e6e6e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#848484">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a4a4a4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#bdbdbd">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d8d8d8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e6e6e6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f2f2f2">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ffffff">
</td></tr></tbody></table></td></tr></tbody></table>
<table align="center" border="0" cellpadding="0" cellspacing="2"><tbody><tr height="24"><td id="vzorec" height="24" width="24">
</td><td valign="bottom"><p>Kode warna yang terpilih : <input name="barva" id="barva" style="font-weight: bold; font-family: Verdana; height: 16px; width: 74px; font-size: 12px;" maxlength="7" size="9" type="text"></p></td></tr></tbody></table>
</form></center>
Good work! Thanks for your time and the close attention which has been set aside for reading buddies this post