Soundstage Blogger Template For Bands/Musicians

The Soundstage theme for bands will wow everyone who visits in seconds with it’s impressive slider and slick home page layout. We have tried our best to give this theme a dashing look, Soundstage theme is complete package for awesomeness.

Key Features

MP3 streaming: This theme include SoundCloud Live mp3 streaming, which will help you to show off your music to your visitors.
FlexSlider: With an awesome full width flexslider you can show your band images on homepage, You can add as many images you want.
Band Member Widget: List all of your band members with their picture, their role, and also their social media links using a built-in widget.
3 column footer: We have added beautiful 3 column footer to this theme, it will help you to add more widget to your blog footer with an awesome layout.

Customize Navigation Menu

Go To Blogger.com >> Template >> Edit HTML >> Proceed. Now search for the following coding in the template. After finding it Replace # with your URLs and Save the template.

<ul class="header-right" id="nav">

<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-36" id="menu-item-36"><a href="/">Home</a></li>

<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-354" id="menu-item-354"><a href="#">Store</a>

<ul class="sub-menu">

<li class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-405" id="menu-item-405"><a href="#">Tees</a></li>

<li class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-404" id="menu-item-404"><a href="#">Hoodie</a></li>

</ul>

</li>

<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-59" id="menu-item-59"><a href="#">Music</a></li>

<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-46" id="menu-item-46"><a href="#">Videos</a></li>

<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-55" id="menu-item-55"><a href="#">Media</a></li>

<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-97" id="menu-item-97"><a href="#">Tour</a></li>

<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-419" id="menu-item-419"><a href="#">Templates</a>

<ul class="sub-menu">

<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-421" id="menu-item-421"><a href="#">Blog</a></li>

<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-423" id="menu-item-423"><a href="#">Videos</a></li>

<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-422" id="menu-item-422"><a href="#">Tour</a></li>

<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-424" id="menu-item-424"><a href="#">Gallery</a></li>

<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-420" id="menu-item-420"><a href="#">Full-Width</a></li>

</ul>

</li>

</ul>

Customize Image Slider

Most Important thing about this theme is its flex slider, To customize the slider of this theme follow below steps-

Go to Blogger Dashboard
Click On Template Tab
Now Click On Edit HTML >> Proceed.
Now Find Below Code there:

<ul class='slides'>
<li>
<img src='http://demo.mintthemes.com/soundstage/files/2012/08/Slide-1.jpg'/>
</li>
<li>
<img src='http://demo.mintthemes.com/soundstage/files/2012/08/slide-21.jpg'/>
</li>
<li>
<img src='http://demo.mintthemes.com/soundstage/files/2012/08/img012.jpeg'/>
</li>
</ul>

Now Replace Red Color Highlited Code With Your Image URL.

Adding Sound Cloud Music Player

If you want to add a sound cloud music player widget to your blog then follow below steps:

go to soundcloud.com
Signup/Login
Upload your music and click on embed link and get code
Paste that code

<br/>
<div class="huhtitle">SoundCloud</div>
Paste Here Your Sound Cloud Embed Code

Now After Following above steps, copy the code and paste it in layout section of your blog, bu adding new gadget.

Adding Band Members Widget

If you want to add Band Members Widget to this blog then follow belows steps:

Go To Blogger dashboard
click on layout tab
add new gadget ( Html/Javascript )
paste below code there

<br/>

<div class="huhtitle">Band Members</div>
<div class="centerkarobhai">
<ul class="team-list">
<li>
<div class="visual">
<img src="https://lh5.googleusercontent.com/-xw88clyHUYM/UamJI1pJhVI/AAAAAAAAKgo/25RPGXCrdYc/w565-h563-no/935203_472855996128012_1710114731_n.jpg" width="118" height="113" alt="" />
</div>
<div class="text">
<span class="name">Aumkar Thakur</span>
<p>Lead Vocals</p>
<ul>
<li><a href="http://facebook.com/seobloggertemplates"> </a></li> <li><a class="alt01" href="http://twitter.com/seobloggertemplates"> </a></li> <li><a class="alt02" href="http://youtube.com/seobloggertemplates"> </a></li> </ul>
</div>
</li>
<li>
<div class="visual">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje7ptTF-dy02P9EurhOlcafXDmC4XdgcCXmFgrCQN5Jbm75yb9iMRa5jrPYQlgAM1pq9pXhOakVKLKlNQ7ltrpB_ciVhCO6LGe9z6jDuVsLCWtwKL-7_gwGYC-RZPXTTgPqguTq_0mFJ4/s280-no/mp-maker-profile-pic.jpg" width="118" height="113" alt="" />
</div>
<div class="text">
<span class="name">Deepak Kamat</span>
<p>Lead Guitar</p>
<ul>
<li><a href="http://facebook.com/seobloggertemplates"> </a></li> <li><a class="alt01" href="http://twitter.com/seobloggertemplates"> </a></li> <li><a class="alt02" href="http://youtube.com/seobloggertemplates"> </a></li> </ul>
</div>
</li>
<li>
<div class="visual">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlEDccojVO0FBdyDEy02NO8twUUk4Ep8oe9GZhJehyU3Z2GbXJvRxgPgXyWZ00c7WOqhmZfc9DqTA4rfaVZXf6aI0JjwnDuM-HND1dSJqPZSalpLTh93d9Dn-tG4gABm6TpdbOhaUeiBI/w751-h563-no/DSCF7117.JPG" width="118" height="113" alt="" />
</div>
<div class="text">
<span class="name">
Navneet Viswanadha</span>
<p>Rhythm Guitar</p>
<ul>
<li><a href="http://facebook.com/seobloggertemplates"> </a></li> <li><a class="alt01" href="http://twitter.com/seobloggertemplates"> </a></li> <li><a class="alt02" href="http://youtube.com/seobloggertemplates"> </a></li> </ul>
</div>
</li></ul></div>

Soundstage Blogger Template For Bands/Musicians

Key Features

Customize Navigation Menu

Customize Image Slider

Adding Sound Cloud Music Player

Adding Band Members Widget

0 Komentar untuk "Soundstage Blogger Template For Bands/Musicians"

Siguenos

Entradas populares