Friki Bloggeo

Como los blogs de Wordpress y la mayoria de blogs impotantes junto con paginas web que admiten el uso de comentarios, siempre hubo la duda de por que blogger no tenia habilitado en su formulario de comentarios la opcion para responder a un comentario que quizas nos haya llamado la atencion, y es que poco a poco, con los dintintos trucos y codigos HTML que van llegando cada vez, blogger se ha convertido en los ultimos tiempo en un servidor de bloggeros que no tiene nada que envidiarle a sistemas como el de Wordpress, que a pesar de ser pago, es un servidor elegante y muy vistoso.

En este tutorial explicare, cual es la manera o como se hace para incrustar campos de textos debajo de cada entrada con diferentes enlaces, para ser insertados como enlace directos a la URL, enlaces de textos a la entrada actual y el código para insertar en foros de discusión. La verdad, es que este truco ya lo había visto en varias paginas web, pero nunca en un blog que no haya sido de Wordpress, asi, que si te ha gustado también, el tutorial de instalación ya esta disponible. Para que te des un poco mas de cuenta de lo que te hablo, observa la siguiente imagen.

El truco tiene como función colocar cualquier mensaje que quieras dejar a los usuarios de tu blog, es muy útil, ya que es inevitable que lo vea, ya que al mover la barra de scroll del navegador, este seguirá en el top del blog, con efecto desplazamiento de arriba a abajo. Ademas, si el usuario desea puede cerrar el mensaje, haciendo clic en el botón rojo.

#anuncio {
position: absolute;
border: 0px;
padding: 2px;
width: 300px;
height: 80px;
visibility: hidden;
z-index: 200;
top: 27px;
left: 13px;
}

Ya hace un buen tiempo, publique una entrada que nos permitia mostrar un slide con nuestras entradas favoritas, pero a diferencia, del que les explicare hoy, este no era automatico, si no manual, manejandose por dos flechas apuntando hacia las dos direcciones, y que al hacer click se pasaba a la otra parte del contenido con un efecto de dezplazamiento muy bonito, producido por jQuery.

hola man no se el cambio para ver cada entrada que colcocas es manual...??
osea siempre tego que apretar la flechita para que cambie, como lo hago que sea automatico...

Bien aqui les dejo esta imagen de muestra, para que vean como es el slide, de todas maneras, puedes ver una demostracion en este blog de pruebas.

Webfolio Blogger Template

Siempre lo he dicho y asi lo reiterare, los enlaces de suscripcion de un blog, nunca deben faltar en tu blog, si tienes por monton, siempre sera mucho mejor.

<style type='text/css'>

#hsection{border:4px solid #D3D3D3;background-color:#e9e9e9;}
#hsection:hover{border:4px solid #BABABA;background-color:#e9e9e9;}

#sectionmy .sectionmy2 h2.subscription { border:0; margin:0; padding:6px 0 0 55px; height:42px; font-size:16px;font-family:&quot;Segoe UI&quot;,Calibri,&quot;Myriad Pro&quot;,Myriad,&quot;Trebuchet MS&quot;,Helvetica,Arial,sans-serif;
font-weight:bold; }

#sectionmy .sectionmy2 h2.rss { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxnR6GupmgJiWUbMlhYskmf1pjXZTZWPoCz1mL278xM-RCdf6k3mwWShsT-H2di30bBtTpS9LvK5uxq7UzXyYubHsHub-1V4N0XVU_wXfESxgZjZY30Vi8EitarV1GYkBkqXRxOydm5nWJ/) no-repeat top left; }

#sectionmy .sectionmy2 h2.email { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJuk5GKB8n9VIa9UhnoeQ8wwtrcfQugtq2vXT1bpdD_8ghwiELJyKzs3xmMixedI36HdkzYQXk8QIJ-kSOtANHdihEipgg6G3RLs9UnnpErkwq57_S7KxxFHxN8IJCPHjfLmRo9F8JtmWv/) no-repeat top left; }

#sectionmy .sectionmy2 h2.twitter { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmD-Gln6ZmlUwwpSHKTg5_ucrFPYuyc_osHldFTu-MTxkkdWyNbHe5IvbQBqbQgHPyjMS4l_7Zjy2agRzDaRrpWiyJoDH5BV_MMMfMtX5co7vgKfcHp_eawTT3aa4fjBKvHohpEk0WW9fA/) no-repeat top left; }

#sectionmy .sectionmy2 .subscription a { color:#252e28; text-decoration:none; }

</style>

Lo que mas me gusta de los Scripts es el gran tipo de interacción que pueden ofrecer a los blogs, algo que con tan solo usar HTML y CSS, no es imposible hacerlo, pero tal vez un poco dificil, hoy traigo para ti, un slide, uno donde tu podras mostrar resumenes de tu entradas favoritas, quizas, tu entradas populares, o las mas comentadas, o las recientes, puedes añadirles las que quieras y cuantas quieras.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

<script src='http://sites.google.com/site/archivosfrikibloggeo/slide/jQuery1-FrikiBloggeo.js' type='text/javascript'/>

<script src='http://sites.google.com/site/archivosfrikibloggeo/slide/jQuery2-FrikiBloggeo.js' type='text/javascript'/>

<script src='http://sites.google.com/site/archivosfrikibloggeo/slide/jQuery3-FrikiBloggeo.js' type='text/javascript'/>

<script src='http://sites.google.com/site/archivosfrikibloggeo/slide/jQuery4-FrikiBloggeo.js' type='text/javascript'/>

<link href='http://sites.google.com/site/archivosfrikibloggeo/slide/Estiloslidecss-FrikiBloggeo.css' rel='stylesheet' type='text/css'/>

Muchos ya han sidos las entradas en la que he publicado como colocar emoticones encima de formulario de comentarios para tu uso en las entradas y para los usuarios en los comentarios. El tutorial es muy sencillo de entender, y los codigos son 100% personalizables con tan solo cambiar la URL de la imagen de cada emoticon y colocar la tuya propia.

<h4 id='comment-post-message'><data:postCommentMsg/></h4>

Facebook es la mas grande red social en el mundo, con mas de 400 millones de usuarios activos y crece cada día mas. Por eso, asegúrate de usar estos widget de Facebook para que la gente interactue entre tu pagina y la red social. No hace mucho publique como aumentar el trafico a tu blog desde Facebook, que de algun modo podria tener relacion con esta entrada, quizas tambien te interese.

<a href="http://feeds.feedburner.com/FrikiBloggeo" rel="alternate" title="Subscribe now to avail the unthinkable" type="application/rss+xml"><img border="0" alt="" style=" padding-bottom:20px; margin: 0pt 10px 10px 0pt; float: left; width:100px; height:100px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_A35GcIRKNBzhhqD_fDzYIhe9RCtQrD77ZFNyVWU9PknbYnofnppe4MYhSZjC9YuoFM7fC5wsWjvw-tORCSEgFn3JUImms_wGxKM3mlR8cMKzFviDzeNYkxPgeM4KRvKOnb1aIxMydegY/s400/MBT-RSS-FEED.gif"/></a><p><a href="http://feeds.feedburner.com/FrikiBloggeo" rel="alternate" title="Suscribete a mi feed" type="application/rss+xml">Recibe nuevas noticias! </a><span style="color: 5C6AA4 #; font-weight: bold;">Introduce tu correo electronico para recibir nuevas entradas cada dia a tu e-mail:</span></p>
<style>
input.mbt1 {
color:#fff;
font: bold 10px Arial, sans-serif;
background:#F39100;
border:0;
padding:3px;
}
input.mbt1hov {
color:#fff;
font: bold 10px Arial, sans-serif;
border:2px solid #F39100;
padding:3px;
}
</style>
<form action="http://feedburner.google.com/fb/a/mailverify" style="padding: 5px; " target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=FrikiBloggeo', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input style=" color:5C6AA4 #; background: #fff; border:1px solid 5C6AA4 #; width: 90px;" name="email" type="text"/><input value="Frikibloggeo" name="uri" type="hidden"/><input value="en_US" name="loc" type="hidden"/> <input onmouseover="this.className='mbt1 mbt1hov'" onmouseout="this.className='mbt1'" value="Suscribeme" class="mbt1" type="submit"/></form><br/>