In previous posts ,I told you about template SimplexColumn ,which I'm using for SimplexDesign blog . It's a clean and simple template ,I think it can be used for a blog or portfolio . Live demo you can see SimplexDesign blog ^^ .
Download
To install this template ,you can follow instruction bellow :
1,Download this template .
2,Open it in any word editor you have .
3,To change logo ,find this code :
<img src='http://img684.imageshack.us/img684/4229/logopa.jpg'/>
and change the link in bold to your logo url .
4, To change subscribe email ,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=Simplex', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input name='uri' type='hidden' value='Simplex'/>
<input name='loc' type='hidden' value='en_US'/>
<p class='email-form'>
<input class='sub' name='email' type='text' value='email address'/>
<input alt='submit' class='btn' type='submit' value='Submit'/>
</p>
<div style='clear: both;'>
<small>Privacy guaranteed. We'll never share your info.</small>
</div>
</form>
and change the text 'Simplex' in bold to your Feedburner account .
5,To change social network accounts ,find this code :
<li class='feed'>
<a href='http://simplexdesign.blogspot.com/feeds/posts/default ' title='Subscribe via RSS Feed'>
<span class='title'>RSS Feed</span><br/>
http://simplexdesign.blogspot.com/feeds/posts/default
</a>
</li>
<li class='twitter'>
<a href='http://www.twitter.com/dinhquanghuy' rel='external' target='_blank' title='Follow Me'>
<span class='title'>Follow Me</span><br/>
twitter.com/dinhquanghuy
</a>
</li>
and change the text in bold to your social network account .
6,To add ads bellow post ,find this code :
<div class='ad250'>
<!--YOUR ADS HERE -->
</div>
and replace 'YOUR ADS HERE' with the code of your ad .This ad will appear bellow your post ,next to Related posts section .
7,Save template and upload it to Blogger .
8,Go to Blogger Dashboard ,continue to Design and then to Page Element .
9,Click on edit link in menu widget to add link to your categories in this dialog :
Link to your category has structure like this : http://yourblog .blogspot.com/search/label/your category
10,There are many place ready for adding widget ,you can add any you want .
Save changes ,and you are done .
This template is using CSS3 , so in IE8 and older version ,you can't see borders and shadow ,Javascript work well with IE8 ,and other browsers .
I hope this template helpful to you .Feel free to leave me comments ^^
Download
To install this template ,you can follow instruction bellow :
1,Download this template .
2,Open it in any word editor you have .
3,To change logo ,find this code :
<img src='http://img684.imageshack.us/img684/4229/logopa.jpg'/>
and change the link in bold to your logo url .
4, To change subscribe email ,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=Simplex', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input name='uri' type='hidden' value='Simplex'/>
<input name='loc' type='hidden' value='en_US'/>
<p class='email-form'>
<input class='sub' name='email' type='text' value='email address'/>
<input alt='submit' class='btn' type='submit' value='Submit'/>
</p>
<div style='clear: both;'>
<small>Privacy guaranteed. We'll never share your info.</small>
</div>
</form>
and change the text 'Simplex' in bold to your Feedburner account .
5,To change social network accounts ,find this code :
<li class='feed'>
<a href='http://simplexdesign.blogspot.com/feeds/posts/default ' title='Subscribe via RSS Feed'>
<span class='title'>RSS Feed</span><br/>
http://simplexdesign.blogspot.com/feeds/posts/default
</a>
</li>
<li class='twitter'>
<a href='http://www.twitter.com/dinhquanghuy' rel='external' target='_blank' title='Follow Me'>
<span class='title'>Follow Me</span><br/>
twitter.com/dinhquanghuy
</a>
</li>
and change the text in bold to your social network account .
6,To add ads bellow post ,find this code :
<div class='ad250'>
<!--YOUR ADS HERE -->
</div>
and replace 'YOUR ADS HERE' with the code of your ad .This ad will appear bellow your post ,next to Related posts section .
7,Save template and upload it to Blogger .
8,Go to Blogger Dashboard ,continue to Design and then to Page Element .
9,Click on edit link in menu widget to add link to your categories in this dialog :
Link to your category has structure like this : http://yourblog .blogspot.com/search/label/your category
10,There are many place ready for adding widget ,you can add any you want .
Save changes ,and you are done .
This template is using CSS3 , so in IE8 and older version ,you can't see borders and shadow ,Javascript work well with IE8 ,and other browsers .
I hope this template helpful to you .Feel free to leave me comments ^^
One man who mailed to me request a template that can get RSS news from other sites . He has a lot of blogs ,so he want to make a portal that can aggregate latest posts from these blogs. Like a blog network ^^ Here is my result
Live Demo
Download
This template is built base on GAjaxfetcher script from Dynamicdrive.com . I modified and imroved it for making this template .
This template can get RSS from other sites and display it in time order .
How to install this template :
1,Download this template .
2,Open it in any word editor you have
3,In template file ,you will see these div elements :
Here is the code of first category
<div class="box">
<h1>Category 1</h1>
<script type="text/javascript">
var newsfeed=new gfeedfetcher("list1")
newsfeed.addFeed("NYT", "http://www.nytimes.com/services/xml/rss/nyt/International.xml")
newsfeed.addFeed("Yahoo News", "http://rss.news.yahoo.com/rss/world")
newsfeed.filterfeed(5) //Show 5 entries, sort by date
newsfeed.init() //Always call this last
</script>
</div>
Let's take a closer look inside the code
- In this code <h1>Category 1</h1> is the title of category.
- This line var newsfeed=new gfeedfetcher("list1") define the element wrapping arround the RSS news , "list1" is the id of element . Id of element must be unique .
- This line newsfeed.addFeed("NYT", "http://www.nytimes.com/services/xml/rss/nyt/International.xml") will add a RSS feed at address http://www.nytimes.com/services/xml/rss/nyt/International.xml to the list of RSS source for Category 1 ,and NYT is the label of this feed source
-This line newsfeed.addFeed("Yahoo News", "http://rss.news.yahoo.com/rss/world") is similar to the line above
-This line newsfeed.filterfeed(5) //Show 5 entries, sort by date indicate the number of news item will be displayed .
-This line newsfeed.init() //Always call this last will start the function getting feeds from RSS sources above .
Other categories has the same structure .
Now ,everything is very clear .
To change the category name : you can change the text Category .. in <h1>Category ...</h1> to your category name ,for example ,Politics ,Business ...
To add feed sources ,just use this structure newsfeed.addFeed(" feed-label ", " feed address ")
Wanna show more items in each category ? change value "5" in this line newsfeed.filterfeed(5) //Show 5 entries, sort by date
to the value you want .
To add more category ,just copy this code :
and paste it in template .
change the category title ,add your feed ,change the number of item ,and remember to change the "list1" in this line var newsfeed=new gfeedfetcher("list1") to an unique value .
4,To change the logo
find this <img src="http://img684.imageshack.us/img684/4229/logopa.jpg"/> and change http://img684.imageshack.us/img684/4229/logopa.jpg to your logo link .
Save template ,and upload it to Blogger .
Go to Blogger Dashboard ,click on Design - > Page Elements ,you can add or remove any widget you want in the footer .
That's all for this template . I hope this template helpful to your work .Feel free to leave me comments ^^ Thanks .
Live Demo
Download
This template is built base on GAjaxfetcher script from Dynamicdrive.com . I modified and imroved it for making this template .
This template can get RSS from other sites and display it in time order .
How to install this template :
1,Download this template .
2,Open it in any word editor you have
3,In template file ,you will see these div elements :
<div class="box">
<h1>Category 1</h1>
<script type="text/javascript">
var newsfeed=new gfeedfetcher("list1")
newsfeed.addFeed("NYT", "http://www.nytimes.com/services/xml/rss/nyt/International.xml")
newsfeed.addFeed("Yahoo News", "http://rss.news.yahoo.com/rss/world")
newsfeed.filterfeed(5) //Show 5 entries, sort by date
newsfeed.init() //Always call this last
</script>
</div>
<div class="box">
<h1>Category 2</h1>
<script type="text/javascript">
var newsfeed=new gfeedfetcher("list2")
newsfeed.addFeed("BBC", "http://feeds.bbci.co.uk/news/technology/rss.xml")
newsfeed.addFeed("CNN", "http://rss.cnn.com/rss/cnn_tech.rss")
newsfeed.addFeed("Pcworld", "http://feeds.pcworld.com/pcworld/techlog")
newsfeed.addFeed("todaypc", "http://feeds.pcworld.com/pcworld/blogs/todayatpcw")
newsfeed.filterfeed(5) //Show 5 entries, sort by date
newsfeed.init() //Always call this last
</script>
</div>
<div class="box">
<h1>Category 3</h1>
<script type="text/javascript">
var newsfeed=new gfeedfetcher("list3")
newsfeed.addFeed("BBC", "http://news.bbc.co.uk/rss/newsonline_world_edition/uk_news/politics/rss091.xml")
newsfeed.addFeed("CNN", "http://rss.cnn.com/rss/cnn_allpolitics.rss")
newsfeed.addFeed("YN", "http://rss.news.yahoo.com/rss/mideast")
newsfeed.filterfeed(5) //Show 5 entries, sort by date
newsfeed.init() //Always call this last
</script>
</div>
Here is the code of first category
<div class="box">
<h1>Category 1</h1>
<script type="text/javascript">
var newsfeed=new gfeedfetcher("list1")
newsfeed.addFeed("NYT", "http://www.nytimes.com/services/xml/rss/nyt/International.xml")
newsfeed.addFeed("Yahoo News", "http://rss.news.yahoo.com/rss/world")
newsfeed.filterfeed(5) //Show 5 entries, sort by date
newsfeed.init() //Always call this last
</script>
</div>
Let's take a closer look inside the code
- In this code <h1>Category 1</h1> is the title of category.
- This line var newsfeed=new gfeedfetcher("list1") define the element wrapping arround the RSS news , "list1" is the id of element . Id of element must be unique .
- This line newsfeed.addFeed("NYT", "http://www.nytimes.com/services/xml/rss/nyt/International.xml") will add a RSS feed at address http://www.nytimes.com/services/xml/rss/nyt/International.xml to the list of RSS source for Category 1 ,and NYT is the label of this feed source
-This line newsfeed.addFeed("Yahoo News", "http://rss.news.yahoo.com/rss/world") is similar to the line above
-This line newsfeed.filterfeed(5) //Show 5 entries, sort by date indicate the number of news item will be displayed .
-This line newsfeed.init() //Always call this last will start the function getting feeds from RSS sources above .
Other categories has the same structure .
Now ,everything is very clear .
To change the category name : you can change the text Category .. in <h1>Category ...</h1> to your category name ,for example ,Politics ,Business ...
To add feed sources ,just use this structure newsfeed.addFeed(" feed-label ", " feed address ")
Wanna show more items in each category ? change value "5" in this line newsfeed.filterfeed(5) //Show 5 entries, sort by date
to the value you want .
To add more category ,just copy this code :
<div class="box">
<h1>Category 1</h1>
<script type="text/javascript">
var newsfeed=new gfeedfetcher("list1")
newsfeed.addFeed("NYT", "http://www.nytimes.com/services/xml/rss/nyt/International.xml")
newsfeed.addFeed("Yahoo News", "http://rss.news.yahoo.com/rss/world")
newsfeed.filterfeed(5) //Show 5 entries, sort by date
newsfeed.init() //Always call this last
</script>
</div>
and paste it in template .
change the category title ,add your feed ,change the number of item ,and remember to change the "list1" in this line var newsfeed=new gfeedfetcher("list1") to an unique value .
4,To change the logo
find this <img src="http://img684.imageshack.us/img684/4229/logopa.jpg"/> and change http://img684.imageshack.us/img684/4229/logopa.jpg to your logo link .
Save template ,and upload it to Blogger .
Go to Blogger Dashboard ,click on Design - > Page Elements ,you can add or remove any widget you want in the footer .
That's all for this template . I hope this template helpful to your work .Feel free to leave me comments ^^ Thanks .
Yesterday ,my Google code account is banned by Google for violating their TOS . And they deleted all Javascript files of mine ,so many templates can not working . I'm so sorry for this error .
There are 9 templates affected : Simplex Portfolio ,Simplex Auto ,Simplex Blognews ,Simplex Celebrity ,Simplex Enews ,Simplex Newsadvance ,Simplex Portal ,Simplex Timeline ,and Simplex Tube .
Other templates are still good .
There are 9 templates affected : Simplex Portfolio ,Simplex Auto ,Simplex Blognews ,Simplex Celebrity ,Simplex Enews ,Simplex Newsadvance ,Simplex Portal ,Simplex Timeline ,and Simplex Tube .
Other templates are still good .
Some of you asked me for adding Social bookmark button in post in blog . All templates I made are modified ,very different from default template ,so if you are using a automatic service ,scan template and adding social bookmark button in template , you will get no result .
I have a small tip for you all . We can use Addthis service .
You can go to this page and see the list of bookmark button styles you want to add to your blog .
For example ,I will use Tweet+like+share button .
I have a small tip for you all . We can use Addthis service .
You can go to this page and see the list of bookmark button styles you want to add to your blog .
For example ,I will use Tweet+like+share button .
I myself find out that Blogger Search engine is not good . Its result is not accuracy . I search for a term but it give me some posts that is not related to what I search . I don't know why . Many peoples tell me something like that .So I switch to Google search . When your blog is crawled by Google Search engine ,it can search for whole blog with a high accuracy .
To adding Google search to blog ,many people know how ,but in this post ,I still want to write it down . Hope it useful to newbie ^^
To adding Google search to blog ,many people know how ,but in this post ,I still want to write it down . Hope it useful to newbie ^^
My blog used template Simplex Pro for a year .It's a good template ,clean and simple . And now ,after one year ,I think SimplexDesign need a new template .A new template will give us more space to articles, improve the search and sharing tool,and make blog design be unique . So I decide to change it to Simplex Column ,a new template of mine . With a clean interface ,based on grid layout ,I hope you will get better experiences when reading article in my site .
Some peoples ask me how to add an image for people who don't enable their avatar in comments . Yes, I missed this function when making template . In my templates, you see nothing in avatar frame if people who comment don't enable their avatar . Why don't we add an image in avatar frame for them instead of using blank ? Like this
I have a post on how to create an accordion for Blogger ,but it’s a little bit difficult to follow steps and understand how it work .
So in this post ,I will show you another way to create Accordion menu ,and I will try so hard to explain how it work . I hope you will find it helpful and you can create your own menus base on this.
So in this post ,I will show you another way to create Accordion menu ,and I will try so hard to explain how it work . I hope you will find it helpful and you can create your own menus base on this.
Latest version of Simplex Blognews - Click here
In latest version of Simplex Blognews ,Blog Archive and Stay connected are integrated as parts of template file . But the tip in this post can be applied with other templates if you want to add Blog Archive or Stay Connected .
A friend from Greece Konstantinos asked me for adding Stay Connected menu (like in Simplex Newsadvance II ) and Blog Archive to top navigation .
So in this post ,I want to show you how to add Stay connected and Blog Archive menu to top navigation bar . You can see the result in live demo of Simplex BlogNews
In latest version of Simplex Blognews ,Blog Archive and Stay connected are integrated as parts of template file . But the tip in this post can be applied with other templates if you want to add Blog Archive or Stay Connected .
A friend from Greece Konstantinos asked me for adding Stay Connected menu (like in Simplex Newsadvance II ) and Blog Archive to top navigation .
So in this post ,I want to show you how to add Stay connected and Blog Archive menu to top navigation bar . You can see the result in live demo of Simplex BlogNews
