Winni blog - LifE Is a ♥ sOnG

Name of template : Simplex Buzz
Template Author: Simplex Design
Help page for this template: Simplexdesign simplex buzz
Demo online: http://blog.vnfish.info

This is template about travel/art/photography of Simplex design, this template has a eye-catching feature slider and top-picture of post.


Sone note for install this template:


1,Download template file

2,Open template file in any word editor you have .

3,To change the credit box at the end of each post  






<h3>TÁC GIẢ BLOG</h3>
<img alt='' class='avatar avatar-60 photo' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3tKHOLyaB6xwWKCx7XhrHuzkEA0dGuCt8K01trB2HVcBil5vOoodEjPSgeQe6eQCoKQWvWufQHTdQeWG3qXNBjvNRdSASmi0naPUkomi-DopBqfMY_VQXofICG8LcRHUZXSnXYtMBk-Nx/s1600/cGxn.png' width='60'/>             
<h4><a href=''>Mr.Winni</a></h4>
<p>Cảm ơn đã xem blog, đây là cách nhìn cuộc sống của tôi, một cách chủ quan thôi</p>



Change the text and your image, so you can write something about yoo, your blog or other thing.


4, To add your feedburner account to email subscription form 






Change the word "Winni-res" with you feedbunner account.


5,To add your social network accounts






find this code




change the links (marked in bold) to your social network accounts.


6,After that ,upload template to Blogger .




7. Add your logo:
Click Save

8,To add items to top menu navigation 





Link to category in blogspot has structure : http://yourblogspot.blogspot.com/search/label/your category 



9,To add content to feature slider 




Click on edit link in 'feature content slider' widget
Then add the name category which you want to show recent posts in feature content slider in widget content
for example ,I want to show recent posts under 'travel' category into feature content slider ,I click edit link in 'feature content slider' widget 
then fill the widget content with name of category 'travel'

 

Save changes . From now ,4 latest posts in category 'travel' will be showed in feature slider

10,To show post in feature content section below slider 





click on edit link in feature content widget 
add name of category you want to show into widget content  
Then save changes . Recent posts in this category will be showed in feature content section .

11,In this template , when you enter a single post ,the first image in this post will be showed as background in header automatically .
But when you enter a page ,there's no image displayed in header .
To add image in the header of pages  


*******UPDATE*******
*** Some post has a long titles, and break the line, to fix the problem with long titles 
Find this

div.post h2.storyTitle {
color: #000000;
float: none;
font-size: 2.6em;
font-weight: bold;
line-height: 120%;
margin-bottom: 5px;
width: 585px;
}
and delete width: 585px;

Then find

div.post div.storyContent {
float: none;
margin-bottom: 20px;
width: 585px;
}
delete width: 585px;

*** To fix the problem with recent posts/comments tab when post title is long 

First ,find this

div#sidebar div.tabsContainer ul.panes ul li h4 {
left: 70px;
position: absolute;
top: 15px;
}
and delete all of them

Second ,find this

div#sidebar div.tabsContainer ul.panes ul li p.meta {
bottom: 0;
color: #85837E;
font-size: 0.9em;
left: 70px;
line-height: 120%;
overflow: hidden;
position: absolute;
}
Then change it to 

div#sidebar div.tabsContainer ul.panes ul li p.meta {
color: #85837E;
font-size: 0.9em;
line-height: 120%;
margin-left: 60px;
} 


*** If readmore have a porblem, you can fix it with this step


Find this code:


<div class='post'>
<div expr:id='&quot;summary&quot; + data:post.id' style='display:none;'>
<data:post.body/>
</div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.title/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.timestamp/>&quot;,&quot;<data:post.numComments/>&quot;);</script>

<a class='more' href=''><span>Read more</span></a>
and replace 
<a class='more' href=''><span>Read more</span></a>
with
<a class='more' expr:href='data:post.url'><span>Read more</span></a> 



***To make the image in the article appear on the banner when you see the article:

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3ZnJ6ON2OkkxQ54F5yNw5dbNQJ4B3ZFYudbfFIzLMG8gcUsP2mIoNLSkvwej1FYEoJoLNhq_fBenu-VTSd1e1zl_ayCb4c7Mez2Z_VydqoDovMYTT22RME9C38HaOsyPSTWc5ly5e8ja4/s1600/demo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3ZnJ6ON2OkkxQ54F5yNw5dbNQJ4B3ZFYudbfFIzLMG8gcUsP2mIoNLSkvwej1FYEoJoLNhq_fBenu-VTSd1e1zl_ayCb4c7Mez2Z_VydqoDovMYTT22RME9C38HaOsyPSTWc5ly5e8ja4/s1600/demo.png" />
</a></div>
<div style="text-align: -webkit-auto;">
<b>&nbsp;</b><b style="background-color: white; text-align: left;"><span style="text-align: -webkit-auto;">article content</span>&nbsp;<span style="text-align: -webkit-auto;">article content&nbsp;</span></b><b style="background-color: white; text-align: left;"><span style="text-align: -webkit-auto;">article content</span>&nbsp;<span style="text-align: -webkit-auto;">article content&nbsp;</span></b><b style="background-color: white; text-align: left;"><span style="text-align: -webkit-auto;">article content</span>&nbsp;<span style="text-align: -webkit-auto;">article content</span></b></div>
</div>

remove the code is marked in red, and we have: