Subscribe to our mailing list to get the updates to your email inbox...
In this post , I want to show you my latest template named : Simplex Timeline . I think this template is the best for tech blog ,but you can use it in other niches (of course ^^ ) .
Live Demo Download
Install instruction
1,Download template file .
2,Open template in any word editor you have ,the best is notepad++ ( MS Word is not recommended because it auto generate tags in template file after editing )
3,To change the logo ,find this code :
and change the link in bold to your logo URL.#head-content {
background: transparent;
background-image: url(http://img266.imageshack.us/img266/9598/simplextimeline.png);
background-position: 0px 0px;
background-repeat: no-repeat;
}
4, This is the code of Subscribe form :
<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">change the text in bold to your feedburner account .
<input type="hidden" name="uri" value="simplex"/>
<input type="hidden" value="en_US" name="loc"/>
<p class="email-form">
<input type="text" name="email" class="sub"/>
<input type="image" alt="submit" class="subbutton" src="http://img517.imageshack.us/img517/3158/blankdb.gif"/>
</p>
<div style="clear: both;"><small>Privacy guaranteed. We'll never share your info.</small></div>
</form>
5, This is the code for social network :
<div class="sub-icons">again ,change the text in bold to your accounts ^^
<a href="/feeds/posts/default" title="Subscribe via RSS Feed"><img align="top" alt="Subscribe via RSS Feed" src="http://img535.imageshack.us/img535/950/rss2t.png" class="rss-sub"/></a>
<a href="http://www.twitter.com/dinhquanghuy" title="Follow me on Twitter" rel="external" target="_blank"><img align="top" alt="Follow me on Twitter" src="http://img340.imageshack.us/img340/8055/twitter2e.png" class="twitter-sub"/></a>
<a href="http://www.facebook.com/contact.dinhquanghuy" rel="external" title="Connect with me on Facebook" target="_blank"><img align="top" alt="Connect with me on Facebook" src="http://img96.imageshack.us/img96/3849/facebook2q.png" class="facebook-sub"/></a>
<a href="http://www.linkedin.com/in/dinhquanghuy" rel="external" title="Connect with me on LinkedIn" target="_blank"><img align="top" alt="Connect with me on LinkedIn" src="http://img340.imageshack.us/img340/2030/linkedin2.png" class="linkedin-sub"/></a>
</div>
6,This is the code for Flickr gallery :
<script type="text/javascript">change the value 37304598@N02 to your Flickr ID
$(document).ready(function(){
$('#flickrphoto').jflickrfeed({
limit: 9,
qstrings: {
id: '37304598@N02'
},
itemTemplate: '<a href="{{image_b}}"><img src="{{image_s}}" alt="{{title}}" /></a>'
});
});
</script>
7,Ok ,save template and upload to Blogger .
8,Go to Dashboard ,continue to Page element
9,To add advert in top ,click on edit button in topads widget and paste your ads code into widget content (Adsense code ,for example ) . Do the same for midads ,ads,ads3 and ads4 widgets .
10,To add item to menu ,click on edit button and add link to each category in your blog . Link to each category has structure : http://{blog url}/search/label/{category} . Do the same for category and blogroll .
11,to add video ,click on video widget and paste the embed code of your video ,size for video is 286x210
12,you can add anything you want in text widget .
Ok,Save changes and you are done .
if you want to show a post in slider ,just add a label 'feature' to your post .There are maximum 4 posts in content slider .
That's all for installing this template . I hope this template helpful to you .
Oh, My God!!!!! Please help me ! I can't breath!!
ReplyDeleteThis is template is awesome!!! Really!!!!!
The author is very geniusss.......
hello sir... ur template is awesome.. genius...!
ReplyDeletebut could u help me how to add more text in feature slideshow... i mean, its about one pharagraph in feature slideshow. how can i change it in this template? thank you sir. ur help much appreciated. sorry for bad english... :-)
3 words : clean, elegant, great
ReplyDeleteI posted your template in galleries New Free Blogger Template Everyday.
ReplyDeletei'll wait your next template
wonderfull
ReplyDeletethis is SEO frendly??
ReplyDeleteyour templates are amazing/ i'm using for my blog: http://guiutzu.blogspot.com Darkness Template, but i want to use this new template.
Really amazing template!
ReplyDeletePlease share with us, submit your work into our blogger templates gallery...
If you want to check the other demo of this template, check this site:
ReplyDeletehttp://pinoynurseinfo.com
I am following your template design and they are indeed great and genius!!! No other site can beat your wordpress like template!!!
not work in internet explorer 7!!
ReplyDeleteDon't forget to label your article as 'feature' if you want it to be displayed as SlideShow :D ... Thanks! Your templates are great!
ReplyDeleteSlideShow not work with internet explorer 7 and 8 and 6
ReplyDeleteawesome! but i wonder how to insert link into the logo? i want my readers to click on the logo (nothing special,just like it like that). please do help. tq
ReplyDeletehi ...........this template is awesome .....but one question .....i had just uploaded this template to my blog http://topblogger1.blogspot.com/......but how to edit slider in this template........plz reply as soon as possible
ReplyDeleteHi, i'd liked this template so much. But, i see 1 problem:
ReplyDeleteThe search system doesn't work....
i can show just 5 post on homepage. how can i solve this?
ReplyDeletewww.iscipersonel.com
plz look at
thanks
Hello, I'm using the template simplex timeline. I loved the template. I made several changes, first to translate it to Portuguese, then to add the widgets, host the images, etc. the problem was solved with the search, the problem was the configuration of the beta site.
ReplyDeleteIf anyone wants to see how it stayed, visit me at this address http://www.missoeseadoracao.net
Heloo, how to setting SlideShow..?
ReplyDeleteGood themplate.
Topads doesn't appear on firefox 3.6.7.
ReplyDeleteNo Big deal Actually, but it would be better for me and my ads publisher (Soon, I hope..) if this problem can be solved.
and how can I solve the search system?
Hi Admin,
ReplyDeletevery great template, how to edit slide features? mine not showing any posts even i posted label "Feature".
please advice.
@King_K : 'feature' not 'Feature' my friend ,try it one more time ^^
ReplyDeleteyes, you are right, "feature" NOT Feature". its amazing.
ReplyDeletecan you please let me know following?
1:- how to adjust post image size?
2:- why search is not working properly?
thank you in advance.
slide show not working on internet explorer.
ReplyDeleteFirefox and chrome working fine
subscribe by e male not working even i changed code to my feed burner ID.
ReplyDeleteplease advice.
http://hollycelbz.blogspot.com
Hello admin, pls help me more post in homepage, i just have 4 post in homepage, i dont know why, i from vietnam Pls help me :D
ReplyDeleteMy yahoo: pine_vicky7
Hi Beck,
ReplyDeletego to >Design >page elements >blog post click "edit" >Number of posts on main page: change number from 4 to what ever you want.
Hi Admin,
ReplyDeletecan you please advice about my above request so i can fix those issues. otherwise i have to change template.
Thank you.
Hello,
ReplyDeleteSlide show doen't work in IE8 anys uggestions??
Yout help is appreaciated.
thanks in advance
Josh
Hi, any solution for the IE/slideshow problem?
ReplyDeleteIt's the only reason that I'm not using this amazing template.
Congrats!
In my computer with IE8 works fine! In others computers with the another IE8 doesn't work!
ReplyDeleteSomebary knows why this happend?
Hi! I use your template for tech blog. I have a question. How can I add one more sidebar on the right? What's the html code and where I put it?
ReplyDeleteMy blog is http://mpalakia.blogspot.com/
e-mail: eimaimesa@gmail.com
Thanks for the such a nice template. this is awesome template. but I didn't got the idea how to show the slide show. You haven't mentioned about it. Please tell me once how do it. will be waiting for your response. thank you. YOu can see my blog http://blogfoundation.blogspot.com .
ReplyDeleteblogfoundation you have to put the word feature as a label in your article
ReplyDeletein the point number 4.
ReplyDeletecould I just delete the value="simplex" replace it wih my feedburner account
or i just need to replace the "simplex"
Sorry if my question seems ridiculous, I'm totally newbie
Thx before
Thanks! This blog is a marvel.
ReplyDeleteI'm from Brazil.
Hi Admin,
ReplyDeletecan you please check why subscription box (frame and button) not showing anymore?
||| August 22, 2010 |||
ReplyDeleteYour attencion is need it^^
Timeline template has some errors by itself: here's the report:
*****
Webpage error details
User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; InfoPath.2)
Timestamp: Sun, 22 Aug 2010 11:09:35 UTC
Message: Invalid character
Line: 2691
Char: 13
Code: 0
URI: http://simplextimeline.blogspot.com/
Message: 'title' is null or not an object
Line: 2224
Char: 6
Code: 0
URI: http://simplextimeline.blogspot.com/
*****
I'm sure that all these issues are made it when creating this custom design template...
Is there anyone who can fix these issues that makes IE versions don't work properly in many computers, it will be appreciated for many of us.
We are waiting to get a solution for this wonderful template... ^^
Your attencion is need it^^
Thanks a lot.
Best Regards~
Josh
i agreed with Josh
ReplyDelete@van_Java : Just 'simplex' ,not value='simplex'
ReplyDelete@hollycebz,venteens ,Missões e Adoração and others : because using many javascript in template ,so I think it sometime get troubles with IE ,you can allow using activeX and down the security restrict of IE .I think it will be better . SEO and loading troubles are two of my problems and I will be very appreciate any one can share idea or solution
hello once again i am here with few problems...i tried to add page navigation for this template in my blog. but it did not show the page navigation. and another problem template enews doesn't support social share buttons such as facebook share, twitter, etc..how to correct it? please give me solution. thank you.
ReplyDeleteHi All.
ReplyDeleteI have problems on this piece of IE, please help me to not display error on IE, or help me remove it.
@Nailart : which template are you using now ? I see the blog in your profile is not SimplexTimeline ^^
ReplyDeleteThe simplex theme works perfectly on my site, Missions and Worship (http://www.missoeseadoracao.net/). It was excellent. Thanks to the developer. Congratulations. I had to translate into Portuguese, I made several modifications, but the layout is original. Left my blog looking like a portal.
ReplyDeletethank you admin.. you really awesome designer I know..
ReplyDeleteI use it for one of my Here
hi.... i am using this amazing theme.. thanks a lot. but i have some problems.. that when i try to add google social bar or wibiya widget... it doesnot shows up in this theme. does it interfering with any of your javascript. please help me..... i want to add google social bar in my site...
ReplyDeletebpatagosbet.blogspot.com
ReplyDeletei don't know why the slider doesn't work.i change the id and i put photos at flickr.i did the change to the javascript but doesn't work.what can i do?the template is great!
@Kotsila : add a label 'feature' for the post you want to show in slider and it will show up .
ReplyDeleteHi
ReplyDeleteI love the template.
Just a question, is it possible to make the image header clickable?
I'm not sure if it's my blogger being messed up (i think it is), but when I add video, it breaks the frontpage and tries to display the post like a normal post and not a Read more box.
ReplyDelete@Jules : to make image header clickable just add this code :
ReplyDelete<a style="display: block; width: 400px; clear: both; height: 100px; float: left;" href="your blog url"></a>
before <div id="head-banner468">
@admin : I can't see your blog ,so I don't know what is your trouble .Pls add your url in your comment name ,and please see the rule for comment again : Do not use names such as Admin or Mod . Thanks
sorry, I changed my name. I've added my blog in my profile. I tried it on two different blogspot's and I get the same issue. On the blog, it is actually two posts, but it looks like one post and the titles aren't there.
ReplyDeleteSome configuration of the theme is wrong. The home page is showing only 3 posts! In settings, I pointed to appear 12 posts. But it does not work!
ReplyDeleteDoes anyone know what's going on? The page weight does not exceed 750kb.
Please, the theme is perfect! Do not want to give it up!
Help me!
i use your template to patagosbet.com.thank you very very much.Is an amazing template!
ReplyDeleteThank you. It worked perfectly.
ReplyDeleteanyone know how I can deactivate or delete slideshow?
ReplyDeleteeimaimesa@gmail.com
nice template
ReplyDelete@tg: I don't know what happen to template at this time ,but could you delete the post and re-post them again ? Pls give me the result after trying ?
ReplyDelete@Missões e Adoração : pls see my instruction ,sir ,it will help you how to install this template .
@mpalakia : here is the code of slider :
<div class="clearfix" id="slideshow">
<div class="slides clearfix">
<script src="/feeds/posts/default/-/feature?max-results=10&orderby=published&alt=json-in-script&callback=showrecentposts"></script>
</div>
<ul class="slides-nav">
<li id="nav-post-0" class="on clearfix">
<a title="" href="#main-post-0">
</a>
</li>
<li id="nav-post-1" class="clearfix">
<a title="" href="#main-post-1">
</a>
</li>
<li id="nav-post-2" class="clearfix">
<a title="" href="#main-post-2">
</a>
</li>
<li id="nav-post-3" class="clearfix">
<a title="" href="#main-post-3">
</a>
</li>
</ul>
</div>
find and delete it if you want
This my blog:
ReplyDeletehttp://venteens-productions.blogspot.com/ ...
Everything was working ok until I placed 2 youtube videos in my recent post..I delated the post as indicated above... I post a new one without the videos.... but still the same problem... please URGENT HELP...
Thanks in advance.
Josh
I got a solution with videos post... what I did is.. I replaced my previous post with the content of youtube video and.. viola!... everything when true after that... something weird ... I hope that I'll not have that problem again.
ReplyDeleteGood luck!
chào a Huy ko biết blogger co thủ thuật nào để tạo khung đăng ký thành viên ko ah? a có thể làm một thủ thuật về cái này ko?
ReplyDeleteak! e thấy hình như có mấy trang dùng tem của a mà họ gói phần css lại up lên một host rùi dẫn link thì phải? a co thể làm luôn một thủ thuật như vậy ko? thanks
@s-sw.co.cc : chào bạn ,thực ra mình cũng chưa hình dung đc khung thành viên mà bạn đề cập đến là gì ? vì dùng Blogger nghĩa là người sử dụng phải có tk Google Blogger rồi ,như vậy đăng kí thành viên làm gì nữa ? còn nếu là để tham gia viết bài thì bạn chủ blog phải có thư mời (invitation) cơ?
ReplyDeleteCòn phần CSS thì các CSS cơ bản của template ,nên được giữ trong file template ,theo mình sẽ nhanh hơn là load từ bên ngoài ,còn các file css bên ngoài có thể là file CSS của các plugin Jquery hoặc slideshow bên ngoài ta add thêm vào . Thủ thuật thì ko có gì bí hiểm cả ,bạn cứ copy nguyên xi phần CSS muốn đưa ra ngoài vào 1 file ,đặt tên nó là xxx.css ,rồi upload lên 1 host nào đó .
Sau đó trong file template ,bạn xóa phần css đã chuyển ra file kìa đi .
Rồi chèn thêm lệnh này vào đầu file template để gọi file CSS bên ngoài :
<link rel="stylesheet" href="địa chỉ file xxx.css" type="text/css" media="screen"/>
I like this template, but I do Mai block slide show it does not work.
ReplyDeleteI edit Javascript, as you suggested, but I still can not
Please help me I want to use this template very much.
Contact me via mail. boybyboy02@gmail.com.
Thank you.
This comment has been removed by the author.
ReplyDeletehi
ReplyDeletewhy the slider on my blog always displaying "no image" image??
@BioNaturally : you have to change feed mode to full feed .
ReplyDeleteGo to dashboard -> Setting ->Site feed and change feed mode to Full instead of Short
nhamngahan..
ReplyDeletei need your help.
1. i want to know if its possible do increase the amount of word on the slideshow.
2. when you fill up your first page with articles, and you click, older posts, its very desorganized.
3.if i want to put a header that takes up the whole head space, what size in pixels should it be?
hi admin,
ReplyDeletethanks for this great template,
but i have a problem.
On the home page two posts are not minimized with read more buttons.
you can see yourself
realmadridzone.blogspot.com
@Blogger donot include inverted commas in your
ReplyDeletetitle , change it if you have and it will be fine .
Hi Admin ,
ReplyDeleteWhat changes should I make to include the
slideshow in all of my pages . Currently the
slideshow is working only on the home page?
Thanks for the template , it is really awsome
and perfect for a tech blog .
My blog is
BestFromGoogle.blogspot.com
No good. I keep getting messages that it's not able to parse because not all XML elements are closed. I don't have hours to go through the code to find the elements that aren't closed.
ReplyDeleteI need help Slider dosent work
ReplyDeleteThis template is working beautifully for me for my pregnancy stories blog! I uploaded the images and script to my own host, and the slider works great!
ReplyDeleteIs there a way to increase the word count in the slideshow? I read thru the HTML, but I must be missing it?
Never mind - I found it!
ReplyDeleteThanks so much for a great template!
how can i enable my images and posts to appear in the slider box. what all changes i need to make in edit html option in design setting. plz hlp fast sir.I am also a beginner in blogger.
ReplyDeletesir whr ru i need ur hlp.
ReplyDeleteplease help me, slide show not work,
ReplyDeleteLove this template - I am using it on several blogs now, and it works wonderfully!
ReplyDeleteI would like to replace the Flickr widget with something else, but it doesn't seem to be an easy thing to do? I tried removing the script that you posted above, but that doesn't give me the option to replace it with anything. So I assume I must be missing a step?
Is there a way that I can turn that widget into an editable one? I am used to changing the HTML in the templates, so just need a little guidance...
I love this template, BUT, isn't html5 ready.
ReplyDelete