Mostrando las entradas con la etiqueta enlaces. Mostrar todas las entradas
Mostrando las entradas con la etiqueta enlaces. Mostrar todas las entradas

lunes, 24 de marzo de 2014

Como Abrir Enlaces de Page List En Una Nueva Ventana

Leave a Comment


En el tutorial de ciudad blogger explicare como abrir cada enlace de tu Widget de PageList en una nueva ventana.

Solo sigue estos sencillos pasos:
1. Entra en tu cuenta de Blogger y ve a "Plantilla"--> "Editar HTML" de tu blog.
2. Ahora encuentra el codigo de PageList widget . (Nota importante : Tambien puedes encontrarlo buscando <b:widget id='PageList)
Tu codigo de widget PageList  sera similar al codigo de abajo. Pero el id widget  (PageList1) podria ser diferente :


<b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
  <b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content'>
    <b:if cond='data:mobile'>
      <select expr:id='data:widget.instanceId + &quot;_select&quot;'>
        <b:loop values='data:links' var='link'>
          <b:if cond='data:link.isCurrentPage'>
            <option expr:value='data:link.href' selected='selected'><data:link.title/></option>
          <b:else/>
            <option expr:value='data:link.href'><data:link.title/></option>
          </b:if>
        </b:loop>
      </select>
      <span class='pagelist-arrow'>&amp;#9660;</span>

    <b:else/>
      <ul>
        <b:loop values='data:links' var='link'>
          <b:if cond='data:link.isCurrentPage'>
            <li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
          <b:else/>
            <li><a expr:href='data:link.href'><data:link.title/></a></li>
          </b:if>
        </b:loop>
      </ul>
    </b:if>
    <b:include name='quickedit'/>
  </div>
  </b:includable>
</b:widget>

3. Luego coloca el siguiente codigo azul blue ( target='_blank' ) como el ejemplo de abajo en el codigo de Link list .


b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
  <b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content'>
    <b:if cond='data:mobile'>
      <select expr:id='data:widget.instanceId + &quot;_select&quot;'>
        <b:loop values='data:links' var='link'>
          <b:if cond='data:link.isCurrentPage'>
            <option expr:value='data:link.href' selected='selected'><data:link.title/></option>
          <b:else/>
            <option expr:value='data:link.href'><data:link.title/></option>
          </b:if>
        </b:loop>
      </select>
      <span class='pagelist-arrow'>&amp;#9660;</span>

    <b:else/>
      <ul>
        <b:loop values='data:links' var='link'>
          <b:if cond='data:link.isCurrentPage'>
            <li class='selected'><a expr:href='data:link.href' target='_blank'><data:link.title/></a></li>
          <b:else/>
            <li><a expr:href='data:link.href' target='_blank'><data:link.title/></a></li>
          </b:if>
        </b:loop>
      </ul>
    </b:if>
    <b:include name='quickedit'/>
  </div>
  </b:includable>
</b:widget>

Nota Importante : Debes incluir el espacio  antes de la palabra target='_blank' como muestra el ejemplo de arriba.
Para finalizar ahora da click en boton de Guardar Plantilla y listo.
Read More

sábado, 22 de junio de 2013

Efecto Multicolor Para Enlaces De Blogger / Blogspot

Leave a Comment

En este tutorial mostrare como crear enlaces de textos en distintos colores. Tal vez te gustaria usar multiples colores para los enlaces de textos en lugar de usar un solo color de enlace en la pagina entera.

Este se activa al poner el cursor sobre el titulo de enlaces flasheando en distintos colores de arcoiris y el fondo como fuegos artificiales o destellos de estrellas.Este widget lo puedes personalizar especificando el color de tus enlaces en la pagina entera con el atributo VLINK LINK y dentro de la etiqueta del cuerpo.
Ejemplo:para ver este widget en vivo da click en imagen una vez en la pagina pon tu cursor sobre titulos o enlaces y los veras cambiar de color.

Cómo agregar varios estilos a los enlaces

¿Quieres hacer que un enlace de tu blog  parpadee colores del arco iris cuando el puntero es puesto sobre los mismos? Es muy fácil

Ahora vamos a empezar a añadir este widget a tu blog de blogger.
 1. Iniciar sesión en tu cuenta de Blogger Account>>Diseño y haga clic en Agregar un  Gadget.
 
 2. Despues de dar click en enlace de Anadir un Gadget una ventanita se abrira con una lista de gadgets.

 3.Selecciona  la opcion HTML/JavaScript dando click en la cruz azul del gadget.
4. Selecciona 'HTML/Javascript' y anade el codigo de abajo.

5.Luego de Click en Guardar 'JavaScript' y Listo.


<script type='text/javascript'>
//<![CDATA[
var rate = 20;
if (document.getElementById)
window.onerror=new Function("return true")
var objActive; // The object which event occured in
var act = 0; // Flag during the action
var elmH = 0; // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg; // A color before the change
var TimerID; // Timer ID
if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}
function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
};
document['write']('<a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" ></a><a href="http://24work.blogspot.com/" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; left: 0%;" ></a><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" ></a>');
function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}
if (obj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break;
}
if (obj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function ChangeColor()
{
objActive.style.color = makeColor();
}
function makeColor()
{
// Don't you think Color Gamut to look like Rainbow?
// HSVtoRGB
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;
if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}
elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1) elmR = "0" + elmR;
if (elmG.length == 1) elmG = "0" + elmG;
if (elmB.length == 1) elmB = "0" + elmB;
elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;
return '#' + elmR + elmG + elmB;
}
//]]>
</script>

6.Ahora da Click Guardar

Todo esta listo ve chequea tu pagina y pon el cursor de el mouse sobre algun enlace o link para que veas como cambia de color.

Customize And Demo.

Enhanced by Zemanta
Read More

lunes, 10 de junio de 2013

Reemplaza Enlaces Navegacion Con Imagen En Tu Blog

Leave a Comment

En este tutorial te mostrare el truco de reemplazar los enlaces de navegacion de pagina principal,entradas recientes y entradas antiguas por un imagen de boton,puedes navegar la web por iconos  de diferentes tipos que pueden ser usados para enlaces de pagina principal,entradas recientes y entradas antiguas o pudes crear un icono que mejor se ajuste a tu blog,

Este icono de  navegacion aparecera en la parte de abajo de cada entrada, que permitira a los lectores a navegar por tu blog. Por defecto los enlaces estan representados por texto,pero hoy es historia por que aprenderas como reemplazar estos enlaces con imagenes de botones,que hara tu blog lucir mas profesional.

Como Reemplazar los enlaces de navegacion con una imagen de boton

  • Entra a la cuenta de blogger
  • Da Clic en"Diseno" > "Editar HTML" >Haga una copia de la plantilla.
  • Use ctrl F para encontrar la siguiente etiqueta <data:newerPageTitle/> y reemplace esta con el codigo de abajo.
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbvbEDZjKdkBQ_X-kQCaH_zuyhkQEZCTZzdgBAXM3gpEHrdh0qV81YXAh1V-bsMuxShMCKsQXUtr9u2rZbOpxHgtb84YFmmyfmTseswGgNhINdMv1_KjrDi-irnGWPI4hYR7yqTmymwbww/s1600/RB+Newer+Posts.jpg' alt='Next Post'/>
  • Ahora busca <data:olderPageTitle/>y reemplazala con el codigo de abajo.
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIjfNboYeupWoIaP244k6r8PdnkEB44IvF5eeokyf7V3sZpNbj9DmOBSLUrDsJ4ktS_ZW0T5Fy3Vo0KaB1W9S6FlX52O6Vn25B08jNpRLI1ZWX69GlHP7w0rWPsirCYQEAfG1KeTtaJBRQ/s1600/RB+Older+Posts.jpg' alt='Previous Post'/>
  • Ahora buscar <data:homeMsg/> y reemplazala con el codigo de abajo.
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdZ1u-KZ7CJ1dKndi7AxUBKtkPkEH046LrTS83VsfFpFtQV5rlPsI2EfCMfc0oxOJTfZOhWmNuaj90REio5Yyf0FC3UkV8sUy9NUpQYpY1451mgYOGdETtFBqNZnJ1gAtJZ896uKGZXUeO/s1600/Home.jpg' alt='Home'/>
  • Reemplace la porcion ensombrecida con la direccion de imagen del boton o dejela como esta, si desea la imagen del boton de abajo, y da clic a "GUARDAR PLANTILLA".
      Estos son los botones que reemplazaras por los enlaces:


Eso es todo, si te gusto este articulo, toma unos segundos para compartirlo,Gracias.
Enhanced by Zemanta
Read More

jueves, 23 de mayo de 2013

Los Elementos que Componen El Html de Tu Pagina Web

Leave a Comment

Hoy hablare de los Elementos de Html en foma simple y comprensible para todos.Empezamos con la definicion de Html.
HTML, siglas de HyperText Markup Language («lenguaje de marcado hipertextual»), hace referencia al lenguaje de marcado predominante para la elaboración de páginas web que se utiliza para describir y traducir la estructura y la información en forma de texto, así como para complementar el texto con objetos tales como imágenes.

 El HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo, JavaScript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML

Los Encabezados Html (Head Html)
Los encabezados HTML son definidos con las etiquetas  <h1> a <h6>

<h1>Este es un encabezado</h1>
<h2>Este es un encabezado</h2>
<h3>Este es un encabezado</h3> 

Las letras apareceran asi:

Este es un encabezado

Este es un encabezado

Este es un encabezado

 Si notas la etiqueta <h1> la letra es la mayor o mas grande y va bajando el tamano cuando llegues a la <h6> es la letra menor.

Parrafos en HTML

Los parrafos en Html son definidos con la etiqueta   <p>
.Ejemplo:
 <p>Este es un parrafo.</p> cuando lo pones dentro del Html lo veras sin la etiqueta <p>

Ejemplo:
Este es un parrafo.


Nota: toda etiqueta de comienzo debe ser cerrada usando (/)


Enlaces HTML

Los Enlaces HTML son definidos con la etiqueta <a> .

Ejemplo:

<a href="http://www.ciudadblogger.info">Esto es un enlace</a> si lo pones en tu Html se vera asi:


ESte enlace te llevara a www.ciudadblogger.info


Imagenes HTML

Las Imagenes en HTML estan definidos con la etiqueta <img> .

Ejemplo
<img src="http://s2.glbimg.com/x0zg74yEDNRa71IXi8-eRf1crJY=/top/s.glbimg.com/jo/eg/f/original/2012/12/25/perola.jpg" width="104" height="142">

Cuando pongas la etiqueta de img en html la veras en navegador asi:



Elementos HTML 

Un elemento html es todo desde la etiqueta de comienzo hasta la etiqueta final :

Etiqueta Incio  * Elemento de contenido Etqueta Cierre  *
<p> Este es un parrafo </p>
<a href="default.htm"> Este es un enlace </a>
<br>                       

* La Etiqueta de Inicio  es frecuente llamada Etiqueta de Apertura. La etqueta final es llamada frecuentemente la etiqueta de cierre..
Read More

domingo, 12 de mayo de 2013

Menu Horizontal De Navegacion Para Blogger

Leave a Comment
Menu Horizontal De Navegacion para blogger
Si deseas anadir mas informacion e enlaces a otras paginas dentro de la pagina de tu blog puedes hacerlo implementando el siguiente codigo a la seccion de gadget de la barra del lado de tu blog,siguiendo estos simples pasos .Puedes customizarlo a tu gusto dandole el color ,tamano,letra,cantidad de enlaces,,,etc.

Como Añadir Super Horizontal  Navigation Menu a Blogger

1.Entre a la interface de blogger y vaya a Diseño>>Elementos de Paginas

2.Da Click en 'Añadir un Gadget' en la barra del lado

3.Selecciona 'HTML/Javascript' ay añade el codigo de abajo.


<style> #tabsH { float:left; width:100%; background:#000; font: bold 7.5pt Verdana; line-height:normal; } #tabsH ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabsH li { display:inline; margin:0; padding:0; } #tabsH a { float:left; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgigOL6pR4eMoiTvdN4yDKEsi1mcPCbRcgWq8K1VuJyuWBzm3h6g5ie5i6k44iMbfMYcsMe4mW_eaOk_GIsVMj4XVZymsi3eq2jUvUkhVTcqUEuSUhXE_VZkCqVd1eD_gTWftyPcDeHc-0/s1600/tableftH.png) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabsH a span { float:left; display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7ucABmVCfU8IPtf_V4Lr-Ha8fxIKmwjWEPrmC1aMMDHlO2yrELbdFlOcMtIY5YTg7OJv4LlG4kZv-MFfJCigGXDnW7P06kfnfcKlkAKHrUr6QCrvdryND8RfFlJYG5J7lZh6eEPySxm4/s1600/tabrightH.png) no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac */ #tabsH a span {float:none;} /* End IE5-Mac hack */ #tabsH a:hover span { color:#FFF; } #tabsH a:hover { background-position:0% -42px; } #tabsH a:hover span { background-position:100% -42px; } </style> <div id="tabsH"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>


Nota: Reemplace el signo (#) con el enlace o direccion /URL de la pagina a diregir y reemplace
Enlace1, Enlace2, Enlace3 etc con el titulo de la pagina.

<li><a href="#" ><span>Enlace 1</span></a></li>
<li><a href="#" ><span>Enlace 2</span></a></li>

<li><a href="#" ><span>Enlace 3</span></a></li>
<li><a href="#" ><span>Enlace 4</span></a></li>
<li><a href="#" ><span>Enlace 5</span></a></li>

<li><a href="#" ><span>Enlace 6</span></a></li>
<li><a href="#" ><span>Enlace 7</span></a></li>

4.Ahora guarda tu "HTMl JavaScript" y Listo
Enhanced by Zemanta
Read More

sábado, 4 de mayo de 2013

Menu Deslizable Para Barra Del Lado de Blogger

Leave a Comment
Menu Deslizable Para Barra Del Lado de Blogger
Mostar-esconder, menu deslizable y sexy. Menu bar con javascript y mootools. Este articulo explica como anadir  un Menu deslizable, Sexy con JavaScript en la barra del lado Este  Menu usa la aplicacion de Mootools en el  blog que luce bien en el blog de blogspot .Para ser efectivos con CSS un menu vertical que muestra/esconde usa  MooTools para mostrar / esconder el menu con despliegue vertical agradable efecto.

  MooTools: "MooTools es un compacto, modular, Object-Orientado del framework de JavaScript  disenado para mediano y avanzado desarroladores de JavaScript .TE permite escribir poderoso, flexible,codigo de navegacion cruzada con elegante API, bien  documentado y consistente. ".
MooTools Home: Home Mootools.

 Instalar un Menu deslizable bello con JavaScript en la barra de lado con MooTool,


Vamos a anadirlo

Paso 1. Entra a tu cuenta de Blogger .ve a la interface de Blogger y da.Click en(Diseno) del panel de la izquierda y de clicken el enlace de Anadir un  Gadget .


blogger

Paso 2. Despues de dar click en Anadir un Gadget  Un cuatro se abrira mostrando una lista de gadget, escoja HTML/JavaScript de la opcion de gadgets dando click a la cruz azul de anadir para ese gadget.

blogger


Paso 3. Selecciona 'HTML/Javascript' y anade el codigo de abajo

Step 4. Despues de anadir el codigo da Clicken guardar 'JavaScript' y listo..


<script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/prototype.js" type="text/javascript"></script>
<script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/effects.js" type="text/javascript"></script>
<script src="http://safir85.ucoz.com/bdlab-blogspot/24work/side-bar-menu/side-bar.js" type="text/javascript"></script>
<a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Grab this"><img src="https://bitly.com/24workpng" alt="Blogger Tips And Tricks|Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Free Backlinks"><img src="https://bitly.com/24workpng" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Free"><img src="https://bitly.com/24workpng" alt="Blogger Tips And Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a>
<style>
body{
font-size:75%;
}
a{
outline: none;
}
a:active{
outline: none;
}
#sideBar{
text-align:left;
}
#sideBar h2{
color:#F0FFFF;
font-size:110%;
font-family:arial;
margin:10px 10px 10px 10px;
font-weight:bold !important;
}
#sideBar h2 span{
font-size:125%;
font-weight:normal !important;
}
#sideBar ul{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#sideBar li{
margin:0px 5px 5px 10px;
padding: 0 0 0 10px;
list-style-type:none;
display:block;
background-color:#DA1074;
width:177px;
color:#FFFFFF;
}
#sideBar li a{
width:100%;
}
#sideBar li a:link,
#sideBar li a:visited{
color:#FFFFFF;
font-family:verdana;
font-size:100%;
text-decoration:none;
display:block;
margin:0px 0px 0px 0px;
padding:0 0 0 20px;
width:100%;
}
#sideBar li a:hover{
color:#FFFF00;
text-decoration:underline;
}
#sideBar{
position: fixed;
width: auto;
height: auto;
top: 140px;
left:0px;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0HIQYykeuzAfLwf1dFznwHV0nw2wWF4Mh5oEOIUKHlIkzb87ArNv6ysz_0JAlZEz7Y7t6z-rjI2c_tgH8G0zSwN8j8Wm5iKUswtL3u-JUw2YUOB-3d4Rn-F3Qlujr5mQA3CWTIeTCRAZ8/s320/left.collapse.border.png);
background-position:top right;
background-repeat:repeat-y;
}
#sideBarTab{
float:left;
height:137px;
width:28px;
}
#sideBarTab img{
border:0px solid #FFFFFF;
}
#sideBarContents{
float:left;
overflow:hidden !important;
width:200px;
height:320px;
}
#sideBarContentsInner{
width:200px;
}</style>
<div id="sideBar">
<div id="sideBarContents" style="display:none;">
<div id="sideBarContentsInner">
<h2>Left<span>Menu</span></h2>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
</ul>
</div> </div>
<a id="sideBarTab" href="#"><img alt="sideBar" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3oIZiRThK6eu5krlWSiXH7zHq0f2VdpMpGfAZ3FisY26BBd2-TI4Ig0c-9Y1Vr-CqKn9wInMCJa_iiVBh9tThQiZF_3YLzsy-CBdb2k2mpphs6aBCw4bq3ZCB7AiTqYg4lK8BBDX4Inub/s320/sidebarcollapse.png" title="sideBar" /></a>
</div>



y ahora da click Guardar



Nota:Tenga en mente antes de guardar las "#" de tus link(enlaces)( Link 1, Link 2 Link 3 Link 4), cambiarlos porla Url  a donde dirigiras  el enlace.Puedes anadir hasta 10 enlaces.




Enhanced by Zemanta
Read More

jueves, 25 de abril de 2013

Como Encontrar Blogs Con Enlaces Dofollow y Nofollow

5 comments
Como Encontrar Blogs Con Enlaces Dofollow y Nofollow
Los Enlaces Dofollow apuntan hacia tu sitio web aumentanto la visilibilidad de este en los motores de busqueda y ayudaran a que tu pagina web tenga una mejor posicion en la internet. Utilizamos muchos metodos para la construccion de enlaces para conseguir dofollow backlinks y uno de los metodos es el de Comentarios en el Blog.

Los comentarios en el es un metodo sencillo de conseguir  backlinks pero desafortunadamente, muchos blogs donde dejamos comentarios son ,nofollow y los enlaces nofollow no son considerados por los robots de los motores de busqueda, simplemente ignorados.

Entonces donde consigo enlaces dofollow ?


La realidad es que suele ser una dificil tarea encontrar blog con enlaces dofollow si no sabe el super truco de como hacerlo.Si lo sabe pues todo bien pero sino aqui les mostrare el tutorial de como hacerlo.

En este articulo voy a compartir un simple truco para encontrar los blogs con enlaces dofollow en tu niche o categoria.

Usaremos la extencion de Chrome llamada SEO for Chrome O si estas usando firefox puedes usar un Add-on llamado NoDoFollow.


Como Encontrar Blogs Con Enlaces Dofollow

Como usar el SEO de Chrome

SEO de chrome es una extencion ampliamente usadapor muchos webmasters. Muestra estadisticas SEO de cada pagina web que visitas en el buscador de chrome . Este tiene un aditamento que sombrea los enlaces nofollow . 

Da Click para instalar el SEO for chrome.


Despues que instales esta extencion, da click enpequeno icon que hallaras en la parte superior derecha de tu buscador. Veras una opcion con el nombre de Show nofollow, marca ese encasillado para highlight los enlaces nofollow.
enlaces no follow

Ahora, cuando visites cualquier blog, todos los enlaces que haya seran ensombrado o no. Si el enlace es ensombrado entonces es un enlaces nofollow si no lo esta es un dofollow.

Como la extencion de NoDoFollow en Firefox

La extencion o add-on de NoDoFollow add-on ensombrara los enlaces en dos distintos colores.Si el enlace es en color azul es in enlace  dofollow y si el color es rojo, este es un nofollow.
Da Click aqui para instalar el Add-on NoDoFollow

Como Encontrar blogs DoFollow

Ya has instalado la extension para ver si el enlace es nofollow O dofollow. Ahora es el momento de encontrar blogs en tu categoria y empezar a buscar blogs  dofollow . 
Si ya tienes una lista de blogs que se relacionan con la categoria de tu blog es aventajado pues ve  y visita esos blogs visit y dale una mirada a la seccion de comentarios.. Para ver si el enlace de la seccion de comentarios es una dofollow o nofollow (Ya aprendintes como chequear los enlaces  nofollow o dofollow). 
Digamos que no tienes una lista de blogs de antemano no te preocupes puedes buscar en Google asi.
Tu Keyword o clave "Comment here" (For example:  Super Blogger tricks "comment here")
Tu Keyword o clave "leave your response"
Tu Keyword o clave "Add a comment"
Tu Keyword o clave "Leave a Reply"

Reemplace "keyword" con la keyword o clave que desea como el ejemplo de Blogger tricks.

Busquelas usando el metodo anterior y visite todos los blogs que aparecen en los resultados de busqueda y chequee si los comentarios son dofollow o nofollow. Si son dofollow entonces comente asi creara enlaces dofollow.Estos enlaces se conectaran a tu blog dandole mas relavancia asi a tu pagina asi se hubicara mejor en los resultados de busqueda en la internet y mas visitantes obtendras.

Por favor no haga spam o comentarios que nada tengan que ver con el blog pues en vez de ayudar te perjudicara,trata de comentar en esos blogs sobre el tema en discusion y con palabras ni cortas ni largas y de gran valor.
Enhanced by Zemanta
Read More