headline photo

Entradas populares

APP VIRAL VIDEO FACEBOOK PARA BLOGGER

martes, 9 de abril de 2013

Hola para los que esperaban la app facebook viral para blogger bueno ya esta aquí

PARA CONTACTAR CON EL CREADOR https://www.facebook.com/AxxeLiitoo

LO QUE HACE ES PUBLICAR LA ENTRADA QUE VISTE EN EL MURO DE FACEBOOK


PARA VER UN EJEMPLE DE COMO FUNCIONA


Leer más...

Paginación o páginas numeradas en Blogger

martes, 15 de noviembre de 2011

Blogger solo muestra un enlace a la página siguiente y anterior, con la páginacion es posible mostrar un cantidad más grande de páginas para navegar indicadas con números y al mismo tiempos el siguiente y anterior  su funcionamiento es un script y style muy simple y fácil de colocar el blogger.

Comencemos:

Primero ingresamos a blogger / Plantillas / Edicion HTML  y precionando Ctrl + f buscamos ]]></b:skin> y antes del codigo pegamos lo siguiente:



Segundo buscamos el  </body> y arriba de el pegamos el siguiente script:



Tercero Guardamos y a disfrutar de nuestra paginan en nuestro blogger. para verlo en funcionamiento clic aqui. También les dejo una imagen de como queda :D.



Leer más...

como hacer que cualquier usuario publique una entrada en blogger

jueves, 15 de septiembre de 2011

Hola a todos tiempos que ya no publicaba, hoy aprenderemos como hacer que cualquier usuario pueda publicar en nuestro blogger.

Empecemos aclarando que Blogger sólo tiene una modalidad para agregar autores y es yendo a Configuración | Permisos. Ahí damos click en Añadir autores y agregamos la dirección de correo de la persona a la que queremos invitar para que publique en el blog. Esta opción permite agregar hasta 100 personas como autores del blog.

¿Pero y si no queremos estar agregando autores uno por uno al blog? Es decir, ¿qué pasa si quiero que absolutamente cualquier persona -sin importar si tiene cuenta en Google o no- pueda publicar en el blog?

Para eso vamos a tener que recurrir a una web externa que acepte PHP yo les aconsejo 000webhost.com para poder alojar nuestro accion del formulario de envio ya que blgger no acepta php.

Habiendo creado nuestra cuenta en 000webhost.com u otro servidor que mas les guste ahi crearemos lo siguiente:

-enviar.php
dentro copiamos el código azul que les dejo a continuación modificando **.

**tienen que modificar los datos de envió de correo:

$destino= "xxxxxx.yyyyy@blogger.com"; = esto se crea en el blogger/configuración/moviles y Correo
$remitente = "xxxx@hotmail.com";        = Una cuenta de hotmail, gmail u otro que te guste





<link rel='stylesheet' href='estilos.css'>
<?php
if(empty($_POST['titulo'])) { 
?>
  <form class="contacto" action="<?=$_SERVER['PHP_SELF']?>" method="post" >
      <label>SI ESTAS AQUÍ ES POR QUE SEGURO NO LLENASTE EL CAMPO :D ASÍ QUE VUELVELO A INTENTAR</label>


           Titulo:<input type="text" name="titulo" /> 
           <textarea name="mensaje" rows="3" cols="50"></textarea><input type="submit" value="PUBLICAR
 YA


"/> 
  </form>


<?php


}else{
  $mensaje.= $_POST['titulo'];
  $mensaje.= $_POST['mensaje'];
  $destino= "xxxxxx.yyyyyy@blogger.com";
  $remitente = "xxxxx@hotmail.com";
  $asunto = "".$_POST['titulo'];
  mail($destino,$asunto,$mensaje,"FROM: $remitente");


?> 
  <p><strong>Yeahh tu chiste fue recibida.</strong></p> En un par de segundos se posteara no te olvides de publicarlo en tu muro <a href="http://frasesfeis.blogspot.com" target="_parent">clic aquí para ver</a>
     
<?php
}
?>




ahora creamos este otro archivo y lo guardamos como estilos.css

*{
    font-family: sans-serif;
    font-size: 12px;
    color: #798e94;
}
body{
    width: 400px;
    margin: auto;
    background-color: #E2ECEE;
}
.contacto{
    border: 1px solid #CED5D7;
    border-radius: 6px;
    padding: 45px 45px 20px;
    margin-top: 50px;
    background-color: white;
    box-shadow: 0px 5px 10px #B5C1C5, 0 0 0 10px #EEF5F7 inset;
}
.contacto label{
    display: block;
    font-weight: bold;
}
.contacto div{
    margin-bottom: 15px;
}
.contacto input[type='text'], .contacto textarea{
    padding: 7px 6px;
    width: 294px;
    border: 1px solid #CED5D7;
    resize: none;
    box-shadow:0 0 0 3px #EEF5F7;
    margin: 5px 0;
}
.contacto input[type='text']:focus, .contacto textarea:focus{
    outline: none;
    box-shadow:0 0 0 3px #dde9ec;
}
.contacto input[type='submit']{
    border: 1px solid #CED5D7;
    box-shadow:0 0 0 3px #EEF5F7;
    padding: 8px 16px;
    border-radius: 20px;
    font-weight: bold;
    text-shadow: 1px 1px 0px white;
    background: #e4f1f6;
    background: -moz-linear-gradient(top, #e4f1f6 0%, #cfe6ef 100%);
    background: -webkit-linear-gradient(top, #e4f1f6 0%,#cfe6ef 100%);
}
.contacto input[type='submit']:hover{
    background: #edfcff;
    background: -moz-linear-gradient(top, #edfcff 0%, #cfe6ef 100%);
    background: -webkit-linear-gradient(top, #edfcff 0%,#cfe6ef 100%);
}
.contacto input[type='submit']:active{
    background: #cfe6ef;
    background: -moz-linear-gradient(top, #cfe6ef 0%, #edfcff 100%);
    background: -webkit-linear-gradient(top, #cfe6ef 0%,#edfcff 100%);
}



Allí terminamos con lo que es la acción enviar ahora pasamos al blogger nos vamos a configuración / plantillas / editar html y buscamos el campo que mejor les parezca para nuestro formulario, y para los que no están muy familiarizamos con eso insertamos un widget html. y para cualquiera de los dos casos pegamos lo siguiente, a por cierto aquí tenemos que pegar la url de la action que hicimos en php.







<form action='http://tuweb.tuwebphp.com/enviar.php' class='contacto' method='post'>
      <label>CREA Y PUBLICA TU<br/><br/> FRASE DESDE AQUI:<br/><br/></label>
             Titulo del chiste: <input name='titulo' type='text'/>  <br/>
           <textarea cols='50' name='mensaje' placeholder='Dale escribe y publica el chiste que pensando' rows='3'/>
          <input type='submit' value='  PUBLICAR '/>  
  </form>

           
ahora si nos vamos si o si a configuración / plantillas / editar html.  buscamos </head>   arriba de el pegamos lo siguiente



*{

        color: #798e94

}
.contacto label{
    display: block;
    font-weight: bold;
    font-size: 24px;
}
.contacto input[type='text'], .contacto textarea{
border: 1px solid #CED5D7;
resize: none;
box-shadow:0 0 0 3px #EEF5F7;
        
}
.contacto input[type='text']:focus, .contacto textarea:focus{
outline: none;
box-shadow:0 0 0 3px #dde9ec;
}
.contacto input[type='submit']{
        border: 1px solid #CED5D7;
box-shadow:0 0 0 0px #EEF5F7;
font-weight: bold;
text-shadow: 1px 1px 0px white;            
        padding: 30px 0px 0px 0px;
background: #e4f1f6; 
background: -moz-linear-gradient(top, #e4f1f6 0%, #cfe6ef 100%);
background: -webkit-linear-gradient(top, #e4f1f6 0%,#cfe6ef 100%);
        width: 100px; 
}
.contacto input[type='submit']:hover{
background: #edfcff; 
background: -moz-linear-gradient(top, #edfcff 0%, #cfe6ef 100%);
background: -webkit-linear-gradient(top, #edfcff 0%,#cfe6ef 100%); 
}
.contacto input[type='submit']:active{
background: #cfe6ef; 
background: -moz-linear-gradient(top, #cfe6ef 0%, #edfcff 100%);
background: -webkit-linear-gradient(top, #cfe6ef 0%,#edfcff 100%);
}









 fin eso es todo pueden verlo en acción aquí http://frasesfeis.blogspot.com/ ah no se olviden de dejar una frase :D y publicarlo en su facebook una manera de agradecer :D que se cuiden hasta otro post. Disculpen que no aya estado tan detallado como para un aprendiz.


POSDATA :  SI NO LES PUBLICA AL TOQUE TIENEN QUE ESPERAR NO SE ATORMENTEN MUCHO LOS AVISO POR EXPERIENCIA PUEDE QUE SEA POR QUE BLOGGER ESTA CONFIGURANDO O CREANDO EL NUEVO CORREO QUE CREAMOS PARA PODER PUBLICAR

Leer más...

agregar contador de visitas en cada entrada o articulo blogger

lunes, 22 de agosto de 2011

Acá les traigo un buen contador de visitas para nuestro articulo o entrada de nuestro blogger.

Primer paso: marcamos la casilla Expandir plantillas de artilugios y buscamos </head> encima pegamos:



Segundo paso: buscamos <div class='post-footer-line post-footer-line-3'> y de bajo pegamos el siguiente código:



Cave resaltar que las estadísticas solo aparesera en las entradas mas no en la pagina principal, aca les dejo mi otra pagina donde el contador esta en funcionamiento http://videolocazo.blogspot.com/

Leer más...

Agregar meta para facebook a nuestro blog sin error linter

jueves, 23 de junio de 2011

Actualizado 18 de agosto del 2011 
Esto es primordial a la hora de que los robots de facebook (linter) recogen datos de nuestro blog, como muchos tienen problemas para esto a la hora de comprobar sus url en este post les enseñare como se coloca de manera fácil todos los metas! Aquí pueden comprobar en que estado están los metas de tu blog http://developers.facebook.com/tools/lint/ Nos vamos a blogger > Diseño > Edición HTML : Bueno comenzásemos buscando <html ....>(por lo general esta por la tercera o cuarta linea del código en blogger) y y lo reemplazamos por este código <html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:fb='http://www.facebook.com/2008/fbml' xmlns:og='http://ogp.me/ns#'> Ahora de nuevo Ctrl+F y buscamos </head>arriba de el pegamos lo siguiente (lo que esta de verde se cambia)

<!-- Facebook open graph -->  
 
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='&quot; &quot; + data:blog.pageName' property='og:title'/>  
<meta content='article' property='og:type'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'> 
<meta expr:content='data:blog.pageName + &quot; posts&quot;' property='og:title'/>  
<meta content='article' property='og:type'/>  
</b:if> 
<b:if cond='data:blog.pageType == &quot;index&quot;'> 
<meta content=' titulo del blog ' property='og:title'/>  
<meta content='blog' property='og:type'/>  
<meta content=' descripción de la pagina principal del blog(nada que ver con articulos) ' property='og:description'/>  
<meta content='imagen de tu blog' property='og:image'/>
</b:if> 
 
<meta expr:content='data:blog.url' property='og:url'/>  
<meta content=' nombre de tu blog ' property='og:site_name'/>
<meta content='Id de tu aplicacion facebook' property='fb:app_id'/> <meta content='el id de tu cuenta facebook' property='fb:admins'/> 
<!-- Facebook open graph -->
y lo guardas.
Para la meta de descripción es un poco mas amplio pero también es importante y mucho a a la hora que publiques tu url como enlace en facebook acá te dejo la url de mi otro post donde te explico paso a paso
http://blogyface.blogspot.com/2011/06/como-poner-descripcion-de-enlaces.html * Si a la hora de comprobar con el linter te sale error de id de aplicación es por que te falta configurar tu aplicación facebook en sitio web.
Como en la imagen

Comentar es agradecer

Leer más...

Como cambiar el icono blogger

lunes, 20 de junio de 2011

Primero
Nos dirigimos a panel de control > Diseño > Edición HTML

Segundo
Buscamos </head> y arriba de el pegamos el siguiente codigo:

<link href='
url de tu imagen .ico' rel='shortcut icon' type='image/x-icon'/>

*pixeles de la imagen 16*16 
Para convertir imágenes normales en iconos(ico) pueden hacerlo en la siguiente pagina http://favicon.htmlkit.com/favicon/ 


Leer más...

Cuentas Premuim megaupload, megavideo, fileserve, rapidshare. 27 junio 2011

domingo, 19 de junio de 2011

Hoy llego con una importante noticia,no solo para mi si no para muchos que buscan siempre descargar como premium, creanme no se arrepentiran de haber seguido estos pasos.


Primero 
Nos inscribimos en http://www.debridns.com para crear nuestra cuenta, como toda cuenta una vez inscrito nos vamos al correo y activamos nuestra cuenta.


Segundo
Configuramos el DNS de nuestra PC. 

1.Ir a Panel de control (Inicio / Panel de control)
2.Ir a la red y de Internet
3.Ir al Centro de redes y recursos compartidos
4.Haga clic en Cambiar configuración del adaptador (a la izquierda)
5. Haga clic derecho sobre la conexión activa y vaya a Propiedades
6.Haga doble clic en Protocolo de Internet versión 4 (TCP/IPv4)
7.Compruebe Usar las siguientes direcciones de servidor DNS e introduzca el DNS siguientes:

Preffered servidor DNS: 85.17.255.198
Servidor DNS alternativo: 46.19.33.120
8.Puede hacer clic en Aceptar y cierre todas las
9.Sólo tienes que reiniciar el navegador



Aqui con Imágenes :


Una vez terminado tienes que mantener abierta la la pagina en la que nos inscribimos.


No malogra la coneccion a Internet. Probado con internet win7, chrome.


Aca les mando un pantallazo de como queda en megaupload


Leer más...