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!

Leer Más

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!

Leer Más

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 :)

Leer Más

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

Leer Más

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!

Leer Más

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.

Leer Más