Búscanos y Siguenos en:

Archive for julio 2011

Como Personalizar el widged de JS-Ratings.
{[['', '']]}

Utilizando su propia imagen para la calificación
se puede sustituir las imagen que viene por defecto por una imagen tuya mediante el uso de atributos ImageUrl y ImageSize. La dirección URL especificada en el atributo imageurl debe contener cinco imágenes:
  • star.png,
  • star-half.png,
  • user.png,
  • user-half.png, 
  • gray.png
Los dos primeros iconos son los de calificación de la comunidad( ), Y el tercero y el cuarto son los iconos de calificación del usuario( ), y el ultimo es el icono que marca la posición().

Aviso: la imágenes tiene que aparecer en el mismo orden que hemos dicho antes para que funcione correctamente.

Bueno una vez que hemos creado nuestro archivo con las imágenes solo tenemos que poner la url de nuestro archivo en el siguiente codigo:

<div class='js-kit-rating' userColor='Violet' starColor='Golden' ImageSize='16x24' ImageUrl='http://aqui la url de vuestro archivo de imagenes/' expr:path='data:post.url' expr:permalink='data:post.url' expr:title='data:post.title'>
</div>

  • ImageSize='16x24' : determina el tamaño de las estrellas de calificación.
  • ImageUrl :Aquí es donde va la url  de nuestro archivo de imagenes para la calificacion.
Por ultimo tengo que decir que aun no e podido probarlo del todo por lo que aquellas personas que lo prueven les agradeceria que me dejaran un comentario diciendo si les funciona o no,gracias y adios.


    read more

    Como cambia el color de las estrellas de calificacion con js-kit-rating
    {[['', '']]}

    Buenas como ya puse en un post anterior como poner a hora os voy a eplicar como cambiar el color de la puntuación de las estrellas.

    • "userColor" : cambia el color del la calificación del usario. 
    • "starColor" : affecta el color de la calificación de la comunidad.

    <div class='js-kit-rating' userColor='Violet' starColor='Golden' expr:path='data:post.url' expr:permalink='data:post.url' expr:title='data:post.title'>
    </div>

    A continuación os dejo la leyenda de colores para cambiar el color de las estrellas, lo único que tenéis que hacer es sustituirlo en el código anterior.

                            starColor="Ruby"                userColor="Ruby"  

                            starColor="Red"                  userColor="Red"              

                            starColor="Golden"             userColor="Golden"       

                            starColor="Green"              userColor="Green"
                                 
                            starColor="Emerald"          userColor="Emerald"
     
                            starColor="Blue"                userColor="Blue"

                            starColor="Indigo"             userColor="Indigo"

                            starColor="Violet"              starColor="Ruby"

    read more

    Como expandir y contraer elmentos en blogger.
    {[['', '']]}

    Esto es un script que nos sirve para Hacer que aparezca y desaparezca por ejemplo: textos, vídeos, links, imagenes....etc .

    • Bueno lo primero que tienes que hacer es lo siguiente:
    Home → Diseño → Edición de HTML → Expandir plantillas de artilugios
    •  Y una vez que ya estas hay buscas </head> y pegas justo antes este codigo:

    <script type='text/JavaScript'>
         function verocultar(cual) {
              var c=cual.nextSibling;
              if(c.style.display=='none') {
                   c.style.display='block';
              } else {
                   c.style.display='none';
              }
              return false;
         }

    • una vez que hemos puesto este código solo tenemos que poner el siguiente código donde queramos contraer y expandir elemento en cualquier parte de nuestro blog.

    <a onclick="return verocultar(this);" href="javascript:void(0);">Enlace</a><div style="display: none; text-align: left; ">
    
    --------------------aqui el texto,video...etc que queramos ocultar--------------------------
    </div>

    • si queremos poner una imagen para mostrar y ocultar el texto solo tenemos que poner este código donde pone "enlace" en el codigo anterior.
    <img  src='AQUÍ LA URL DE NUESTRA IMAGEN' />

    y os debería quedar algo como esto:


    Ver demo
    VideodarasGamen V2.0 es un buscador de Películas Online,SeriesOnline,Templates de Blogger,Tutorialales para blogs y de Informatica


    ejemplo con imagen

    VideodarasGamen V2.0 es un buscador de Películas Online,SeriesOnline,Templates de Blogger,Tutorialales para blogs y de Informatica

    read more

    Cómo poner un favicon en la nueva versión de Blogger.
    {[['', '']]}

    primero que sepáis que un favicon es un icono o logotipo que va asociado a nuestra web.

    bueno para poner un favicon en blogger solo tenéis que seguir estos pasos:
    1. tenéis que elegir la imagen que queréis ponerlle como logotipo a vuestro blog, si queréis también podéis ir a esta  pagina y crearos uno vosotros mismos :  http://www.chami.com/html-kit/services/favicon/

    2. a continuación pegáis el siguiente código en la plantilla justo despues de esto: </head>

    <link href='http://aqui la url de tu imagen' rel='icon' type='image/gif'>
    <link href='http://aqui la url de la imagen' rel='shortcut icon' type='image/GIF'>
    </link>
    </link>

    Yos deveria quedar algo como esto:

     


    nota:lo que esta en rojo lo sustituis por la url de vuestra imagen y listo.
    read more

    Poner boton me gusta de facebook en cada post de blogger.
    {[['', '']]}

    Para que  aparezca el botón me gusta de facebook en cada post o entrada en blogger solo teneis que seguir los siguientes pasos:
    1. tenéis que ir al código de la plantilla y expandir los artilugios.

    2. Home → Diseño → Edición de HTML → Expandir plantillas de artilugios

    3. elegir el lugar en que queráis que aparezca, si queréis que aparezca al pie de cada entrada buscais el siguiente codigo en la plantilla:

    <div class='post-footer-line post-footer-line-1'>

      Y a continuación pegamos el siguiente codigo:
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <iframe allowTransparency='true' frameborder='0' scrolling='no' expr:src='"http://www.facebook.com/plugins/like.php? expr:href=" + data:post.url + "&amp;send=true&amp;layout=button_count&amp;width=400&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font=verdana&amp;height=0"' style='border:none; overflow:hidden; width:125px; height:25px;'/>
    </b:if>

      y el resultado sera algo como esto:
    read more

    Como crear un buscador interno en blogger.
    {[['', '']]}

    solo tenéis que entrar en esta pagina con vuestra cuenta de gmail y podréis crear un buscador de google gratis para vuestras web o blog:

    Enlace:https://www.google.com/accounts/ServiceLogin?continue=http://www.google.com/cse/manage/all&service=cprose&hl=es&gl=us&passive=true  

    Una vez que ayas rellenado todos los campos y te dará un código lo copias y a continuación te vas blogger  entras en diseño y le das a "añadir un gadget" y selcionas "HTML/Javascript" como se ve en la imagen de abajo



    y  a continuación le dais a añadir "HTML/javascript" y  pegáis el código  del buscador que a veis obtenido antes y pulsas guardar y listo ya tenéis un buscador interno de google totalmente gratis.
    read more

    como crear un índice en blogger.
    {[['', '']]}

    Es muy sencillo solo tendréis que crear una entrada o pagina en vuestro blog y pegar el siguiente código:

    <script style="text/javascript" src="http://dl.getdropbox.com/u/647003/CiudadBlogger/Scripts/tableindex.js"></script>
    
    <script src="http://www.tublog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

    ahora solo tienes que sustituir lo que esta en verde por la url de tu blog, y ya tendrás un índice que se  actualiza solo calvez que hacemos una entrada, además a mi me llamo la atecion bastante que cuando creamos un post nuevo en el índice al lado del titulo aparece esto,Nuevo!
     
     
    read more

    Agregar boton +1 de google a tu sitio ,blog
    {[['', '']]}



    Para poner el botón es muy fácil solo tenéis que poner el siguiente codigo justo antes </head> en el template:


    <script type=“text/javascript src=“http://apis.google.com/js/plusone.js”></script>
    

    y luego ponemos el siguiente código donde queramos que aparezca el botón en nuestra pagina o blog:


    <g:plusone></g:plusone>
     
     
    • entremedias de estas dos etiquetas tenemos que poner la url de nuestro blog o web y deberia de quedaros algo como esto
     <g:plusone href="http://videodarasgamen-v2.blogspot.com/"></g:plusone>

    Sitio web | Botón +1 Google
    read more

    Como agregar paginación a blogger
    {[['', '']]}

    Asta ahora en blogger la única forma que había  de avanzar para ver los demás post era para:Avanzar (Newer Post) o Retroceder (Older Post); pero con el siguiente script podemos avanzar y retroceder por las distintas paginas como se ve en la siguiente foto.

    Lo único que tienes que hacer es copiar el siguiente código y tenemos buscar lo siguiente fragmento </body> y lo pegamos el codigo justo antes de este fragmento </body>.
    
    <script type='text/javascript'>
    var pageCount=10;
    var displayPageNum=8;
    var upPageWord =&#39;&#171;&#39;
    var downPageWord ='Siguiente>>';
    </script>
    <script type='text/javascript'>
    //<![CDATA[
    var home_page_url=location.href;function showpageCount(json){var thisUrl=home_page_url;var htmlMap=new Array();var thisNum=1;var postNum=1;var itemCount=0;var fFlag=0;var eFlag=0;var html='';var upPageHtml='Anterior';var downPageHtml='Siguiente';htmlMap[htmlMap.length]='/';postNum++;for(var i=pageCount-1,post;post=json.feed.entry[i];i=i+pageCount){var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var title=post.title.$t;if(thisUrl.indexOf(timestamp)!=-1){thisNum=postNum}postNum++;htmlMap[htmlMap.length]='/search?updated-max='+timestamp+'&max-results='+pageCount}var banyaknomer=htmlMap.length;if(json.feed.entry.length%pageCount==0){var banyaknomer=htmlMap.length-1;postNum=postNum-1};for(var p=0;p<banyaknomer;p++){if(p>=(thisNum-displayPageNum-1)&&p<(thisNum+displayPageNum)){if(fFlag==0&&p==thisNum-2){if(thisNum==2){upPageHtml='<span class="showpage"><a href="/">'+upPageWord+'</a></span>'}else{upPageHtml='<span class="showpage"><a href="'+htmlMap[p]+'">'+upPageWord+'</a></span>'}fFlag++}if(p==(thisNum-1)){html+='<span class="showpagePoint">'+thisNum+'</span>'}else{if(p==0){html+='<span class="showpageNum"><a href="/">1</a></span>'}else{html+='<span class="showpageNum"><a href="'+htmlMap[p]+'">'+(p+1)+'</a></span>'}}if(eFlag==0&&p==thisNum){downPageHtml='<span class="showpage"> <a href="'+htmlMap[p]+'">'+downPageWord+'</a></span>';eFlag++}}}if(thisNum>1){html=''+upPageHtml+' '+html+' '}html='<div class="showpageArea"><span class="showpageOf"> Page '+thisNum+' of '+(postNum-1)+'</span>'+html;if(thisNum<(postNum-1)){html+=downPageHtml}if(postNum==1)postNum++;html+='</div>';var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");if(postNum<=2){html=''}for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}function showpageCount2(json){var thisUrl=home_page_url;var htmlMap=new Array();var isLablePage=thisUrl.indexOf("/search/label/")!=-1;var thisLable=isLablePage?thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length):"";thisLable=thisLable.indexOf("?")!=-1?thisLable.substr(0,thisLable.indexOf("?")):thisLable;var thisNum=1;var postNum=1;var itemCount=0;var fFlag=0;var eFlag=0;var html='';var upPageHtml='';var downPageHtml='';var labelHtml='<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';var thisUrl=home_page_url;htmlMap[htmlMap.length]=labelHtml;postNum++;for(var i=pageCount-1,post;post=json.feed.entry[i];i=i+pageCount){var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var title=post.title.$t;if(thisUrl.indexOf(timestamp)!=-1){thisNum=postNum}if(title!='')postNum++;htmlMap[htmlMap.length]='/search/label/'+thisLable+'?updated-max='+timestamp+'&max-results='+pageCount;itemCount++}var banyaknomer=htmlMap.length;if(json.feed.entry.length%pageCount==0){var banyaknomer=htmlMap.length-1;postNum=postNum-1};for(var p=0;p<banyaknomer;p++){if(p>=(thisNum-displayPageNum-1)&&p<(thisNum+displayPageNum)){if(fFlag==0&&p==thisNum-2){if(thisNum==2){upPageHtml=labelHtml+upPageWord+'</a></span>'}else{upPageHtml='<span class="showpage"><a href="'+htmlMap[p]+'">'+upPageWord+'</a></span>'}fFlag++}if(p==(thisNum-1)){html+='<span class="showpagePoint">'+thisNum+'</span>'}else{if(p==0){html=labelHtml+'1</a></span>'}else{html+='<span class="showpageNum"><a href="'+htmlMap[p]+'">'+(p+1)+'</a></span>'}}if(eFlag==0&&p==thisNum){downPageHtml='<span class="showpage"> <a href="'+htmlMap[p]+'">'+downPageWord+'</a></span>';eFlag++}}}if(thisNum>1){if(!isLablePage){html=''+upPageHtml+' '+html+' '}else{html=''+upPageHtml+' '+html+' '}}html='<div class="showpageArea"><span class="showpageOf"> Page '+thisNum+' of '+(postNum-1)+'</span>'+html;if(thisNum<(postNum-1)){html+=downPageHtml}if(postNum==1)postNum++;html+='</div>';var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");if(postNum<=2){html=''}for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}var thisUrl=home_page_url;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}var home_page="/";if(thisUrl.indexOf("?q=")==-1&&thisUrl.indexOf(".html")==-1){if(thisUrl.indexOf("/search/label/")==-1){document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ><\/script>')}else{document.write('<script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>')}}
    //]]></script>

    • var pageCount=esto se escarga de determinar el numero de post o entradas que se muestran en cada pagina, pon con un numero decimal exacto para determinar el numero de post que quieres que aparezca. 

    Ahora para darle una apariencia como la de la foto de la derecha tenemos que pegar el siguiente cogido justo antes de este fragmento ]]></b:skin>, os dejo 6 estilos diferente el orden de los estilos se corresponde con el orden en el que aparecen en la foto para que elijáis el que mas os guste, espero que os sirva yo lo he probado en mi blog ya y la verdad es que me a gustado bastante como queda, os recomiendo que os lo pogais en vuestro blog adios . 



    • Estilo 1

    .showpageArea {
      font-family:verdana,arial,helvetica;
      color: #000;
      font-size:11px; 
      margin:10px;
      }
      
    .showpageArea a {
      color: #000;
      text-shadow:0 1px 2px #fff;
        font-weight: 700;
      }
      
    .showpageNum a {
      padding: 3px 8px;
      margin:0 4px;
      text-decoration: none;
      border:1px solid #999;
      -webkit-border-radius:3px;-moz-border-radius:3px;
      background: #ddd url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp1.jpg) 0 -50px repeat-x;
      }
      
    .showpageNum a:hover {
      border:1px solid #888;
      background: #ccc url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp1.jpg) 0 -25px repeat-x;
      }
    
    .showpageOf{
      margin:0 8px 0 0;
      }
    
    .showpagePoint {
      color:#fff;
      text-shadow:0 1px 2px #333;
      padding: 3px 8px;
      margin: 2px;
      font-weight: 700;
      -webkit-border-radius:3px;-moz-border-radius:3px;
      border:1px solid #999;
      background: #666 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp1.jpg) 0 0 repeat-x;
      text-decoration: none;
      }

    • Estilo 2

    .showpageArea {
      font-family:verdana,arial,helvetica;
      color: #000;
      font-size:11px; 
      margin:10px;
      }
      
    .showpageArea a {
      color: #000;
      text-shadow:0 1px 2px #fff;
        font-weight: 700;
      }
      
    .showpageNum a {
      padding: 3px 8px;
      margin:0 4px;
      text-decoration: none;
      border:1px solid #919106;
      -webkit-border-radius:3px;-moz-border-radius:3px;
      background: #ddd url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp2.jpg) 0 -50px repeat-x;
      }
      
    .showpageNum a:hover {
      border:1px solid #aeae0a;
      background: #ccc url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp2.jpg) 0 -25px repeat-x;
      }
    
    .showpageOf{
      margin:0 8px 0 0;
      }
    
    .showpagePoint {
      color:#fff;
      text-shadow:0 1px 2px #333;
      padding: 3px 8px;
      margin: 2px;
      font-weight: 700;
      -webkit-border-radius:3px;-moz-border-radius:3px;
      border:1px solid #919106;
      background: #666 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp2.jpg) 0 0 repeat-x;
      text-decoration: none;
      }

    • Estilo 3

    . showpageArea {
      font-family: Verdana, Arial, Helvetica;
      color: # 000;
      font-size: 11px;
      margin: 10px;
      }
      
    . showpageArea a {
      color: # fff;
      }
      
    . showpageNum a {
      padding: 3px 8px;
      margin: 0 4px;
      text-decoration: none;
      background: # 363636 url (http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp3.jpg) 0-25px repeat-x;
      }
      
    . showpageNum a: hover {
      background: # 044697 url (http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp3.jpg) 0-50px repeat-x;
      }
    
    . showpagePoint {
      color: # fff;
      padding: 3px 8px;
      margin: 2px;
      font-weight: 700;
      background: # e30000 url (whttp: / / i879.photobucket.com/albums/ab351/bloggerblogimage/wp3.jpg) 0 0 repeat-x;
      text-decoration: none;
      }
    
    . showpageOf {
      margin: 0 8px 0 0;
      }

    • Estilo 4

    .showpageArea {
      font-family:verdana,arial,helvetica;
      color: #000;
      font-size:11px; 
      margin:10px;
      }
      
    .showpageArea a {
      color: #fff;
      }
      
    .showpageNum a {
      padding: 3px 4px;
      margin:0 4px;
      text-decoration: none;
      border-top:2px solid #000;
      border-left:1px solid #000;
      border-right:1px solid #000;
      border-bottom:1px solid #000;
      background: #666 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp4.jpg) 0 -25px repeat-x;
      }
      
    .showpageNum a:hover {
      border-top:2px solid #999;
      border-left:1px solid #999;
      border-right:1px solid #999;
      border-bottom:1px solid #999;
      background: #999 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp4.jpg) 0 -50px repeat-x;
      }
    
    .showpagePoint {
      color:#fff;
      padding: 3px 8px;
      margin: 2px;
      font-weight: 700;
      border-top:2px solid #000;
      border-left:1px solid #000;
      border-right:1px solid #000;
      border-bottom:1px solid #000;
      background: #000 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp4.jpg) 0 0 repeat-x;
      text-decoration: none;
      }
    
    .showpageOf{
      margin:0 8px 0 0;
      }


    • Estilo 5

    .showpageArea {
      font-family:verdana,arial,helvetica;
      color: #000;
      font-size:11px; 
      margin:10px;
      }
      
    .showpageArea a {
      color: #fff;
      }
      
    .showpageNum a {
      padding: 3px 8px;
      margin:0 4px;
      text-decoration: none;
      background: #333 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp5.jpg) 0 -50px repeat-x;
      }
      
    .showpageNum a:hover {
      background: #666 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp5.jpg) 0 -25px repeat-x;
      }
    
    .showpagePoint {
      color:#fff;
      padding: 3px 8px;
      margin: 2px;
      font-weight: 700;
      background: #06a2b9 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp5.jpg) 0 0 repeat-x;
      text-decoration: none;
      }
    
    .showpageOf{
      margin:0 8px 0 0;
      }

    • Estilo 6

    . showpageArea {
      font-family: Verdana, Arial, Helvetica;
      color: # fff;
      font-size: 11px;
      margin: 10px;
      padding: 8px 20px;
      background: # 333;
      }
      
    . showpageArea a {
      color: # fff;
      }
      
    . showpageNum a {
      padding: 3px 8px;
      margin: 0 4px;
      text-decoration: none;
      background: # 666;
      }
      
    . showpageNum a: hover {
      background: # 888;
      }
    
    . showpagePoint {
      color: # fff;
      padding: 3px 8px;
      margin: 2px;
      font-weight: 700;
      background: # da6100;
      text-decoration: none;
      }
    
    . showpageOf {
      margin: 0 8px 0 0;
      }
    read more

    Poner estrellas de calificacion en mi blogs con js-kit-rating
    {[['', '']]}

    bueno js-kit-rating es un widget gartuito que sirve para que nuestros usuarios puedan calificar nuestros post es tan facil como copiara es código



    <script src="http://www.yourjavascript.com/15890923101/JS-Kit_by_ShinoxAyuda.js"></script>

    y pegarlo en la plantilla justo antes de </body>, A continuación para que aparezca en nuestro post tenemos que copiar el siguiente código

    <div class='js-kit-rating' userColor='Violet' starColor='Golden' expr:path='data:post.url' expr:permalink='data:post.url' expr:title='data:post.title'>
    </div>

    y lo pegamos dependiendo de en que zona queramos que aparezca, si queremos que aparezca debajo del titulo del post lo pegaremos justo debajo de esto


    <div class='post-header-line-1'/>

    pero si por el contrario queremos que aparezca al final del post, tendremos que pegarlo detras del siguiente codigo

    <p class='post-footer-line post-footer-line-3'>



    read more

    Instalar el Burg-Manager en Ubuntu.
    {[['', '']]}

    Para aquellos que desconozcan que es el Burg-Manager: le diremos que es una interfaz gráfica para el Grup de nuestro ordenador.

    Consejo: No instales Burg si tienes instalado Ubuntu en Windows con Wubi. Puede ocasionar problemas graves.

    INSTALACION:

    1ºComo añadir los repositorios del burg en nuestro ordenador:
    • Nos vamos a un terminal y escribimos el siguiente comando:
    sudo add-apt-repository ppa:bean123ch/burg

    • Y a continuación actualizamos los repositorios con el siguiente comando:
    sudo apt-get update 

    Nota:puede que estos pasos no sean necesarios ya que al instalar luego el burg puede que ya se ñadan pero como no estoy seguro que sea así, yo os lo dejo de todas formas.

    2º debemos de instalar "buc" 
    • Para ello nos dirigiremos a la pagina web oficial y lo descargaremos:http://buc.billeragroup.net/?page_id=15
    • Una vez hay eligiéremos la ultima vercion completa "...full.deb",y escogeremos la arquitectura de nuestro Ubuntu en función de si es de 32bit, o de 64bit.
    • Y ahora ejecutamos(instalamos) el archivo.dev haciendo doble click sobre el, y a continuación ejecutamos el siguiente comando en el terminal:
    sudo dpkg -i buc-*.deb

    3º Ahora instalamos "burg-manager".
    • Y ahora ejecutamos(instalamos) el archivo.dev haciendo doble click sobre el, y a continuación ejecutamos el siguiente comando en el terminal:
     sudo dpkg -i burg-manager*

    Pantalla 1 -Nos saldrá en la terminal:


    Despazte con los cursores del teclado hacia abajo asta que se ponga en rojo aceptar.


    Pantalla 2 - Nos saldrá una nueva pantalla:



    En la línea en azul nos debe salir escrito "quiet splash" pulsamos la tecla "flecha abajo", se pondrá en rojo "aceptar" y pulsamos la tecla "Enter".

    Pantalla 3 - Nos saldrá una nueva pantalla:


     
    En esta pantalla nos avisa que debemos de instalar grub en en el disco duro "si tenemos mas de un disco duro tendremos que seleccionar el disco duro de arranque" nos despalzamos hacia abajo con las teclas del teclado hasta que se ponga en rojo "aceptar" y pulsamos la tecla "Enter".

    Pantalla 4 - Nos saldrá una nueva pantalla donde seleccionaremos el disco duro de aranque:


     

    En mi caso sólo tengo un disco duro (/dev/sda) por lo que sólo tengo que marcar éste (con la barra espaciadora)  y se pondrá un asterisco entre los paréntesis (*).
    Si tenemos más de uno pulsamos la tecla "flecha abajo" para desplazarnos por las líneas. Cuando tengamos marcado el adecuado o todos si no estamos seguros, pulsamos la tecla "Enter".

    4º Añadir repositorios de Burg-Manager:

    • Si queremos tener la versión actualizada o simplemente no nos funcionan los enlaces de las descargas, siempre podemos añadir los repositorios, ejecutando en una terminal los siguientes comandos:

    echo "deb http://www.sourceslist.eu/repo/ubuntu lucid main non-free" | sudo tee -a /etc/apt/sources.list

    wget http://www.sourceslist.eu/?download=public.key -O- | sudo apt-key add -

    sudo apt-get update && sudo apt-get install burg-manager buc
      5º para desinstalar el Burg Manager:
      • Introducimos los siguientes comando en el terminal de ubuntu (introduciéndolos uno a uno) y listo:
      sudo apt-get purge burg-manager
      sudo rm -rf ~/.burg-manager
      sudo rm -rf /root/.burg-manager

      • E instala de nuevo con:
      sudo dpkg -i burg-manager*

      Fuente del post:http://ubuntu-guia.blogspot.com/2010/07/burg-manager-interfaz-grafica.html
      read more

      Cabiar el colordel widget de Seguidores en Blogger
      {[['', '']]}

      A mas de uno os abra pasado que al descargar un template para blogger al ir a instalar Gadget de seguidores o el gadget de estadísticas os habréis dado cuenta de que el color del texto de estos gadget se muestra de color negro y que cuando habéis intentado cambiar el color del gadget a sido imposible debido a que como son templates programados por personas independientes a blogger lo que ocurre es que estas plantillas no aparecen escrito las variables de definiciones que es de donde cogen los gadget automáticamente las colores para las fuentes , lo que hay que hacer para solucionar este problema es irnos en blogger /escritorio/diseño/editor de html,una vez hay copiais el siguiente codigo:

      /*----------------------------------------------------
                {--------}  Variable definitions  {--------}
      ----------------------------------------------------*/
      
      /* Variable definitions
         ====================
         <Variable name="keycolor" description="Main Color" type="color" default="#ffffff" value="#ccd9ea"/>
      
         <Group description="Page" selector="body">
           <Variable name="body.font" description="Font" type="font"
               default="normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
           <Variable name="body.background.color" description="Background Color" type="color" default="#000000" value="#becdd9"/>
           <Variable name="body.text.color" description="Text Color" type="color" default="#ffffff" value="#606060"/>
         </Group>
      
         <Group description="Links" selector=".main-inner">
           <Variable name="link.color" description="Link Color" type="color" default="#888888" value="#4183d9"/>
           <Variable name="link.visited.color" description="Visited Color" type="color" default="#444444" value="#2160b0"/>
           <Variable name="link.hover.color" description="Hover Color" type="color" default="#cccccc" value="#4183d9"/>
         </Group>
      
         <Group description="Gadget Title" selector="h2">
           <Variable name="widget.title.font" description="Font" type="font"
              default="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="italic bold 14px Fontdiner Swanky"/>
           <Variable name="widget.title.text.color" description="Text Color" type="color" default="$(body.text.color)" value="#ffffff"/>
         </Group>
      
         <Group description="Gadget Text" selector=".sidebar .widget">
           <Variable name="widget.font" description="Font" type="font"
              default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="italic normal 16px Corsiva"/>
           <Variable name="widget.text.color" description="Text Color" type="color" default="$(body.text.color)" value="#ffffff"/>
           <Variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#666666" value="#ffffff"/>
         </Group>
      
         <Group description="Gadget Links" selector=".sidebar .widget">
           <Variable name="widget.link.color" description="Link Color" type="color" default="$(link.color)" value="#becfde"/>
           <Variable name="widget.link.visited.color" description="Visited Color" type="color" default="$(link.visited.color)" value="#b2a3dd"/>
           <Variable name="widget.link.hover.color" description="Hover Color" type="color" default="$(link.hover.color)" value="#becfde"/>
         </Group>
      
         <Group description="Gadget Background" selector=".sidebar .widget">
           <Variable name="widget.background.color" description="Background Color" type="color" default="#141414" value="transparent"/>
           <Variable name="widget.border.color" description="Border Color" type="color" default="#222222" value="transparent"/>
           <Variable name="widget.border.bevel.color" description="Bevel Color" type="color" default="#000000" value="transparent"/>
         </Group>
      
      */


      Una vez ayas copiado el código anterior, lo pegas justo  al principio del templates justo detrás de la zona donde pone: autor,nombre...etc. todo esto tiene que ir detrás de la esta zona como aparece en la foto de debajo.


      read more

      Como poner botón ir hacia arriba con efecto deslizante jQuery
      {[['', '']]}

      1. Lo primero que hay que hacer es ir a blogger entrar en el escritorio y seleccionar Diseño/Editor de HTML.
      2. Después de todo esto seleccionamos la pestaña: "expandir plantilla de artilugios" y buscamos </head>.
      3. Una una vez encontrado </head>, copiamos y pegamos justo antes de </head> el siguiente codigo:

      <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
      
      <script type='text/javascript'>
      
      //<![CDATA[
      
      /*
      Author: mg12
      Update: 2008/05/05
      Author URI: http://www.neoease.com/
      */
      (function() {
      
      function $(id) {
      return document.getElementById(id);
      }
      
      function setStyleDisplay(id, status) {
      $(id).style.display = status;
      }
      
      function goTop(a, t) {
      a = a || 0.1;
      t = t || 16;
      
      var x1 = 0;
      var y1 = 0;
      var x2 = 0;
      var y2 = 0;
      var x3 = 0;
      var y3 = 0;
      
      if (document.documentElement) {
       x1 = document.documentElement.scrollLeft || 0;
       y1 = document.documentElement.scrollTop || 0;
      }
      if (document.body) {
       x2 = document.body.scrollLeft || 0;
       y2 = document.body.scrollTop || 0;
      }
      var x3 = window.scrollX || 0;
      var y3 = window.scrollY || 0;
      
      var x = Math.max(x1, Math.max(x2, x3));
      var y = Math.max(y1, Math.max(y2, y3));
      
      var speed = 1 + a;
      window.scrollTo(Math.floor(x / speed), Math.floor(y / speed));
      if(x > 0 || y > 0) {
       var f = "MGJS.goTop(" + a + ", " + t + ")";
       window.setTimeout(f, t);
      }
      }
      
      function switchTab(showPanels, hidePanels, activeTab, activeClass, fadeTab, fadeClass) {
      $(activeTab).className = activeClass;
      $(fadeTab).className = fadeClass;
      
      var panel, panelList;
      panelList = showPanels.split(',');
      for (var i = 0; i < panelList.length; i++) {
       var panel = panelList[i];
       if ($(panel)) {
        setStyleDisplay(panel, 'block');
       }
      }
      panelList = hidePanels.split(',');
      for (var i = 0; i < panelList.length; i++) {
       panel = panelList[i];
       if ($(panel)) {
        setStyleDisplay(panel, 'none');
       }
      }
      }
      
      function loadCommentShortcut() {
      $('comment').onkeydown = function (moz_ev) {
       var ev = null;
       if (window.event){
        ev = window.event;
       } else {
        ev = moz_ev;
       }
       if (ev != null && ev.ctrlKey && ev.keyCode == 13) {
        $('submit').click();
       }
      }
      $('submit').value += ' (Ctrl+Enter)';
      }
      
      function getElementsByClassName(className, tag, parent) {
      parent = parent || document;
      
      var allTags = (tag == '*' && parent.all) ? parent.all : parent.getElementsByTagName(tag);
      var matchingElements = new Array();
      
      className = className.replace(/\-/g, '\\-');
      var regex = new RegExp('(^|\\s)' + className + '(\\s|$)');
      
      var element;
      for (var i = 0; i < allTags.length; i++) {
       element = allTags[i];
       if (regex.test(element.className)) {
        matchingElements.push(element);
       }
      }
      
      return matchingElements;
      }
      
      window['MGJS'] = {};
      window['MGJS']['$'] = $;
      window['MGJS']['setStyleDisplay'] = setStyleDisplay;
      window['MGJS']['goTop'] = goTop;
      window['MGJS']['switchTab'] = switchTab;
      window['MGJS']['loadCommentShortcut'] = loadCommentShortcut;
      window['MGJS']['getElementsByClassName'] = getElementsByClassName;
      
      })();
      
      
      //]]>
      
      </script>

      • Luego buscamos:"]]></b:skin>"y justo antes pegamos el siguiente codigo:

      a#to_top {
      width:24px;
      height:30px;
      background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU3zNHoNLSazt7ky3W1q2cYtwderE2seCTuPAvv5pWRxgkYYcXeuJCkovMz4bTsM4IEMlCriezpd57R8h8a8O-xPOqMHhMSDHyO9BQG0kfktGwgAIGcq-XSoEuVo6WWt8XHRvMRr9rMO8/s1600/ico_subir.png) repeat-x scroll 0px 0px;
      bottom: 5px;
      position: fixed;
      right:0px;
      z-index:0;
      -moz-border-radius-bottomleft:12px;
      -webkit-border-radius-bottomleft:12px;
      -moz-border-radius-topleft:12px;
      -webkit-border-radius-topleft:12px;
      border-top: 3px solid #282828;
      border-left:3px solid #282828;
      border-bottom: 3px solid #282828;
      }

      • Luego se van al final del codigo de la plantilla y justo antes de </body> pegais el siguiente codigo:
      <a id="to_top" class="to_top" href="#to_top" onclick='MGJS.goTop();return false;' style="display: block; "></a>

      Y una vez echo todo esto os debería quedar algo como lo que aparece en la imagen del la derecha,y al pulsar sobre el icono os llevara al principio de la pagina.




      read more

      Transformers Prime
      {[['', '']]}



      Descripción: Optimus Prime, Bumblebee, Arcee, Ratchet, Bulkhead...y más Autobots, junto a los malvados Decepticons al mando de Megatron el cual obtienen un raro elemento que le permite gobernar sobre la vida misma(Dark Energon). Los autobots necesitaran ayuda humana más que nunca ahí es donde los adolescentes - Jack, Miko y Raf - entran en acción para defender la Tierra junto a los Autobots. 

      Temporadas:

       

      read more

      D Directa Torrent TV Online Mini juegos