Increasing Blog Traffic

Blog with a lot of visitors every day, is one of the things that are expected of the Bloggers. Because, with a lot of visitors, traffic and the popularity of blogs it will be improved and much sought after as a place of learning / reading. In addition, more blog visitors will increases money earning. One purpose of making blog is to share our knowledge, and also to earn money. How to increase the number of visitors to your blog?. Many ways we can do to increase the number of visitors to the blog. Here's how powerful that is used to increase visitors to the blog are as follows:

1. Promote your blog to social networking sites

Promoting blogs to social networking sites is one way to increase visitors to the blog. Because, right now. Social networking sites are often used by all people. Social networking sites such as Facebook, Twitter, Google, etc. As a way to promote it is to provide a link and the title of your blog post. Alternatively, make your blog connect to social networking sites. There are so many ways to make updates to social networking blog.

2. Qualified and periodical articles

In making an original article did not make the article. As the paste (copy and paste) / stealing people's articles. To have your blog much visited, make articles original, high-quality and attractive price / are frequently searched on a regular basis. If my friend interesting article / frequently searched, your blog will be visited by many people. Lots of guides on how to write a good article.

3. Reveals New Stuff

An article is considered good if it reveals new things. Necessary expertise to discover new things, what's the harm if you try? By revealing new things, your writing will be the reference for the readers. The definition of new things, it could be developed from the existing literature by adding necessary.

4. Blog Appearance

Blog Display like the clothes we wear, even though your articles interesting, but if your blog look messy then visitors will not be comfortable to linger. Keep the look simple and convenient layout to look not too much decoration, avoid the use of striking colors / contrast because it will make eyes tired quickly. Ornament is needed, but do not overdo it.

5. Update article

If you do not update the article as needed visitors, then you will be left blog visitors. It is perfectly reasonable, because visitors will find what he needs in a blog. Each type of content is not the best but there are criteria that need to have a separate visitor information. Fix also a style of language, because it is related to the clarity of the writing or delivery purposes. Review the brief and do not beat around the bush, because it can make the visitors bored listening. Be aware that one of the indices of the boot is how well the search engines and your frequent blog updates through articles.

Those are some ways to increase your blog visitors. Believe it or not, based on my experience that's probably a few things you can do. There are so many ways to increase the number of visitors to the blog, please you choose which one is best for you. Thank you.

Read More

Modify Background With CSS

Background has an important function for a blog or website. In addition the convenience of readers, the beauty and eye catching blog also depends on the background. The blog background is the most basic part of the blog, many blogs have the same background. To differentiate our blog with others, the easiest thing is change the background of the blog. Usually the blog background using an image or color, many ways to change the blog background. One of them is change the blog background using css code.

Change the background of your blog actually be done using blogger template editor. But if you are not use default template from blogger, it can't be done. The only way is to manually change the background, through the edit html page. Before changing the css code, I recommend downloading the tempalte you, just in case if something goes wrong.

The first step to change the background template with css is login into blogger dasboard >>setting>>edit html>>expand template widget, use ctrl + f to find body {background:..............}. Copy and paste the following code to replace the body code :

body{background:-webkit-linear-gradient(-45deg, #ffffff 22px, #E6E6E6 22px, #E6E6E6 24px, transparent 24px, transparent 67px, #E6E6E6 67px, #E6E6E6 69px, transparent 69px),-webkit-linear-gradient(225deg, #ffffff 22px, #E6E6E6 22px, #E6E6E6 24px, transparent 24px, transparent 67px, #E6E6E6 67px, #E6E6E6 69px, transparent 69px)0 64px;-moz-linear-gradient(-45deg, #ffffff 22px, #E6E6E6 22px, #E6E6E6 24px, transparent 24px, transparent 67px, #E6E6E6 67px, #E6E6E6 69px, transparent 69px),-moz-linear-gradient(225deg, #ffffff 22px, #E6E6E6 22px, #E6E6E6 24px, transparent 24px, transparent 67px, #E6E6E6 67px, #E6E6E6 69px, transparent 69px)0 64px;-o-linear-gradient(-45deg, #ffffff 22px, #E6E6E6 22px, #E6E6E6 24px, transparent 24px, transparent 67px, #E6E6E6 67px, #E6E6E6 69px, transparent 69px),-o-linear-gradient(225deg, #ffffff 22px, #E6E6E6 22px, #E6E6E6 24px, transparent 24px, transparent 67px, #E6E6E6 67px, #E6E6E6 69px, transparent 69px)0 64px;-ms-linear-gradient(-45deg, #ffffff 22px, #E6E6E6 22px, #E6E6E6 24px, transparent 24px, transparent 67px, #E6E6E6 67px, #E6E6E6 69px, transparent 69px),-ms-linear-gradient(225deg, #ffffff 22px, #E6E6E6 22px, #E6E6E6 24px, transparent 24px, transparent 67px, #E6E6E6 67px, #E6E6E6 69px, transparent 69px)0 64px;background-size: 64px 128px; repeat;font-family:arial,verdana,helvetica,tahoma,Sans-serif;font-size:100%;width:100%;margin:10px 0 0 0;padding:0;} 

Replace some parts of the code :
#ffffff = (white) with your color;
And then save your template.

Read More

Troubleshooting Rich Snippet Error

When I tried to test my blog has been running well or not. I tried to test my blog in Google webmaster tools rich snippets, but the result was very disappointing. A message appears : missing required field "updated" and missing required hCard "author". This error is found mostly in case of blogspot /blogger blogs. If you are trying to include rich snippet in your blog/website hosted in blogger/blogspot for claiming authorship. Please correct this error by following this tutorial, maybe in another template code placement  is different from mine.

First step:

Log into your blogger dashboard, design >> edit HTML >> tick the 'Expand Widget Templates', for safety I recommend you to "Download Full Template" first and save your template to your hard disk. Copy this code  :

<div class='vcard' id='hcard- your name'><span class='fn n'><span class='given-name'>Posted by: your name</span></span></div><a class='updated' href=' http://your blog URL/ ' rel='bookmark'>your blog name </a> Updated at: <abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr>

Paste that code like the example below :

<div style='clear: both;'/> <!-- clear for photos floats -->
 </div>
<div class='vcard' id='hcard- your name'>
<span class='fn n'>
<span class='given-name'>Posted by: your name</span>
</span>
</div>
<a class='updated' href=' http://your blog URL/ ' rel='bookmark'>your blog name </a> Updated at: <abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a>
</div>
</b:if>
<div class='post-footer'>

Second step :
Adjust some code :

• <div class='vcard' id='hcard- your name'> : replace with your name;
• <span class='given-name'>Posted by: your name</span> : replace with your name;
• <a class='updated' href=' http://your blog URL/ ' rel='bookmark'>your blog name </a> : replace with your blog url and blogname.

Third step :

Save your template, test again your blog in Google webmaster tools rich snippets, first enter your blog url then click preview see what the result. Does the error still appear ?

Read More

Making a Table

The table is a list that contains an overview of a number of data information is usually in the form of words or numbers arranged in a line delimiter. On some sites, tables are widely used for specific purposes. In making the table there are several tags, among others: <table> ... </ table>, <tr> </ tr>, <td> </ td>. Before create a table  first you should  understand what is the use of these tags. I'll try to share a little knowledge about how to create tables. Perhaps in this tutorial is still a lot of mistakes, I apologize because ha was caused by my ignorance.

Look at the table below :

• border : to give the outline of the table box;
• cellspadding : to give distance between the table border to the content;
• cellspacing : to give distance between the columns with each other.
• width : to give the width of a table;
• bgcolor : to give color of the table backround.
• valign : to set the vertical align of the text

Table 1 :

Tag	Atribut	Deskripsi
<table> ...........</table>	border	border="0" , "collapse" , solid #4F81BD
	cellpadding	cellpadding="2"
	cellspacing	cellspacing="0"
	width	"100", "100", "400"
	bgcolor	bgcolor="# CCFFFF"
	valign	valign="top"

Table  2 :

Tag	Deskripsi
<tr><!--</tr>	To make a table row' <tr>beginning of the row and</tr> is the end of row
<td><!--</td>	To make table coloumn, <td>beginning of the coloumn and</td>is the end of coloumn

Here's the code of the table 1 :

<table bgcolor="#CCFFFF" border="0" cellpadding="2" cellspacing="0" style="border-collapse: collapse; border: solid #4F81BD 2px;"><tbody> <tr><td style="border: solid #4F81BD 2px; width: 60px;" valign="top">Tag</td><td style="border: solid #4F81BD 2px; width: 100px;" valign="top">Atribut</td> <td style="border: solid #4F81BD 2px; width: 400px;" valign="top">Deskripsi</td> </tr> <tr><td rowspan="6" style="border: solid #4F81BD 2px; width: 60px;" valign="top">&lt;table&gt; ...........&lt;/table&gt;</td><td style="border-bottom: solid #4F81BD 2px; border-left: solid #4F81BD 2px; border-right: solid #4F81BD 2px; border-top: solid #4F81BD 2px;" valign="top">border</td>   <td style="border-bottom: solid #4F81BD 2px; border-left: solid #4F81BD 2px; border-right: solid #4F81BD 2px; border-top: none;" valign="top">border="2" , "collapse" ,<span style="background-color: transparent;">&nbsp;</span><span style="background-color: transparent;">solid #4F81BD</span></td></tr> <tr> <td style="border-bottom: solid #4F81BD 2px; border-left: solid #4F81BD 2px; border-right: solid #4F81BD 2px; border-top: solid #4F81BD 2px;" valign="top">cellpadding</td>   <td style="border-bottom: solid #4F81BD 2px; border-left: solid #4F81BD 2px; border-right: solid #4F81BD 2px; border-top: none;" valign="top">cellpadding="2"</td></tr> <tr><td style="border-bottom: solid #4F81BD 2px; border-left: solid #4F81BD 2px; border-right: solid #4F81BD 2px; border-top: solid #4F81BD 2px;" valign="top">cellspacing</td>   <td style="border-bottom: solid #4F81BD 2px; border-left: solid #4F81BD 2px; border-right: solid #4F81BD 2px; border-top: none;" valign="top">cellspacing="3"</td></tr> <tr><td style="border-bottom: solid #4F81BD 2px; border-left: solid #4F81BD 2px; border-right: solid #4F81BD 2px; border-top: solid #4F81BD 2px;" valign="top">width</td>   <td style="border-bottom: solid #4F81BD 2px; border-left: solid #4F81BD 2px; border-right: solid #4F81BD 2px; border-top: none;" valign="top">"100", "100", "400"</td></tr> <tr><td style="border-bottom: solid #4F81BD 2px; border-left: solid #4F81BD 2px; border-right: solid #4F81BD 2px; border-top: solid #4F81BD 2px;" valign="top">bgcolor</td>   <td style="border-bottom: solid #4F81BD 2px; border-left: solid #4F81BD 2px; border-right: solid #4F81BD 2px; border-top: none;" valign="top">bgcolor="#D8D8D8"</td></tr> <tr><td style="border-bottom: solid #4F81BD 2px; border-left: solid #4F81BD 2px; border-right: solid #4F81BD 2px; border-top: solid #4F81BD 2px;" valign="top">valign</td>   <td style="border-bottom: solid #4F81BD 2px; border-left: solid #4F81BD 2px; border-right: solid #4F81BD 2px; border-top: none;" valign="top">valign="top"</td></tr> </tbody></table>

There are several attributes that are not shown in the table above, please your own modifications to your table to be perfect. Good luck!

Read More

Area of Parallelogram

Parallelogram is a plane shape that has two pairs of parallel sides and equal in length. Parallelogram has two pairs of angles that are not right-angled. Opposite corners of a parallelogram having the same large angle. Parallelogram with four equal sides is called a rhombus.

The properties of a parallelogram is as follows:

• Opposite sides are parallel and equal in length
• Opposite angles are equal  
• Adjacent angles  add up to 180°, so they are supplementary angles (Two Angles are Supplementary if they add up to 180 degrees).
• Both diagonals bisect each line segment equal in length.

AC and BD are diagonal of ABCD parallelogram.

• AB equal length and parallel to the CD.
• BC equal length and parallel to AD.
• ∠ BAD = ∠ BCD, ∠ CBA = ∠ ADC
• OA = OB = OC and OD

Area of parallelogram can be found using triangle area by divide through BD or AC diagonals, so there are 2 congruent triangle. ΔBAD and ΔBCD.
Area of parallelogram = 2 x Area of triangle
                                       = 2 x ½ (b x h)
                                       = b x h
The Area is the base x height :
Area = b × h
Than from the area  of parallelogram can be found the base and heigh.
b  = A/h and h = A/b


Example :
1.  Height of a parallelogram is 15 cm and base = 25. What is the area ?
     Area = b x h
              = 15 x 25
              = 375 cm
2.  Area of parallelogram is 595 cm, height 17 cm. What is the base ?
     Base = Area/height
              = 595/17
              = 35 cm
3.  Base of the parallelogram is 16 cm and volume = 192 cm. What is the height ?
      Height = Area/Base
                   = 192/16
                   = 12 cm

Read More

Creating View Demo Button

The use of this css is to create a button on a blog. With this css code will make it easier to modify the button, shapes, sizes and colors of the button. This button allows you to "view demo" or "download" and other purpose on your blog, You can customize your button with the right colors that adjusted with your theme background. With this button can change appearance of your blog.

How to make the this button ? Please copy and paste the code below in your post page, do some color changes that proper with your blog theme.

<style type="text/css">
.button1 {
 color:#a8a8a8;
 font-family:arial;
 font-size:15px;
 font-weight:bold;
 padding:6px 30px;
 text-decoration:none;
 text-shadow:0px 1px 0px #000000;
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
 border-radius:15px;
 border:1px solid #8a8a8a;
 display:inline-block;
 -webkit-box-shadow:inset 0px 1px 0px 0px #aba9ab;
 -moz-box-shadow:inset 0px 1px 0px 0px #aba9ab;
 box-shadow:inset 0px 1px 0px 0px #aba9ab;
 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7a7a7a), color-stop(1, #000000) );
 background:-moz-linear-gradient( center top, #7a7a7a 5%, #000000 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7a7a7a', endColorstr='#000000');
 background-color:#7a7a7a;
}
.button1:hover {
 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #7a7a7a) );
 background:-moz-linear-gradient( center top, #000000 5%, #7a7a7a 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#7a7a7a');
 background-color:#000000;
}
.button1:active {
 position:relative;
 top:1px;
}
</style><a class="button1" href="your URL">View Demo</a>
<style type="text/css"></style>

Note :

• Change the blue text with your color(text will be displayed),
•  The red text with your URL.

View Demo

Download

Read More

Reading and Writing Roman Numbers

There are various types of numbers, whole numbers ( whole Numbers are simply the numbers 0, 1, 2, 3, 4, 5, … (and so on)) , counting numbers (Counting Numbers are Whole Numbers, but without the zero.), integers (Integers are like whole numbers, but they also include negative numbers), or fractions. One more type of numbers we will study the Roman numbers. In general, the Roman numbers consist of 7 digits (denoted by the letter) as follows.

• I represents the number 1
• V represents the number 5
• X represents the number 10
• L represents the number 50
• C represents the number 100
• D represents the number 500
• M represents the number 1000

For other numbers, denoted by a combination (mixture) of the seventh symbol number.

1. The sum rule of Roman Numbers
To read the Roman numbers, can we describe in the form of summation as in the example below.


Example:
a. II  = I + I
        = 1 + 1
        = 2
    So, II be read 2
b. VIII = V + I + I + I
            = 5 + 1 + 1 + 1
            = 8
     So, VIII be read 8
c. LXXVI = L + X + X + V + I
                 = 50 + 10 + 10 + 5 + 1
                 = 76
     So, LXXVI be read 76
d. CXXXVII = C + X + X + X + V + I + I
                     = 100 + 10 + 10 + 10 + 5 + 1 + 1
                      = 137
     So, read 137 CXXXVII
Try to note the number of Roman symbol of the examples above. Getting to the right, the smaller value. There is no symbol that lined the base of more than three. From these examples we can write the first rules in reading Roman numbers following the symbol.

• If the symbol of the smaller numbers ideally situated right, then the Roman symbols are summed. 
• The addition at most three points.

2. Reduction in Numbers of Roman rule

What if the symbol of the smaller number is located on the left? To read the Roman numbers, can we describe in the form of a reduction as in the example below.

Example:
a. IV = V - I
         = 5-1
         = 4
    Thus, IV to read 4
b. IX = X - I
          = 10-1
          = 9
    Thus, IX reads 9
c. XL = L - X
          = 50-10
          = 40
    So, read XL 40
From these examples we can write the second rule in reading Roman numbers following the symbol.

• If the symbol of the smaller number is located on the left, then the Roman symbols are deductible.
• Reduction of at most one point.

3. Joint Rules
The two rules above (addition and subtraction) can be combined so that it can more clearly in Roman numbers to read symbols. Let us consider the following example.
Example:
a. XIV = X + (V - I)
            = 10 + (5-1)
            = 10 + 4
            = 14
    So, XIV to read 14
b. MCMXCIX = M + (M - C) + (C - X) + (X - I)
                        = 1000 + (1000-100) + (100 -10) + (10-1)
                        = 1,000 + 900 + 90 + 9
                         = 1999
    So, read MCMXCIX 1999


Write Roman Numbers

After reading the Roman numbers, of course you can also write down the number of Roman symbol of the natural numbers are specified. Write the rules of the Roman symbol of the same number you have learned before. Let us consider the following example.

Example:
1.. 24 = 20 + 4
          = (10 + 10) + (5-1)
          = XX + IV
          = XXIV
    Thus, the symbol of the Roman number 24 is the XXIV
2. 48 = 40 + 8
         = (50 - 10) + (5 + 3)
         = XL + VIII
         = XLVIII
    Thus, the symbol of the Roman number 48 is XLVIII
3. 139 = 100 + 30 + 9
           = 100 + (10 + 10 + 10) + (10 - 1)
           = C + + XXX IX
           = CXXXIX
    Thus, the symbol of the Roman number 139 is CXXXIX
3. 1,496 = 1000 + 400 + 90 + 6
              = 1000 + (500-100) + (100-10) + (5 + 1)
              = M + CD + + XC VI
              = MCDXCVI
    Thus, the symbol of the Roman number 1496 is MCDXCVI

Read More

How To Modify the Blockquote in Blogger Template

In HTML and XHTML, the blockquote element defines a block quotation within the text. The syntax is <blockquote><p blockquoted text goes here</p></blockquote>. The blockquote element is used to indicate the quotation of a large section of text from another source. Using the default HTML styling of most web browsers, it will indent the right and left margins both on the display and in printed form.

The non-semantic use of the blockquote element purely to indent text is deprecated by the W3C (World Wide Web Consortium) in the current (1999) HTML 4.01 Specification,[1] which is also the basis for XHTML 1.0. The preferred approach is the use of CSS (Cascading Style Sheets).

How to Modify how Blockquote ?

• First step :

Go to your dashboard>>Template>>edit html>>proceed>>check expand template widget. Note : back up your template first. Use ctrl + f and find this code (or similar to this code) : blockquote or .post blockquote {........ . (In other templates might be a different code). Replace with the following code and make the necessary setting .

blockquote{background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglYRlrip3H7yz_KRTnp_NS8XJl1AgNL-RyVu67Lro3aBExRKVzekH5ZtOELc7MMovELTEZxG8e8_JVVHgSDOiqaVE1y7ob766lHm5HCpDIuoEc3AGiuvV3xolQrh_bfu1KpCCOOjcYAFPT/s512/blockquote-orange.png); background-position:; background-repeat:repeat-y;  margin: 0 10px; padding: 0px 0px 0px 20px;font: italic 13px georgia;}

Look at the picture below

• Second step :

Save your templates

Read More

CSS Styling Links

In hypertext systems, such as the World Wide Web, a link is a reference to another document. Such links are sometimes called hot links because they take you to other document when you click on them.. Links can be styled with any CSS property (e.g. color, font-family, background, etc.). Special for links are that they can be styled differently depending on what state they are in. The four links states are:

• a:link - a normal, unvisited link
• a:visited - a link the user has visited
• a:hover - a link when the user mouses over it
• a:active - a link the moment it is clicked

CSS code :

<style type="text/css">
a:link {color:#FF0000;}    /* unvisited link */
a:visited {color:#00FF00;} /* visited link */
a:hover {color:#FF00FF;}   /* mouse over link */
a:active {color:#0000FF;}  /* selected link */
</style>
<b><a href="http://godheg.blogspot.com/" target="_blank">Godheg</a></b>

Result :

Godheg

Read More

How to remove Post Subscribe To Posts (Atom)

Tips and tricks this time is to remove posts Subscribe to posts (atom) which is in the latest version of the blogger template. posts subscribe to: post (atom) or subscribe to: post (atom) is located under the posts serves as a feed from our blog. The goal is that visitors can easily find your feed address. But if you already use a feed from Feedburner service. Then the presence of this writing is not so important anymore.

For those who prefer to not display this section, you may use the following ways:

• Log in to Blogger. Click the Layout -> Edit HTML
• Tick ​​the "Expand Widget Templates"
• Then find the code below:

<div class='feed-links'> <data:feedLinksMsg/> <b:loop values='data:links' var='f'> <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'> <data:f.name/> (<data:f.feedType/>)</a> </b:loop> </div>

• If you have found, delete the code and then click Save Template
• Please click on View Blog to see results

Look at the picture :

Good luck !!!

Read More

How to set the Unordered List In the Post with Pictures

Well on this occasion I will share about the blogger guide. I will discuss the guidelines Unordered List or change the display which is usually called bullets. Unordered list format is usually used in the post if short sentences outlining the points raised or down is not sorted sequentially and usually preceded by the symbol • (dot). Using Unordered List format also shows that good quality articles, orderly, and neat. It will also attract the visitors on your blog and read one article that uses the format Unordered List in the post. Unordered List view which I will share with you this has attractive mini display icon, bottom border for each sentence, also has a background color.

How to set the Unordered List In the Post with Pictures :

• First step :

Go to your dashboard>>Template>>edit html>>proceed>>check expand template widget. Note : back up your template first. Use ctrl + f and find this code (or similar to this code),  .post-body ul , modified with this code :

.post-body ul,
.post-body ol{
  margin: 1em;
  padding-left: 1em;
}
.post-footer ul{
  margin: 1em;
  margin-top: -0.5em;
  padding-left: 1em;
}
.post-body ul li,

.post-footer ul li {list-style-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0z1LT-n__xtkjdF2Vgct37K3MeVppu2F1p9XWBI5Bc6ZJfBrOnjw-wY3jVqIMJKDirbdBUzobutK6qWbXN3v5kI17-Qu0oAbF6CMkJ6WQyPG8xpqv3w05Ly_rC703uSAzzjHe88m7R2g/s400/uncheck.gif);

  border-bottom: 1px solid #ccc;
  padding: .2em 0 .2em .5em;
}
.post-body ul li:hover,
.post-footer ul li:hover {cursor: pointer;
list-style-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0QIywsK7uLmgMP3Jnj9MI_GCkNpzfybZbxVMbYfhzb1pZfZEptcRSUH5t3_Blz9EnVEYdPDCQMW2tsgVQmtDw9L35PXBfB3zfdfc8K79f4hIsJZP0dGlNkYvb9ZrGHVDlFjhi1yNhaGA/s400/check.gif); background-color: #f2f2f2; color: #B1291F;
}

If your template not yet installed, please put the code under the code .post {................}

• Second step

Save your template.

Read More

How To Hide Blog Title and Description

The purpose of this article is, for those of you who want to put banners in the header of your blog, make sure the blog title and description had been lost. Why? Because, at the time of banner attached. Title and description of the blog will still appear on the header.How To Hide Blog Title and Description. You can follow the following tutorial.

• First step :

Go to your dashboard>>Template>>edit html>>proceed>>check expand template widget. Note : back up your template first. Use ctrl + f and find this code (or similar to this code) :

#header h1 {
font-family:'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, sans-serif;
font-size:26px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
letter-spacing:-1px;
line-height:normal;
margin:5px 5px 0;
padding:15px 20px 3px 0;
text-transform:none;
}
#header .description {
color:#999999;
font-family:georgia;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:italic;
font-variant:normal;
font-weight:normal;
letter-spacing:0;
line-height:normal;
margin:0 5px 5px;
max-width:700px;
padding:0 20px 15px 0;
text-transform:none;
}

Add code display: none; at the end before closing the code }as below :

#header h1 {
font-family:'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, sans-serif;
font-size:26px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
letter-spacing:-1px;
line-height:normal;
margin:5px 5px 0;
padding:15px 20px 3px 0;
text-transform:none;
display:none;
}
#header .description {
color:#999999;
font-family:georgia;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:italic;
font-variant:normal;
font-weight:normal;
letter-spacing:0;
line-height:normal;
margin:0 5px 5px;
max-width:700px;
padding:0 20px 15px 0;
text-transform:none;
display:none;
}

• Second step:

Save your template and see the results.

Read More

Area of Trapezium/Trapezoid

A trapezoid is a 4-sided flat shape with straight sides that has a pair of opposite sides parallel.  Before looking trapezoid area, should know its parts. See the information below :

• The bottom side (base b ) parallel to the top side (base a) .
• The distance from one base to the other called height (h).

In the plane shapes are often written in capital letters at the vertex. This is to facilitate naming. For example, the trapezoid KLMN. KL means the line from  K point to L point, LM means the line from L point to M point, MN means the line from point M point to N point, KN means the line from K point to the N points.


Area of ​​trapezoid can be determined using the formula of triangle area. You do this by dividing the trapezoid
into two triangles. Then the triangle area summed.

Area of ​​trapezoid ABCD can be found by adding up the area of ​​triangle BAD with area of ​​triangle BCD

• BAD = ½ x AB x AD

                   = ½ x 6 x 5

                   =  ½ x 30

                   = 15 area unit

• BCD =  ½ x CD x BE

                   =  ½  x 9 x 5

                   =  ½  x 45

                   = 22,5 area unit

• ABCD = 15 + 22, 5

                      = 37, 5 area unit


Surface area of ​​the trapezoid = Area of ​​triangle I (BAD) + Area of ​​triangle  II (BCD)
                                                    =  ½ x a x h + ½ x bx h
                                                    = ½ (a+b) x h 

From the trapezoid area formula can be find high and the length of the trapezoid base.

• height = 2A/a + b
• a  base = (2A/h) - b
• b  base = (2A/h) - a

Example : 
1.  A trapezoid has 10 cm and 14 cm bases, height = 7 cm. What is the area ?
     Area = ½  x ( a + b) x h
               = ½ (10+14) x 7
               = ½ (24 ) x 7
               = 12 x 7
               =  84 cm
2.  A trapezoid has 8 cm and 12 cm bases, area = 90 cm. What is the height ?
      height = 2A/a + b
                  = 2(90)/8+12
                  = 180/20
                  = 9 cm
3.  A trapezoid has b base 16 cm, 14 cm height and area = 252 cm. What is the a base ?
     a  base = (2A/t) - b
                  = (2 x 252/14) - 16
                  = (504/14) - 16
                  = 36 - 16
                  = 20 cm
4. A trapezoid has a base 14 cm, 12 cm height and area = 180 cm. What is the b base ?
     b  base = (2A/t) - a
                  = (2 x 180/12) - 14
                  = (360/12) - 14
                  = 30 - 14
                  = 16 cm

Read More

Area of Kite

You have to learn the triangle and the area of ​​the triangle. Isosceles triangles have special properties. Two isosceles triangles are the same length of its base can be compiled into a wake kites. Kites are rectangular. The kite has two pairs of sides of equal length. Kite is formed of two isosceles triangles. Both triangles have the same base length, but different height.  

Area of ​​kite can also be found using the formula area of ​​the triangle. By calculating the area of ​​the isosceles triangles that make up the kite. After that, the results are summed. Area of ​​kite ABCD can be found by summing the area ΔADC with ΔABC.

• Area  ΔADC =  ½ x  AC x OD

                                           = ½ x  8 x 4
                                           = 4 x 4
                                           = 16 area unit

• Area  ΔABC =  ½ x  AC x OB

                                           =  ½ x 8 x 9

                                           = 4 x 9

                                           = 36 area unit

• Area  ΔABC  = 16 + 36

                                = 52 area unit

Area ABCD = Area ΔADC + Area  ΔABC
                     = ½ x  AC x OD + ½ x  AC x OB
                            = ½ x AC ( OD + OB)
                            = ½ AC x BD 
                            = ½ x d1 x d2

 d1 and d2 is the diagonal of the kite. From the area of kite kite above, can be determined the diagonals.

• d1  = 2A/d2
• d2 = 2A/d1

Example :

1. A kite has d2 = 15 cm and area = 150 cm

     d1 = 2x150/15

           = 300/15

           = 20 cm

2.  A kite has d1 = 20 cm and area = 250 cm

      d2 = 2x 250/20

            = 500/20

            = 25 cm

3.  John want to make a kite. Two pieces of bamboo are made John with 48 cm and 44 cm 

      long.  If the kite has made, how area of the kite ?

      Area = ½ x d1 x d2

                 = ½ x 48 x 44

                 = 24 x 44

                 = 1.056 cm

4. On the wall there is a kite-shaped image. Area of the picture = 5.400 cm² and one of the 
    diagonal length is 120 cm. How long is the other diagonal ?
    d2 = 2A/d1
          = 2 x 5.400/120
          = 10.800/120
          = 90 cm

Read More

Area of Triangle

Triangle is polygon ( a plane shape that have three or more straight sides) with three angles and three sides( One of the lines that make a flat (2-dimensional) shape. Or one of the surfaces that make a solid (3-dimensional) object). There are three special names given to triangles that tell how many sides (or angles) are equal. There can be 3, 2 or no equal sides/angles:

Various kinds of triangles according to angle.

• Acute triangle . The third large angle of less than 90 °.
• Right triangle. One large angle of 90 °.
• Obtuse triangle. Big one corner more than 90 ° and less than 180 °

Various kinds of triangles according to the side.

• Scalene triangle, three sides of unequal length.
• Isosceles triangle, two sides equal in length.
• Equilateral triangle, three sides equal in length.

Equilateral Triangle =    Three equal sides  Three equal angles, always 60°

Isosceles Triangle = Two equal sides   Two equal angles

Scalene  Triangle = No equal sides   No equal angles

The characteristics of the triangle

• Triangles have three sides.
• Vertex of the triangle there are 3
• The whole  angles of triangle is 180 °.

Area of triangle

Area = ½ x b x h ( b=base, h=height)

Example :
Base of triangle : 15 cm and height : 12 cm
Area = ½ × b × h
         = ½ × 15 × 12
         = 90 cm

Read More