• The Good Blogger

    Todos los gadgets que andas buscando , Los tenemos todos.

  • ¡Ya tenemos facebook!

    Buscanos en facebook como "The Good Blogger"

  • Canciones de youtube

    Ya esta disponible la barra de musíca arriba del blog , con los ultimos temazos de youtube

  • Siguenos en blogger

    Ya esta disponible la opción de seguirnos en blogger ¡A que esperas!

sábado, 12 de noviembre de 2016

Sorteo de una Kawaii Box!!! Los juguetes de Arantxa

¡Hola! En esta entrada os animo a que os apuntéis a este sorteo.

¿De que trata? Pues de una "Kawaii Box"
Este sorteo lo a hecho Arantxa del canal Los juguetes de Arantxa

Os dejo el vídeo del sorteo y espero que os animéis.


¿Ya te has decidido a participar!

¡Espero que si!

Teneis todos los trazos a seguir en Rafflecopter

Click al formulario del sorteo: Click aqui


Un saludo y hasta la proxima

_________________________________


Escrito por: Neville Gil





sábado, 29 de octubre de 2016

Modificar estilo "Entradas populares"

¡Hola! en esta entrada os traigo como modificar el gadget de "Entradas populares" Seguro que a muchos no os gusta así que hoy os traigo la solución.



Este código tenemos que incluirlo en CSS:

/***** post populares*****/.popular-posts ul{padding-left:0px;}.popular-posts ul li {background: #FBF8EF;/**Color de fondo**/  list-style-type: none;  margin:0 0 5px 0px;  padding:5px 5px 5px 20px !important;  border: 4px solid #F6D8CE; /**Borde y color**/}/***** Imagen*****/.PopularPosts .item-thumbnail img,.featured_thumb img{height: 70px; /**Altura de la imagen**/width: 70px; /**Ancho de la imagen**/padding: 0;border-radius: 100%;margin-right: 10px;border: 5px solid #F6D8CE; /**Grosor del borde y color**/}.popular-posts ul  li:hover {  border:4px solid #F7BE81; /**Color del borde al pasar el cursor de mouse**/background: #F6D8CE;/**Color de fondo al pasar el cursor de mouse**/


Y esto a sido todo espero que les sirva. Pueden modificar los colores (Los colores los deje en rojo)

¡Hasta la proxima!

sábado, 15 de octubre de 2016

Gadgets Halloween | Araña en blogger

¡Hola! en esta entrada os traigo un gadget de Halloween en este caso es una arañita que estará colgada de nuestro blog






Codigo Html:

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqMsY9Jo9aC4ifmx-Fx9YOhtvi1-lj3GrFgtGjPN8bSPdjjNlLuYj0VoPh1yIa_N1EmEVCcUowA5pIooj23ymdPG28mFLzIaTe6AgdQm7fLzeGXL67zsEHqKUJnB_x5VBenHT9QlQLYBA/' style='position:fixed; top:0; left:0;'/>
.
Ejemplo:



Bueno el hueco entre la foto es grande xD

¡Nos vemos en la proxima!

jueves, 13 de octubre de 2016

Codigos colores HTML

¡Hola! en esta entrada os voy a dar una foto con los colores html para la modificación de gadgets...
(Esta entrada sera corta porque solo os muestro eso ;))




Y bueno eso ha sido todo , como dije no iba a ser muy larga la entrada así que...
Nos vemos en la proxima :)


sábado, 8 de octubre de 2016

Gifs The Good Blogger

¡Hola! después de un tiempo sin subir entrada os traigo 3 gifs sobre el blog.
Ya se que son poquitos pero dada a las circustancias no e tenido mas tiempo para elaborar mas ;)




                                                     EMPEZEMOS








Espero que os aya gustado y vuelvo a repetir que se que son pocas :p 
Pero la próxima entrada os traere mas gadgets de Halloween :O



domingo, 2 de octubre de 2016

Contador cuanto queda para halloween

¡Hola! En esta entrada os voy a enseñar a poner un contador que te indica cuanto queda para Halloween , como ya os dije en la entrada anterior "Ya va quedando poco para halloween"

Antes de empezar quiero dejar bien claro que el contador lo he hecho yo , por lo cual no os lleveis el merito :)




1º Paso:

Ir a diseño agregar Java Script

2º Paso:

Pegar el siguiente codigo




CODIGO:


<div class="widget HTML" data-version="1" id="HTML27">
<div class="widget-content">
<center><br />
<div style="border: 0px solid rgb(0, 102, 51); color: #002233; font-size: 90%; left: 0px; padding: 7px; z-index: 888;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggugmMmj0LfnPaiuQZd2aCNYfGbheGze0Z9STElbt1BteFIdeXvi0zMR0aT7uNVKWzHxU5Pz9CCo9GOLy013pbD5VakVO24qS-N9JlpePDw9V2YwQTW5Bokzr1wSRiCgrEPJTrtMwgqzk/s1600/halloween-ghost-animated.gif" style="clear: both; display: block;" /><br />
<script type="text/javascript">
//<![CDATA[
var today=new Date()
var theoccasion=new Date(today.getFullYear(), 10, 31)
var beforeOccasionText="hasta Halloween"
var onOccasiontext="¡Feliz Halloween! &#161;TGB"
var monthtext=new Array("Jan","Feb","Mar","April","May","June","July","Aug","Sep","Oct","Nov","Dec")
theoccasion.setMonth(theoccasion.getMonth()-1) //change to 0-11 month format
var showdate="("+monthtext[theoccasion.getMonth()]+" "+theoccasion.getDate()+")"
var one_day=1000*60*60*24
var calculatediff=""
calculatediff=Math.ceil((theoccasion.getTime()-today.getTime())/(one_day))
if (calculatediff<0){
var nextyeartoday=new Date()
nextyeartoday.setFullYear(today.getFullYear()+1)
calculatediff=Math.ceil((nextyeartoday.getTime()-today.getTime())/(one_day)+calculatediff)
}
var pluraldayornot=(calculatediff==1)? "día" : "días"
if (calculatediff>0)
document.write("<b>"+calculatediff+" "+pluraldayornot+" "+beforeOccasionText+"!</b>")
else if (calculatediff==0)
document.write("<b>"+onOccasiontext+"!</b>")
//]]>
</script><b></b></div></center>
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="//www.blogger.com/rearrange?blogID=3787173402680199807&amp;widgetType=HTML&amp;widgetId=HTML27&amp;action=editWidget&amp;sectionId=sidebar-right-1" onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;HTML27&quot;));" target="configHTML27" title="Editar">
<img alt="" height="18" src="https://resources.blogblog.com/img/icon18_wrench_allbkg.png" width="18" />
</a>
</span>
</span>
<div class="clear"></div>
</div>



Ejemplo:











Espero que os aya gustado mi creación :)

También deciros que esta semana del 3 de Septiembre solo subiré entrada el sábado :/

¡Bueno no pasa nada!

¡Nos vemos en la proxima!

sábado, 1 de octubre de 2016

Gifs Halloween

¡Hola! en esta entrada os voy a dar unos gifs de halloween , Como va quedando poco :D





                                                   EMPEZEMOS











Y esto a sido todo espero que les haya gustado , ¡A ir decorando los blogs!

Un saludo.



jueves, 29 de septiembre de 2016

Cómo poner reloj en blogger

¡Hola! en esta entrada os voy a enseñar como poner un reloj para vuestro blog.


1º Paso:

Agregat Java Script

2º Paso:

Pegar el siguiente codigo





codigo:
<!-- inicio codigo relojesflash.com -->

<br />
<table border="0"><tbody>
<tr><td><a href="http://relojesflash.com/" title="relojes web">
<embed height="150" src="http://relojesflash.com/swf/clock11.swf" type="application/x-shockwave-flash" width="150" wmode="transparent"></embed><param name="wmode" value="transparent" />
<noembed></noembed>
</a>
</td></tr>
<tr>
<td align="center"><a href="http://thegoodbloggers.blogspot.com.es/2016/09/como-poner-reloj-en-blogger.html"><img alt="The Good Blogger" border="0" src="" /></a>
</td></tr>
</tbody></table>
<br />
<!-- fin codigo relojesflash.com -->




EJEMPLO:


Consigue tu reloj






¡Espero que os haya gustado! "Ahora podeis saber la hora :D"

miércoles, 28 de septiembre de 2016

Cómo poner texto parpadeante

¡Hola! en esta entrada os voy a enseñar como poner un texto parpadeante de bienvenida que os mostrare a continuación



Codigo y vista previa:


<script src="http://h2.flashvortex.com/display.php?id=2_1475088434_25230_442_0_728_90_9_2_43" type="text/javascript"></script>
_______________________________________________________________________________
¡Espero que os aya gustado! Ya se que esta entrada ha sido un poco corta pero no hay mas que hablar.
¡Hasta la proxima!

martes, 27 de septiembre de 2016

Como poner mascota

¡Hola! En esta entrada os voy a enseñar como "adoptar" una mascota virtual. Para tenerla tienes que hacer lo siguiente.




1º Paso:

Tienes que ir a Diseño agregar Gadget Java Script.


2º Paso:

Como siempre pegar el siguiente codigo.


CODIGOS:

Mono:

 <br /><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMDA1OTQ2OTEwMDkmcHQ9MTMwMDU5NDcwMDEyNiZwPTU1NzEmZD*mZz*yJm89MzYxYTA*OWE*NzQzNDE3Mjg4M2Vj/Y2NlMDg1ZTA*MTA=.gif" /><BUNNYHERO PET START /><br /><div style="width: 250px; padding: 0; margin: 0; text-align: center"><br /><embed src="http://petswf.bunnyherolabs.com/adopt/swf/monkey" width="200" height="250" quality="high" bgcolor="ffffff" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="cn=mono&an=gadgetsblogger%2Ecom&clr=0x9c6a00" type="application/x-shockwave-flash"><br /></embed><br /><br /><small><a href="thegoodblogger.blogspot.com.es">Quiero una Mascota</a></small><br /></div><br /><BUNNYHERO PET END /><br /><br />

Gatito:


<br /><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMDA1OTc1MzgyOTkmcHQ9MTMwMDU5NzU*MzAzNiZwPTU1NzEmZD*mZz*yJm89MzYxYTA*OWE*NzQzNDE3Mjg4M2Vj/Y2NlMDg1ZTA*MTA=.gif" /><BUNNYHERO PET START /><br /><div style="width: 250px; padding: 0; margin: 0; text-align: center"><br /><embed src="http://petswf.bunnyherolabs.com/adopt/swf/cat" width="200" height="250" quality="high" bgcolor="ffffff" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="cn=gatito&an=gadgetsblogger%2Ecom&clr=0xeeeeee" type="application/x-shockwave-flash"><br /></embed><br /><br /><small><a href="thegoodblogger.blogspot.com.es">Quiero una Mascota</a></small><br /></div><br /><BUNNYHERO PET END /><br /><br />

Perro:

<br /><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMDA1OTU1MDY4NzUmcHQ9MTMwMDU5NTUxNTUyNyZwPTU1NzEmZD*mZz*yJm89MzYxYTA*OWE*NzQzNDE3Mjg4M2Vj/Y2NlMDg1ZTA*MTA=.gif" /><BUNNYHERO PET START /><br /><div style="width: 250px; padding: 0; margin: 0; text-align: center"><br /><embed src="http://petswf.bunnyherolabs.com/adopt/swf/dog" width="200" height="250" quality="high" bgcolor="ffffff" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="cn=perro&an=gadgetsblogger%2Ecom&clr=0xeba000" type="application/x-shockwave-flash"><br /></embed><br /><br /><small><a href="thegoodblogger.blogspot.com.es">Quiero una Mascota</a></small><br /></div><br /><BUNNYHERO PET END /><br />


Ejemplos:



















lunes, 26 de septiembre de 2016

Poner radio personalizada

¡Hola! en esta entrada os voy a enseñar como poner una radio en el blog





1º Paso:

Primero tienes que ir a DISEÑO después como siempre agregamos un gadget "Java Script"

2º Paso:

Pegar el siguiente código en "Java Script"


CODIGO:

<!-- SCM Music Player http://scmplayer.net -->
<script type="text/javascript" src="http://scmplayer.net/script.js"
data-config="{'skin':'skins/simpleBlue/skin.css','volume':100,'autoplay':false,'shuffle':false,'repeat':1,'placement':'top','showplaylist':false,'playlist':[{'title':'Titulo 1','url':'url 1'},{'title':'Titulo 2','url':'url 2'},{'title':'Titulo 3','url':'url 3'},{'title':'Titulo 4','url':'url 4'},{'title':'Titulo 5 ','url':'url 5'},{'title':'Titulo 6','url':'url 6'},{'title':'Titulo 7','url':'url 7'}]}" ></script>

<!-- SCM Music Player script end -->


Vale , para que etendais lo que quire decir lo rojo , lo voy a explicar

"Titulo (numero) "   En titulo poneis el titulo de la cancion
"url (numero " En url poneis la url de la cacion en youtube

Siempre tiene que councidir los numero osea no pongais en nombre en titulo 2 y la url en 5 me refiero que pongais cada una con su numero.

Ejemplo: Titulo 1 con url 1    Titulo 2 con url 2 ....

Espero que os haya servido de ayuda y nos vemos en la proxima.

Gifs Pokemon

¡Hola! en esta entrada les traigo unos gifs de pokemon , para que decoren sus blogs.
Ire subiendo mas gifs mas adelante.






                                                     EMPEZEMOS























                                         








                            






                                    FIN ;)    


Y bueno chicos esto fue todo ya se que están un poco desordenadas las fotos :D 
Bueno nos vemos en la proxima :)       

Como poner cosas cayendo

Mas información.

¡Hola! En esta entrada os voy a enseñar a poner cosas cayendo del blog , los codigos los añadimos en diseño añadir gadget java script.

Codigos:


Hojas Cayendo:<script type="text/javascript" src="http://blogparts.giffy.me/0004/parts.js"></script><p style="text-align: center;margin:0;padding:0;"></p><p style="text-align:center;font-size:12px;margin:10px 0 0 0;padding:0;"></p>

Pétalos Cayendo<script type="text/javascript" src="http://blogparts.giffy.me/0070/parts.js"></script><p style="text-align: center;margin:0;padding:0;"></p>
Decoración Navideña cayendo:<script type="text/javascript" src="http://blogparts.giffy.me/0002/parts.js"></script><p style="text-align: center;margin:0;padding:0;"></p>
Chocolatinas suben y explotan:<script type="text/javascript" src="http://blogparts.giffy.me/0054/parts.js"></script><p style="text-align: center;margin:0;padding:0;"></p>

Burbujas suben explotan y sale decoración navideña:<script type="text/javascript" src="http://blogparts.giffy.me/0001/parts.js"></script><p style="text-align: center;margin:0;padding:0;"></p>

Burbujas suben:<script type="text/javascript" src="http://blogparts.giffy.me/0108/parts.js"></script><p style="text-align: center;margin:0;padding:0;"></p>
Pajaritos flotando por el blog:<script type="text/javascript" src="http://blogparts.giffy.me/0088/parts.js"></script><p style="text-align: center;margin:0;padding:0;"></p>
Corazones de colores caen por el blog:<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/0/7/13/parts.js"></script><p style="text-align: center;margin:0;padding:0;"></p>



Espero que os haya gustado, Nos vemos en la proxima

sábado, 24 de septiembre de 2016

Poner flecha de subir arriba

¡Hola! En esta entrada os voy a enseñar como poner una flecha para subir arriba.




1º Paso:

Ir a Diseño a agregar un gadget java script.


2º Paso:

Pegar el codigo que os dare


CODIGO:

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="AQUI EL URL DE LA FLECHA PARA SUBIR" width="45" height="55" data-pin-nopin="true" /></a

3º Paso:

En el codigo donde pone "Aqui el url de la flecha" si no encontrais alguna yo os dejare la mai :)

Url de la mia https://www.cibercorresponsales.org/system/custom_upload/filename/78/flecha_azul_arriba.png 



Espero que os haya gustado sigue al blog para seguir creciendo :)

Como poner una ventana emergente

¡Hola! En este tutorial vamos a aprender a poner una ventana emergente en nuestras entradas.
Eso sirve para cuando den clikc a una imagen te lleva al sitio selecionado.




1º Paso:

Como siempre vamos a Diseño despues a añadir gadget java script.

2º Paso:

Dentro del "Java Script" copiamos el codigo que os dare.

CODIGO:

<i><a href="Aqui el url de cuando den click donde lleva"><img src="Url de la imagen que quires poner" data-pin-nopin="true"></a></i></center>

EJEMPLO:



Te lleva a a mi blog en mi caso

Cómo poner iconos de redes sociales

¡Hola! Muchos de vosotros os habéis preguntado como hago para poner los iconos de las redes sociales pues en esta entrada vas a aprender.





1º Paso:

Debéis ir a "Diseño" despues le dais a "Añadir gadget html" después de darle a añadir gadget os saldrán una listas de gadgets , buscáis "Java/Script

2º Paso:

Ahora teneis que copiar el codigo y lo pegais en Java/Script

Codigo:


<div class="widget-content">
<center>
<a href="Aquí el url de tu instagram" target="_blank"><img alt="Siguenos en Blogger" src="https://s.cafebazaar.ir/1/upload/icons/com.instagram.android.png" title="Instagram" width="48" height="48" data-pin-nopin="true"></a> 
<a href="Aquí el url de tu twitter" target="_blank"><img alt="Siguenos en Blogger" src="http://www.descargasfycma.com/archivos/eventos//TRANSFIERE_2015/news7/LogoTwitter.png" title="Twitter" width="48" height="48" data-pin-nopin="true"></a>

<a href="Aquí el url de tu facebook" target="_blank"><img alt="Siguenos en Blogger" src="http://icon-icons.com/icons2/159/PNG/256/facebook_22567.png" title="Facebook" width="48" height="48" data-pin-nopin="true"></a> 
<a href="Aquí el url de tu cuenta de youtube" target="_blank"><img alt="" src="http://icon-icons.com/icons2/56/PNG/512/youtubeburstalt_11280.png" title="Goodreads" width="48" height="48" data-pin-nopin="true"></a>
 </center>
</div>


                        Y después de eso solo nos queda ir al blog y ver como ha quedado 


                           Espero que os haya gustado , Nos vemos en la próxima.