headline photo

Entradas populares

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

9 comentarios:

Meneco dijo...

ahora si nos vamos si o si a configuración / plantillas / editar html y buscamos y antes pegamos lo siguiente (no es lo mismo)

Buscamos quee!!!!!

Axel dijo...

Disculpa amigo @meneco recien me doy cuenta del error .. bueno lo que tenemos que buscar es el </head> arriba de el pegar el estilo que te dejo en el articulo. :D

Meneco dijo...

Excelente post! pero tengo otro problema cuando me dirijo al sitio que cre.e osea http://tuindirecta.site88.net/enviar.php no me aparece nada! me aparece la pagina principal y deberian de aparecerme los mensajes no?

Axel dijo...

Que hosting usaste? .. YO recomiendo 000webhost..
si usas algún tipo de plantilla web dudo que te funcione.. PD: pasa la url de tu blog para ver

Meneco dijo...
Este comentario ha sido eliminado por el autor.
Meneco dijo...

Mmmmmm arriba de no me sirvio, mira mi web y veras lo que me sale http://frasesindirectas.blogspot.com/

Meneco dijo...

Men respondeme porfavor quiero hacerla rapido

Axel dijo...

tienes que sacar la plamtilla del archivo enviar.php amigo y el estilo del debes ponerlo encima del /head

Meneco dijo...

Porque no haces un video tutorial mejor para ue veas las miles de visitas que vas a ganar y le pones un enlace a tu web para que veas.
Porfa un vidoe tutorial!

Publicar un comentario