Agregar un botón de Me Gusta para Facebook |
<iframe expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url+ "&layout=button_count&show_faces=false&width=450&height=60&action=like&font=tahoma&colorscheme=dark"' allowTransparency='true' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:60px'/>
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fvagabundia.blogspot.com%2F&layout=button_count&show_faces=false&width=450&height=60&action=like&font=tahoma&colorscheme=dark" allowTransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:450px; height:60px"></iframe>
Esferas con CSS3 |
<style type="text/css">
.holder {
text-align: center;
background: #777;
padding: 30px 60px;
height: 140px;
width: 320px;
margin: 0 auto;
background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));
background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
-webkit-border-radius: 36px;
-moz-border-radius: 36px;
border-radius: 36px;
}
.colwhite { background:white; }
.colyellow { background:yellow; }
.colbrown { background:brown; }
.colgreen { background:green; }
.colblue { background:blue; }
.colpink { background:pink; }
.colred { background:red; }
.colblack { background:black; }
.ball{
display: block;
width: 72px;
height: 72px;
float: left;
margin-right: 5px;
margin-bottom: 5px;
-webkit-border-radius: 36px;
-moz-border-radius: 36px;
border-radius: 36px;
background-image: -moz-radial-gradient(36px 10px 45deg, circle cover, rgba(255,255,255,1), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 50%, rgba(0,0,0,1) 80%);
background-image: -webkit-gradient(radial,36 36, 72, 36 10, 0, from(rgba(0,0,0,1)), to(rgba(255,255,255,1)), color-stop(0.85, rgba(255,255,255,0)), color-stop(0.4, rgba(0,0,0,1)));
}
</style>
<div class="holder">
<div class="ball colwhite"></div>
<div class="ball colyellow"></div>
<div class="ball colbrown"></div>
<div class="ball colgreen"></div>
<div class="ball colblue"></div>
<div class="ball colpink"></div>
<div class="ball colred"></div>
<div class="ball colblack"></div>
</div>
Blogger y los comentarios eliminados |
En la plantillas, hay una serie de códigos que controlan esa parte. Esto muestra el tachito de basura y crea ese enlace que abre la página donde los eliminamos:<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<!-- puede decir esto -->
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'><img src='//www.blogger.com/img/icon_delete13.gif'/></a>
<!-- o puede decir esto otro -->
<a expr:href='data:comment.deleteUrl' title='Delete Comment'><span class='delete-comment-icon'> </span></a>
</span>
</b:includable>
<b:includable id='comments' var='post'>
.......
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
.......
</b:includable>
<b:if cond='data:comment.isDeleted'>
<script> document.getElementById("<data:comment.id/>").style.display="none"; </script>
</b:if>
Ver Home en español.deleted-comment {
color: gray;
font-style: italic;
}
Botones dinámicos con CSS |
semitransparente, y agregar la clase, por ejemplo, antes de <:/b:skin>:.btn {
display: inline-block;
background: transparent url(URL_imagen.png) repeat-x 0 0;
border: 1px solid rgba(0,0,0,0.4);
padding: 5px 10px 6px 10px;
font-weight: bold;
text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
-moz-border-radius: 15px;
-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
-webkit-border-radius: 5px;
-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
}.blue { background-color: #CCC; color: #141414; }
.blue:hover { background-color: #00C0DD; color: #FFF; }
.red { background-color: #CCC; color: #141414; }
.red:hover { background-color: #FF004E; color: #FFF; }<div class="btn blue"> texto </div>
<div class="btn red"> texto </div>
<div class="btn blue" style="font-size: 20px;"> texto </div>
<div class="btn blue" style="font-size: 36px;"> texto </div>
¿Qué es data:numPosts? |
<b:if cond='data:post.isDateStart'> <b:if cond='data:post.isFirstPost == "false"'> </div></div> </b:if> </b:if> <b:if cond='data:post.isDateStart'> <div class="date-outer"> </b:if> ....... <b:if cond='data:post.isDateStart'> <div class="date-posts"> </b:if> ....... <b:if cond='data:numPosts != 0'> </div></div> </b:if>
<div class='date-outer'> <div class='date-posts'> <div class='post-outer'> <div class='post'> ... la entrada 1 ... </div> </div> <div class='post-outer'> <div class='post'> ... la entrada 2 ... </div> </div> </div> </div>
<b:if cond='data:blog.pageType == "item"'> ... cualquier contenido ... </b:if>
<b:if cond='data:numPosts == 1'> ... cualquier contenido ... </b:if>
<b:includable id='main' var='top'>
</b:loop>
<b:if cond='data:numPosts == 0'> ... aquí ponemos nuestro código ... </b:if>
Menú estilo dock |
<script type='text/javascript'>
//<![CDATA[
// ================================================================
// ------ dock menu -------
// script by Gerard Ferrandez - Ge-1-doot - February 2006
// http://www.dhteumeuleu.com
// ================================================================
var dock = function (dock, sMin, sMax) {
/* ---- private vars ---- */
var xm = xmb = ov = 0;
var M = true;
var icons = document.getElementById(dock).getElementsByTagName('img');
var N = icons.length;
var s = sMin;
var ovk = 0;
var addEvent = function (o, e, f) {
if (window.addEventListener) o.addEventListener(e, f, false);
else if (window.attachEvent) r = o.attachEvent('on' + e, f);
}
var pxLeft = function(o) {
for(var x=-document.documentElement.scrollLeft; o != null; o = o.offsetParent) x+=o.offsetLeft;
return x;
}
for(var i=0;i<N;i++) {
var o = icons[i];
o.style.width = sMin+"px";
o.style.height = sMin+"px";
o.className = "dockicon";
}
var run = function() {
for(var i=0;i<N;i++) {
var o = icons[i];
var W = parseInt(o.style.width);
if(ov && ov.className=="dockicon") {
if(ov!=ovk){
ovk=ov;
document.getElementById("legend").innerHTML = ov.lang;
}
if(M) W = Math.max((s*Math.cos(((pxLeft(o)+W/2)-xm)/sMax)),sMin);
s = Math.min(sMax,s+.5);
} else {
s = Math.max(s-.5,sMin);
W = Math.max(W-N,sMin);
}
o.style.width = W+"px";
o.style.height = W+"px";
}
if(s >= sMax) M = false;
}
addEvent(document, 'mousemove', function (e) {
if(window.event) e=window.event;
xm = (e.x || e.clientX);
if(xm!=xmb){
M = true;
xmb = xm;
}
ov = (e.target)?e.target:((e.srcElement)?e.srcElement:null);
});
setInterval(run, 16);
};
window.onload = function() {
dock("dock", 48, 128);
}
//]]>
</script>
<style type='text/css'>
#dock { /* el rectángulo contenedor */
position: relative;
text-align: center;
width: 100%;
}
#dock a, #dock a:visited { text-decoration: none; }
#dock img { border: none; width: 0px; }
#legend { /* el texto inferior */
color: #FFF;
font-size: 24px;
text-align: center;
width: 100%;
}
</style><div id="dock"> <a href="URL_enlace1" target="_blank"><img src="URL_imagen1" lang="el texto 1"></a> <a href="URL_enlace2" target="_blank"><img src="URL_imagen2" lang="el texto 2"></a> <a href="URL_enlace3" target="_blank"><img src="URL_imagen3" lang="el texto 3"></a> </div> <div id="legend"></div>
Buenos Aires
Argentina
Nacido en el tercer mundo. Un santo varón. Buenos Aires. Los elefantes. Las golondrinas de Plaza de Mayo. Me chupo el dedo.
El tiempo es veloz. ¿No ves que ya no somos chiquitos? Despedida de la infancia. Todo es efímero. Juguetes perdidos. Dime quién me lo robó. Aprendizaje.
Soy un hippie. Rutas argentinas. Sobredosis de TV. Raros peinados nuevos. Más de cien mentiras. Delirium tremens.
Ciudad de pobres corazones. El karma de vivir al sur. Mundo de quimeras. Oh Dios, ¿Qué puedo hacer?
Cuando era más joven. Los mayores del mundo. Botas locas. Rejas electrificadas. Cerca de la revolución. Contra todos los males de este mundo. La casa desaparecida. Tumbas de la gloria. Vencedores vencidos. Carguen, apunten, fuego. Estás frito angelito. A lo mejor aún te acuerdas.
Ah, te vi entre las luces. Muchacha. Amor se llama el juego. Juego de seducción. Mi genio amor. Prométeme que nunca me dirás adiós. Pequeñas delicias de la vida conyugal. Toda la vida tiene música hoy. Es hora de levantare, querido (dormiste bien?).
Resumiendo.
Mi sueño de hoy. La sed verdadera. La búsqueda de la estrella. Todos juntos. ¡Ah! Basta de pensar.
Esto es to-to-todo amigos.
| CONTRAER ARCHIVOS |
|
