indice por etiqueta para blogger

Nota: para buscar algún código en especifico mas facil y rapido presiona "Ctrl +F"

Hoy les traigo como poner un indice por etiquetas este tutorial lo encontre en Mil Trucos Blogger, cumple con las mismas funciones que otros indices pero la ventaja de este indice como dije es que ha sido mejorado con CSS.
En las entradas nuevas de tu blog las señala con la palabra Nuevo!!.


El indice se ve de la siguiente manera.

Para añadir este indice vamos a Creacion de Entradas,Editar paginas,Pagina nueva,Edicion HTML y pegas lo siguiente:

<link rel="stylesheet" href="https://sites.google.com/site/miltrucosblogger/script/gfdynamicfeedcontrol.css" type="text/css" media="screen" />

<script style="text/javascript" src="https://sites.google.com/site/miltrucosblogger/script/daftarisiv2.txt"></script>

<script src="http://NOMBRE DE TU BLOG/.blogspot.com/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

Reemplazas lo que esta en azul por el nombre de tu blog y listo guardas.

Botones Flotantes Twitter y Facebook

Nota: para buscar algún código en especifico mas facil y rapido presiona "Ctrl +F"

Una buena forma de conseguir fans y seguidores para tus paginas en Facebook y Twitter es poner un enlace hacia ellas que llame la atencion del lector pues bien hoy les traigo unas curiosas imagenes que son una pequeñas bandas que se ubican en la parte inferior de tu blog y quedan "flotando".

Para agregar estas imagenes vamos a Diseño,Elementos de pagina,Añadir gadget,HTML Javascript y pegas el siguiente codigo:

<a style="display:scroll;position:fixed;bottom:0px;right:0px;" href="URL DE TU TWITTER"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikvDKCR6mu42efg7sbyWoOgXCZH3JS2TfL4wtBzrZnhpMqU3TdM2bKOm78bbq4Tx2aYJju_FptDA_yMnjNPdCbQJQN5rra2IAji2ndyXGHmamCa6dDD_PbCLkqYExuY_1JBZ_F0kUNOIY/s1600/twitter2.png" /></a>


<a style="display:scroll;position:fixed;bottom:200px;right:0px;" href="URL DE TU FACEBOOK"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2x2B2V1gWidrvoj3RQoCHoBXc5fz8MxpVT0R9t-ZkZGBhXS9AsVg5R7ZN2v5ezOR6NwHsXm57XFJX3YeZWeE9Y-fjtkE4PX99B9kmtsQMYsdJcRP0tL5Cb5zB8PtQ9FNAqJuVGKaE24I/s1600/faceboook.png" /></a>

Reemplazas lo que esta en rojo por lo que se indica y guardas.


vía: mil trucos blogger

Lista de entradas al azar



Nota: para buscar algún código en especifico mas facil y rapido presiona "Ctrl +F"

Podemos mostrar una lista de entradas al azar, es muy fácil Utilizando un script podemos hacer que la lista se muestre a la perfección.

Vamos a Diseño/Elementos de la Pagina/Añadir un Gadget/ HTML/Javascript
y Pegamos el Siguiente Codigo:

<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://tublog.blogspot.com/feeds/posts/summary?alt=json-in-script&callback=getRandomPosts&max-results=999" type="text/javascript"></script>

</div>

Lo que esta en rojo lo sustituimos por nuestra información

Fuente : Mundo Blogger

marcadores de redes sociales para nuestro blogs

Hoy les enseñare a añadir marcadores sociales pero para personas de
habla hispana, este truco lo vi en Pizcos blog.

ir a Diseño / Edicion de HTML / (Presionamos Contol + F para Buscar mas Rapido)Buscamos  ]]></b:skin>   y justo antes pegamos:
Pasos a Seguir:

div.marcadores { height:65px; position:relative; width:480px; } div.marcadores ul.cat { margin:0 !important; padding:0 !important; position:absolute; bottom:0; left:50px; } div.marcadores ul.cat li { display:inline-block !important; float:left !important; list-style-type:none !important; margin:0 !important; height:60px !important; width:60px !important; cursor:pointer !important; padding: 0 !important; } div.marcadores ul.cat a { display:block !important; width:60px !important; height:60px !important; font-size:0 !important; color:transparent !important; } .cat-bitacoras, .cat-bitacoras:hover,.cat-delicious, .cat-delicious:hover,.cat-facebook, .cat-facebook:hover, .cat-meneame ,.cat-meneame:hover, .cat-technorati, .cat-technorati:hover, .cat-twitter, .cat-twitter:hover, .cat-wikio, .cat-wikio:hover { background:url(https://lh4.googleusercontent.com/-NWgnv0ahUho/Tw3Jfv58hZI/AAAAAAAAAQE/t4o3lzekv-A/s400/safe_image.png) no-repeat !important; } .cat-bitacoras { background-position: left top !important; } .cat-bitacoras:hover { background-position: left bottom !important;} .cat-delicious { background-position: -70px top !important; } .cat-delicious:hover { background-position: -70px bottom !important; } .cat-facebook { background-position: -140px top !important; } .cat-facebook:hover { background-position: -140px bottom !important; } .cat-meneame { background-position: -210px top !important; } .cat-meneame:hover { background-position: -210px bottom !important; } .cat-technorati { background-position: -280px top !important; } .cat-technorati:hover { background-position: -280px bottom !important; } .cat-twitter { background-position: -350px top !important; } .cat-twitter:hover { background-position: -350px bottom !important; } .cat-wikio { background-position: -420px top !important; } .cat-wikio:hover { background-position: -420px bottom !important; }

Ahora guardamos cambios, expandimos los Artilugios y

Buscamos <div class='post-footer-line post-footer-line-3'> y justo abajo pegamos:

<div class='marcadores'> <ul class='cat'> <li class='cat-bitacoras'><a alt='Bitacoras' expr:href='&quot;http://bitacoras.com/anotaciones/&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Bitacoras'/></li> <li class='cat-delicious'><a alt='Delicious' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Delicious'/></li> <li class='cat-facebook'><a alt='Facebook' expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Facebook'/></li> <li class='cat-meneame'><a alt='Meneame' expr:href='&quot; http://meneame.net/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Meneame'/></li> <li class='cat-technorati'><a alt='Technorati' expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Technorati'/></li> <li class='cat-twitter'><a alt='Twitter' expr:href='&quot; http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Twitter'/></li> <li class='cat-wikio'><a alt='Wikio' expr:href='&quot; http://www.wikio.es/vote?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Wikio'/></li> </ul> </div>

y listo, tenemos los marcadores sociales en nuestro blog.

Fuente : Mundo Blogger

Barra Multiherramientas para tu blogs

  Hoy vengo con un truco bastante util,el cual consta de una barra multiherramientas para Blogger y trae desde marcadores sociales hasta buscadores variados (ya sea de GOOGLE,Yahoo! o Wikipedia).

La barra se ve de la siguiente manera:

Para agregarla vamos a Diseño,Elementos de pagina,Añadir gadget,HTML Javascript y pegamos lo siguiente si la queremos con el buscador interno de Yahoo!:

<script src="http://sharebar.addthiscdn.com/v1/sharebar.js" type="text/javascript"></script>

<div class="addthis_sharebar_config" style="display:none;">

* username: your AddThis username

</div>

Si lo quieres con un buscador de Google (No busca en el blog) pega lo siguiente:

<script src="http://sharebar.addthiscdn.com/v1/sharebar.js" type="text/javascript"></script>

<div class="addthis_sharebar_config" style="display:none;">

* username: sharebar

* search url: http://www.google.com/search?q=

* search label: Search Google

</div>

También se puede con buscador de Wikipedia:

<script src="http://sharebar.addthiscdn.com/v1/sharebar.js" type="text/javascript"></script>

<div class="addthis_sharebar_config" style="display:none;">

* username: sharebar

* search domain: wikipedia.org

</div>

Guardas el gadget y listo.

vía: mil trucos blogger