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

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

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

CSS List Style with Image

With CSS you can set the list of different markers in both the ordered list (indicated using numbers or letters) or an unordered list (marked using a bullet) and set the image as a marker list. We know it in the HTML tag to set the display <ol> "ordered list", and to set the display <ul> "unordered list". CSS List Style with Image, to arrange for an image used as a list. The value used is the location URL of the image .

CSS code :

<style type="text/css">
ul  {
list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiv75vMAOtkaNpzkL97Z9bFs47feE2e7Y9lM7LvAZgRLxZka-m4H24NnAiKrl3hToG33o5BQyF865C0EYBF_aoWdTaKsFIo5mKyGb9PTsIcjzd50I1cdmULJy5wPKjPypwSBEbdG7ggRhy/s1600/bunga.jpg');}
</style>
<ul>
<li><a href="http://godheg.blogspot.com/search/label/Tips%20and%20Trick">Tips and Trick</a></li>
<li><a href="http://godheg.blogspot.com/search/label/Blogger">Blogger</a></li>
<a href="http://godheg.blogspot.com/search/label/Blogger"> </a>
<li> <a href="http://godheg.blogspot.com/search/label/Wordpress">Wordpress</a></li>
<a href="http://godheg.blogspot.com/search/label/Wordpress"></a></li>
</ul>

Result :

• Tips and Trick
• Blogger
• Wordpress

Note : The red code is the image url

Read More

How to Upload Javascript File

Uploading .js files to other hosting sites may take much time to load the blogger page. Google code allows you to upload .js files and many other files such as .xml,zip to the google server which is very fast so that your script files will load quickly. Its all free. How to Upload Javascript File ?

Go to http://code.google.com, login with your gmail. Find and click Project Hosting on Google Code section was then locate. Create a new project for a while and then will appear a pop-up like this:

1. Project name = name of your project (it will appear in the url address of Javascript) 

    The project name must be all lowercase
2. Project summary = Summary of Your projeck
3. Project Description = Enter the description of your project 
4. Version control system= Select the Mozilla Public License 1.1 
5. Source code license = Select a version control system (Mercurial)
6. Project label (s) = input label your project 
7. Click the Create Project


After your project have been made :
Click download>>new download, fill the form with :

• Summary  : enter one line summary
• Description : Description of your file

Select your javascript file from your computer

Cilick : "Submit File", wait until your javascript uploaded :

If you want to coppy your javascript link, just right click your mouse (copy link address) 

Read More

How to Create Auto Install Widget

As we know in general is usually the bloggers who often provide tips and tricks how to create a blog widget code just to give it. For the bloggers who have advanced skill will not have problems with HTML code. Auto Install button aims to simplify installation Widget widget code (add widget) on blogger template, so we do not need to bother to copy and paste the code into our template. Auto Install this widget button does not necessarily have to be put in your sidebar, we can put this button anywhere we want, including into the post.

If you want to create a blog tutorial article I suggest to add this button in order to facilitate installing the widget in Blogger.

<form action="http://beta.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" value="Widget Title" type="hidden"><textarea cols="5" name="widget.content" rows="3" style="display: none;">Script/Widget Code</textarea><input class="button" name="go" value="Install widget" type="submit">
</form>

Please change the colored text :
1.  Red colored text widget is the title that will appear in the sidebar of the blog. 
2.  Blue colored text is the script / widget code. 
3.  Green  colored tet is the words that will appear on the button that will be 
     ready for the click.

Script/Widget Code

Read More

How to Create a Facebook Group

Have things you only want to share with a small group of people? Just create a group, add friends, and start sharing. Once you have your group, you can post updates, poll the group, chat with everyone at once, and more. Groups let you share things with the people who will care about them most. By creating a group for each of the important parts of your life — family, teammates, coworkers — you decide who sees what you share.

How to create Facebookgroup ?

• Go to Facebook Groups  or go to your your home page and click Create Group in the left hand column. If you have existing groups, you may need to click More before you see this link.
• A pop-up box will appear, where you will be able to add a group name (1), add members (2) and select the privacy setting for your group(3). Click the Create Group button when you're finished. 
• Once the group is created, you will be taken to the group's page. To get started click  at the top right of the page and select Edit Group. From here you can add a group description, set a group email address, add a group picture and manage members.

Control who sees your group

Secret: Only members see the group, who's in it, and what members post.

Closed: Anyone can see the group and who's in it. Only members see posts.

Open (public): Anyone can see the group, who's in it, and what members post.

How to add new members to a group

1. Go to the group
2. Click the + Add Friends to Group field in the right column
3.  Add your friends' names in the typehead ( you can add friend from 
     "suggested member" box)


For all types of groups (open, closed and secret), group members can add their friends. Other people can request to join an open or closed group and be confirmed by a group admin. 


For groups within school groups, group members can add anyone who is a confirmed member of the school group. 

Read More

How to Add "Follow Twitter" Button on your Blog

In addition to search engines, social networks can bring traffic to our blog. For owners of a personal blog might be traffic from social networking and forum is the right solution when traffic search engines can not detect. How does that get traffic from social networking? In fact many ways and many others explain how to get traffic from social networking, one of them by adding the Follow Twitter button on the blog (Note: you must already have a twitter account). Well this time I will give way to add the twitter button to follow your blog

a. Go to Twitter Resources;

b. Select "Twitter Button"

1)  Click "follow button"

2)  Check "Show Username"

3)  Coppy the code.

Next step :

Go to your blog dashboard >> add gadget>>html/javascript gadget>>paste the code>>save widget.

Follow @Denmasginolbr

Read More

How to Send an E Mail

How to Send Email Yahoo - Have you read about on the yahoo list of previous posts on this blog? In the post it was discussed about how to create an email account at yahoo. Well if you already have an email in yahoo, now the question is how do I send this email yahoo? That is the subject of our discussion in this article.

Login to YahooMail.com or click on Yahoo.com and click on the mail menu. Enter your  username and password login. 

As stated in the figure below:Click New in the upper left corner to write an email.

On the new page, click in the blank box beside
1.  To: and type the email address of the person you're writing to.
2.  Add addresses in the Cc: field if you want to send a copy of your email to anyone else.
     Others receiving this email will be able to see anyone listed in the Cc: line.
3.  Inside Subject:, give your email a title—then write whatever you want to in the message
     window. That's the big box below.
3.  Sending is the easy part. Once you're done writing (and attaching photos or files if you
     want... see below), just click Send.

Attach Photos and Files:
Click Attach at the top of the page. In the window that opens, click Browse to find and select the file you want. When you've got it, click Open. Repeat these steps to attach more files, and when you're finished, click Attach Files.

Read More

How to Set up a Yahoo! Mail Account

Yahoo! Inc. (NASDAQ: YHOO) is an American multinational internet corporation headquartered in Sunnyvale, California, United States. The company is perhaps best known for its web portal, search engine (Yahoo! Search), Yahoo! Directory, Yahoo! Mail, Yahoo! News, Yahoo! Groups, Yahoo! Answers, advertising, online mapping, video sharing, fantasy sports and social media website and services. It is one of the largest websites in the United States.

How to Set up a Yahoo! Mail Account ? Follow this tutorial step by step :
A.  Visit the Yahoo! Mail home page to take the first step to creating your own email
      account at Yahoo.
B.  Click on the 'Sign Up' link that appears somewhere near the top of the Yahoo home
      page.
      1) Name : fill with your name
      2) Gender : male/female
      3)  Birthday : month-date-year
      4) Country : fill with your country
      5) Languange : fill with your languange 
      6) Yahoo ID : fill with your ID 
      7) Password : fill with your password
      8) Re-type password : re-type your password
      9) Alternate Email : fill with your another email, or leave it blank. This email is used to 
           send confirmation if you forget your ID or password.
    10) Secret question 1 : select one question and the answer that easy to remember
     11) Secret question 2 : select one question and the answer that easy to remember
     12) Visual code : type the code shown
     13) Create my acount.

Fill the form step by step and then click "Create My Account. Once you have successfully created your account will appear like this

Click "Continue" and go to Yahoo home page.

Read More

How to Make Twitter Account

Twitter was changed to be more dynamic graphics display, and this tutorial is made for those wishing to make a twitter with the latest look in 2012. Prepare an email, For those who do not have email or forgot the email password is recommended to create a new e-mail - See how to create e-mails in gmail. 

Go to twitter.com. The initial view of twitter :

1.  Fill in the registration on the bottom left box, See the first picture.
     - The first column fill in the name (at least 2 words)
     - Fill in the e-mail you used to create a twitter
     - Fill with the password or the password to enter later on to finish creating a twitter 
        account  twitter. and then sign up into Twitter :
2.  Your information will appear, when you are done click create my acount, will open a new 
      page :

3. To have a twitter account you should follow at least 5 people on twitter, on the left page is 

     provided several recommendations, just click the Follow as many as 5 people. After that 

     click next.

4.  Find and follow well known people,  and then click next
5.  From here we skip this step, click "skip this step", the bottom of the box. You can find 
      friend and add character later. 
6.  Go to your e-mail and follow the link to complete registration. 

Read More

Complete tutorial how to create facebook

As we know that now is the use of social networking site Facebook is growing. Its consumer not only adults but children of school age were already familiar with and have a facebook account. This time I will make a simple guide for beginners how to create facebook. In order to make it easier, it is accompanied by a picture tutorials.Before signing up facebook do not forget to set up an email address. Do you already have an e-mail or not? If you do not have e-mail address, create an e-mail first. Please read the previous article how to create e-mail.

The first time we have to do is log onto facebook home page.

Fill in the requested data in the fields such as name, last name, email, password, gender, and date of birth. Once loaded it, then click the sign up button. 

• A form of find friend will appear, select skip this step, and go to profile information. You can perform this step later after the account is created;
• Next step is profile information : fill the form with your high school and college/university (or leave it blank, and fill the information later), and then click save and continue.
• Next step is profile picture. In the profile picture you can upload an image from your computer or with your webcam, and then save and continue. 

• Confirmation message will appear, go to your e-mail to complete the sign-up process.
• Follow the link by clicking and go to your facebook acount.
• Now complete your profil with find friend and edit profile. 

You also can make a fecebook fan page by follow this article : Facebook Fan Page.

Read More

Tips Change Gmail Themes

Gmail is a free email provider other than Yahoo, Hotmail, etc.. Gmail launched in March 2004 has a graphical user a very significant increase each year. Most of internet users prefer Gmail because of its diversity. Gmail recently providing the latest features, these features are replacement options with various types of background themes and colors. The themes you can install quickly and easily. Here's how to change gmail themes:

Sign in to your gmail account
Click Settings (located on the right corner of the window)

Click the Theme
Please select your favorite theme 
1.  Classic Themes :
2.  Color Themes
3.  HD Themes

Please select one of  themes that avaliable ( I use beach theme ). Wait for the process of loading for about 30 seconds (depending on your internet connection).

Done !

Read More