Free Blogger Templates

BTemplates, the best place for Blogger templates since 2008.

MusicStyle Blogger Template

MusicStyle

Free Download Live Demo

11,580 Downloads.


Mobile screenshot

Instructions

  1. How to install a Blogger template.

About MusicStyle

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.


More Adapted from WordPress Blogger templates:


Credits

Author: PBTemplates.
Designer: .


16 Questions and comments on MusicStyle

ene 25 April 2011 at 22:05

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.

↩ Reply
Claudia 26 April 2011 at 0:36

@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.

↩ Reply
Eva 3 May 2011 at 11:12

Como puedo cambiar el menu principal de blog? Gracias

↩ Reply
Claudia 4 May 2011 at 23:01

@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.

↩ Reply
Vianey 27 May 2011 at 21:47

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.

↩ Reply
Claudia 31 May 2011 at 22:57

@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í.

↩ Reply
Tina 4 June 2011 at 19:00

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

↩ Reply
David 5 June 2011 at 20:47

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

↩ Reply
Nat 12 June 2011 at 18:18

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

↩ Reply
Claire 19 June 2011 at 21:33

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

↩ Reply
Claire 22 June 2011 at 6:19

@Claire:
nevermind, fixed it myself
;)

↩ Reply
Arie 23 June 2011 at 13:52

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

↩ Reply
ricardo 4 December 2011 at 17:57

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

↩ Reply
mahmudul hasan 28 March 2012 at 22:19

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

↩ Reply
ramses nnovi 14 January 2014 at 22:42

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 <

↩ Reply
Hendrick 17 June 2015 at 22:54

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

↩ Reply

Leave a Reply

Your email address will not be published. Required fields are marked *