lunes, 24 de marzo de 2014

Widgets de Articulos Recientes Para Blogger

Leave a Comment
widgets de Articulos Recientes
Te has preguntado muchas veces como aumentar la cantidad de paginas vistas de tu  Blog O Website? pues dejame decirte que mostrando el Widget de Articulos Recientes es una manera excelente para que los visitantes naveguen tu sitio y observen mejor tus articulos.

Ademas reduce el Bounce Rate-es tiempo un visitante pasa en tu sitio antes de irse de la misma.

Chequea Articulo Añadir Entradas Recientes Animadas

La manera mas recomendada de reducir el Bounce Rate en tu blog o website. Pues he aqui un super truco al utilizar el Widget Advanzado de Articulos Recientes asi las personas se interesaran en lo mas reciente o nuevo. Como añadir este bello widget con Hover Effect a Blogger. Espero que te guste el Multi colorido widget de texto de articulos recientes hecho con CSS & jQuery.Atre a tus visitantes y aumenta Paginas vistas.

Como añadir un estilo diferente de Widget de Articulos Recientes en Blogger.



1. Entra en Blogger  >> Diseño >> Añadir un gadget >> Añadirlo en espacio de HTML/Javascript.

2. Pegue el siguiente codigo en espacio de HTML/Javascript.

Estilo 1:-Ver Ejemplo en Vivo

<script 
src="http://code.jquery.com/jquery-latest.min.js" 
type="text/javascript"></script><div 
id="recent-posts"><script language="JavaScript">





home_page = "http://xxxx.blogspot.com/";

numposts = 5;



imgr = new Array();showRandomImg = false;boxwidth = 255;cellspacing = 
6;borderColor = "#232c35";bgTD = "#000000";thumbwidth = 0;thumbheight = 
0;fntsize = 15;acolor = "#666";aBold = true;icon = " ";text = 
false;showPostDate = false;summaryPost = 0;summaryFontsize = 
10;summaryColor = "#666";icon2 = " ";</script><script 
src="http://dl.dropboxusercontent.com/s/niuq8uqagunjvbq/recent-posts-min-1-ycode.js"
 type="text/javascript"/></script><link rel="stylesheet" type="text/css" 
href="http://dl.dropboxusercontent.com/s/ecikvgo68yrfgps/recent-posts-min-1.css"
 />


Estilo 2



<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><div id="recent-posts"><script language="JavaScript">


home_page = "http://xxxx.blogspot.com/";
numposts = 5;

imgr = new Array();showRandomImg = false;boxwidth = 255;cellspacing = 6;borderColor = "#232c35";bgTD = "#000000";thumbwidth = 0;thumbheight = 0;fntsize = 15;acolor = "#666";aBold = true;icon = " ";text = false;showPostDate = false;summaryPost = 0;summaryFontsize = 10;summaryColor = "#666";icon2 = " ";</script><script src="http://dl.dropboxusercontent.com/s/niuq8uqagunjvbq/recent-posts-min-1-ycode.js" type="text/javascript"/></script><link rel="stylesheet" type="text/css" href="http://dl.dropboxusercontent.com/s/b5er1tiy806lg6x/recent-posts-min-4.css" />

Configuracion:


Ahora Reemplace la direccion Url= http://xxxx.blogspot.com con tu direccion de tu Blog

Usted tambien puede Personalizar  a su gusto el CODIGO .

numposts = 5; Total numero de articulos que deseas mostrar con este widget.

 Chequea Articulo Widget de Entradas Recientes
If You Enjoyed This, Take 5 Seconds To Share It

0 comentarios:

Publicar un comentario