<a href='#'>Moving on to the slider, to edit you have to access Edit Html and find the following code, the images must be 600x300px, and thumbnail version of the image displays on the side of the main slider. In the code below you have to add the details twice for each slide.
<img alt='Twitter' src='http://4.bp.blogspot.com/-ekXOhf-aaZo/T8GkrhrSAOI/AAAAAAAADyk/c2oUALuXBlk/s1600/twitter.png' title='Twitter'/></a>
<a href='#'>
<img alt='Feed' src='http://4.bp.blogspot.com/-ejL9RZaYKCQ/T8Gkr_7xVMI/AAAAAAAADyw/RDWLnI_maU8/s1600/feed.png' title='RSS'/></a>
<a href='#'>
<img alt='Facebook' src='http://4.bp.blogspot.com/-qyhhk3AMD4k/T8GksXxfrJI/AAAAAAAADzI/yrDf9qAnIj8/s1600/facebook.png' title='Facebook'/></a>
<a href='#'>
<img alt='Mail' src='http://4.bp.blogspot.com/-k85-E_-IhSE/T8GksCVM_gI/AAAAAAAADy8/_7uAd_05gFI/s1600/email.png' title='Mail'/></a>
</div>
<div id='featured'>Add your post url, alt text, image url, post title and description, don't forget to add these details twice for each slide. You can also replace the logo, the psd file is given in the download folder.
<ul class='ui-tabs-nav'>
<li class='ui-tabs-nav-item ui-tabs-selected' id='nav-fragment-1'><a href='#fragment-4'><img alt='testing' height='60' src='http://4.bp.blogspot.com/-5IXpoH4g3MY/T8GZ9ZhnVtI/AAAAAAAADxA/3B0mjqppsak/s1600/1.jpg' width='80'/><span>Featured Post 1 with Small Thumbnail</span></a></li>
<li class='ui-tabs-nav-item' id='nav-fragment-2'><a href='#fragment-3'><img alt='testing' height='60' src='http://3.bp.blogspot.com/-f4J8qY-utsY/T8GZ9nuxpWI/AAAAAAAADxM/R85emRlCuxc/s1600/2.jpg' width='80'/><span>Featured Post 2 with Small Thumbnail</span></a></li>
<li class='ui-tabs-nav-item' id='nav-fragment-3'><a href='#fragment-2'><img alt='testing' height='60' src='http://1.bp.blogspot.com/-u95qkblumu8/T8GZ-WKMSMI/AAAAAAAADxY/BsEy99jBuQQ/s1600/3.jpg' width='80'/><span>Featured Post 3 with Small Thumbnail</span></a></li>
<li class='ui-tabs-nav-item' id='nav-fragment-4'><a href='#fragment-1'><img alt='testing' height='60' src='http://4.bp.blogspot.com/-r1aybHar9rc/T8GZ-ly2KRI/AAAAAAAADxk/BsIKKdpltD0/s1600/4.jpg' width='80'/><span>Featured Post 4 with Small Thumbnail</span></a></li>
</ul>
<!-- First Content -->
<div class='ui-tabs-panel ui-tabs-hide' id='fragment-4' style=''>
<img alt='testing' height='290' src='http://4.bp.blogspot.com/-5IXpoH4g3MY/T8GZ9ZhnVtI/AAAAAAAADxA/3B0mjqppsak/s1600/1.jpg' width='600'/>
<div class='info'>
<h3><a href='#'>Title Featured Post 1</a></h3>
<p>Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros...<a href='#'>More</a></p>
</div>
</div>
<!-- Second Content -->
<div class='ui-tabs-panel ui-tabs-hide' id='fragment-3' style=''>
<img alt='testing' height='290' src='http://3.bp.blogspot.com/-f4J8qY-utsY/T8GZ9nuxpWI/AAAAAAAADxM/R85emRlCuxc/s1600/2.jpg' width='600'/>
<div class='info'>
<h3><a href='#'>Title Featured Post 2</a></h3>
<p>Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam...<a href='#'>More</a></p>
</div>
</div>
<!-- Third Content -->
<div class='ui-tabs-panel ui-tabs-hide' id='fragment-2' style=''>
<img alt='testing' height='290' src='http://1.bp.blogspot.com/-u95qkblumu8/T8GZ-WKMSMI/AAAAAAAADxY/BsEy99jBuQQ/s1600/3.jpg' width='600'/>
<div class='info'>
<h3><a href='#'>Title Featured Post 3</a></h3>
<p>Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros...<a href='#'>More</a></p>
</div>
</div>
<!-- Fourth Content -->
<div class='ui-tabs-panel' id='fragment-1' style=''>
<img alt='testing' height='290' src='http://4.bp.blogspot.com/-r1aybHar9rc/T8GZ-ly2KRI/AAAAAAAADxk/BsIKKdpltD0/s1600/4.jpg' width='600'/>
<div class='info'>
<h3><a href='#'>Title Featured Post 4</a></h3>
<p>Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam...<a href='#'>More</a></p>
</div>
The main column shows the post summary with the Read More link and thumbnail. While the sidebar shows the search box and different blogger widgets. Similarly, you can customise the footer to include more blog content.
Download the Faustina Blogger Theme
Share this Blogger Template:
0 Response to "Faustina Blogger Theme"
Post a Comment