Free Blogger Templates for your Blog

MusicStyle

live demo
Features:
Instructions: Template Settings / How to install a Blogger template
Template author:PBTemplates
Designer:
Description:

MusicStyle is a free blogger template adapted from WordPress with 2 columns, right sidebar, ads ready, footer columns, slider, posts thumbnails and drop down menu.

Download MusicStyle for free in BTemplates.
Rating

Rating: 1 Star2 Stars3 Stars4 Stars5 Stars

Loading...
4.2 out of 5 based on 29 bloggers and 16 commenters.
Compatible with:FFIEChrome

Comments

16 Comments, leave a reply »
  1. ene 25 April 2011
    Reply

    como puedo remover de las plantillas el por defecto de read more??
    saludos y gracias por la ayuda que dan y por tofo el material que tienen a disposicion de los usuarios.
    gracias.

  2. Claudia 26 April 2011
    Reply

    @ene: Ve a Diseño/Edición de HTML, haz click en “Expandir plantillas de artilugios”, y reemplaza el siguiente código:

      <div class='post-body entry-content'>
    
    
    <p><script type='text/javascript'>
    summary_noimg = 800;
    summary_img = 650;
    img_thumb_height = 150;
    img_thumb_width = 200; 
    </script>
    <script type='text/javascript'>
    //<![CDATA[
    
    function removeHtmlTag(strx,chop){ 
    	if(strx.indexOf("<")!=-1)
    	{
    		var s = strx.split("<"); 
    		for(var i=0;i<s.length;i++){ 
    			if(s[i].indexOf(">")!=-1){ 
    				s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); 
    			} 
    		} 
    		strx =  s.join(""); 
    	}
    	chop = (chop < strx.length-1) ? chop : strx.length-2; 
    	while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; 
    	strx = strx.substring(0,chop-1); 
    	return strx+'...'; 
    }
    
    function createSummaryAndThumb(pID){
    	var div = document.getElementById(pID);
    	var imgtag = "";
    	var img = div.getElementsByTagName("img");
    	var summ = summary_noimg;
    	if(img.length>=1) {	
    		imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
    		summ = summary_img;
    	}
    	
    	var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
    	div.innerHTML = summary;
    }
    
    //]]>
    </script>
    <b:if cond='data:blog.pageType != "static_page"'>
    <b:if cond='data:blog.pageType != "item"'>
    <div expr:id='"summary" + data:post.id'><data:post.body/></div>
    <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
    <span class='rmlink' style='float:left'><a expr:href='data:post.url'><b>Read more »</b></a></span>
    </b:if>
    </b:if>
    <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
    
    <b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if></p>
    
          <div style='clear: both;'/> <!-- clear for photos floats -->
        </div>

    por:

       <div class='post-body entry-content'>
    
    
    <p><data:post.body/></p>
    
          <div style='clear: both;'/> <!-- clear for photos floats -->
        </div>

    Luego, guarda los cambios.

  3. Eva 3 May 2011
    Reply

    Como puedo cambiar el menu principal de blog? Gracias

  4. Claudia 4 May 2011
    Reply

    @Eva: Si te refieres al menú inferior, debes ir a Diseño/Edición de HTML y encontrar el siguiente código para modificarlo:

    
    <ul id='nav'>

    <li class='current-cat'><a expr:href='data:blog.homepageUrl'>Home</a></li>

    <li><a href='#'>Business</a>
    <ul class='children'>
    <li><a href='#'>Internet</a></li>
    <li><a href='#'>Market</a></li>
    <li><a href='#'>Stock</a></li>
    </ul>
    </li>

    <li><a href='#'>Downloads</a>
    <ul class='children'>
    <li><a href='#'>Dvd</a></li>
    <li><a href='#'>Games</a></li>
    <li><a href='#'>Software</a>
    <ul class='children'>
    <li><a href='#'>Office</a>
    </li>
    </ul>
    </li>
    </ul>
    </li>

    <li><a href='#'>Parent Category</a>
    <ul class='children'>
    <li><a href='#'>Child Category 1</a>
    <ul class='children'>
    <li><a href='#'>Sub Child Category 1</a></li>
    <li><a href='#'>Sub Child Category 2</a></li>
    <li><a href='#'>Sub Child Category 3</a></li>
    </ul>
    </li>
    <li><a href='#'>Child Category 2</a></li>
    <li><a href='#'>Child Category 3</a></li>
    <li><a href='#'>Child Category 4</a></li>
    </ul>
    </li>

    <li><a href='#'>Featured</a></li>

    <li><a href='#'>Health</a>
    <ul class='children'>
    <li><a href='#'>Childcare</a></li>
    <li><a href='#'>Doctors</a></li>
    </ul>
    </li>

    <li><a href='#'>music</a></li>
    <li><a href='#'>politics</a></li>
    <li><a href='#'>Uncategorized</a></li>

    </ul>

    Allí deberás cambiar cada # por la URL de tu categoría o página.

  5. Vianey 27 May 2011
    Reply

    Me gustaría saber si existe la posibilidad de eliminar el menú superior en el template (el que dice “Home / About / Contact”) para poder colocar un banner más grande: que no sea 92 pixeles de altura, sino quizá el doble, al igual que pueda ser más ancho que 385 pixeles.

    Otra cosa, el menú desplegable no me está funcionando en las pruebas que he hecho. Me pregunto a qué se debe.

    Un saludo, y mi más sincero agradecimiento.

  6. Claudia 31 May 2011
    Reply

    @Vianey: Si lo que deseas es eliminar la barra roja completa, ve a Diseño/Edición de HTML/Expandir plantillas de artilugios y elimina el siguiente código:

    <div class='span-24'>
    
    <div class='span-14'>
    <div id='pagemenucontainer'>
    <b:section class='pagelistmenusblog' id='pagelistmenusblog' showaddelement='no'>
    <b:widget id='PageList1' locked='true' title='Pages' type='PageList'>
    <b:includable id='main'>
      <div class='widget-content'>
        <ul id='pagemenu'>
          <b:loop values='data:links' var='link'>
            <b:if cond='data:link.isCurrentPage'>
              <li class='current_page_item'><a expr:href='data:link.href'><data:link.title/></a></li>
            <b:else/>
              <li><a expr:href='data:link.href'><data:link.title/></a></li>
            </b:if>
          </b:loop>
        </ul>
        <b:include name='quickedit'/>
      </div>
    </b:includable>
    </b:widget>
    </b:section>
    </div>
    </div>
    
    <div class='span-3 feedtwitter'>
    <a expr:href='data:blog.homepageUrl + "feeds/posts/default"'><img src='https://4.bp.blogspot.com/_-ibrE31TAQc/Tap4WTu3GcI/AAAAAAAAAes/a86LaeIScLM/s000/rss.png' style='margin:0 4px 0 0;'/></a>		
    <a href='http://twitter.com/USERNAME' title='Follow me on Twitter!'><img src='https://2.bp.blogspot.com/_-ibrE31TAQc/Tap4Wu6Xn0I/AAAAAAAAAew/nE5-3WVFtvw/s000/twitter.png' style='margin:0 4px 0 0;' title='Follow me on Twitter!'/></a>	
    </div>
    
    <div class='span-7 last' id='topsearch'>
    <div id='search'>
    <form action='/search' id='searchform' method='get'> 
    <input id='s' name='q' onblur='if (this.value == "") {this.value = "Search";}' onfocus='if (this.value == "Search") {this.value = "";}' type='text' value='Search'/>
    <input src='https://1.bp.blogspot.com/_-ibrE31TAQc/Tap4Wgpng3I/AAAAAAAAAe0/5RkWd7_y7_o/s000/search.png' style='border:0; vertical-align: top;' type='image'/> 
    </form>
    </div>
    </div>
    
    </div>

    Otros cambios en el header deberás hacerlos en el siguiente CSS de la plantilla (también en Diseño/Edición de HTML):

    #header-wrapper{width:950px;margin:0px auto 0px;height:144px;overflow:hidden;}
    #header-inner{background-position:center;margin-left:auto;margin-right:auto}
    #header{margin:0;border:0 solid $bordercolor;color:$pagetitlecolor;float:left;width:47%;overflow:hidden;}
    

    ¿En qué navegador estás viendo la plantilla? Me temo que puede ser problema del navegador, y no de la plantilla en sí.

  7. Tina 4 June 2011
    Reply

    What is the code for the music notes ??? Thanks!

  8. David 5 June 2011
    Reply

    Megustaria Saber Como cambio Los Corazones Donde estan Las redes Sociales…Porfa Agradeceria mucho la yuda…

  9. Nat 12 June 2011
    Reply

    before i removed the READ MORE codes, it was displayed at the bottom of the post like:

    tags: example1, example2

    but when i remove the READ MORE html, the tags disappeared also… ><

    how do i add the tags back?

    help! thank you 🙂

  10. Claire 19 June 2011
    Reply

    Hello! I started using this great template but I have a little problem
    my post are showing up twice
    as you can see for exemple at one of my post here:
    shimbirizer.blogspot.com/2011/06/bekah-quitte-after-school.html

    I searched what could cause this in the html code and in google but I still don’t know so I’m asking you

  11. Claire 22 June 2011
    Reply

    @Claire:
    nevermind, fixed it myself
    😉

  12. Arie 23 June 2011
    Reply

    I love this. The music notes are bothering the hell out of me though…

  13. ricardo 4 December 2011
    Reply

    Me gustaría saber cómo cambiar Faso rojo para el azul.

  14. mahmudul hasan 28 March 2012
    Reply

    i’d like to use the templates, bt the templates show danger sign in my blog, what’s the problem?

  15. ramses nnovi 14 January 2014
    Reply

    POR QUE ME PONE ESTO AL QUERER APLICAR UNA PLANTILLA
    No hemos podido guardar la plantilla.
    Tu plantilla no se ha podido analizar debido a que su formato no es correcto. Asegúrate de que todos los elementos XML estén cerrados correctamente. Mensaje de error de XML:
    (SyntaxError) : Unexpected token <

  16. Hendrick 17 June 2015
    Reply

    i got a problema with the header image u_u i really like this template but i cant fit well the header image plus there are 2 :/

    if you could help me with the edition of the html for a full header image … just tell me how to do so

    Thanks for reading n_n

Leave a Reply

Thank you for your comment! If it contains links, your comment will be moderated. If you're looking for technical support, please see the FAQ's, our blog or contact the original author.

There are 4667 free Blogger Templates for You!