TUTORIAL BLOG AND COMPUTER

Friday, April 10, 2009

Sitelinks get in the google search engine

sitelinks is a collection of links on a web in a search on google, get a set of sitelinks kadung.com from google search, because sitelinks rarely get on the web but the web is very long standing and high trafiknya

according to the explanation webmaster google sitelinks dimaksutkan for easy navigation provide users with an alternative link that is in the search results, the system analyzes the structure of their web link and we menampilkanya in the google search menggunkan automatically with the algorithm, this is the theory that in the google webmaster gratitute about where I sitelinks calculate

1. google track the number of links to different results, if there is a web trafic with the keyword kusus the web will get sitelinks

for example there is a brand product kusus on your web page that is not found on the web in the other, many people will be clicking in your web search results in google, it's likely you will get web sitelinks top brand products in the google search

2. architecture on the web link you need to correct, the links that come from your html web with the correct structure will be included as an opportunity sitelinks

3. google google toolbar can use to determine the link, the more a web page in your bookmarks in by visitors, the more likely will be made in due sitelinks google toolbar can collect a lot of information about a website

indeed at this time how the google sitelinks to be in less control by their own who has a website because the links that are still in sitelink authority's own google

sitelinks very useful because it makes it easier to see the alternative sipencari link on our website and that will increase visitor traffic from search results in google

so easy to google robot indek

Many people think that google search to search when there are people searching on google, teryata is wrong.

google does not search the internet at the time of your search, but google is using a robot to explore the internet, this robot is a simple software program that all the web pages in
find on the internet and then save the information in the google database, then when you look for in google search you get the data already collected by the google robot.

if you want to get ranked in google search, should ensure that the google robot to find appropriate information on your website, and if you want to get ranked higher in the search on google, you should optimize the website such as:

Optimize each web page you
you is not enough to optimize the web page in front of you, optimize your web page each with different key so that the robot google web you see relevant to the topic, the more the better optimize your page.

Optimize web page struktuk elements have
robot tidal see google page web site with your browser, but the robot only see the HTML code and search for information from the code-Kone, and therefore you should ensure that the appropriate html code will be easier to write robot google the correct information in their database .

a web page has many elements that can be read by a robot in google such as: titles, meta tags, the contents of the content, links, keywords in content etc., these elements must be in the correct order and must contain the right keywords in order to get ranking in google with the keyword.

Optimize the entire structure of your web site
than the structure of web site page, the entire structure of the web site you will also affect the ranking in google, and the important aspect is the internal structure Navigation and links listed on your web site, with links and navigation on the web easier for your robot akan google page to browse all your web site.
so easy to google robot indek

if you make it easy for robots google page indek your web site, the web site you will get ranked in google search is better.

Monday, April 6, 2009

Setting the Domain co.cc

co.cc is a free domain. It's not only URL forwarding but we can setup DNS Records, A, MX, and CNAME records. We can change our blog's name to become "name.co.cc". It's more simple than we use domain "name.blogspot.com". To change our default blogspot name to co.cc domain name there are some steps to do. Here is the tutorial to setup domain co.cc

1. Open your browser to co.cc
2. Then regiter a domain that you want to use.
3. If it's no available you have to find another domain name. But if it's available then you can register it.
4. The you have to setup your domain. Got to "setup-->Manage domain"
5. Choose "Zone Records"
6. In the coloumn "Host" fill it with your domain name (www.yourdomainname.co.cc")
7. Choose "CNAME" for "Type"
8. In the "Value" box fill it with "ghs.google.com"
9. Then click "Setup" Button.

The next step is make some setup in blogspot.

1. Login to Bloggr/blogspot then choose "Setting-->Publishing"
2. Then choose "Switch to: • Custom Domain
3. Then click on "Already own a domain? Switch to advanced settings"
4. Fill it with your new domain in the "Your Domain" coloumn.

5. To Finish click "Save Setting" Button.

It will take 1-48 hours for your new domain to work. So be patient....

Edit HTML Tips Blogspot

If we mengotak especial or edit the HTML blog kadang2 akan experiencing difficulties, especially for those who are still quite a beginner. That somehow I can nemu want to edit the code that is, I can be saved because it is an error, have pesen error that it is clear, and that is the other, to do ...??? Subject this time i will try to overcome or at least reduce the problem, which often happens or kadang2 it.

Here are some tips to edit HTML bogger:

1. Backup Template

Membackup template is important because if there is anything that is not dinginkan, if we have previously membackup template. Membackup how easy this template. Just click on the link "Download Full Template" and save the template file in our computer. If an error occurs that can not be atasi us, we live aja upload file template.

2. Provide alerts Check Box on the "Expand Widget Templates"

This kadang2 be overlooked that the "editor". If the "Expand Widget Templates" is not checked then the search kode2 likely not be found. Kadang2 but this does not need to be done depending on the instructions tutorialnya. Hence baik2 tutorialnya note I would like to Edit HTML blog.

3. Make Search Tips

To facilitate the search with the code that is used to copy the code that would search for and press "Ctrl + f" and enter the code you copied into the box before you appear. If you are looking for eg code does not appear then try looking for a part of the code. For example the code would look for <p> <data:post.body/> </ p> if not then try to seek out or find some data like this: if post.body already met then click the button next to see if others have the same code for ensure the desired code. Tips, but this seems difficult dilakakukan using the browser "Chrome" is easy if you use the "Mozilla Firefox".

4. Facing the tips Error Appears

If the time to save edits and error messages appear, eg like this:

We were unable to save your template

Please correct the error below, and submit your template again.

Your template could not be Parsed as it is not well-formed. Please make sure .....

So things that we need to do is try to understand these error messages. Then we check the tutorial again if we read the steps we already do bener2 in accordance with tutorialnya. not sure if we can repeat again tutorialnya from the start by clicking the button "Clear Edit" at first.

May be a problem for many mengahadapi this error message akan we further diepisode the other is more specific.

Changing the way Post Date Calendar Icon

Finally, so that, after a few days What-What the article about "how to change the date with a calendar icon" and mengotak especial template I also finally succeeded in making them, fiuuhh: f with the funds, How to do research to know how to create one? do not worry-I will divide this tutorial in the share with you geratis let's start to its tricks and tips.

The first we have to do is change the date setting is, as usual I Login first blogger to continue to select Settings -> Formatting, change "date header format" or "a date format (mm.dd.yyyy) nha still a beginner definitely confused mean right? that lho any posts on the "date header format" I have the box that shows the date, how you click and select the format bulan.tanggal.tahun continue to keep such 1.10.2009

Step the second menu select Layout -> Edit HTML. You check the box Expand Widget Templates, Oh yes, do not forget the back-up your template first. I know that's how the template-memback please see this article first. I?

1. Find this code <TITLE><data:blog.pageTitle/></TITLE> (the place up) I dah ketemu put the following script exactly underneath

<SCRIPT type='text/javascript'>
//<![CDATA[
/*********************************/
/* http://trik-tips.blogspot.com */
/*********************************/
function date_replace(date) {
var da = date.split('.');
var day = da[1], mon = da[0], year = da[2];
var month =
['0','Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
document.write("<div class='month'>"+month[mon]+"</div> <div class='day'>"+day+"</div>");
}
//]]>
</SCRIPT>

2. What I find this code:

.date-header {
margin: 1.5em 0 0;
font-weight: normal;
color: $dateHeaderColor;
font-size: 100%;
}

I have ggak try this search

h2.date-header {
margin:1.5em 0 .5em;
}

3. Kalo dah ketemu put under the following script :

.dateblock {
background: url(

change the image you want a tang

)
no-repeat;
width: 55px;
margin: 0;
font-weight: bold;
height: 50px;
/*position: absolute;
top: 0;
left: 0;*/
float: left;
text-align: center;
}

.month {
font-size: 11px;
width: 37px;
margin: 0 5px;
text-transform: uppercase;
color: #fff;
}

.day {
color:#3366CC;
font-size: 19px;
width: 37px;
margin: 0 5px;

}

with the pictures below to change how hurus with the bold

code below the image, for example, you Pingin kelender the red,
do you change the text bluecalend.gif
with redcalend.gif.
Is the code color:#3366CC; is the color code
date.
4. the next step is you find this code
<data:post.dateHeader/>, how to get easy nyarinya copy the code,
continue to press Ctrl-f and paste in the box provided, directly nha
ketemu kan. kalo udah ketemu replace the code with the script below.

<DIV class='dateblock'>
<SCRIPT>date_replace('<data:post.dateHeader/>');</SCRIPT></DIV>

5. Save Template and you see the results. I'm not successful? : t

If for example, any posts months and up to date code, try adding padding: 4px 0px 0px 0px; under the code. (Month and also under the code. Day (

NB: If the date changes to any posts "Undefine" that you certainly do not consider this tutorial from the beginning. Try to see this again from the beginning of the tutorial and read the instructions carefully.
> tukar

Sunday, April 5, 2009

Make marQuee

Never see the blog that you visit have texs, which can madir back, left-kana, spotty, yups ...... they use MarQuee to any posts or pictures to be moving. tag is MarQuee;

<marquee> ...</ marquee>

</ MARQUEE align = "center" direction = "right" height = "200" scrollamount = "2" width = "30%">

MarQuee moves from right to left ... bro!

</ marquee>

to move from left to right to change the word with the word RIGHT LEFT.
whereas for the hop this code;

</ MARQUEE align = "center" direction = "up" height = "200" scrollamount = "2" width = "30%">

MarQuee moves from top to bottom ... bro!

</ marquee>

and if you want to move from bottom to replace the word under the UP Down

Now that this example MarQuee with the movement behavior;

<MARQUEE Align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="alternate">

marquee-style cozzzzz

</ MARQUEE>

What this example MarQuee Playing with color;

This code bro .........

<div align="left"> FACE="georgia" <FONT color="Blue"> <b> <MARQUEE BGCOLOR="RED" width="70%" scrollamount="3" behavior="alternate">

MarQuee Playing with color

</ MARQUEE> </ b> </ FONT> </ div>

I MarQuee the mouse pointer is when you point to pergerakanya akan MarQuee then stop;

This code ,,,,,,,,,,,

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">

stop ....................
</ marquee>

If this one;

LINK MarQuee where many code examples on gini nich ...

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">

<a href="http://tutorialboyandgirl.blogspot.com/" target="new">
Technocomku </ a>
<br/>

<a href="http://tutorialboyandgirl.blogspot.com/" target="new">
Blog Name </ a>
<br/>

<a href=" http://tutorialboyandgirl.blogspot.com "target="new">
CAHAYA Blog </ a>
<br/>

</ marquee>

nice work ... ...

Saturday, April 4, 2009

Redes sociales (Social Bookmarking) en Blogger

Me preguntan como poner el icono de redes sociales o social bookmarking en cada uno de nuestros post, de modo que sí alguno de nuestros usuarios utiliza uno de ellos, tenga el link para agregarlo a sus favoritos de forma rápida.

No hay necesidad de tener suscrito el blog a ninguno de estos servicios, más bien, los enlaces son precisamente para que el usuario lo suscriba y tenga a la mano tu link sí lo considera de utilidad.

Ahora vamos a ver como ponerlos:

1. Entra a la pestaña “Plantilla” o también llamada “Diseño” desde el escritorio y después a la opción “Edición de HTML” donde activamos la casilla “Expandir plantillas de artilugios”.

2. Buscamos el siguiente código:

<p class='post-footer-line post-footer-line-3'/>

3. Sustituye esa linea con el siguiente código:

<div class='rsociales'>
Agregar a marcadores favoritos:
<ul>
<li><a expr:href='"http://www.technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Technorati' class='rsociales-sobre' src='http://bp1.blogger.com/_Zuzii37VUO4/Rjl62eMBQ0I/AAAAAAAAAto/zkas68GmVFk/s1600/technorati.gif'/></a></li>
<li><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Del.icio.us' class='rsociales-sobre' src='http://bp3.blogger.com/_Zuzii37VUO4/Rjl68-MBQ1I/AAAAAAAAAtw/Mftx1_Bi_oY/s1600/delicious.gif'/></a></li>
<li><a expr:href='"http://digg.com/submit?phase=2&amp;url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a DiggIt!' class='rsociales-sobre' src='http://bp2.blogger.com/_Zuzii37VUO4/RjlY7uMBQrI/AAAAAAAAAsg/ov73dLSsrtA/s1600/digg.png'/></a></li>
<li><a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Yahoo!' class='rsociales-sobre' src='http://bp1.blogger.com/_Zuzii37VUO4/RjlZLeMBQtI/AAAAAAAAAsw/bNmkgSj_jj0/s1600/yahoo.png'/></a></li>
<li><a expr:href='"http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Google' class='rsociales-sobre' src='http://bp3.blogger.com/_Zuzii37VUO4/Rjl6z-MBQzI/AAAAAAAAAtg/-13NieAS3J8/s1600/google.gif'/></a></li>
<li><a expr:href='"http://meneame.net/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Meneame' class='rsociales-sobre' src='http://bp3.blogger.com/_Zuzii37VUO4/Rjlct-MBQyI/AAAAAAAAAtY/UtGxUlBA7mc/s1600/meneame.png'/></a></li>
<li><a expr:href='"http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Furl' class='rsociales-sobre' src='http://bp3.blogger.com/_Zuzii37VUO4/Rjlaa-MBQuI/AAAAAAAAAs4/7hoQkbJNkUw/s1600/furl.png'/></a></li>
<li><a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Reddit' class='rsociales-sobre' src='http://bp2.blogger.com/_Zuzii37VUO4/RjlbHuMBQvI/AAAAAAAAAtA/L0TsC3OUUyI/s1600/reddit.gif '/></a></li>
<li><a expr:href='"http://ma.gnolia.com/beta/bookmarklet/add?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Magnolia' class='rsociales-sobre' src='http://bp2.blogger.com/_Zuzii37VUO4/RjlbWuMBQwI/AAAAAAAAAtI/Vy_xjt3iY80/s1600/magnolia.gif'/></a></li>
<li><a expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&Description=&Url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Blinklist' class='rsociales-sobre' src='http://bp2.blogger.com/_Zuzii37VUO4/RjlbjuMBQxI/AAAAAAAAAtQ/WDlHSsaO_m4/s1600/blinklists.gif'/></a></li>
<li><a expr:href='"http://blogmarks.net/my/new.php?mini=1&simple=1&url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Blogmarks' class='rsociales-sobre' src='http://bp0.blogger.com/_Zuzii37VUO4/RjlQzOMBQoI/AAAAAAAAAsI/qt5x09fQvNo/s1600/blogmarks.gif'/></a></li>
</ul>
</div>

</p>

#

Estas son, a mi parecer, las redes sociales más populares.
4. Ahora busca el código:
]]></b:skin>

Y justo arriba pega lo siguiente:

.rsociales ul {
display:inline;
margin:0pt !important;
padding:0pt !important;
}
.rsociales li {
background:transparent none repeat scroll 0%;
display:inline;
list-style-type:none;
margin:0pt;
padding:2px;
}
.rsociales img {
border:0pt none;
float:none;
margin:0pt;
padding:0pt;
}
.rsociales-sobre {
opacity:0.4;
}
.rsociales-sobre:hover {
opacity:1;
}

#

Estos son los estilos aplicados a los iconos de cada servicio, puedes modificarlos a como mejor se adapte a tu blog. Los últimos dos estilos dan un efecto de transparencia que funciona bien firefox, opera, safari e IE7.
5.Ahora gurdamos y listo.