- CT-CT
Chủ Nhật, 18 tháng 3, 2012
|
20:05
GMT +7
Name of template : Simplex Buzz
Template Author: Simplex Design
Help page for this template: Simplexdesign simplex buzz
Demo online: http://blog.vnfish.info
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
<div id='authorbox'>
<h3>TÁC GIẢ BLOG</h3><img alt='' class='avatar avatar-60 photo' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ8arVPPZx0JbODW-ZUUguBGuqqz5zjUqHExBAadY2S_wY5BEDGJb5-3ozrnUyoLv_TQ6BggpIpwgW_WvwEHbjmSeQjMAls_04FSCa1gEZBH4iIQhTzUuZfBbm7XcO-xeW9nUQh76zlAbQ/s1600/cGxn.png' width='60'/>
<div class='authortext'>
<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>
</div>
</div>
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
Find this code:
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=Winni-res', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<fieldset>
<input name='uri' type='hidden' value='Winni-res'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='sub' name='email' type='text'/>
<button type='submit'>Submit</button>
</fieldset>
</form>
Change the word "Winni-res" with you feedbunner account.
5,To add your social network accounts
find this code
<ul class='social'>
<li><a class='twitter' href='http://twitter.com/winnitg'>Twitter</a></li><li><a class='facebook' href='http://facebook.com/nhatkyhoangtu'>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. Add your logo:
click on logo widget
then add your logo into widget content as I did in picture below
then add your logo into widget content as I did in picture below
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
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'
.png)
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
add name of category you want to show into widget content
.png)
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
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
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 .
*** 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='"summary" + data:post.id' style='display:none;'>
<data:post.body/>
</div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>","<data:post.title/>","<data:post.url/>","<data:post.timestamp/>","<data:post.numComments/>");</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:
When you write a new post, switch to HTML mode and delete thefollowing code:
<div dir="ltr" style="text-align: left;" trbidi="on">remove the code is marked in red, and we have:
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHL8PrLGgNOjJbF-bRIUyRLJy8_QySTC1EIk-6NqvMEUod67oszmDIY8hMIcZ4ErbH84Ex9ZH87UuWB7GVnbDTLCfaHpXhQZ5YBt8mCJZKhvPNAf9gE1TyidCAS8HfltkqK4vEt6qXi7hY/s1600/demo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHL8PrLGgNOjJbF-bRIUyRLJy8_QySTC1EIk-6NqvMEUod67oszmDIY8hMIcZ4ErbH84Ex9ZH87UuWB7GVnbDTLCfaHpXhQZ5YBt8mCJZKhvPNAf9gE1TyidCAS8HfltkqK4vEt6qXi7hY/s1600/demo.png" />
</a></div>
<div style="text-align: -webkit-auto;">
<b> </b><b style="background-color: white; text-align: left;"><span style="text-align: -webkit-auto;">article content</span> <span style="text-align: -webkit-auto;">article content </span></b><b style="background-color: white; text-align: left;"><span style="text-align: -webkit-auto;">article content</span> <span style="text-align: -webkit-auto;">article content </span></b><b style="background-color: white; text-align: left;"><span style="text-align: -webkit-auto;">article content</span> <span style="text-align: -webkit-auto;">article content</span></b></div>
</div>
Good luck to you with a new temaplate :D
:
10 nhận xét :
Nice blog, can you help me built my blog? pls
@Nặc danh : thank, can u give me blog adr?
Sao trang chủ của em nó chỉ hiện có 2 bài mới à anh?
blog của em nè http://c3-pro.blogpost.com
@Jey : bạn đã chuyển sang sử dụng mẫu khác. :)
@Đặng Nguyễn Trường Giang :em xài mẫu nào nó cũng chỉ hiện 2 bài, không thôi chỉ 1 bài, Click vào 1 lable cũng vậy, hix hix
sao em k hiện ảnh ơ trang chủ nhỉ anh xem qua thử xem nha
rac rối quá anh ơi! nhất là cái slide á! lỗi hoài!
uh, template này cũng rắc rối thiệt, nhưng a thấy làm blog viết về những câu chuyện xảy ra trong cuộc sống thì cái này là hợp rồi :) dạo này bận quá cũng không có ý đổi.
@http://share-vizeo.blogspot.com/ : sao lần nào cũng change mẫu rồi hết vậy ta :)
@Jey : em nói mà hok cho coi mẫu cũng chả biết giúp thế nào, mẫu này là tổng hợp sữa các lỗi trong quá trình sử dụng a mắc phải rồi đó.
Đăng nhận xét