Skip to content

Instantly share code, notes, and snippets.

@zkreations
zkreations / counter-anime-animated.css
Last active July 17, 2017 03:51
Widget De Estadísticas Reestructurado - Blogger
/* Anime Counter (animated) v1.0.2 */
/*fix all themes*/
#Stats10 {
margin: 0;
padding: 0;
line-height: initial;
}
/*counter*/
.anime-counter-animated {
@zkreations
zkreations / Anime-counter.css
Last active July 17, 2017 04:01
Widget De Estadísticas Reestructurado - Blogger
/* Anime Counter v1.0.2 */
/*fix all themes*/
#Stats10 {
margin: 0;
padding: 0;
line-height: initial;
}
/* Counter */
.anime-counter {
@zkreations
zkreations / Lambda.xml
Created July 23, 2017 21:36
Expresión Lambda para ocultar entradas en Blogger
<!-- Single tag -->
<b:loop values='data:posts' var='post'>
<b:include cond='data:post.labels none (l => l.name == "oculto")' data='post' name='post'/><!-- insertamos entradas -->
</b:loop>
<!-- Multiple tags -->
<b:loop values='data:posts' var='post'>
<b:include cond='data:post.labels none (l => l.name in {"none","oculto"})' data='post' name='post'/><!-- insertamos entradas -->
</b:loop>
@zkreations
zkreations / text_search.xml
Created July 23, 2017 21:44
Condicionar texto segun la búsqueda en Blogger
<b:if cond='data:view.isHomepage'>
Nuevas entradas
<b:elseif cond='data:view.isSearch and not data:view.isLabelSearch'/>
Resultados de busqueda
<b:elseif cond='data:view.isLabelSearch'/>
Mostrando entradas de: <data:view.search.label/>
<b:else/>
Archivo del blog
</b:if>
@zkreations
zkreations / youtube-list.css
Last active August 29, 2017 07:19
Estilos para el widget Lista de videos de youtube
/*! youtube list 1.0.1 */
/*mini-reset*/
.youtube--items,
.youtube--items *,
.youtube--items ::after,
.youtube--items ::before {
box-sizing: border-box;
}
.card--youtube__img embed,
.card--youtube__img iframe,
@zkreations
zkreations / vimeo-list.css
Last active August 31, 2017 22:26
Estilos para el widget lista de videos de vimeo
/*! vimeo list 1.0.1 */
/*mini-reset*/
.vimeo--items,
.vimeo--items *,
.vimeo--items ::after,
.vimeo--items ::before {
box-sizing: border-box;
}
.card--vimeo__img embed,
.card--vimeo__img iframe,
@zkreations
zkreations / blogger.xml
Created October 19, 2016 18:06
Plantilla Básica de blogger
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html lang='es'>
<head>
<title>Hola mundo</title>
<b:skin>
<![CDATA[
]]>
@zkreations
zkreations / contador-regresivo.js
Created October 4, 2017 14:09
Javascript incluido la data de Blogger para contador regresivo
//<![CDATA[
'use strict';
var getRemainingTime = function getRemainingTime(deadline) {
var now = new Date(),
remainTime = (new Date(deadline) - now + 1000) / 1000,
remainSeconds = ('0' + Math.floor(remainTime % 60)).slice(-2),
remainMinutes = ('0' + Math.floor(remainTime / 60 % 60)).slice(-2),
remainHours = ('0' + Math.floor(remainTime / 3600 % 24)).slice(-2),
remainDays = Math.floor(remainTime / (3600 * 24));
@zkreations
zkreations / contador-regresivo.css
Last active October 4, 2017 14:19
CSS para contador regresivo
/*! Contador regresivo v1.0.0 */
/*reset*/
.counter-clock,
.counter-clock *,
.counter-clock ::after,
.counter-clock ::before {
box-sizing: border-box;
}
/*contador*/
@zkreations
zkreations / cardFlip.css
Created December 3, 2017 17:28
flip css
/*Card Flip v1.0.0*/
.cardFlip {
perspective: 2000px;
transform-style: preserve-3d;
position: relative;
display: inline-block;
cursor: pointer;
font-size: 10px;
}
.cardFlip.is-active .cardFlip__cover {