How to hide the Contact Form with CSS

This article is a continuation of my previous article on how to add widgets contact form. A widget to send a message to the blog owner. In addition to providing convenience, contact form widget is unfortunately only installed in the sidebar as a gadget.

Installation Contact Form widget in the sidebar is not very commonly used. Contact Form Widget is usually mounted on the post pages and to go to that page via the link in the menu. So blog more pleasing and efficient place.

How to hide the Contact Form with CSS. The steps are as follows:
- The first step
Attach the first widget Contact Form. You can read how to install here.
- The second step
Copy the CSS code below:
.widget.ContactForm {
 display: none;
}
- The third step
Go to the blog dashboard select Template => Edit HTML. Find the code ]]></ b:skin> by pressing Ctrl+F. Paste CSS code above.
- The fourth step
Create static pages. Click the Pages menu => New Page. Give title Contact Us. In the editor, select HTML mode and copy and paste the code below:
<form name="contact-form">
Criticisms and suggestions, we are waiting for the better. Please fill in the form below:<br />
<br />
Your Name <span style="color: red;">*</span><br />
<input id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" /><br />
Your Email <span style="color: red; font-weight: bolder;">*</span>
<br />
<input id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /><br />
Message Content <span style="color: red; font-weight: bolder;">*</span><br />
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5" style="height: 131px; margin: 0px; width: 230px;"></textarea><br />
<input id="ContactForm1_contact-form-submit" type="button" value="Send" /><br />
<br />
Note : (*) Must be fill<br />
<div style="max-width: 222px; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
- The fifth step
Publish. Done.

After making the Contact Us page, then make the widget pages in the header so that the Contact Us page that had been made easily accessible. Do the following:
  • Select Layout => Add a gadget => Page Header
  • Tick in the box Contact Us
  • Put the widget pages below widget header

Among tutorial hide Contact Form with CSS. Hope it is useful.

How to install widget Contact Form in Sidebar

Blogger.com has always understood and facilitate its users, namely by presenting widget Contact Form. With this widget bloggers can install the contact form in the sidebar of his blog. This contact form is the official widget on blogspot.

Blogger usually wear a third party service that provides a widget Contact Form to be installed on his blog. Now, we can add widgets directly from Gelery Contact Form widget in this blogpsot services.

How to install widget Contact Form in Sidebar

  1. Log in to your account blogger.com
  2. Select Layout
  3. Then Add Gadget
  4. Select More Gadgets
  5. Then add the Contact Form
  6. We can change the widget title before saving.


Now, you've got a Contact Form, which will facilitate communication between visitors to the blog and blog owner. Contact form serves also as a means of conveying criticism and suggestions or perhaps blog visitors who have difficulty when practicing tutorials presented on your blog. With the contact form, add a plus and your blog becomes more friendly to visitors of the blog.

Messages were written and sent will be sent directly to the email you use to Blogger.com. You can immediately reply to a message directly from your email.

Tips to make the effect of UFO attack on the blog

Unidentified Flying Object, or better known by the acronym UFO is a term used for all phenomena sightings of flying objects that can not be identified by the observer and remain unidentified although it has been investigated. UFO flying saucer odd synonymous with visiting the earth. Many witnesses that he had seen a UFO. Until now not known the origin of UFOs. Therefore referred to the unknown flying objects. In some films, told that the driver of the flying saucer is a strange creature called aliens. The flying saucer come to Earth and then carry out the attack. Attacks in the form of a flying saucer with a single laser shot can singe a large area. Earthlings are overwhelmed by the attack of flying saucers. Many people who die from a flying saucer tantrums.

UFO phenomenon remains a mystery. Many experts are willing to solve the UFO sightings. UFO is believed to be a foreign body coming from outside the planet Earth.

From the above brief story about the UFO, the admin will share tips on presenting a UFO in the blog. The effect of these tips is a UFO attack blindly using a laser beam and then leave a big black trail on the blog. With this effect, blog visitors can see animated UFO malignancy. What kind of effect the results of a UFO attack on the blog? Please view the picture below.
Demo UFO attack

Curious as to what effect javascript UFO attack? This is the javascript to create the effect of a UFO attack on the blog.

UFO attack manually using the mouse
<script language="javascript">
nd_mode="ufo";
nd_control="on";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_top";
</script>
<script language="javascript" src="https://sites.google.com/site/goodgembelblogspot/effek-blog/effectblog.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://goodgembel.blogspot.com" target="_blank">Effect for blog</a></center></small></div>

UFO attacks automatically
<script language="javascript">
nd_mode="ufo";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_top";
</script>
<script language="javascript" src="https://sites.google.com/site/goodgembelblogspot/effek-blog/effectblog.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://goodgembel.blogspot.com" target="_blank">Effect for blog</a></center></small></div>


How do I install javascript UFO attack on the blog?
The trick is relatively easy. You are not required to be understood about javascript. Simply copy and paste, the effect of UFO attacks you can feel on the blog. Here's a tutorial on installing javascript UFO attack on the blog:

  1. Copy one of the UFOs above javascript. Suggestions admin select the manual.
  2. Open your blogger dashboard.
  3. Click the template and then select edit HTML.
  4. Find the </ body>. If you do not know where it is, press CTRL + F on your keyboard and type </ body> and then press ENTER.
  5. Paste javascript by placing it on the </ body>
  6. Click Save Template
  7. Finished

Now it's time to see the results of the effect of a UFO attack. If you choose to manually javascript UFO attack, then you need to play the mouse to bring up the effect. Do the following :

  • Open your blog URL link.
  • Point your cursor at will on the blog page. It's pointless to aim toward a UFO attack.
  • Left click on the mouse.
  • Wait a moment, the UFO will come to fire a laser beam at a point that had been targeted previously.

With the effect of a UFO attack manually, blog visitors can play using the mouse to shoot the laser to the blog page. If you choose a UFO attack automatically. Thus, UFO will come by itself without clicking the mouse first and attacking random spot on the blog page. A few tips add effects UFO attack on the blog page. Welcome playing around and hopefully you happy.

Note: if you want to delete the temporary effects of UFO attacks, click close in the bottom right corner. But, if the browser refresh. Then the effect of UFO attacks functioning again.

Tips to make the effect of meteor crashing in blog

In our solar system there are millions of celestial objects such as the sun, planets, galaxies, comets, meteors and others. Has it occurred to you that one of the space objects are located in the blog? Yups, the answer is that it can. Tips time is about adding a meteor effects on the blog. This effect allows your blog visitors see a meteor that crashed in the blog. This effect is accompanied by voice, so that adds to the atmosphere as the original.
Demo meteors crashing

This is the script code to create the effect of a meteor:

Manual control mouse
<script language="javascript">
nd_mode="meteor";
nd_control="on";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_top";
</script>
<script language="javascript" src="https://sites.google.com/site/goodgembelblogspot/effek-blog/effectblog.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://goodgembel.blogspot.com" target="_blank">Effect for blog</a></center></small></div>

Auto control
<script language="javascript">
nd_mode="meteor";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_top";
</script>
<script language="javascript" src="https://sites.google.com/site/goodgembelblogspot/effek-blog/effectblog.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://goodgembel.blogspot.com" target="_blank">Effect for blog</a></center></small></div>

How do I install the meteor effect? Here are the steps:
  1. Copy one of the above script code
  2. Log in to your blogger account
  3. Select blogs to be added to the effects of meteor
  4. Click template → edit HTML
  5. Search code tag </ body> by pressing CTRL+F on the keyboard. Type "</ body>" in the search box and then press ENTER
  6. Paste code of the script, the above code </ body>
  7. Click Save Template

To prove the effect of running smoothly or not, please view your blog. If your choose code script is Manual control mouse, The trick like this :
  • Point your mouse cursor to aim a meteor.
  • Left click on the mouse.
  • Wait a moment, meteors will come crashing towards targeted and ...
  • BUMMM ... Feel the sensation of the effects of meteor blog.

Code script manual control mouse can be played by visitors to the blog using the mouse. If your choose code script is Auto control, automatically the meteor will hit randomly by itself without us to target first. So, hopefully useful.

Note: To remove the effects of temporary meteor, click close in the bottom left corner. But if you refresh your browser, the effects of the meteor appears again.

Tips to make the effects of flooding in blog

With heavy rain nonstop for days. Residents panicked because the volume of water began to rise and enter the houses. Yes, it is called flooding. Flooding is a natural event that occurs when the flow of excess water soak mainland. Cities in Indonesia, which became flooded is Jakarta. Where almost every rainy season, the city under water. Although it did not rain heavy, the streets in Jakarta must have experienced flooding. Jakarta provincial governments are trying hard to cope with the disaster. However, without the support of the citizens, the program will not run smoothly. The citizens who own wishes throw garbage into rivers cause flooding. The impact of waste disposal in the river not only flooding, but also as contamination of the environment, outbreaks of disease, odor and others.

Did you know that the flood phenomenon does not only happen in the real world but can also occur in the virtual world that is on the blog. Flooding that occurred in the blog is not significantly excessive water that inundated the blog. Flood admin mean here only animation effects that your blog submerged in water. Initially the water came a little. Over time, increased water and finally blog fully submerged in water. When water begins to fill up, the fish came scattered and wandering. Your blog so it looks like an aquarium.
Animation effects of flooding

Are you interested to try the effect of blogs about the flood?
Only by placing the following script code to create the effect of a flood in the blog.

Script code floods
<script language="javascript">
nd_mode="flood";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_top";
</script>
<script language="javascript" src="https://sites.google.com/site/goodgembelblogspot/effek-blog/effectblog.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://goodgembel.blogspot.com" target="_blank">Effect for blog</a></center></small></div>

How to put the effects of flooding in the blog?
It's easy, please follow the steps to make the effects of flooding in the blog below:
  1. Copy the script code above
  2. Go to the blog dashboard
  3. Click the template and then edit HTML
  4. Find </ body> by pressing CTRL + F on the keyboard. Write the code </ body> in the search box. Then press the ENTER key.
  5. Paste code script script by placing code above the </ body>
  6. Click Save Template
  7. Finished
Flood script code has been installed. Please click View Blog to see the results of the effects of floods script. You will find the blog slowly submerged in water and become like an aquarium.

Note To remove the effects of temporary flood, click close in the bottom right cornerBut if refresh browser, floods come again.