blog and roll

Quarta-feira, Setembro 02, 2009

A miña empresa vixía atentamente o teu blog

Unha mala xogada publicitaria levou á marca de cosméticos francesa Vichy a ter que disculparse ante os internautas. A compañía creou o blog de Claire, unha moza supostamente anónima disposta a probar cosméticos e contar as súas experiencias con eles. Trataban de facerse publicidade, pero o tiro saíulles pola culata. Os internautas franceses non tardaron en darse conta de que se trataba dun fake blog (blog falso), non lles sentou nada ben e rapidamente se creou unha corrente de opinión negativa sobre a empresa, que se viu obrigada a retractarse e empezar a incluír opinións de verdadeiros consumidores.

segue lendo en El País

Sexta-feira, Abril 17, 2009

Como crear un banner para os teus links favoritos

O primeiro que imos facer é pegar éste código no noso plantel. Para iso imos a Diseño -> Edición de HTML e antes de </head>:

<link href='http://xosse.dorrio.googlepages.com/bannerxOsse.ccs' rel='stylesheet' type='text/css'/>
<script src='http://xosse.dorrio.googlepages.com/bannerxOsse.js' type='text/javascript'/>

Tamén podedes descargar eses arquivos, renomealos e subilos ó voso propio dominio. Así non estaredes expostos a sua perda si algún día eu os elimino do meu espazo, por erro ou por que xa non os necesite.

Posteriormente crearemos un elemento novo na Sidebar. Imos a Diseño -> Elementos da páxina -> Engadir un gadget -> HTML/Javascript e editamos:

<center>
<div id="mbs49808d35a52f6" class="mod_bannerslider" style="width: 180px; height: 80px;">
<div class="bs_opacitylayer">
<div class="bs_contentdiv"><a href="http://www.moendo.net/" target="mOendo do Revés"><img src="http://xosse.dorrio.googlepages.com/moendo-net.PNG" alt="mOendo.net" /></a></div>
</div>
<script type="text/javascript"><br /> new ContentSlider("mbs49808d35a52f6", "fade", 2000, 1, 1);
</script>
</center></div>

Dentro deste código poderemos editar o tamaño da caixa, tanto a súa anchura (width) como a súa altura (height) e poderemos poñer tantos links como nos pareza; só é preciso repetir a parte do código que contén a ligazón á web e a ligazón á imaxe, cambiando por outro diferente. É importante utilizar imaxes que se correspondan coas medidas da caixa.

Sexta-feira, Janeiro 30, 2009

Editar blockquote

Este truco consiste en por un color -e/ou imaxe- de fondo diferente a que temos na entrada. Para iso é necesario ir a deseño -> código HTML e entre <head> y </head> colocamos o texto seguinte:

blockquote {
margin:5px 10px;
padding:4px 7px 10px 7px;
font-size:12px;
color:#336699;
border:1px dashed #40a9c9;
background: #d8eaee url(http://bp0.blogger.com/_Zuzii37VUO4/R2iVTSjZEdI/AAAAAAAACeo/0reNSdqOfpU/s1600/quote.gif) no-repeat 10px 4px;
}

blockquote blockquote {
margin:5px 10px;
padding:4px 7px 10px 7px;
font-size:12px;
background:#bac9cc;
color:#336699;
border:1px dashed #40a9c9;
background: #d8eaee url(http://bp0.blogger.com/_Zuzii37VUO4/R2iVTSjZEdI/AAAAAAAACeo/0reNSdqOfpU/s1600/quote.gif) no-repeat 10px 4px;
}

Este é o texto que eu coloquei, logo cada un pode editar márxes, cores, imaxes... ó seu gusto. Para que apareza publicado é necesario que redactemos o texto en "edición HTML" e poñamos ó inicio do texto <blockquote> e o final </blockquote>

Sábado, Janeiro 10, 2009

Google AdSense en Terra

Estas farto de escribir nun Blog de TERRA, con publicidade, e non ver nada dos beneficios xenerados?

Nos Blogs de TERRA tamén é posibel poñer a túa propia publicidade; facelo é moi doado. Tes que estar dado de alta en Google AdSese, se non o estas podes rexistrarte, unha vez regxstrado e/ou identificado entras na pestaña de configuración de AdSense, logo en AdSense pra contido, elixes o que máis creas convinte para o teu blog, cos colores que máis che praza, e segues ata o final, onde che da un código 'script'. Copia o código e logo vás ó panel de control de TERRA, pinchas en axustes, entras en 'título, descripción e noticias' e pegas o código onde di: RAW. Unha vez pegado darlle a gardar. A publicidade pode tardar en aparecer varios minutos, así que paciencia.

Tende coidado cada vez que entredes neste lugar do voso panel de control, pois ese 'script' bórrase con moita facilidade e se cambiades de plantel desaparecerá seguro. En ámbolos dous casos só queda comezar de novo.

Nese oco (RAW) tamén se pode escribir e por ligazóns como podedes ver na cabeceira do meu.

Si che foi de utilidade este consello non esquezas ligarme para poder compartilo con outras persoas.

Estás harto de escribir en un Blog de TERRA, con publicidad, y no ver nada de los beneficios que genera?

En los Blogs de TERRA también es posible poner tu propia publicidad; hacerlo es muy sencillo. Tienes que estar dado de alta en Google AdSense, si no lo estas puedes registrarte, una vez registrado y/o identifiado entras en la pestaña de configuración de AdSense, luego en AdSense para contenido, eliges elque más creas conveniente para tu Blog, con los colores que más te plazca, y sigues hasta el final, donde te darán un código 'script'. Copia el código y luego vás a tu panel de control en TERRA, pinchas en Ajustes, entras en 'Título, descripción y noticias' y pegas el código donde dice: RAW. Una vez pegado dale a guardar. La publicidad puede tardar varios minutos en aparecer, así que paciencia.

Tenez cuidado cada vez que entreis en ese lugar de vuestro panel de control, pues este 'script' se borra con mucha facilidad y si cambiais de plantilla desaparecerá seguro. En ambos casos sólo queda volver a empezar.

En ese hueco (RAW) también puedes escribir lo que quieras y poner enlaces

Si te resultó útil este consejo, no olvides ligarme para poder compartirlo con otras personas

Sexta-feira, Novembro 07, 2008

Texto en duas columnas

Grazas ó blog de Gema puiden facer este post con dúas columnas, de tal xeito que as imaxes non se perden na entrada ata o infinito. Se queredes saber como facelo teredes que seguir esta ligazón.

Gracias al blog de Gema he podido hacer este post con dos columnas, de tal modo que las imágenes no se pierden en la entrada hasta el infinito. Si quereis saber como hacerlo tendreis que seguir este enlace.

Terça-feira, Outubro 21, 2008

Crear unha barra de navegación

Despois de moito tempo decidinme a introducir novas modificacións no meu blog e como é costume, cada cambio que fago cóntovolo. Agora decidín colocar unha barra de navegación cun menú para que sirva de guia a os usuarios do blog ou para dirixilos ós sitios que o autor do blog, neste caso eu, máis lle interese.

1.- Empezamos creando duas novas "variables" que utilizaremos máis adiante para dar cor ó texto dos menús e ó fondo, así dende a pestaña "Fontes e cores" poderemos modificar a súa cor. Colocanse debaixo das demáis "variables":

<Variable name="colormenu" description="Menu Color"
type="color" default="#FFFFFF" value="#ffffff">
<Variable name="colorbgmenu" description="Menu bg Color"
type="color" default="#FFFFFF" value="#B10245">

2.- Diseñamos a barra adaptándoa á configuración do noso blog e ó lugar en que queremos situala (todo o ancho do blog (body) ou so na parte principal do blog (main); eu optarei por esta segunda opción). Estes parámetros podemos colocalos en calquera lugar do código HTLM entre <head> y <:/head>, así que eu poreino despois de "description":

/*-- (Menú) --*/

#nav {
clear:both;
margin:1px auto 1px auto;
width: 966px;
height:30px;
background: url(http://xosse.dorrio.googlepages.com/fnd_marc_prev2.GIF) repeat-x;
overflow:hidden;
}

#nav_l {
float:left;
width:966px;
margin:0px; padding:0px;
overflow:hidden;
height:30px;
}

.menu {
float:left;
margin:5px 1px;
padding:3px;
width: 400px;
}

.menu li {
display: inline;
list-style: none;
margin:0;
padding:0;
}

.menu ul, .menu ol {
display: inline;
list-style: none;
margin:0;
padding:0 10px 0 0;
}

.menu a, .menu a:visited {
color: $colormenu;
font-weight: bold;
margin:0;
padding: 3px 10px 3px 10px;
text-decoration: none;
}

.menu a:hover {
background: $colorbgmenu;
text-decoration: none;
font-weight: bold;
border:1px solid #fff;
}

#subscribe {
float: right;
width:192px;
height:32px;
margin:4px 4px 3px 4px;
}

.rss {
float:left;
margin:7px 5px 5px 0px;
width:500px;
}

.rss ul {
margin: 0; padding: 0 2px;
}

.rss li {
background: url(http://3.bp.blogspot.com/_Zuzii37VUO4/R2iVYyjZEeI/AAAAAAAACew/
TXSgAsWEBLA/s1600/rss.gif) no-repeat 0 3px;
margin: 0 2px 0 0;
padding: 3px 0 3px 20px;
list-style: none;
font-size: 12px;
color:$colormenu;
display: inline;
font-weight: bold;
}

.rss li a {
font-size: 12px;
color:~$colormenu;
}

En negrilla van algúns dos parámetros que podedes modificar o voso gusto (todos son modificables pero estes prsentan menos problemas)

3.- So nos queda introducir o seguinte código no blog e farémolo nalgún lugar entre <body> y </body>. Se queremos que ocupe todo o corpo poremolo ó inicio; para que ocupe so a parte principal farémolo en 'main'. Como a miña barra irá debaixo do título, expando a "plantilla de artiluxios" e pego o código seguinte debaixo do widget 'title':


<div id='nav'>
<div id='nav_l'>
<div class='menu'><ul>
<b><li class='Inicio'><a alt='Inicio' expr:href='data:blog.homepageUrl'>Inicio</a></li>
<li class='page_item page-item-2'><a href='dirección http://...' title='Nome da dirección'>título da ligazón</a></li>
<li class='page_item page-item-2'><a href='dirección http://...' title='título da dirección'>Nome da ligazón</a></li>
<li class='page_item page-item-2'><a href='dirección http://...' title='título da dirección'>nome da ligazón</a></li></b>
</ul></div>


<div class='rss'><ul>
<li><a expr:href='data:blog.homepageUrl + "feeds/posts/default"'>Post</a> (RSS)</li>
<li><a expr:href='data:blog.homepageUrl + "feeds/comments/default"'>Comentarios</a> (RSS)</li>
</ul>
</div>
</div>
</div>

Sexta-feira, Junho 13, 2008

The download day é o 17 de xuño

A data oficial da publicación de Firefox 3 é o vindeiro martes 17 de xuño de 2008. Participa e forma parte do Guinnes do programa máis descargado en 24 horas!