This is my latest template SimplexBuzz . This template has a eye-catching feature slider ,and I think it's good for travel/art/photography blog .


Live Demo | Download


Here are steps to 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

find this code
<div id="authorbox">
<h3>About Author</h3>
<img width="60" height="60" class="avatar avatar-60 photo" src="http://1.bp.blogspot.com/_MsaNQZtvB5E/StANlDhWFgI/AAAAAAAAAKA/8p5PORokslI/S220/normal_HNH_9244-sapa0207.jpg" alt=""/>
<div class="authortext">
<h4>
<a href="">Nhamnganhanh</a>
</h4>
<p>This is template SimplexBuzz .
</p>
</div>
</div>

Change the text in bold to what you want (you can write some description about you and your blog ...)

4, To add your feedburner account to email subscription form

find this code
<form onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=simplex', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow" method="post" action="http://feedburner.google.com/fb/a/mailverify">
                                  <fieldset>
                                     <input type="hidden" name="uri" value="simplex"/>
                                     <input type="hidden" value="en_US" name="loc"/>
                                     <input type="text" name="email" class="sub"/>
                                     <button type="submit">Submit</button>
                                 </fieldset>
                             </form>
change the text in bold 'simplex' to your feed burner account .

5,To add your social network accounts

find this code
<ul class="social">
                                 <li><a class="twitter" href="http://twitter.com/dinhquanghuy">Twitter</a></li>
                                 <li><a class="facebook" href="http://facebook.com/simplexdesignblog">Facebook</a></li>
                                 <li><a class="flickr" href="http://flickr.com/photos/">Flickr</a></li>
                                 <li class="rss"><a class="rss" href="/feeds/posts/default">RSS</a></li>
                             </ul>
change the links (marked in bold) to your social network accounts.

6,After that ,upload template to Blogger .

7,To add your logo

click on logo widget

then add your logo into widget content as I did in picture below

Click Save

8,To add items to top menu navigation

click edit link in category widget

then add link to your category into widget content like this

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

click on edit link in 'background for page' widget

and add the image into widget content .

From now ,the image you added will be showed as header's background each time you enter a page .

12,To add the text in alert box

click on edit link in 'alert' widget

and enter the text you want to show .

You can use HTML tags to make text in alert box display as you want .

13,To add your ad,click on edit link in banner widget

and add your ad code into widget content .


14, That's all for default widgets .You can add more widget or remove existed as you want .

Save all changes ,and you are done .I hope you all like this template and keep supporting me .
Feel free to use my template but please keep the credit at footer .Thanks in advance .

Update : As question from YUSUF left in my blog related to problems on long post titles and width of post in home page ,here is the solution
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;
}
the last step : Find this


div#sidebar div.tabsContainer ul.panes ul.comments li h4 {left:35px; width:250px;}
And replace it with

div#sidebar div.tabsContainer ul.panes ul.comments li h4 {

margin-left: 20px;

}

Share this post

Advertisement

61 comments

  1. Wow!! Very Nice Template..this is what im looking for, thank you so much.


    But i've a problem here, the background for page seem not working. I've try many time like u show but still cant work. Please help me!

    my website: http://anime-kyubi.blogspot.com/

    Please visit..and take a look at page. No Header image.

    ReplyDelete
  2. It's really nice templates. I think Mr.Tung Lam from dulichbui.org will like this temp. Thank nhamngahanh.

    ReplyDelete
  3. @All : thanks for your support
    @Dakwai : Haha ,finally I find out what happen to your blog .
    There are two types of post in blogspot : normal blog post (created by go to Posting tab ->New post ) and Page (created by go to Posting tab -> Edit Pages -> click on New page )
    With normal post ,this template will take the first image in the post to header's background .
    With the page ,this template will use the image which was specified in 'background for page' widget to make header background .
    In the case you use a normal blogspot ,like this http://anime-kyubi.blogspot.com/2010/05/contact-us_02.html
    and consider it a page (contact page ) ,because there's no image in this post ,so header background is blank .
    If you create a page by go to Posting tab ->Edit Pages ->New page ,and name it contact-us ,every time you open this post ,image which you added in 'background for page' will be showed as header background .
    That's all .I hope it help

    ReplyDelete
  4. Please Make Music Portal template please?

    ReplyDelete
  5. WoW, i love it. I will use this template for my new blog.
    Thanks!

    ReplyDelete
  6. @nhamngahanh : It is background for single post just leave it empty?. I mean there no need to be the way like background for page just like step 11 from your post.

    if that so. How do i change it? i try to put push stop (.) but it still not working. How?

    ReplyDelete
  7. Why my blogspot can't showed as background in header automatically in single post ?
    http://myportofolio-gallery.blogspot.com/2011/02/red-flower.html

    ReplyDelete
  8. Hey, can not see the images in all templates (show imageshack banner). Thanks for your help!

    My blog: www.ticespor.com

    ReplyDelete
  9. WOW, amazing template. Good work

    ReplyDelete
  10. How do we get the image displayed from the bigger version like from the link or custom one? As you can see there normally 2 versions of the image, one as a thumbnail the other is the real size.

    ReplyDelete
  11. Hi,

    Please check your demo, "Read more" function not working if somebody click on it.

    ReplyDelete
  12. Dear Huy, Congratulations on the template. Is excellent. But I have an observation. The long title of the post text presented on the main page, not featured, are cut off. I send this link to observe the anomaly. http://interprensanoticiasblog.blogspot.com/ How I can resolve this problem?

    ReplyDelete
  13. the background for page seem not working

    ReplyDelete
  14. can u check again this template. we cant see picture bground at single post. But for page, yes we can get a bground as u mention above. example: differnce between ur demo template page and our page. there is missing code for the picture.
    *****************\\our template
    img src="https://lh4.googleusercontent.com/_WGxHjhSA4EA/TcJeKyMKu0I/AAAAAAAAIa0/-TdOI0avWdA/s640/IMG_1666.JPG"

    ****************\\ your demo template
    img title="Plitvice Lakes, Croatia" alt="Plitvice Lakes, Croatia" src="http://images.nationalgeographic.com/wpf/media-live/photos/000/304/overrides/16-plitvice-lakes-croatia-national-park_30417_600x450.jpg"

    there is code img title and alt before image.

    ReplyDelete
  15. nhamngahanh this is awesome template but the readmore is doesnt work how i can fixed that n how i can remove the slider content. i'll used this template but not with the slider content n single post content background. could u please tell me the code for that ,, thanks

    ReplyDelete
  16. First, this is an awesome template! I just switched my site over at
    www.chasingearth.com
    but I'm having the same issue as a lot of you with the READ MORE or more importantly the BACKGROUND FOR POSTS?...
    Has anyone got a fix for this yet? If so please feel free to reach me at chasingearth@gmail.com with any info. Thanks!

    Deleted my last question as I forgot to add the 'page' background isn't working for me either...

    ReplyDelete
  17. This comment has been removed by the author.

    ReplyDelete
  18. i have a problem with slider post. anyone can help?

    ReplyDelete
  19. I really want to use this theme but there are no image for the post slider. please help me. my blog www.ikonmetro.blogspot.com

    ReplyDelete
  20. Porque quando clica em Leia mais o cabeçalho para fica desse jeito?
    http://agendamg.blogspot.com/2011/05/eventos.html
    Quando o que seria mas legal era ficar como na pagina inicial me ajude a resolver esse problema.

    Gostei muito desse template.

    http://agendamg.blogspot.com/

    Add: miragospel@hotmail.com

    ReplyDelete
  21. Dear friend, thank you from Turkey... We love yours templates. There is a problem about widths with posts on the home page... Too large... And if use a long title there is a problem too... Thanks...

    ReplyDelete
  22. Make it more than 4 posts in the category, you'll see the problem.

    ReplyDelete
  23. Oh, if sb can fix this template, contact me ttcontributor007[at]gmail.com I'll come with the price.

    ReplyDelete
  24. @YUSUF : Yes,there are some troubles with CSS code . 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;
    }

    That's all

    ReplyDelete
  25. @YUSUF: the last step : Find this
    div#sidebar div.tabsContainer ul.panes ul.comments li h4 {left:35px; width:250px;}
    And replace it with

    div#sidebar div.tabsContainer ul.panes ul.comments li h4 {
    margin-left: 20px;
    }

    ReplyDelete
  26. Thanks a lot for the fix CSS for long title - you got me cover!

    How about fixing the single post image bg?

    ReplyDelete
  27. SINGLE POST IMAGE BACKGROUND SOLVED.

    It isn't the code that's bad.

    When you format an image in Blogger the program inserts DIV tags in front of the image making the program unable to find the image.

    Edit your blog post(s) so that the VERY FIRST THING of the post is the <a href... tag and then your image will be used as the header.

    Took me 3 hours to figure it out comparing the OP's code to mine (thinking it was a code issue).

    You can see it working on my blog: http://detroitcasinoguide.blogspot.com

    Follow my main blog at http://4dragonsmedia.blogspot.com

    Thank you to nhamngahanh for this awesome template, I hope this clears up the bugs for everyone!!

    P.S. If this helped, remember I am advertiser supported.. ;)

    ReplyDelete
  28. @4dragonsmedia, you are a genius! I am trying it out.
    Anyway, my Read more also not working - it link to home page only. Do you happen to have one more solution, plz? My site is http://adultloo.info

    ReplyDelete
  29. Cool! It's working now http://www.adultloo.info/2011/07/i-mean-business-its-my-vagina.html

    My post start with < p > tag. Anyway, it's a pain for me to edit all my hundreds posts. is there a way to bypass the editing?

    PS: The 'Read more...' not working either in your blog :(

    ReplyDelete
  30. Hmm.. The Read More tags in the individual posts link to the home page but the read more's in the feature content section work just fine. Hadn't noticed that before. Will look into it but it should be a lot more simple than the last bug. ;)

    ReplyDelete
  31. I deleted the 'read more' href in the class 'posts' and got rid of the read more's (just on posts) altogether until there is a better fix. I tried 10 different ways and couldn't get it to work.

    ReplyDelete
  32. @nhamngahanh, we need you here, please :)

    ReplyDelete
  33. @Open door to everyone and 4dragonsmedia : You can 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>

    That's all for 'read more' tags in home page .
    Thanks for reporting me this bugs and support me all the time

    ReplyDelete
  34. Thanks a lot dude. We are always at your sidekick as we appreciate all your work putting so far in this blog.

    ReplyDelete
  35. logo nd category menu bar hide on ie8, how can i resolve this ?.. thanks in advance.

    ReplyDelete
  36. @zonna3 : did you fill the content of these widget ? if there's nothing in widget content ,it can't be shown . Or maybe some CSS tags have been missed ,so it make these widgets can't float over the slider.That's my opinion ,could you check that ?

    ReplyDelete
  37. everything filled right,... in firefox works fine.
    i test the Demo and other sites mentioned here and i saw same problem on ie8:
    logo and category bar appears for a second until slider charge, then hides behind the slider.

    ReplyDelete
  38. Picture on the main page was dessapearing slightly, like in Demo, but now there is no effect. May be something with java scripts...?

    ReplyDelete
  39. Hi! Your template looks great! Buuut... I can't make the download work... Please help! :-)

    ReplyDelete
  40. thank you in advance for your hard work to make this cool template. I have a constraint section "slider" does not work at all. how do I fix this? regards

    blog anggabp

    ReplyDelete
  41. i have a problems...my blog at - http://apaajanews.blogspot.com/
    no image on front pages
    need help

    ReplyDelete
  42. Hello there, I've been using your templates for quite a while. Many thanks for your hard work. I have a suggestion or a request if it is possible. Many users have commented that images in posts are not showed in header or slider. Someone has suggested us to edit the code in the post and remove the < div > so that the first image in the post can be showed in header. As a temporary solution I have managed to do so. Unfortunately not all my first images are suitable as a header image so i just wanted to ask you if there is any option so that we can set an image for posts just like in pages (the same image to be showed in header on all posts ).

    Thanks in advance.

    ReplyDelete
  43. Hello,
    First of all Thank you and congrats for creating such a beautiful photography template.It looks awesome. I am trying to use your template in my blog. The problem is once i enter the POST of my blog, half of my image seems visible and half of my image is hidden due to the side bar. I would like you to suggest me what code should i change inorder for the sidebar not be visible(once we enter a particular POST) and only the contents of the POST be visible on the screen, so that the image will be visible completely. I hope you will reply me. Thank you :) :)

    ReplyDelete
  44. Hello thansk for your template, i having header alignment on my blog.
    http://freshissue.blogspot.com/
    May i know any solution to solve the alignment issue?
    Thanks.

    ReplyDelete
  45. At first, thank you for this amazing template. Secondly, sorry to revive old entry. And finally, sorry for my English.
    I'm using this template (again: really amazing) for the website of my job and would like to know if there is any way to add summaries of the entries into the slider. My knowledge is very limited (in the case of scripts, I'd say nulls).
    Greetings!

    ReplyDelete
  46. Please, you need repair this theme! PLEASE!

    ReplyDelete
  47. Yes, please repair this amazing theme.
    1. recent comments
    2. picture taken from the first one with even < p >

    ReplyDelete
    Replies
    1. I'm still working on this template. Pls check Download page regularly for keep updated.

      Delete
    2. Any fix announced yet, plz?

      Delete
    3. Pls check in Download Page. Fixed template available.

      Delete
    4. New download link is also available in this post

      Delete
  48. feature content slider and feature content isn't working for me. Please help :(

    ReplyDelete
    Replies
    1. Check the fixed template in TEmplate Download page

      Delete
  49. a problem with "background for single post" !!!
    this widget do not show static or post image in header ...
    i'm trying to solve this with add [img] tag in the widget but problem remains...

    ReplyDelete
  50. Very Nice Template....But i've a problem, the background for page seem not working. I've try many time like u show but still wont work. Please help me!
    http://khabarjbp.blogspot.in/ editorkhabarjunction@gmail.com

    ReplyDelete
    Replies
    1. I don't know exact reason but after checking your site, I see the script gets wrong images from posts for background. Will check soon and revert.

      Delete

Here are some rules for commenting on Simplex Design blog :
1, Search first ,then ask question. You will get the answer faster
2, All comments except spams are welcome.
3, Please make all requests in English.
4, Do not use generic titles such as Admin or Mod. This confuses readers