Como darle Color a tu Barra de Desplazamiento en tu Blogs

Como darle Color a tu Barra de Desplazamiento en tu Blogs


Hola Amigos ...Hoy les quiero dar un tips muy recomendable para tu blogs de bloger
se trata de dar un aspecto muy bonito a tu barra de desplazamiento esto sera muy interesante de lo habitual con este procedimiento que te daré continuación.

Para realizar este proceso es muy fácil porque solo vas a instalar CSS y esto va hacer que cambie de color tu barra de desplazamiento de tu blogs que sera muy atractivo para tus visitantes lectores. 


El demo lo puedes ver en mi blogs mi barra de desplazamiento es de color azul.

Los pasos a seguir es a continuación : 

1. Haga clic en Tema luego editar HTML y Combine teclas : CTRL + F

2. Vas a buscar este codigo : ]]></b:skin>   o  </style>   Vas a color este code CSS encima de el .

/* Scrollbar */
::-webkit-scrollbar{width:8px;background:#FFF}
::-webkit-scrollbar-thumb{background-color:#575757;border-radius:3px}

Tu ya vas a cambiar el color de tu gusto.

3. Por ultimo haz clic en Guardar Tema  y vea el Resultado en tu Blogs




Danos Tu Reaccion Sobre el Articulo
Como dar un Efecto de Agitación a una imagen

Como dar un Efecto de Agitación a una imagen


Hola Amigos...hoy te muestro un estupendo efecto que ara de tus imágenes vibre hacia vas a sorprender a tus lectores . Este efecto es automático si cuando pases el Mouse encima de la imagen 
entonces comenzara a moverse agitarse  .

Ahora si eres de esos blogueros que les gusta adornar sus blogs como a mi jejeje .. vas a color este codigo en tu blogs.

1. Vas a tu Panel de Blogger
2. Eliges Tema..

3. Vas a HTML  y luego combinas teclas : CTRL + F  te va salir el buscador  y escribe esto cualquiera de los 2 : ]]></b:skin>  o  </style> 

/*=====================================
= Effecto de Agitacion Imagen
=====================================*/ 
 img:hover { animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; }@keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); }20%, 80% { transform: translate3d(2px, 0, 0); }30%, 50%, 70% { transform: translate3d(-4px, 0, 0); }40%, 60% { transform: translate3d(4px, 0, 0); }; }


Luego guardar tema y vea el resultado.




Danos Tu Reaccion Sobre el Articulo
Como poner el Mejor Adblock en Blogger

Como poner el Mejor Adblock en Blogger


Hola Amigos....en esta oportunidad les compartiré algo interesante para su sitio web , blogger ..etc.
Al algunos usan esta alternativa opción para quitar la publicidad de cierto sitios cuando entran .
Se trata de una extensión para su navegador que anula la publicidad por completo de los sitio web . Y pues estamos ablando de ADBLOCK   es un estupendo extensión que quita la publicidad , pero a la vez daña . Entonces para eso hay un truco que detecta automáticamente si  tu estas utilizando ADBLOCK  cuando entras a tu pagina web. 

Y lo que hace es bloquearte el acceso por completo al contenido de la pagina web . Hasta que tu 
deshabilites el ADBLOCK  despues actualizar la pagina y ya tendrás el acceso al contenido.

Entonces si tu deseas ver en vivo este detector de anti adblock  ...habilita tu adblock si lo usas veras que te saldra en mi blogs como este :


Entonces si deseas tener este bonito detector vamos a seguir estos pasos a continuación :

1. Tienes que ir al editor HTML  de tu blogs y agregar estos codigos antes del codigo : </head>  

<style type='text/css'>
/* Animation */
@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}
@keyframes rubberBand{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,0.75,1)}40%{transform:scale3d(0.75,1.25,1)}50%{transform:scale3d(1.15,0.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scale3d(1,1,1)}}
/* Say Hi to Adblock */
#arlinablock{background:rgba(0,0,0,0.65);position:fixed;margin:auto;left:0;right:0;top:0;bottom:0;overflow:auto;z-index:999999;animation:fadeInDown 1s}
#arlinablock .header{margin:0 0 15px 0}
#arlinablock .inner{background:#e3482d;color:#fff;box-shadow:0 5px 20px rgba(0,0,0,0.1);text-align:center;width:600px;padding:40px;border-radius:5px;margin:7% auto 2% auto;animation:rubberBand 1s}
#arlinablock button{padding:10px 20px;border:0;background:rgba(0,0,0,0.15);color:#fff;margin:20px 5px;cursor:pointer;transition:all .3s}
#arlinablock button:hover{background:rgba(0,0,0,0.35);color:#fff;outline:none}
#arlinablock button.active,#arlinablock button:hover.active{background:#fff;color:#222;outline:none}
#arlinablock .fixblock{background:#fff;text-align:left;color:#000;padding:20px;height:250px;overflow:auto;line-height:30px}
#arlinablock .fixblock div{display:none}
#arlinablock .fixblock div.active{display:block}
#arlinablock ol{margin-left:20px}
@media(max-width:768px){#arlinablock .inner{width:calc(100% - 20px);margin:10px auto;padding:15px}}
</style>

 2. Luego buscas este codigo : </body>  y pones estos códigos encima de el.

<script type='text/javascript'>
//<![CDATA[
// Say Hi to Adblock
function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://cdn.jsdelivr.net/gh/Arlina-Design/quasar@master/arlinablock.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>

Para finalizar presiona en guardar tema y listo.

Fuente:https://www.arlinacode.com 


Bueno es todo espero les guste :) 
Danos Tu Reaccion Sobre el Articulo
Como Instalar Botones de Reacciones en Tus Publicaciones Blogger

Como Instalar Botones de Reacciones en Tus Publicaciones Blogger


Hola Amigos...  en esta oportunidad les comparto un bonito tips para tus publicaciones en blogger.
Se trata de poner Botones de Reacciones en tus entradas en blogger. Con la tecnología de sharethis.com  es una plataforma que todos los bloggeros los usa no solo en poner Botones de reacciones también tiene la opcion de poner  Widget de compartir en redes sociales  pero eso ya es otra historia que mas adelante les compartire :) .

La función de este widget de reacción ShareThis es facilitar que los visitantes juzguen si el artículo es bueno o no para verlo, porque al instalar este widget de botón para compartir, los visitantes encontrarán más fácil compartir el contenido en sus redes sociales. Para mi parecer me parece algo innovador que nos brinda esta herramienta  ShareThis  y aparte  da un bonito aspecto en nuestro blogs jejeje  y bueno si estas interesado en poner este widget en tu blogs te enseño a continuación :


PASOS DE INSTALACIÓN EN TU BLOGS :

 1. Vas entra a su sitio web : sharethis.com  y te vas a crear una cuenta.



Como ves también tiene Registrarse con Facebook y Google  si es que te da pereza poner tu correo electrónico 

2. Luego de haberte Registrado Inicias Sesión en tu cuenta ShareThis Dashboard ,


De plano te va salir ese cuadro de aviso te va pedir que pongas tu URL de tu blogs de blogger  entonces lo pones y presionas en el botón verde.

3. Vas haber en el lado derecho en la esquina de arriba  esto :

Debes de hacer clic en el esto es para que tu copies el codigo de activación y lo pongas en tu blogs de blogger .  Entonces haz clic en "CODIGO DE ACTIVACIÓN" y te va salir esto :



Haz clic donde dice Copiar el Codigo ese Botón verde .

4. Coloque el código encima del código :  </head>  y luego haga clic en guardar .

5. Si es que ...aparece un mensaje de ERROR  después de hacer clic en el botón Guardar tema, agregue el amplificador; en el código JavaScript de ShareThis, la implementación  vas a copiar este codigo a continuación que te dejo aqui :


<script async="async" src="https://platform-api.sharethis.com/js/sharethis.js#property=5f2bcc821567b0001275f56e&amp;product=inline-share-buttons" type="text/javascript"></script>>

Aquí dedes de prestar mucha atención  ...  dedes ir a "CONFIGURACION" y buscar tu  "ID"  de usuario de  ShareThis  ... este  mira ..pero este es el mio .


Entonces lo que tienes que cambiar el la ID del codigo mio por la tuya . Porque sino no va activar en tu blogs.

6. Una vez que ayas cambiado la ID por la tuya y puesto el codigo encima de "</head>"  , vienes otra vez aqui : 


Y presiona "ACTIVAR"  entonces se te activara los Emoticones .


7. Una ves ya activado eliges los emoticones  para obtener los codigos  .

Haces clic en el ...después te va salir esto :

Tienes que hacer clic en ese boton verde  para activar los emoticones :

Entonces en buena hora se te activara los BOTONES DE REACCIONES :



8. Ya para terminar ...Vamos a copiar el codigo de las reacciones: 



Vas a copiar esos codigos lo que te sale ati en tu ShareThis Dashboard ,

9. Copias los codigos lo que te sale a ti y lo vas a poner
       por debajo de :  <data:post.body/>  
  
    El código : <data:post.body/>  generalmente tiene 3, elija el tercero . Haci mira :


  


Entonces presionas Guardar tema. y mira los resultados en tu blogs.  
Si lo haz hecho bien te tiene que salir como ami
              en mi blogs esta puesto  ⬇ MIRA ABAJO.
                           
O TAMBIÉN MIRA AQUÍ EN MI OTRO BLOGS LO PUSE  
10. Ya por  ultimo para personalizar las reacciones vas aqui donde dice :




Hay dice ingles tu lo pones en español .....todo a tu preferencia y presionas ACTUALIZAR Y LISTO.  




Bueno esto es todo espero que te aya quedado bonito tu blogs . Cualquier pregunta dímelo en los comentarios. 


GRACIAS POR TU VISITA .




Danos Tu Reaccion Sobre el Articulo
Como colocar la nueva caja like box (Page plugin ) en blogger

Como colocar la nueva caja like box (Page plugin ) en blogger


.El plug-in página le permite fácilmente incrustar y promover cualquier página de Facebook en su sitio web. Al igual que en Facebook, los usuarios pueden recibir y compartir la página sin tener que salir de su sitio.



Para generar el código usted tiene que hacer el siguiente paso:

1.- Tienes que entrar aqui : 



2.- Luego te va salir para generar tu codigo de tu like box nuevo:



Ok ..te va salir eso que ves ... solo tienes que escribir tu url de tu pagina de facebook . Si lo deseas
puedes poner tus medidas altura o anchura. pero lo mas recomendable es dejarlo hacia como esta .
ya que se acomoda automáticamente a tu pagina web.

ya el resto es preferencia como deseas personalizar tu like box ...solo tienes que marcar esa casillas ..por ejemplo "utilice pequeña cabecera"



3- Genere el codigo 

Una vez ,que ya hayas modificado a tu preferencia la nueva caja like box (Page plugin) .
vas  donde dice " GENERAR CODIGO"   haz clic en el.

y te va salir el codigo haci :



Esto que aparece es el Su "Código Plugin"  que debemos ponerlo en nuestro blogs de blogger o en tu sitio que tengas.


El primer codigo es SDK de JavaScript  y el segundo es el nuevo like box en este caso page plugin.

Muchos solo colocan el segundo código nomas en su blogs. pero lo que deben ponerlo es los 2 . Ya que el primer código indica si tu idioma es español o ingles. 

En esta parte : es_LA/   que corresponde al español y el ingles que es : es_US/  ...con esto quiero decir que si no pones el primer cogido tu like box ..te saldrá el texto en ingles ya que las mayorías  de las plantillas esta echas en ingles  y el like box toma automáticamente el idioma de la plantilla hecha.



Entonces es recomendable poner los dos códigos... y lo ponemos haci.


1.- Incluir el SDK de JavaScript  lo pones debajo de esta etiqueta de tu plantilla : <body> 

<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : &#39;841812812528433&#39;,
      xfbml      : true,
      version    : &#39;v2.3&#39;
    });
  };

  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = &quot;//connect.facebook.net/es_LA/sdk.js&quot;;
     fjs.parentNode.insertBefore(js, fjs);
   }(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));
</script>

Com esto te va salir tu caja en español y no en ingles.

2.- Coloque el código de su plugin donde quieras que aparezca el plugin en su página.


Tu ya pones el código de tu pagina de facebook que ayas generado en tu blogs de blogger..Entras a diseño y haz clic en : 






luego  te va salir  para añadir un gadget ...pero solo seleccionas  :




y pones dentro de ella el código que haz generado  y lo guardas  y listo ya tienes el nuevo like box (page plugin)





Danos Tu Reaccion Sobre el Articulo
Menu Vertical con jquery (mostrar y ocultar )

Menu Vertical con jquery (mostrar y ocultar )

Hola..en esta oportunidad les compartiré un estupendo menu verticial con jquery . Que es mostrar y ocultar el menu . Que tan solo dando clic en el menu  mostrara completo el menu vertical.

Este menu se mostrara en la parte superior de tu blos de blogger.

Su diseño , interfaz  y ordenado lo hace muy interesante a la ahora de usarlo en tu blogs .


Entonces si tu deseas ponerlo en tu blogs ..nomas vas  aseguir estos pasos a continuación .






Los pasos que vas a seguir son 3 pasos .. 

Pero antes vas  haber el demo en vivo :


DEMO EN VIVO


1.- Copia estos codigos CSS y colocale encima de esta etiqueta :  ]]></b:skin>  o también encima de esta  </style>  

.menu{position:absolute;top:23px;right:135px;text-align:center;padding:0;color:#333;font-size:46px;font-weight:700;line-height:25px;cursor:pointer}
#css-menu{position:fixed;top:0;right:-340px;z-index:9999;background:#2C2C2D;height:100%;transition:all .4s ease-in-out;}
#cssmenu,#cssmenu ul,#cssmenu li,#cssmenu a {margin: 0;padding: 0;border: 0;list-style: none;font-weight: normal;text-decoration: none;line-height: 1;  font-family: "Open Sans", sans-serif;font-size: 14px;position: relative;}
#cssmenu a {line-height: 1.3;padding: 12px 15px;}
#cssmenu {width: 240px;}
#cssmenu > ul > li {cursor: pointer;background: #efefef;border-top:1px solid #3d3d3d;border-bottom: 1px solid #161616;}
#cssmenu > ul > li:first-child {border-top:none;}
#cssmenu > ul > li:last-child {border-bottom:1px solid #3d3d3d;}
#cssmenu > ul > li:last-child > a {border-bottom: 1px solid #161616;}
#cssmenu > ul > li > a {font-size: 14px;display: block;color: #ffffff;text-shadow: 0 1px 1px #000;background: #2C2C2D;padding: 12px 15px;}
#cssmenu > ul > li > a:hover {text-decoration: none;background:#3d3d3d}
#cssmenu > ul > li.active {font-weight:700;}
#cssmenu > ul > li.home .close-menu{background: #2C2C2D;color: #fff;font-size:18px;font-weight:700;padding: 12px 15px;display:block}
#cssmenu > ul > li.has-sub > a:after {content: '';position: absolute;top: 15px;right: 10px;border: 5px solid transparent;border-left: 5px solid #ffffff;}
#cssmenu > ul > li.has-sub.active > a:after {right: 14px;top: 17px;border: 5px solid transparent;border-top: 5px solid #ffffff;}
#cssmenu ul ul {padding: 0;display: none;}
#cssmenu ul ul a {background: #efefef;display: block;color: #797979;font-size: 13px;}
#cssmenu ul ul a:hover {color: #000;}
#cssmenu ul ul li {border-bottom: 1px solid #c9c9c9;}
#cssmenu ul ul li.odd a {background: #e5e5e5;}
#cssmenu ul ul li:last-child {border: none;}

2.- Copia estos codigos Javascript  y ponle encima de esta etiqueta:  </body>
<script type='text/javascript'>
//<![CDATA[
$('#cssmenu ul ul li:odd').addClass('odd');
$('#cssmenu ul ul li:even').addClass('even');
$('#cssmenu > ul > li > a').click(function() {
  $('#cssmenu li').removeClass('active');
  $(this).closest('li').addClass('active');
  var checkElement = $(this).next();
  if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
    $(this).closest('li').removeClass('active');
    checkElement.slideUp('normal');
  }
  if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
    $('#cssmenu ul ul:visible').slideUp('normal');
    checkElement.slideDown('normal');
  }
  if($(this).closest('li').find('ul').children().length == 0) {
    return true;
  } else {
    return false;
  }
});
//]]>
  </script>
<script type='text/javascript'>
$(function() {  
    $('.menu').click(function () {
    $('#css-menu').css({right:'0'});
});
    $('.close-menu').click(function() {
    $('#css-menu').css({right:'-340px'});
});
 });
</script>

3.- Por ultimo copia estos codigos HTML y ponlo debajo de esta etiqueta : <body>   y si usas las plantilas de blogger busca esto  : <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

<div class='menu' title='Menu'><span style='font-size:16px;position:absolute;top:1px;left:-48px'>Menu</span> &#8801;</div>

<div id='css-menu'>
<div id='cssmenu'>
<ul>
  <li class='home'><span class='close-menu' style='font-size:26px;font-weight:400;position:relative' title='Close'>&#8801; <span style='font-size:18px;font-weight:700;position:absolute;top:17px;left:33px'>Menu</span></span></li>

  <li><a href='/' title='Home'><span>Inicio</span></a></li>
   <li><a href='#' title='Daftar Isi'><span>Canal</span></a></li>
   <li class='has-sub'><a href='#' title='About This Blog'><span>Acerca de</span></a>
      <ul>
         <li><a href='#' title='About'><span>Info</span></a></li>
         <li><a href='#' title='Contact'><span>Contacto</span></a></li>
         <li class='last'><a href='#' title='Privacy'><span>Privacy</span></a></li>
      </ul>
   </li>
<li><a href='#' title='Google+'><span>Advertiser</span></a></li>
   <li class='has-sub'><a href='#' title='More'><span>Mas</span></a>
      <ul>
<li><a href='#' title='More Menu 1'><span>More Menu 1</span></a></li>
<li><a href='#' title='More Menu 2'><span>More Menu 2</span></a></li>
<li><a href='#' title='More Menu 3'><span>More Menu 3</span></a></li>
<li><a href='#' title='More Menu 4'><span>More Menu 4</span></a></li>
<li><a href='3' title='More Menu 5'><span>More Menu 5</span></a></li>
<li class='last'><a href='#' rel='nofollow' target='_blank' title='More Menu 6'><span>More Menu 6</span></a></li>
      </ul>
   </li>
</ul>
</div>
</div>

Ahora usted edite este menu a su antojo .


Fuente del Aticulo :http://www.kompiajaib.com/



Como soy muy amable te ayudo  con un video Tutorial . Usted lo puede ver en 2 opciones : Dailymotion y YouTube.



Menu vertical con jquery (mostrar y ocultar) para blogger | DanyDanielRT by DanyDanielRT


Danos Tu Reaccion Sobre el Articulo
Enumera las entradas  de tu pagina de navegación

Enumera las entradas de tu pagina de navegación


Enumera las entradas  de tu pagina de navegación

Hoy vamos haber como enumerar las entradas de nuestro blogs . Solo vamos a hacer 2 pasos muy simples.


1. Vaya a Blogger edición html y busque este etiqueta : ]]></b:skin>  o  </style>   y gusto encima de el pone este codigo CSS .

/* PAGE NAVIGATION */
.showpageArea{position:relative;display:block;text-align:center;margin:10px 0;padding:5px;background:#ddd;clear:both}
.showpageArea a,.showpageOf,.showpagePoint{background:#14A0E1;border:1px solid #14A0E1;color:#fff;padding:5px 10px;line-height:30px}
.showpageNum{margin-left:4px}
.showpageOf{margin-right:4px;color:#292929}
.showpagePoint{color:#292929;margin-left:4px;padding:5px 10px}
.showpageArea a:hover{background:#292929;box-shadow:0 0 15px #07ACEC;}


2.- Para terminar  ...copie este código  javascript  gusto encima de esta etiqueta : </body> 

<script type='text/javascript'>
var postperpage=9;
var numshowpage=4;
var upPageWord=&quot; &#9668; &quot;;
var downPageWord=&quot; &#9658; &quot;;
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
//<![CDATA[
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('6 I;6 i;6 f;6 n;1f();C 1g(15){6 5=\'\';J=K(N/2);4(J==N-J){N=J*2+1}A=f-J;4(A<1)A=1;d=K(15/j)+1;4(d-1==15/j)d=d-1;D=A+N-1;4(D>d)D=d;5+="<3 7=\'1y\'>1z "+f+\' 1A \'+d+"</3>";6 16=K(f)-1;4(f>1){4(f==2){4(i=="o"){5+=\'<3 7="1B"><a 9="\'+B+\'">\'+O+\'</a></3>\'}b{5+=\'<3 7="g"><a 9="/r/s/\'+n+\'?&c-k=\'+j+\'">\'+O+\'</a></3>\'}}b{4(i=="o"){5+=\'<3 7="g"><a 9="#" v="L(\'+16+\');w x">\'+O+\'</a></3>\'}b{5+=\'<3 7="g"><a 9="#" v="M(\'+16+\');w x">\'+O+\'</a></3>\'}}}4(A>1){4(i=="o"){5+=\'<3 7="g"><a 9="\'+B+\'">1</a></3>\'}b{5+=\'<3 7="g"><a 9="/r/s/\'+n+\'?&c-k=\'+j+\'">1</a></3>\'}}4(A>2){5+=\' ... \'}1h(6 l=A;l<=D;l++){4(f==l){5+=\'<3 7="1C">\'+l+\'</3>\'}b 4(l==1){4(i=="o"){5+=\'<3 7="g"><a 9="\'+B+\'">1</a></3>\'}b{5+=\'<3 7="g"><a 9="/r/s/\'+n+\'?&c-k=\'+j+\'">1</a></3>\'}}b{4(i=="o"){5+=\'<3 7="g"><a 9="#" v="L(\'+l+\');w x">\'+l+\'</a></3>\'}b{5+=\'<3 7="g"><a 9="#" v="M(\'+l+\');w x">\'+l+\'</a></3>\'}}}4(D<d-1){5+=\'...\'}4(D<d){4(i=="o"){5+=\'<3 7="g"><a 9="#" v="L(\'+d+\');w x">\'+d+\'</a></3>\'}b{5+=\'<3 7="g"><a 9="#" v="M(\'+d+\');w x">\'+d+\'</a></3>\'}}6 17=K(f)+1;4(f<d){4(i=="o"){5+=\'<3 7="g"><a 9="#" v="L(\'+17+\');w x">\'+1i+\'</a></3>\'}b{5+=\'<3 7="g"><a 9="#" v="M(\'+17+\');w x">\'+1i+\'</a></3>\'}}6 E=y.1D("E");6 18=y.1E("1F-1G");1h(6 p=0;p<E.P;p++){E[p].1j=5}4(E&&E.P>0){5=\'\'}4(18){18.1j=5}}C 1a(Q){6 R=Q.R;6 1k=K(R.1H$1I.$t,10);1g(1k)}C 1f(){6 h=u;4(h.e("/r/s/")!=-1){4(h.e("?S-c")!=-1){n=h.F(h.e("/r/s/")+14,h.e("?S-c"))}b{n=h.F(h.e("/r/s/")+14,h.e("?&c"))}}4(h.e("?q=")==-1&&h.e(".5")==-1){4(h.e("/r/s/")==-1){i="o";4(u.e("#G=")!=-1){f=u.F(u.e("#G=")+8,u.P)}b{f=1}y.1l("<m T=\\""+B+"U/V/W?c-k=1&X=Y-Z-m&11=1a\\"><\\/m>")}b{i="s";4(h.e("&c-k=")==-1){j=1J}4(u.e("#G=")!=-1){f=u.F(u.e("#G=")+8,u.P)}b{f=1}y.1l(\'<m T="\'+B+\'U/V/W/-/\'+n+\'?X=Y-Z-m&11=1a&c-k=1" ><\\/m>\')}}}C L(H){12=(H-1)*j;I=H;6 13=y.1m(\'1n\')[0];6 z=y.1o(\'m\');z.1p=\'1q/1r\';z.1s("T",B+"U/V/W?1t-1u="+12+"&c-k=1&X=Y-Z-m&11=1b");13.1v(z)}C M(H){12=(H-1)*j;I=H;6 13=y.1m(\'1n\')[0];6 z=y.1o(\'m\');z.1p=\'1q/1r\';z.1s("T",B+"U/V/W/-/"+n+"?1t-1u="+12+"&c-k=1&X=Y-Z-m&11=1b");13.1v(z)}C 1b(Q){1c=Q.R.1K[0];6 1w=1c.1x.$t.F(0,19)+1c.1x.$t.F(1L,1M);6 1d=1N(1w);4(i=="o"){6 1e="/r?S-c="+1d+"&c-k="+j+"#G="+I}b{6 1e="/r/s/"+n+"?S-c="+1d+"&c-k="+j+"#G="+I}1O.9=1e}',62,113,'|||span|if|html|var|class||href||else|max|maksimal|indexOf|nomerhal|showpageNum|thisUrl|jenis|postperpage|results|jj|script|lblname1|page|||search|label||urlactivepage|onclick|return|false|document|newInclude|mulai|home_page|function|akhir|pageArea|substring|PageNo|numberpage|nopage|nomerkiri|parseInt|redirectpage|redirectlabel|numshowpage|upPageWord|length|root|feed|updated|src|feeds|posts|summary|alt|json|in||callback|jsonstart|nBody||banyakdata|prevnomer|nextnomer|blogPager||hitungtotaldata|finddatepost|post|timestamp|alamat|halamanblogger|loophalaman|for|downPageWord|innerHTML|totaldata|write|getElementsByTagName|head|createElement|type|text|javascript|setAttribute|start|index|appendChild|timestamp1|published|showpageOf|Page|of|showpage|showpagePoint|getElementsByName|getElementById|blog|pager|openSearch|totalResults|20|entry|23|29|encodeURIComponent|location'.split('|'),0,{}))
//]]>
</script>

3.- Guarde su plantilla y veras los resultados.

Danos Tu Reaccion Sobre el Articulo
¿Como eliminar los alicates y destornillador en blogger?

¿Como eliminar los alicates y destornillador en blogger?

¿Como eliminar los alicates y destornillador en blogger?

Esto aparece cuando estamos en nuestro blogs de blogger en la pagina principal , La función es del alicate y destornillador es que da el acceso rápido para entrar y editar tu blogs de blogger.


¿Como eliminar los alicates y destornillador en blogger?

Pero recuerde , que esta función también es importante si quieres ahorrar tiempo al editar . Solo dando clic en el  entras a editar tu blogs .  Si usted no le gusta que se muestre ...lo que tiene que hacer es copiar el siguiente codigo .

Lo que tiene que hacer es copiar este codigo  CSS  y ponerlo ANTES de : ]]></b:skin>   o  </style> ,  Lo pones gusto antes de ellos  y lo guardas y veras que ya no aparece.


.quickedit{
display:none;visibility:hidden;}


Guarde su plantilla y veras los resultados .


fuente : http://arlinadesign.blogspot.com/2014/09/cara-menghilangkan-tang-dan-obeng-di.html


Danos Tu Reaccion Sobre el Articulo
Hosting web Gratis (comprar , vincular tu dominio con blogger)

Hosting web Gratis (comprar , vincular tu dominio con blogger)



Esta buscando un hosting totalmente gratis y no encuentras uno que se adapte a tus necesidades .
Pues bien no busque mas   te presento  HOSTINGER  un hosting web gratis , hostinger te d aun espacio : 2gb. trafico :100gb. PHP,MySQL,Creador de sitios, en españaol y sin publicidad ...



▼ Los beneficios son de Hostinger:

➜ Nueva generación de hosting gratis...

Olvida los estereotipos sobre el hosting gratuito.Hostinger es diferente.Promueven un servisio fiable y completo con un fantástico soporte al usuario.

➜ Sin publicidad en tus paginas ...

Sin link de texto . Sin incordiantes pop-ups. Sin molestos banners. Sin publicaciones obligatorias en foros.Tu sitio estará 100% libre de publicidades para siempre.

➜ Sencillo creador de sitios web...

Ahora puedes construir tu sitio muy fácilmente. ¡Incluso un novato en programación puede crear un sitio con buen aspecto mediante nuestro constructor de sitios web! Elige una de las 100 plantillas disponibles y tendrás tu sitio listo en 5 minutos.

➜ Soporte completo de PHP y MySQL...

A diferencia de otros servidores gratuitos, soportamos PHP y MySQL sin ninguna restricción. Proveemos acceso total a la última versión de PHP y MySQL .

➜ Instalador de Scripts y CMS...

Con sólo unos pocos clicks puedes instalar Wordpress, Joomla, foros, tiendas online y mucho más. Pueden configurarse sitios de aspecto profesional y completamente funcionales en cuestión de minutos. ¡Nunca ha sido tan fácil!

➜ Entra al programa de afiliados...

¡Invita a tus amigos a Hostinger y obtén excelentes regalos: registros de dominios gratis, mejoras en el plan de hosting a "Premium" o "Empresarial" gratis y pagos desde 5 € a 75 €!

▼ Los Servicios que da son : 

➜ Hosting-web

➜ Hosting-gratis

➜ Hosting-vps

➜ Diseno-web

➜ Dominio-gratuito


Y muchas cosas mas lo que ofrece HOSTINGER  .

Ahora si usted no sabe como comprar un dominio con hostinger. Te guiare con unos videos tutoriales .


1. Vídeos Tutorial  - Compra tu dominio en Hostinger .

Opción 1


Vincula tu dominio comprado de Hostinger con #Blogger by DanyDanielRT

Si deseas míralo en Dailymotion  http://www.dailymotion.com/video/x2naqk0_compra-tu-dominio-casi-gratis-con-hostinger_lifestyle

Opción 2



Si deseas míralo en YouTube  https://www.youtube.com/watch?v=MIyI0S4wQ2Q



Entonces Compra tu dominio Comprar Dominio



2.- Video Tutorial - Vincula tu dominio comprado de Hostinger con Blogger

Opcion 1




Vincula tu dominio comprado de Hostinger con #Blogger by DanyDanielRT

Si lo deseas puedes verlo el video en Dailymotion http://www.dailymotion.com/video/x2nw3yk_vincula-tu-dominio-comprado-de-hostinger-con-blogger_lifestyle

Opcion 2



Si desea míralo el vídeo en YouTube https://www.youtube.com/watch?v=V8VX541HHrQ


Vamos compra tu dominio gratis con hostinger o Registra tu dominio Gratis:


ENTRAR HOSTINGER




Fin de la Articulo....
Danos Tu Reaccion Sobre el Articulo
Añade el Gadget de seguirte de Pinterest a Blogger

Añade el Gadget de seguirte de Pinterest a Blogger

Añade el Gadget de seguirte de Pinterest a Blogger



¿Que es Pinterest ?

Es una red social para compartir imágenes que permite a los usuarios crear y administrar, en tableros personales temáticos, colecciones de imágenes como eventos, intereses, hobbies y mucho más.

Tu lo puedes dar uso : subir, guardar, ordenar y administrar imágenes, conocidos como pins, y otros contenidos multimedia (videos por ejemplo,) a través de colecciones llamadas pinboards o tableros.24 Los pinboards son generalmente personalizados, esto quiere decir que los pins o publicaciones pueden ser fácilmente organizados, clasificados y encontrados por otros usuarios.

Pinterest también da un gadget para ponerlo en muestro blogs o web ... A continuación vera en vivo :

Este es mi cuenta de pinterest oficial de mi canal de youtube : "danydanielrt"

Visita el perfil de Daniel de Pinterest.


Y este es mi segunda cuenta de pinterest de mi segundo canal de youtube : "danielriveros25"

Visita el perfil de Daniel en Pinterest.

Como habrá visto  eso es el gadget  que da Pinterest a sus usuarios a color en su sitio web o blogs. Ahora te mostrare los pasos a seguir para copiar los codigos del gadget de pinterest.


1.- Tienes que iniciar sesión en tu cuenta de pinterest .

2.- Te vas  hace clic aqui :

Añade el Gadget de seguirte de Pinterest a Blogger

3.- Te va a salir una ventana emergente y te mostrara los codigos del gadget para copiarlo:


Ahora copia los codigos del gadget y lo pones donde quieres en tu web o blogs.






Danos Tu Reaccion Sobre el Articulo