• 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, 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='//lh5.ggpht.com/_qgZA1ny_dAs/TM2UGNH7ORI/AAAAAAAAEuc/yRvKD_gAIg8/spiders.gif' 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://1.bp.blogspot.com/-KZciCv2rOQQ/V--XkEv46zI/AAAAAAAAAdI/NyAL_zdEM007C_2a2kt43X106nrIbg6UACLcB/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.