Tutorial: Cómo hacer un blog viral en Blogger con un truco increíble

Carambel Seguir

Ómicron
Social Media
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
25 Ago 2013
Mensajes
4.926
Hola a todos hoy quiero enseñar como convertir su blogger en algo viral para la principal red social "Facebook", encontré este en internet la verdad pero lo que muchos usuarios no han podido es implementarlo y puesto que yo también lo he intentado, no se pudo, pero encontré la manera de poder hacer funcionar de la forma correcta y sin complicarnos mucho la vida.

Aclaraciones:
- Funciona en cualquier plantilla siempre y cuando sea de blogger.
- No necesitaras hacer casi nada solo colocar los códigos.


#1 Paso:

  • Ve a tu blog (Blogspot)
  • Plantilla
  • Editar HTML

#2 Paso:
Buscar la etiqueta </head> y pegamos antes de </head>
Truco encontrar rápido: cuando estés en la caja de código apreté Ctrl+F y escribe </head> enter y estarás en la linea instantáneamente.
Una vez que estes en la etiqueta en la parte de arriba pega este codigo.

Insertar CODE, HTML o PHP:
<!-- compartir para ver contenido carambel -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' type='text/javascript'/>
<style>
#youcarambelblocker {
 position:relative;
 margin:0px auto;
 cursor:;
 overflow: hidden;
 border:0px solid #000;
 width:640px;
 height:360px;
}
#youcarambelblocker iframe {
display:;
}
#youcarambelblocker #image {
 width:100%;
 height:100%;
 background-size:100% 100%;
}
#youcarambelblocker #play {
 position:absolute;
 top:0;
 left:0;
 display:block;
 width:640px;
 height:360px;
 background: url(http://3.bp.blogspot.com/-yvC1Py1lQ98/U9avGvgURmI/AAAAAAAAKkI/GOdz5yCVbac/s1600/playyoutube.png);
 border:0px solid #000;
 z-index:1;
}
#youcarambelblocker #play-button {
 position:absolute;
 cursor:pointer;
 top:0;
 left:0;
 display:block;
 width:640px;
 height:360px;
}
#youcarambelblocker #play-button:hover {
       position:absolute;
       cursor:pointer;
       top:0;
       left:0;
       display:block;
       width:640px;
       height:360px;
       background: url(http://1.bp.blogspot.com/-2oDQw9hgu4I/U9avXdvVibI/AAAAAAAAKkQ/sbyAH5d54HQ/s1600/playyoutube.png);
}
#youcarambelblocker #sharebox {
   display:none;
   cursor:pointer;
   position:absolute;
   top:0;
   left:0;
   width:640px;
   height:360px;
   background: url(http://2.bp.blogspot.com/-FfOKWPdyr2g/U9aw-urG34I/AAAAAAAAKkc/F0vBuhhvTOs/s1600/playyoutube.png);
   border:0px solid #000;
   z-index:2;
}
</style>
<!-- compartir para ver contenido carambel -->


trucobusquedarapidadeequiqueta.jpg

#3 Paso:
Buscar la etiqueta <body> y pegar debajo de ella este codigo, si tienes problemas usa el truco del paso 2 pero con la diferencia de </head> escribe <body> para que la encuentres mas rapido y ahorres tiempo.

Insertar CODE, HTML o PHP:
<!-- compartir para ver contenido carambel -->
&lt;div id='fb-root'/&gt;
&lt;script&gt;
//&lt;![CDATA[
(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/all.js#xfbml=1&amp;appId=1439152689637274&quot;;
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]&gt;
&lt;/script&gt;
&lt;b:if cond='data:blog.pageType == &amp;quot;item&amp;quot;'&gt;
&lt;script&gt;
//&lt;![CDATA[
window.fbAsyncInit = function() {
FB.init({
appId: '1439152689637274',
status: true,
xfbml: true
});
// Additional initialization code such as adding Event Listeners goes here
};
function youcarambelblocker() {
FB.ui( {
method: '../sharer/sharer.php?u=' +document.URL+ '',
link : document.URL,
},
function(response) {
if (response) {
$(&quot;#image, #play, #play-button, #sharebox&quot;).fadeOut('slow');
} else {
//alert('');
}
}
);
};
function sharebox(){
$(&quot;#sharebox&quot;).show();
}
function youcarambel (IDyoutube) {
var output1 = '&lt;div id=&quot;youcarambelblocker&quot;&gt;&lt;div id=&quot;image&quot; style=&quot;background-image: url(http://img.youtube.com/vi/' + IDyoutube + '/0.jpg)&quot;&gt;&lt;div id=&quot;play&quot;&gt;&lt;div id=&quot;play-button&quot; onclick=&quot;sharebox();&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div id=&quot;sharebox&quot; onclick=&quot;youcarambelblocker();&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;iframe width=&quot;640&quot; height=&quot;360&quot; src=&quot;http://www.youtube.com/embed/'+IDyoutube+'?autoplay=0&quot; frameborder=&quot;0&quot; allowfullscreen&gt;&lt;/iframe&gt;&lt;/div&gt;';
document.write (output1);
}
//]]&gt;
&lt;/script&gt;
&lt;/b:if&gt;
<!-- compartir para ver contenido carambel -->

#4 paso:
Haz clic en la opcion guardar de blogger template.
guardarblogger.jpg

#5 Paso:
Crea una entrada nueva dentro de ella elije la opción HTML, y pega este código, cambia "Código de vídeo de youtube" No toques las comillas solo lo que están dentro de ellas por el código del vídeo deseado.

Insertar CODE, HTML o PHP:
<script>youcarambel("Código de vídeo de youtube");</script>

Código con youtube quedaría así solo pongan el código ejemplo: https://www.youtube.com/watch?v=udckUJA75nU

Insertar CODE, HTML o PHP:
<script>youcarambel("udckUJA75nU");</script>

#6 Muestras y demo:
Una imagen vale mas que mil palabras:

codigoenentrada.jpg

Un demo funcionando vale mas que 1 millón de imágenes juntas

DEMO


compatir-para-ver-video-blogger.jpg


BONUS EXTRA:

Ve a tu blog seguidamente busca:

  • Configuración
  • Entradas y comentarios

Busca la opción: Plantilla de las entradas y guíate con las imágenes

1.jpg
2.jpg

Este truco sirve para ahorrar trabajo y estar pegando una y otra vez el mismo código
cuando hayas hecho estos pasos cada que crees una entrada aparecerá el código de forma automática
lista para que puedas modificar el código de youtube.

Si te gusto mi tutorial no dudes en:



  • Darle un comentario
  • Darle un Me Agrada
  • Compartirlo en las redes sociales

El vídeo del paso "#5" ¡A caballo regalado no se lo mira los dientes!​
 
Última edición:

Marco Grados

No recomendado
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
20 Abr 2013
Mensajes
6.822
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
Buen tutorial, se agradece :encouragement:
 

Carambel

Ómicron
Social Media
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
25 Ago 2013
Mensajes
4.926
Tengo otro tutorial, subiré a la siguiente semana espero que les sirva ;)
 

tonydalys

1
Pi
Marketing
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Suscripción a IA
Desde
7 Nov 2011
Mensajes
6.486
Bueno amigo, ¿sabes si este scrip deja de funcionar cuando las visitas al sitio son muchas?

Es que me ha pasado con otros que cuando ya es muy viral, el scrip deja de funcionar...

Gracias y tienes mi agrada...
 

Gotze

Iota
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
Verificado por Binance
Desde
16 Jun 2014
Mensajes
2.084
Gracias por el aporte :encouragement:
 

Carambel

Ómicron
Social Media
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
25 Ago 2013
Mensajes
4.926
Bueno amigo, ¿sabes si este scrip deja de funcionar cuando las visitas al sitio son muchas?

Es que me ha pasado con otros que cuando ya es muy viral, el scrip deja de funcionar...

Gracias y tienes mi agrada...

Funciona correctamente, lo unico que puede causar problemas puede ser los reportes de los usuarios de facebook.
 

BlogNivel

Gamma
Verificación en dos pasos desactivada
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
6 Ago 2013
Mensajes
200
Lo malo que no se puede compartir con Smartphone, ya he intentado de todo, llevo editando el código mas de 3 meses y no he resuelto el problema con los celulares
 

pichuyork

Épsilon
Redactor
Verificación en dos pasos desactivada
Desde
11 Ene 2012
Mensajes
808
[MENTION=47248]Carambel[/MENTION] Gracias por el tuto algunas dudas

¿Adsense permite este tipo de scripts?
¿Que pasa si en alguna entrada no se coloca video, Si requiero hacer un post normal sin video no afecta en nada?
 

Carambel

Ómicron
Social Media
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
25 Ago 2013
Mensajes
4.926
[MENTION=47248]Carambel[/MENTION] Gracias por el tuto algunas dudas

¿Adsense permite este tipo de scripts?
¿Que pasa si en alguna entrada no se coloca video, Si requiero hacer un post normal sin video no afecta en nada?

Pregunta 1:
No, esta permitido. (Si vez en el DEMO lo quitare ahora estoy haciendo unos trabajos)

Pregunta 2:
Solo no pongas el codigo del paso 5 o si lo tienes automatico borralo de la entrada y tendras una entrada normal.
 

pichuyork

Épsilon
Redactor
Verificación en dos pasos desactivada
Desde
11 Ene 2012
Mensajes
808
Pregunta 1:
No, esta permitido. (Si vez en el DEMO lo quitare ahora estoy haciendo unos trabajos)

Pregunta 2:
Solo no pongas el codigo del paso 5 o si lo tienes automatico borralo de la entrada y tendras una entrada normal.

No me quedo claro de la pregunta uno, me dijiste NO,(coma) y luego ESTA PERMITIDO.

¿Si esta o no permitido por adsense?
 

tonydalys

1
Pi
Marketing
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Suscripción a IA
Desde
7 Nov 2011
Mensajes
6.486

¡Regístrate y comienza a ganar!

Beneficios

  • Gana dinero por participar
  • Gana dinero por recomendarnos
  • Descubre ofertas de empleo diariamente
  • Negocios seguros
  • ¡Información premium y más!

Acceder

¿Ya tienes una cuenta? Accede aquí

Arriba