BEST TEMPLATES & THEMES

Simple 7 - Joomla

Simple 7 - Joomla

Description:- File Title:Simple7 File Version:1.0 File Size:1,189.00 Kb Template Demo :Demo DEMO DOWNLOAD …

Jan 12, 2014

CCS3 Contrast - HTML5 / CSS

CCS3 Contrast - HTML5 / CSS

DEMO DOWNLOAD …

Jan 12, 2014

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<img height="460" src="http://www.lovelytemplates.com/wp-content/uploads/2013/01/simplex-big-blue-blogger-template-500x360.jpg" width="640" /></div>
<div style="text-align: center;">
 </div>
<div style="text-align: center;">
 </div>
<div style="text-align: center;">
 </div>
Design Features 
 
 
<ul style="text-align: left;">
<li>Post Thumbnails Show a thumbnail image (small image) for every post using this template</li>
<li>Good Typography Simplex Big Blue template has beautiful Typography (font styles). Your website will look beautiful and readable</li>
</ul>
 
Customization Features 
 
<ul style="text-align: left;">
<li>Widget Ready Simplex Big Blue template comes with many widgetized area. Add your widgets easily using this template</li>
<li>Footer Widgets Simplex Big Blue template comes with footer widgets. Use your footer area effectively for engaging your users</li>
</ul>
 
More Features 
 
 
<ul style="text-align: left;">
<li>SEO Ready Simplex Big Blue template is optimized for Search engines like Google. This template helps your website to rank higher in search engines</li>
<li>Related Posts Simplex Big Blue template shows related posts in the bottom of every post. This improves user engagement of your site</li>
<li>Ad Ready This template comes with my AD ready locations. You can put ad after every post title, after the first post in home page, beside the related posts. Also, AD Widget ready for sidebars.</li>
<li>RSS Buttons Simplex Big Blue template comes with RSS Buttons. Let your user follow you using your RSS feed</li>
<li>Social Buttons This template comes with social buttons like facebook, twitter etc., Let your users share your content easily</li>
<li>Search box Simplex Big Blue template has search box in it. Search box helps your user to find the content easily on your site</li>
<li>Widget Menu This template has Widget menu. Meaning, you do not need to edit the HTML to set up navigation menu</li>
<li>Author Widget Simplex Big Blue template comes with Author widget. Use this widget in post footer. Useful if your blog has multiple authors.</li>
</ul>
 
 
 
LOGO Widget 
 
 
<ul style="text-align: left;">
<li>Go to Layout and </li>
<li>click edit on logo widget. </li>
<li>You can add a logo here if you want (like thesimplexdesign.com). </li>
<li>Otherwise, it will show your blog title automatically like in the demo. </li>
</ul>
 
 
Social Links 
 
 
<ul style="text-align: left;">
<li>Find the following in the template xml file. </li>
<li>Update the href values with your social links</li>
</ul>
 
 
<ul class='social'> 
<li><a class='social-feed' href='http://feeds.feedburner.com/lovelytemplates' rel='nofollow' target='_blank'>RSS feed</a></li> 
<li><a class='social-twitter' href='http://twitter.com/lovelytemplates' rel='nofollow' target='_blank'>Twitter</a></li> 
<li><a class='social-facebook' href='http://www.facebook.com/lovelytemplates' rel='nofollow' target='_blank'>Facebook</a></li> 
<li class='last'><a class='social-youtube' href='https://plus.google.com/u/1/108626685028871955867/posts'>Google+</a></li> 
</ul> 
 
Feedburner Newsletter subscription 
 
Find this code in the template XML file. 
 
<form action='http://feedburner.google.com/fb/a/mailverify' class='newsletter-form' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=lovelytemplates&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'> 
<input class='email' name='email' onblur='if (this.value == &apos;&apos;) {this.value = &apos;E-mail&apos;;}' onfocus='if (this.value == &apos;E-mail&apos;) {this.value = &apos;&apos;;}' type='text' value='E-mail'/> 
<input name='uri' type='hidden' value='Simplex'/> 
<input name='title' type='hidden' value='Simplex'/> 
<input name='loc' type='hidden' value='en_US'/> 
<input class='submit' name='submit' type='submit' value='Submit'/> 
</form> 
 
Replace the above code with your Feedburner email subscription code. In most cases it is enough to just replace uri=lovelytemplates with uri=YOURFEEDURI 
 
AD CODE 1 
 
To add Advertisement to the space between first post and the rests in homepage and archive page 
 
Find this code 
<div class='home-content-ad'> 
<div class='ad-code'> 
 
<div class='clear'/> 
</div> 
<div class='clear'/> 
</div> 
 
And replace the text  to your own ad code. Recommended 468x60 ad unit. 
 
AD CODE 2 
 
To add ad code under post title. Find this code 
 
<div style='margin-top:10px;margin-bottom:10px;'> 
 
</div> 
 
Replace  with your ad code 
 
AD CODE 3 
 
To add ad code in the space next to related posts section. Find this code 
 
<div class='entry-bottom-ad'> 
<h3 class='ad-title'>Advertisement</h3> 
 
</div> 
 
Replace  with your own ad code. 
 
Author info Under Every Post 
 
To edit credit name under each post. Find this 
 
<div class='author-description'> 
<h3>HuyDinhQuang - administrator</h3> 
HuyDinhQuang (known as Nhamngahanh) is a blogger and founder of Simplexdesign blog . Learn more about him <a href='http://www.thesimplexdesign.com/p/about-me.html'>here</a> and connect with SimplexDesign community in <a href='http://twitter.com/dinhquanghuy'>Twitter</a>,<a href='http://www.facebook.com/simplexdesignblog'>Facebook</a>,and <a href='https://plus.google.com/u/1/108626685028871955867/posts'>Google+</a> 
</div>  
 
And replace it with your own author info / bio . 
 
 
Template Layout:- 
 
 
<div style="text-align: center;">
<img height="493" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4fxlDg85YtmZdIrjcFRX341HizwdXKzFT_kQhGSPOPHY4TCrYlCRi_FgC_utCfU9KLWxmxVOhRJqJcNUMfruWZsCNZ7VjJvDEqzo2ntGabjvBjyS60eyu6Si2fHtMAqfYI7TejhuNGIs/s640/simple-big-blue-layout.png" width="640" /></div>
<div style="text-align: center;">
 </div>
<div style="text-align: center;">
 </div>
<div style="text-align: center;">
 </div>
<div style="text-align: center;">
 </div>
<div style="text-align: center;">
 </div>
<div style="text-align: center;">
 </div>
 
 
</div>
<div style="text-align: center;">
<a class="button big blue" href="http://www.lovelytemplates.com/viewdemo/Simplex%20Big%20Blue">DEMO</a>    
<a class="button big blue" href="http://www.lovelytemplates.com/todownload?id=3426">DOWNLOAD</a>

</div>
<div style="text-align: center;">
 </div>
 
 
 </div>

SIMPLEX BIG BLUE - Blogger

Design Features Post Thumbnails Show a thumbnail image (small image) for every post using this template Good Typography Simplex Big Blue template has beautiful Typography (font styles). Your website will look beautiful and readable Customization Features Widget Ready Simplex Big Blue template comes…

Jan 12, 2014

Metro Simple - Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<img height="460" src="http://www.lovelytemplates.com/wp-content/uploads/2013/01/metro-simple-blogger-template-500x360.jpg" width="640" /></div>
<div style="text-align: center;">
 </div>
<div style="text-align: center;">
 </div>
<div style="text-align: center;">
 </div>
Design Features 
 
<ul style="text-align: left;">
<li>Post Thumbnails Show a thumbnail image (small image) for every post using this template</li>
<li>Featured Post Show featured posts in home page using this template. Engage your users by showing your top content in home page</li>
<li>Hierarchical Menu Metro Simple template comes with hierarchical dropdown navigation menu.</li>
</ul>
 
Customization Features 
 
<ul style="text-align: left;">
<li>HTML Menu Navigation menu for this template is customizable in HTML. Edit the HTML to add your menu links</li>
<li>Widget Ready Metro Simple template comes with many widgetized area. Add your widgets easily using this template</li>
<li>Footer Widgets Metro Simple template comes with footer widgets. Use your footer area effectively for engaging your users</li>
</ul>
 
More Features 
 
<ul style="text-align: left;">
<li>SEO Ready Metro Simple template is optimized for Search engines like Google. This template helps your website to rank higher in search engines</li>
<li>Related Posts Metro Simple template shows related posts in the bottom of every post. This improves user engagement of your site</li>
<li>Ad Ready Use this template to show Banner advertisement or Google ads easily. Make money using your site</li>
<li>RSS Buttons Metro Simple template comes with RSS Buttons. Let your user follow you using your RSS feed</li>
<li>Social Buttons This template comes with social buttons like facebook, twitter etc., Let your users share your content easily.</li>
</ul>
 
 
Navigation Menu 
 
Find following code in the template 
<ul id='main_menu'> 
<li class='top_menu'><a expr:href='data:blog.homepageUrl' style='padding:0px'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-NZufbfLBCfXJCClCZf3eWAYzJ-oK9rItvx0U88CEBPR-TrKm8ejSPGDfpLyi6N1A5rYVY5s_-sayYaYuc_fIDyLGi6w-96_-OdovI0qvYOj9TanOHCpCpsSA82Zd29p0L5lYu65zqy6g/s0/home.png'/></a> 
<ul> 
<li><a href=''>Blogger News</a> </li> 
<li><a href=''>Support</a> </li> 
<li><a href=''>Sitemap</a> </li> 
<li><a href=''>About</a> </li> 
<li><a href=''>Contact</a> </li> 
<li><a href=''>Policy</a> </li> 
</ul> 
</li> 
......... 
Edit the above code and add your navigation links 
 
Featured Posts in Home page 
 
This is going to be little challenging. Follow the steps below carefully. 
 
 
<ul style="text-align: left;">
<li>First of all decide which Label (category) you want to use for Featured posts section. </li>
<li>In the demo, we used a label called "hot". </li>
<li>All posts from "hot" label are displayed as Featured post.</li>
</ul>
 
 
 
<ol style="text-align: left;">
<li>Go to Layout, </li>
<li>Click Edit on Feature Gadget. </li>
<li>Make sure ONLY following options are checked in the Show section. </li>
<li>Please uncheck if Icons and/or Date of last update is already selected</li>
</ol>
 
 
Title of Most Recent Item 
Snippet of most recent item 
Thumbnail of most recent item 
 
Now, you have to add 4 blog list URLs to display 4 featured posts in the home page.  
Please add exactly 4 urls. I added following URLs to the blog list 
 
 
<ul style="text-align: left;">
<li>http://metro-simple-lovely.blogspot.com/feeds/posts/default/-/hot?start-index=1</li>
<li>http://metro-simple-lovely.blogspot.com/feeds/posts/default/-/hot?start-index=2</li>
<li>http://metro-simple-lovely.blogspot.com/feeds/posts/default/-/hot?start-index=3</li>
<li>http://metro-simple-lovely.blogspot.com/feeds/posts/default/-/hot?start-index=4</li>
</ul>
 
 
Here "hot" in the url refers to the Label that you want to use. Index number refers to the recent post number to display. Do not forget to change the domain in the above urls. I used http://metro-simple-lovely.blogspot.com to refer to my blog. Use your blog url instead. 
 
 Now, you are all done. You may have to wait up to 24 hours for this to work. 
 
Advertisement Management 
 
This template comes with several HTML/Javscript widgets to put your adsense code or a banner ad. 
 
 
<ul style="text-align: left;">
<li>Header 468X60 -- </li>
<li>Go to Layout. Edit HTML/Javascript widget next to Favicon and Header in the top right corner. </li>
<li>Place your ad code here. Sidebar 300x250 -- </li>
<li>Go to Layout. Edit the first HTML/Javascript widget in the sidebar and put your ad code. </li>
</ul>
 
 
Footer Ad  
 
<ul style="text-align: left;">
<li>Put your ad code in any HTML/Javascript widgets in the footer</li>
</ul>
 
 
Social Buttons 
 
 
<ul style="text-align: left;">
<li>Code for Social Widget is available in SocialWidget.txt file in the downloaded zip. </li>
<li>Copy this code. </li>
<li>Go to Layout and click Edit on the second HTML/Javascript widget in the sidebar. </li>
<li>Paste the code copied. You should change the links to social sites with your links.</li>
</ul>
 
 
Recent comments 
<div style="text-align: left;">
</div>
<ul style="text-align: left;">
<li>Code for Recent comments widget is available in Recentcomments.txt file in the downloaded zip. </li>
<li>Copy this code. </li>
<li>Go to Layou and click Edit on the HTML/Javascript widget just above the Friends Widget. Paste the copied code.</li>
</ul>
 
Template Layout:- 
 
 
<div style="text-align: center;">
<img height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeE_H7uJBILFb9oJQbnpTEiQ6DM-G15mkChFoYF4LNvQkd3EqE4dy9RodSB1sPY6_BPAgR6mu3NF3nYIOYe8xjmPiNMTlA0iaFP1h0VYoBIYeAFVj_Z4tbQnGFgRdBou5elsaNkfODmBg/s640/metro-simple-layout.png" width="572" /></div>
 
 
 
 
</div>
<div style="text-align: center;">
<a class="button big blue" href="http://www.lovelytemplates.com/viewdemo/Metro%20Simple">DEMO</a>     <a class="button big blue" href="http://www.lovelytemplates.com/todownload?id=2714">DOWNLOAD</a>

Metro Simple - Blogger

Design Features Post Thumbnails Show a thumbnail image (small image) for every post using this template Featured Post Show featured posts in home page using this template. Engage your users by showing your top content in home page Hierarchical Menu Metro Simple template comes with hierarchical drop…

Jan 12, 2014

Float - Blogger

</div>
<div style="text-align: center;">
 </div>
 
 
 
 
 
 </div>

Float - Blogger

Design Features Good Typography Float template has beautiful Typography (font styles). Your website will look beautiful and readable Hierarchical Menu Float template comes with hierarchical dropdown navigation menu. Custom web fonts Float template uses Web fonts like Google Fonts. Improve your webs…

Jan 12, 2014

JOHNY EMBER - Blogger

</div>
<div style="text-align: center;">
 </div>
 
 
 
 </div>

JOHNY EMBER - Blogger

Design Features Slide Show Johny Ember template has slide show (slider) in home page. Show your featured content in an easy to use slider Post Thumbnails Show a thumbnail image (small image) for every post using this template Featured Post Show featured posts in home page using this template. Engag…

Jan 12, 2014

Putih Pekat - Blogger

</div>
<div style="text-align: center;">
 </div>
<div style="text-align: center;">
 </div>
<div style="text-align: center;">
 </div>
<div style="text-align: center;">
 </div>
<div style="text-align: center;">
 </div>
<div style="text-align: center;">
 </div>
<div style="text-align: center;">
 </div>
</div>

Putih Pekat - Blogger

Design Features Minimalist design Want to have a simple but beautiful website? This template has minimal design by giving importance to content Slide Show Putih Pekat template has slide show (slider) in home page. Show your featured content in an easy to use slider Post Thumbnails Show a thumbnail …

Jan 12, 2014

Simple Red - Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<img height="460" src="http://www.lovelytemplates.com/wp-content/uploads/2013/01/simple-red-blogger-template-500x360.jpg" width="640" /></div>
<div style="text-align: center;">
 </div>
<div style="text-align: center;">
 </div>
<div style="text-align: left;">
 </div>
<div style="text-align: left;">
 </div>
Design Features 
 
<ul style="text-align: left;">
<li>Slide Show Simple Red template has slide show (slider) in home page. Show your featured content in an easy to use slider</li>
<li>Post Thumbnails Show a thumbnail image (small image) for every post using this template</li>
<li>Good Typography Simple Red template has beautiful Typography (font styles). Your website will look beautiful and readable</li>
<li>Featured Post Show featured posts in home page using this template. Engage your users by showing your top content in home page</li>
<li>Custom web fonts Simple Red template uses Web fonts like Google Fonts. Improve your website typography by using custom fonts</li>
</ul>
 
Customization Features 
 
<ul style="text-align: left;">
<li>Widget Ready Simple Red template comes with many widgetized area. Add your widgets easily using this template</li>
</ul>
 
More Features 
 
<ul style="text-align: left;">
<li>SEO Ready Simple Red template is optimized for Search engines like Google. This template helps your website to rank higher in search engines</li>
<li>Ad Ready Use this template to show Banner advertisement or Google ads easily. Make money using your site</li>
<li>RSS Buttons Simple Red template comes with RSS Buttons. Let your user follow you using your RSS feed</li>
<li>Social Buttons This template comes with social buttons like facebook, twitter etc., Let your users share your content easily</li>
<li>Search box Simple Red template has search box in it. Search box helps your user to find the content easily on your site</li>
<li>Widget Menu This template has Widget menu. Meaning, you do not need to edit the HTML to set up navigation menu</li>
</ul>
 
 
 
 
Template Layout:- 
 
 
<div style="text-align: center;">
<img height="553" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOPvx578_tqRL47a-WrBc8MsWyfiiPMjx6kG8hMlDGo7edPgftnhmy3srkYTrLpZxBoy4eFLhaDUFiWBDkvoEP2kP5v2iNqbT_U3eyaUKtpn7vaZHIydp0FVDylvhLok75br6jrMWgFHk/s640/simple-red-blogger-layout.png" width="640" /></div>
<div style="text-align: center;">
 </div>
<div style="text-align: center;">
 </div>
<div style="text-align: center;">
 </div>
<div style="text-align: center;">
 </div>
<div style="text-align: center;">
 </div>
<div style="text-align: center;">
 </div>
<div style="text-align: center;">
 </div>
 </div>
<div style="text-align: center;">
<a class="button big blue" href="http://www.lovelytemplates.com/viewdemo/Simple%20Red">DEMO</a>    
<a class="button big blue" href="http://www.lovelytemplates.com/todownload?id=2981">DOWNLOAD</a>

Simple Red - Blogger

Design Features Slide Show Simple Red template has slide show (slider) in home page. Show your featured content in an easy to use slider Post Thumbnails Show a thumbnail image (small image) for every post using this template Good Typography Simple Red template has beautiful Typography (font styles)…

Jan 12, 2014

Galauness - Blogger

Galauness - Blogger

Design Features Minimalist design Want to have a simple but beautiful website? This template has minimal design by giving importance to content Post Thumbnails Show a thumbnail image (small image) for every post using this template Good Typography Galauness template has beautiful Typography (font s…

Jan 12, 2014

Load more posts

BEST TEMPLATES & THEMES

Simple 7 - Joomla

CCS3 Contrast - HTML5 / CSS

SIMPLEX BIG BLUE - Blogger

Metro Simple - Blogger

Float - Blogger

JOHNY EMBER - Blogger

Putih Pekat - Blogger

Simple Red - Blogger

Galauness - Blogger

Blogger Templates

Joomla Templates

Durpal Templates

Wordpress Themes

Featured Slider