| TRUCOS Y TUTORIALES PARA TU BLOG |
No, no vendemos camisetas... aun |
 |
|
Cómo usar Dropbox |
|
|
Administrar el blog desde otra cuenta |
|
|
Shadowbox: ventanas modales multimedia |
Shadowbox es un clon de Lightbox, pero a diferencia de éste no sólo sirve para visualizar imágenes en ventanas modales,sino también páginas web, archivos en flash, galerías, mapas, y videos en varios formatos de distintos servicios.
Implementarlo es bastante sencillo, primero descarga este archivo, descomprímelo y sube los archivos a un hosting.
Luego entra en Plantilla | Edición de HTMLL y pega antes de </head> lo siguiente:
<link href='URL del archivo.css' rel='stylesheet' type='text/css'/>
<script src='URL del archivo.js' type='text/javascript'/>
<script type='text/javascript'>
Shadowbox.init({
overlayColor: "#000",
overlayOpacity: "0.6",
});
</script>
<a href="URL de la imagen" rel="shadowbox" title="Imagen">Imagen</a>
<a href="URL de la imagen" rel="shadowbox[galeria1]" title="Imagen">Imagen 1</a>
<a href="URL de la imagen" rel="shadowbox[galeria1]" title="Imagen">Imagen 2</a>
<a rel="shadowbox;width=405;height=340;" title="YouTube" href="http://www.youtube.com/v/CCwVb9Faxdc&rel=0&autoplay=1">YouTube</a>
<a rel="shadowbox;width=405;height=340;" title="Vimeo" href="http://vimeo.com/moogaloop.swf?clip_id=8711928&autoplay=1">Vimeo</a>
<a href="http://video.google.com/googleplayer.swf?docid=-1941725100819420671&autoplay=1&hl=es&fs=true" title="Video Google" rel="shadowbox;width=405;height=340">Video Google</a>
<a rel="shadowbox;width=400;height=300" title="SWF" href="URL del archivo.swf">Animación SWF</a>
<a rel="shadowbox;width=700;height=500" title="Página web" href="URL de la página">Página web</a>
<a rel="shadowbox;width=425;height=350" title="Mapa" href="URL del mapa">Mapa Google</a>
<img style="width:150px; height:100px;" src="URL de la imagen" />
|
|
Aviso flotante de suscripción al blog |
<style type='text/css'>
#anuncio {
position:absolute;
padding: 2px;
padding-top: 15px;
width: 280px; /* ancho del anuncio */
visibility: hidden;
z-index: 200;
top: 30px;
left: 30px;
}
#rss-mail {
/* color e imagen de fondo */
background: #FFFFFF url(http://4.bp.blogspot.com/_dsEG33PDaHw/S89Jl8MzZrI/AAAAAAAAAQE/VchuOygz6Pg/s320/pattern_blk_point.png);
border:2px solid #FF8000; /* borde */
height:70px; /* alto de la caja */
}
#rss-mail span {
color:#FFFFFF; /* color del texto */
font-size:12px;
font-weight:bold;
line-height:30px;
}
#rss-submit {
background:#FF8000; /* color del botón */
border:0px;
}
.rss-box {
height:13px;
margin-top:10px;
color:#6E6E6E;
font-size:12px;
width:135px;
}
</style>
<script type='text/javascript'>
//<![CDATA[
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 15 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("anuncio").style.visibility="hidden"
}
function staticbar(){
barheight=document.getElementById("anuncio").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("anuncio");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
//]]>
</script>
<div id='anuncio'>
<div id='rss-mail'>
<a href='Javascript:void' onClick='closebar(); return false'><img align='right' border='0' src='http://2.bp.blogspot.com/_dsEG33PDaHw/S89KvNhAxNI/AAAAAAAAAQM/YY86PjAxYG0/s320/cerrar.png'/></a>
<span>Recibe las actualizaciones directo a tu correo</span><br/>
<img src='http://3.bp.blogspot.com/_dsEG33PDaHw/TJvnlQEtMTI/AAAAAAAAAYM/L9p1A2AyWT0/s1600/rss-icono.png' style='padding:5px; float:left;'/>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=miblog', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input name='email' type='text/'/>
<input name='uri' type='hidden' value='miblog'/><input name='loc' type='hidden' value='es_ES'/><input id='rss-submit' type='submit' value='Suscribir'/></form></div></div>
http://feeds.feedburner.com/miblog
|
|
Abeja volando en la pantalla |
<h3 align='center'>Controles de la abeja</h3>
<div id='abeja' style='position:absolute; top:0px; left:0px; visibility:hidden; z-index:10'>
<a href='javascript:void(0)' onclick='abejacazada()'><img src="http://2.bp.blogspot.com/_dsEG33PDaHw/S7TLQwDUqeI/AAAAAAAAAOw/IIw_pAeBOM8/s1600/Abeja.gif" style="width:52px; height:51px; border:0;" /></a></div>
<center>
<input name="detener" type="button"
onclick="abejacazada()" value="Detener" />
<input name="volar" type="button"
onclick="iniciar()" value="Volar" />
</center>
<script type='text/javascript'>
// Juan Rodríguez [Consultor]
<!-- inicio
var velocidad=100;
var cambio=200;
var CamHorMax=25;
var CamVerMax=25;
var hor, ver;
var DesHor=2;
var DesVer=2;
var DirHor=true;
var DirVer=true;
function iniciar() {
ajustar();
volar(hor/2,ver/2);
document.getElementById('abeja').style.visibility="visible";
animar();
cambiar();
reiniciar(); }
function ajustar() {
if (document.all) {
hor=document.body.clientWidth;
ver=document.body.clientHeight }
else if (document.getElementById && !document.all) {
hor=window.innerWidth;
ver=window.innerHeight } }
function volar(PosHor, PosVer) {
document.getElementById('abeja').style.top=parseInt(document.getElementById('abeja').style.top)+PosVer + "px";
document.getElementById('abeja').style.left=parseInt(document.getElementById('abeja').style.left)+PosHor + "px"; }
function animar() {
PosHor=parseInt(document.getElementById('abeja').style.left);
PosVer=parseInt(document.getElementById('abeja').style.top);
if (DirVer) {
if ( (PosVer) > (ver-75) ) {DirVer=false; volar(0,-DesVer); } else {volar(0,DesVer); } }
else
{ if ( (PosVer) < 75) {DirVer=true; volar(0,DesVer); } else {volar(0,-DesVer);} }
if (DirHor) {
if ( (PosHor) > (hor-75) ) {DirHor=false; volar(-DesHor,0); } else {volar(DesHor,0); } }
else
{ if ( (PosHor) < 75) {DirHor=true; volar(DesHor,0); } else {volar(-DesHor,0); } }
setTimeout('animar()',velocidad); }
function cambiar() {
DirHor=(Math.floor(Math.random()*2)==0);
DirVer=(Math.floor(Math.random()*2)==0);
DesHor=Math.floor(Math.random()*CamHorMax);
DesVer=Math.floor(Math.random()*CamVerMax);
setTimeout('cambiar()',cambio); }
function abejacazada() { document.getElementById('abeja').style.visibility="hidden" }
function reiniciar() {setTimeout("window.onresize=releer",400) }
function releer() { window.location.reload() }
window.onresize=ajustar
// final -->
</script>
<body onload='iniciar()'>
|
|
Abrir todos los enlaces en otra ventana (2) |
<base target='_blank'/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' target='_parent'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl' target='_parent'><data:title/></a>
</b:if>
</b:includable>
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block' target='_parent'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
</div>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' target='_parent'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag' target='_parent'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg' target='_parent'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title' target='_parent'><data:post.jumpText/></a>
</div>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' target='_parent'><data:label.name/></a>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url' target='_parent'><data:i.name/></a>
<li class='archivedate'>
<a expr:href='data:i.url' target='_parent'><data:i.name/></a> (<data:i.post-count/>)
</li>
<li><a expr:href='data:i.url' target='_parent'><data:i.title/></a></li>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle' target='_parent'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle' target='_parent'><data:olderPageTitle/></a>
</span>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl' target='_parent'><data:homeMsg/></a>
<li class='selected'><a expr:href='data:link.href' target='_parent'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href' target='_parent'><data:link.title/></a></li>
<a href='URL del enlace' target='_parent'>Texto del enlace</a>
|
|
Crear listas de reproducción para WMP y Yahoo! Media Player |
El reproductor de Windows Media Player es útil cuando se quiere poner una radio online en el blog o una simple canción. Si se trata de esto último surge un problema, que sólo podemos poner una canción en el reproductor, así que si queremos varias canciones tendríamos que poner un reproductor por cada canción.
A menos que quieras saturar el blog con reproductores lo mejor es crear una lista de reproducción la cual contenga todas las canciones que quieres, así tendrás sólo un reproductor con todas las canciones, y el lector podrá saltarse las canciones que quiera.
<asx version="3.0">
<title>Título de la lista de reproducción</title>
<entry>
<ref href="URL de la canción" />
</entry>
<entry>
<ref href="URL de la canción" />
</entry>
</asx>
<entry>
<ref href="URL de la canción" />
</entry>
<embed pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" showgotobar="false" transparentatstart="true" autostart="false" showstatusbar="true" src="URL del archivo ASX" type="application/x-mplayer2" height="45" width="300" bbclient="0" name="MC1"></embed>
<embed pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" showgotobar="false" transparentatstart="true" autostart="false" showstatusbar="true" src="URL del archivo ASX" type="application/x-mplayer2" height="300" width="410" bbclient="0" name="MC1"></embed>
|
|
Fecha diaria en el blog |
<div id='header-wrapper'>
<header>
<div class='fechadeldia'>
<p>
<script type='text/javascript'>
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var dayarray=new Array("Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sábado")
var montharray=new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre")
document.write("<p>"+dayarray[day]+", "+montharray[month]+" "+daym+", "+year+"</p>")
</script>
</p>
</div>
.fechadeldia p {
background: #0B3861; /* color de fondo */
width: 99%; /* ancho del fondo */
margin: 0;
padding: 1px 0 3px 10px;
color: #FFF; /* color del texto */
font-weight: bold;
font-style: italic;
font-size: 12px; /* tamaño del texto */
}
|
|
Gadget de entradas al azar |
<script type='text/javascript'>
function showLucky(root){
var feed = root.feed;
var entries = feed.entry || [];
var entry = feed.entry[0];
for (var j = 0; j < entry.link.length; ++j) {
if (entry.link[j].rel == "alternate") {
window.location = entry.link[j].href;
}
}
}
function fetchLuck(luck){
script = document.createElement('script');
script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky';
script.type = 'text/javascript';
document.getElementsByTagName('head')[0].appendChild(script);
}
function readLucky(root){
var feed = root.feed;
var total = parseInt(feed.openSearch$totalResults.$t,10);
var luckyNumber = Math.floor(Math.random()*total);
luckyNumber++;
fetchLuck(luckyNumber);
}
function feelingLucky(){
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '/feeds/posts/summary?max-results=0&alt=json-in-script&callback=readLucky';
document.getElementsByTagName('head')[0].appendChild(script);
}
</script>
<a href="#random" onclick="feelingLucky()" title="Entrada al azar"><img src="http://2.bp.blogspot.com/_dsEG33PDaHw/TJvmErL6E6I/AAAAAAAAAX4/P3eS2eAP8mg/s1600/2edma7d.png" valign="middle" border="0" /> Ver una entrada al azar</a>
Ver una entrada al azar<div id="random-posts">
<script type="text/javascript">
function getRandomPosts(json) {
var maxEntries = 5;
var numPosts = json.feed.openSearch$totalResults.$t;
var indexPosts = new Array();
for (var i = 0; i < numPosts; ++i) {
indexPosts[i] = i;
}
indexPosts.sort(function() {return 0.5 - Math.random()});
if (maxEntries > numPosts) {
maxEntries = numPosts;
}
var container = document.getElementById('random-posts');
var ul = document.createElement('ul');
for (i = 0; i < maxEntries; ++i) {
var entry = json.feed.entry[indexPosts[i]];
var li = document.createElement('li');
var a = document.createElement('a');
a.title = entry.title.$t;
for (var j = 0; j < entry.link.length; ++j) {
if (entry.link[j].rel == 'alternate') {
a.href = entry.link[j].href;
break;
}
}
a.appendChild(document.createTextNode(entry.title.$t));
li.appendChild(a);
ul.appendChild(li);
}
container.appendChild(ul);
}
</script>
<script src="http://nombre-de-mi-blog.blogspot.com/feeds/posts/summary?alt=json-in-script&callback=getRandomPosts&max-results=999" type="text/javascript"></script>
</div>
|
|
Qué hacer si... Me robaron el blog |
cache:nombre-de-mi-blog.blogspot.comEsa es la versión en caché de tu blog y con suerte podrás copiar algunas entradas.
| Twittear |
