Your shortlist

A little collection of possibilities. Saved in this browser.

Tap the heart on a theme to save it here.

Find your next look.

Type at least 2 characters to search.

The Blogger collection

Valor.

A fresh design for your stories. Preview it, download it, make it yours.

Valor / Blogger
Valor Blogger template preview
A closer look at your next chapter.Enlarge preview (opens image preview)

Get to know the design

The details. The possibilities.

Explore the theme information and any setup notes below.

How To Configure Top Featured Content Slider

Find this in “Edit HTML”:

<div class='flexslider'>
<ul class='slides'>
  		 	
<li> 
<a href='ENTER-SLIDE-1-URL-HERE'><img class='f-image' height='500' src='http://2.bp.blogspot.com/-u7k_jg82KgY/UGxSYLxpEmI/AAAAAAAAHHo/8x5QTXcHcFc/s1600/slide1-1000x500.jpg' width='1000'/></a>
<div class='flex-caption'> 
	<h3> Introducing: Agent 47 &#8211; Hitman</h3> 
	<p><p>Nulla condimentum pulvinar turpis, ac dapibus purus consequat a. Maecenas condimentum lorem id tellus scelerisque sagittis. Aenean odio massa, tristique quis posuere non, porta a [...]</p></p>
</div>
</li>

<li> 
<a href='ENTER-SLIDE-2-URL-HERE'><img class='f-image' height='500' src='http://2.bp.blogspot.com/-NVyFGAppS_4/UGxSafuRkKI/AAAAAAAAHHw/cA8iPml5u-0/s1600/slide2-1000x500.jpg' width='1000'/></a>
<div class='flex-caption'> 
	<h3> Starcraft II: Heart of the Swarm hands-on at MLG event</h3> 
	<p><p>In suscipit vestibulum sem, nec consectetur enim consequat nec. Donec elit turpis; dignissim pharetra porttitor in, fringilla sed tortor. Vivamus scelerisque blandit velit sit amet [...]</p></p>
</div>
</li>

<li> 
<a href='ENTER-SLIDE-3-URL-HERE'><img class='f-image' height='500' src='http://1.bp.blogspot.com/-7ZbnOTxynsA/UGxScqKUflI/AAAAAAAAHH4/6WmCeCru6yk/s1600/slide3-1000x500.jpg' width='1000'/></a>
<div class='flex-caption'> 
	<h3> Crysis dev backtracks on blocking used games comment</h3> 
	<p><p>Suspendisse tellus nunc, iaculis vulputate placerat sit amet, lacinia sed mi. Nulla quam nisl, eleifend nec iaculis eu, sollicitudin sed lectus. Vivamus sodales tempor massa [...]</p></p>
</div>
</li>

<li>
<a href='ENTER-SLIDE-4-URL-HERE'><img class='f-image' height='500' src='http://1.bp.blogspot.com/-83VkLQhlsa4/UGxSe3Cq6tI/AAAAAAAAHIA/KYvC6_aoQDc/s1600/slide4-1000x500.jpg' width='1000'/></a>
<div class='flex-caption'> 
	<h3> Diablo III auction house fees, Global Play revealed</h3> 
	<p><p>Aenean tristique varius egestas. Nulla urna enim, facilisis nec pretium in, euismod at dui! Donec ac neque eu eros facilisis malesuada. Class aptent taciti sociosqu [...]</p></p>
</div>
</li>
	
</ul>
</div>

There are 4 slides were added into slider. You can add more or remove existing slides if you want.

For each slide,

Replace “ENTER-SLIDE-X-URL-HERE” with real slide link.
Replace slide image urls.
Replace h3 titles and other content with your own.

How To Configure Second Slider

Find this in “Edit HTML”:

<ul id='carousel'>
		
<li class='panel'>
	<a href='ENTER-PANEL-1-URL-HERE'><img class='v-image' height='200' src='http://4.bp.blogspot.com/-CphDxAnmPr4/UGxSPkC2GqI/AAAAAAAAHGo/emKy9lBAbsc/s1600/panel1-150x200.jpg' width='150'/></a>
	<h3><a href='ENTER-PANEL-1-URL-HERE'>Arkham city</a></h3>
</li>

<li class='panel'>
	<a href='ENTER-PANEL-2-URL-HERE'><img class='v-image' height='200' src='http://3.bp.blogspot.com/-Yxrt7P7Yuh4/UGxSQkk6pCI/AAAAAAAAHGw/MQPZw0wZyzo/s1600/panel2-150x200.jpg' width='150'/></a>
	<h3><a href='ENTER-PANEL-2-URL-HERE'>Bioshock</a></h3>
</li>

<li class='panel'>
	<a href='ENTER-PANEL-3-URL-HERE'><img class='v-image' height='200' src='http://1.bp.blogspot.com/-C0eDjWDWgtk/UGxSRTlai3I/AAAAAAAAHG4/SlgIm2_oV98/s1600/panel3-150x200.jpg' width='150'/></a>
	<h3><a href='ENTER-PANEL-3-URL-HERE'>Crysis</a></h3>
</li>

<li class='panel'>
	<a href='ENTER-PANEL-4-URL-HERE'><img class='v-image' height='200' src='http://2.bp.blogspot.com/-RPpO-rF6kHY/UGxSSWT_TOI/AAAAAAAAHHA/cXyfrlGYeOs/s1600/panel4-150x200.jpg' width='150'/></a>
	<h3><a href='ENTER-PANEL-4-URL-HERE'>Resistance</a></h3>
</li>

<li class='panel'>
    <a href='ENTER-PANEL-5-URL-HERE'><img class='v-image' height='200' src='http://4.bp.blogspot.com/-lTMwPwNf-g0/UGxSTK_PIpI/AAAAAAAAHHI/qGfaG2131AE/s1600/panel5-150x200.jpg' width='150'/></a>
	<h3><a href='ENTER-PANEL-5-URL-HERE'>Fallout 3</a></h3>
</li>

<li class='panel'>
	<a href='ENTER-PANEL-6-URL-HERE'><img class='v-image' height='200' src='http://4.bp.blogspot.com/-hlLyebA5380/UGxSULJCG_I/AAAAAAAAHHQ/Pcjx44DEc4g/s1600/panel6-150x200.jpg' width='150'/></a>
	<h3><a href='ENTER-PANEL-6-URL-HERE'>Killzone 2</a></h3>
</li>

<li class='panel'>
	<a href='ENTER-PANEL-7-URL-HERE'><img class='v-image' height='200' src='http://4.bp.blogspot.com/-1bWFIReOchc/UGxSVVqsEyI/AAAAAAAAHHY/N2LO4MBrfYk/s1600/panel7-150x200.jpg' width='150'/></a>
	<h3><a href='ENTER-PANEL-7-URL-HERE'>Oblivion</a></h3>
</li>

<li class='panel'>
	<a href='ENTER-PANEL-8-URL-HERE'><img class='v-image' height='200' src='http://4.bp.blogspot.com/-NUJJjFJI2Lc/UGxSWCda6eI/AAAAAAAAHHg/shXy6UnWdAM/s1600/panel8-150x200.jpg' width='150'/></a>
	<h3><a href='ENTER-PANEL-8-URL-HERE'>Alone in Dark</a></h3>
</li>

</ul>

For each slide,

Replace “ENTER-PANEL-1-URL-HERE” with real slide link.
Replace slide image urls.
Replace h3 titles with your own slide title.

How To Add Links Top Navigation Menu

Go to “Layout”. Click on “Edit” link of “Edit This Menu” widget.

A little help getting started?

Follow our installation guide or get in touch with your theme name and blog URL.

Installation guide →Ask a question →

Keep exploring

More to fall in love with.

Browse the collection

The conversation

3 thoughts on “Valor Blogger Template”

Leave a Reply

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

 

This site uses Akismet to reduce spam. Learn how your comment data is processed.