FRikiocio: blogger

Mostrando entradas con la etiqueta blogger. Mostrar todas las entradas

sábado, 2 de enero de 2010

imagen de perfil en los comentarios del blogger

Bueno es muy sencillo agregar una imagen de perfil en los comentarios de nuestro blog, si tenemos blogger y tenemos una platilla "original" o que este basada en una original,
basta con ir ala configuracion y a comentarios

y buscamos "mostrar imagenes de perfil en los comentarios" y le ponemos que si

pero no es tan facil para un blogero experiemtado que le gusta tunear su blog x__x (como yo)
el proceso es un poquito mas complicado.
despues de modificar lo anterior tenemos que modificar nuestro html
en diseño>edicion HTML
Respaldamos nuestro template (aganlo!!! podrian meter la pata)

pegamos esto antes de nuestra etiqueta ]]</b:skin

.avatar-image-container {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhadVE_F-GI4zJTocpFEog51Ji_sZNPN3cwFSGccTeD1Nt4bMwWpeWA2y-Pdr-slQ7nB2jsw4JF1p8OhfnilyVqF1U6lGj_iDUtmi3HOiqiaAEvUKKaDBC0IDmmV-QjTA5keuqZIuaTjQ/s400/default.gif); width:35px;height:35px; }
.avatar-image-container img { border:none;}

y buscamos esto <dl id='comments-block'>
y lo remplazamos por esto

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

y lo complicado, pues varia de platilla a plantilla, buscamos algo parecido a esto <a expr:name='data:comment.anchorNam

y lo remplazamos por esto

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<div expr:class='data:comment.avatarContainerClass'>
<data:comment.authorAvatarImage/>
</div>
</b:if>

PD: yo les recomiendo ir guardando cada que completen un paso... por que aveces pasa que hacemos todo y le damos guardar y nos dice que hay herror

lunes, 1 de diciembre de 2008

Programar publicacion de entrada en blogger...

sencillo... solo expandes "opciones de entrada" y seleccionas la hora y la fecha de publicacion....

y si quieres que tenga o no comentarios...

sábado, 1 de noviembre de 2008

como usar emoticons en blogger.

wola

hoy les enseñare como usar emoticons en sus post de blogger. necesitamos firefox 3.0 un blog, resistol, pegamento, y la supervicion de un adulto.

Primero instalamos la extencion de firefox Greasemonkey. Instala greasemonkey aki!

ok ya tenemos este magnifico plugin. para ke sirve? no sepo, averiguenlo. ahora pondremos los emoticons.

-click derecho en el icono del monito y le damos nuevo script

- le ponemos nombre al script
y en la linea includes van las paginas en las que actua el script

http://*.blogger.com/post-create.g?*
http://*.blogger.com/post-edit.g?*

ok... se abre un blog de notas donde pondremos el script. la estructura es "sencilla"

window.addEventListener("load", function(e) {

function setemoticons(domname)
{
var editbar = document.getElementById(domname);
if (editbar) {

var buttons = "
";
buttons += emoticonButton("Nombre del emoticon1 ", "http://url de la imagen de tu emoticon");
buttons += emoticonButton("Nombre del emoticon2 ", "http://url de la imagen de tu emoticon");

buttons += separator();

editbar.innerHTML += buttons;
}
}

function emoticonButton(name, url) {
return "\";})();ButtonMouseDown(this);'>\n";
}

function separator() {
return "

\n";
}

setemoticons("formatbar");

}, false);

sencillo

ok.. si no kieren crear un script aki tienen uno. solo clikeen aki y se instala.

asta luego..

sábado, 9 de agosto de 2008

comentarios estilo wordpres

ya tenemos nueva forma de crear comentario o__o

es una nueva opcion para blogger.
pero esta ves el tutorial es 0 mio. asi que les dejo el link a alguien que lo explico muy bien.

vagabundia tutorial comentarios estilo wordpres

un dia de prueba y la cantidad de comentarios a aumentado casi 100%

chau.. o__o

jueves, 22 de noviembre de 2007

2 backgrounds en blogger =P

otra entrada de esa chidas.

hoy les enseñare a poner 2 imagenes background

para ke no sirve esto?
pues para cordinar mejor. imaginate si keremos tener dos background. uno estatico y el otro no.

es muy sencillo aki el codigo =P

este es el background normal. ok. aki no ahy nada dificil

body {
background: url('enlace de tu imagen') repeat;
}

añadiremos este codigo despues del anterior

#page {
background-image: url('la imagen d tu otro fondo');
}

y en el HTML

<body>
<div id="page">
todo el contenido de tu pagina, bla bla bla
</div>
</body>

algunas lineas de codigo interesantes

background-attachment: fixed; fondo estatico
background-repeat: no-repeat; no repetir
background-position: bottom right; abajo derecha, tambien podria ser arriva ala izquerda (top left)

domingo, 26 de agosto de 2007

Adsense entre entradas blogger

Coloca adsense entre entrada

nunca fue tan facil. xD

- accede a tu configuracion del blog
- plantilla
- editar entradas del blog
- seleccionas "show ads between post"
- configuras a tu gusto
- y guardas