A cá les dejo varios links con los ya famosos Badges para decorar tu blog, son bastante útiles, y le dan una apariencia web 2.0 a tu blog de muy buena calidad.
Seguir Leyendo...[+/-]
Badges
.
15.10.08
6
comments
Seguir Leyendo...[+/-]
Imagenes que se agrandan
.
13.10.08
4
comments
E ste es un muy buen truco, que descubrí hace tiempo, y que nunca es tarde para desenterrar, es para agrandar una imagen con simplemente pasarle el puntero del mouse sobre el.
Ej:
Asi es Key
Para llegar a este resultado nos debemos situar en Plantilla/ Edición de HTML y justo después de <head> aplicamos el siguiente código:
Es importante que siempre antes que hagas un cambio en la plantilla guardes una copia, por si el truco no te funciona o no te gusta puedas volver a lo que tenías.
Nada es infalible...^_^<style type='text/css'>
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -100px;
border: 1px dashed gray;
visibility: hidden;
color: #FFFF00;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 10px; /*position where enlarged image should offset horizontally */
}
</style>
Después de añadir el código en la plantilla, queda añadir el siguiente código justo donde deseamos que salgan las imágenes en nuestra entrada.
<a class="thumbnail" href="#thumb"><img src="aquí-la-url-de-la-imagen" /><span><img src="aquí-la-url-de-la-imagen" width="100px" height="100px" border="1" /><br />Texto si se desea poner</span></a>
Con este código podemos configurar a nuestro gusto el tamaño de la imágen que se amplía, la posición (width="100px" height="100px"), el borde (border="1"), y nos da la posibilidad de agregar un texto en la base de la imágen.
Y pronto, magia...
Lo descubrí hace tiempo en el blog de César, gran fuente de conocimiento, que lamentablemente ya no está publicando. (César, gracias totales !) ;)
Seguir Leyendo...[+/-]
Firma on line
.
10.10.08
2
comments
V isitando Mylivesignature podemos crear una firma para agregar a nuestras entradas, o a donde mejor te guste.
Es tan simple que ni siquiera te tenés que registrar, pinchamos en "create signatura" y nos darán dos opciones, elegimos la primera porque la otra es de pago. Es facilísimo, introducimos el texto que quieras y vas siguiendo los pasos, elegimos la fuente del texto (hay 120 modelos), el tamaño, el color, la posición de la firma (horizontal, vertical, ladeada...) y al final nos muestran el resultado y nos ofrecen tres posibilidades, hacerla animada (pago), descargarla a nuestro PC u obtener su código HTML, (recomendable).
Una vez obtenida la firma podés pegarla en Plantilla/Opciones/Formato en la cajita de abajo de entradas y así aparecerá en todos los post, si en alguno no querés ponerla, la borrás y listo!
Quedaría así:
Favicon
.
9.10.08
2
comments
H ace unos días en uno de los comentarios, mi querida Evan preguntaba como hacer para poner la pequeña imagen al lado de la dirección URL, en nuestro navegador.
Ya anteriormente había hablado sobre el Favicon, entonces en esta oportunidad les voy a pasar un listado de generadores de Favicon, para poder crearlos desde la imagen de su preferencia.
AntiFavicon
Collabyrinth
Dynamic Drive: FavIcon Generator
Favikon
Favicon from Pics
Free Online ICON Editor
favicon.cc
Favicon Generator
DeGraeve: Favicon Editor
GenFavicon
Graphics Guru: Favicon Generator
Gladiatus - Juego
.
8.10.08
7
comments
Este un entretenido juego completamente gratis y que no requiere ningun tipo de instalación, totalmente Online, y que desde hace unos días me tiene totalmente absorta !!! ahhhhhh !!!!!
Es un juego de rol, y el tema está muy claro, se trata de que eres un gran gladiador, en tiempos del imperio romano, tu objetivo es la busqueda de la victoria y la libertad, por medio de peleas en la arena con otros gladiadores, la unión de gladiadores en alianzas, misiones, etc.
Visitando el este enlace podrán registrarse, además contribuir en la evolución de mi gladiador. jeje ^_^
Paginación como en Wordpress
.
6.10.08
11
comments
N uevamente recibo de manos de José Luis de Caratulworld, este interesante truco, que lo que hace es que en vez de que nos aparezca al final de la página, Entradas Recientes, Pagina principal, Entradas Antiguas.
Jose nos explica:
Aquí te envío algo que muchos bloggers hemos estado esperando hace tiempo, aunque creo que necesita mejorar pero para empezar esta bien, se trata de enumerar las paginas el método utilizado por Wordpress, en vez del tradicional entradas antiguas o entradas recientes, con el código que te adjunto solo has de ponerlo en Añadir Artilugios justo debajo de entradas del blog y ya tendrás la numeración.
Se pueden cambiar los colores, asi como el número de paginación que quieres que salga, yo he puesto 5 pero eso va a gusto de cada uno...
<style>
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #ccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #ccc;
background-color:#ccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #ccc;
background: #ccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #ccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333;
}
</style>
<script type="text/javascript">
function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-5,thisUrl.length)==".com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';
var pageCount = 4;
var displayPageNum = 5;
var upPageWord = 'Previous';
var downPageWord = 'Next';
var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';
for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){
itemCount++;
}
}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}
for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}
fFlag++;
}
if(p==(thisNum-1)){
html += '<span class="showpagePoint">'+thisNum+'</span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>';
}
}
if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){
if(thisNum>1){
if(!isLablePage){
html = ''+upPageHtml+' '+html +' ';
}else{
html = ''+upPageHtml+' '+html +' ';
}
}
html = '<div class="showpageArea"><span style="COLOR: #000;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;
if(thisNum<(postNum-1)){
html += downPageHtml;
}
if(postNum==1) postNum++;
html += '</div>';
if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");
if(postNum <= 2){
html ='';
}
for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}
if(pageArea&&pageArea.length>0){
html ='';
}
if(blogPager){
blogPager.innerHTML = html;
}
}
}
</script>
<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ; type="text/javascript"></script>
Podés ver el efecto en CARATULWORLD
También Jmiur tocó excelentemente el tema. ^_^
Seguir Leyendo...[+/-]
Plantillas, Templates, Layouts.. Blogger
.
4.10.08
10
comments
Acá les dejo una lista de direcciones en donde encontrar lo que necesitan, hay cientos, esto es solo una muestra.
BTemplates Excelente
Bloggertemplates
Blog & Web
Blogger-templates
Final Sense
Hongkiat Recomendable
Our Blogger Templates Recomendable
Templates para novo blogger
Angel Caido
Better in Pink
Blogcrowds
Blogger Buster
Blogger Templates Deceblog
Blogger Templates
Blogger Templates
Blogmundi
B-themes
By Caz
Charm Skins
Collection
Createblog
Cute Layouts
Daleclick
Default
Docta Ignorantia
do[x]os
Doobix
Dzelque
Ehsany
El Blog de Lui Caseras
ErisFree
Fictografo
Firdamatic (Generador )
Free Blogger Template
Free Templates
Free Blogger Layout
Fresh Blogger Templates
FreeSkins
Geek and Fly
HackJob
Jackbook
Layauot 4 all
Lemonade Designs
Mashable
Mata Ratas
Memorias Camaleónicas
Noipo.org
Notlarvenotalar
Open Source
Pannasmontata
Plantillas para Blogger
Plantillas Web Blog
Psycho (Generador )
Punto Geek
Pyzam
Ricardo Santos
Share Layout
Templates para Blogger
Suck my Lolly
Template-Godown 2.0
Templatepanic
The Blogger Workshop
TFY
Xyberneticos
Webzone Templates
Zona Cerebral
Cómo crear tu plantilla blogger 1, 2 y 3, estos son unos excelentes artículos de Zona Cerebral. Plantillas Caseras by YolandaPlantillas de GracyFree Blogspot Templates
Seguir Leyendo...[+/-]
La historia basura .....
.
3.10.08
2
comments
D esde mediados de los años 90, comenzamos a sufrir de un fenómeno que hoy en día se hace de a veces insoportable.
Y no creo que nadie diga lo contrario sobre los SPAM !!!!!
Todos sabemos que Spam es Correo No Deseado, aunque originalmente quiere decir Hormel's Spiced Ham. (tipo de carne enlatada muy utilizada en tiempos de guerra)
Wikipedia nos da todo un reporte sobre el término, que está muy interesante, pero yo les dejo un ejemplo práctico del comienzo del uso del término.
Es que parece que en tiempos de guerra casi que era lo único que había para comer, y se lo veía en todas partes, como los correos basura de hoy ^_^
Consejo, en la trducción del video, cada vez que digan Jamón, piensen en SPAM ....
