Spice Up Your Blog Template

Spice-up-your-blog-Blogger-Template

Labnol Blogger Template

labnol blogger template

Lord HTML Blogger Template

Blogism Blogger Template 2013

Blogism Blogger Template Large Layout

MBT(My Blogger Tricks) Blogger Template V 2.0

mbt-blogger-template-v-2
Live Demo DOWNLOAD

MXfluity Blogger Template

MXfluity Responsive Blogger Template 
 
DEMO
DOWNLOAD

MyTimeLine Blogger Template

MyTimeLine Responsive Blogger Template 
 
DEMO
DOWNLOAD

MyExtraNews Blogger Template

MyExtraNews Blogger Template
 
DEMO
DOWNLOAD

Media Online Blogger Template

Media Online Blogger Template is a magazine style blogger template with vertical featured content slider, clean and elegant design template. This template suitable for news style blogs

Features of this template
  • Magazine style blogger template
  • vertical featured content slider
  • 2 and 3 column template
  • 4 column footer
  • title post for newer an older post
  • auto recent posts per label/category
  • ads ready
  • drop down menu

media online blogger template

Setting Media Online Blogger template

When you install this template, make sure to fill up all featured post per label/category.

1. Setting featured content slider
Go to Template > Edit HTML > Proceed and fond this code below :
a. Small thumbnail

<li class='ui-tabs-nav-item ui-tabs-selected' id='nav-fragment-1'><a href='#fragment-3'><img alt='testing' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4bGDxychyebtTOxfPRSAfFQal3Crnt3BiovcKWa-jw_7VkO2e58rCGlTA17m38_-JBRt5kKhres0Yhl2-H-60G1tT_zlRQa54uUHQBtRsWskk8oAU-5PccqlRy3BD-KNCZDzsTM56TXA/s1600/DheTemplate.png'
width='80'/><span>DheTemplate Blogger Template</span></a></li>

Replace :
blue color with image ALT
red color with image link
green color with short title

b. Big thumbnail
<div class='ui-tabs-panel ui-tabs-hide' id='fragment-3' style=''>
<img alt='testing' height='290' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4bGDxychyebtTOxfPRSAfFQal3Crnt3BiovcKWa-jw_7VkO2e58rCGlTA17m38_-JBRt5kKhres0Yhl2-H-60G1tT_zlRQa54uUHQBtRsWskk8oAU-5PccqlRy3BD-KNCZDzsTM56TXA/s1600/DheTemplate.png' width='420'/>
<div class='info'>
<h3><a href='http://www.main-blogger.com/'>Main Blogger</a></h3>
<p>Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros...<a href='http://www.main-blogger.com/'>More</a></p>
</div>
</div>

Replace :
blue color with image ALT
red color with image link
orange color with link and title featured content
green color short description

2. Setting recent posts per category
This template support auto recent posts per category/label. You just need type the label/category name in widget section

Go to Layout, click "Edit" the auto recent posts widget (see image below)
media online blogger template

3. Setting recent posts per category
Go to Template > Edit HTML > Proceed and find this code below :

<li class='facebook'><a href='/' title='Add Our Facebook'>Facebook</a></li>
<li class='twitter'><a href='/' title='Follow Our Twitter'>Twitter</a></li>
<li class='rss'><a href='/' title='Subscribe RSS Feed'>RSS</a></li>
<li class='email'><a href='/' title='Subscribe Email Feed'>Email</a></li>

Replace :
"/" with your id link

4. Setting banner 125*125px
For perfect view banner 125*125px, the code should be like this :

<span class='banner'>
Your banner ad codes here
</span>
 

* By downloading and using this template, you agree with our Term & License

Updates

1. Layout

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='featuredNews'>

Replace that code with this one :
<div class='clear'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='featuredNews'>

2. JavaScript code for tabview
Go to Template > Edit HTML > Proceed and find this code below :

<script src='http://dl.dropbox.com/u/14915514/JavaScript/codejquery-1.2.6.min.js' type='text/javascript'/>

Replace that code with this one :
<script src='http://freetemplate.googlecode.com/files/codejquery-1.2.6.min.js' type='text/javascript'/>

Let me know if you have any question or anything else about this template

Possibility Blogger Template

Possibility Blogger template is a magazine style template with clean and minimalist design template and stylish header. This template designed for all type of blogs

Features of this template :
  • magazine style template
  • featured content slider
  • 2 column blogger template
  • clean and minimalist design template
  • drop down menu navigation
  • tabview ready
  • ads ready
    • and more

possibility blogger template

Setting Possibility Blogger template

1. Setting Featured content
Go to Template > Edit HTML > Proceed and find this code below :

<div class='contentdiv'>
<div class='thumbnailz'>
<img alt='ALT_IMG' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF5NBq_TEbBmVySXikhU8YpElWFMSznoAKA55s0q85CaTnjh53PFkT2IohZSR2oF0OgGpF5Xl7dNBXVWWAI2s3BBUbXahNLENsPl2luwwmnbi-GFx9NnVGaJsCFcsa4UdeMO1UsseQ1FU/s1600/london-5.jpg'/>
</div>
<div class='desc'>
<h2><a href='/'>Featured 1</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat <a href='#LINK'>Readmore...</a></p>
</div>
</div>

Replace :
Green color with image ALT
Blue color with image link
Red color with link and title post
Brown color with short description

2. Setting Twitter and Facebook link
Go to Template > Edit HTML > Proceed and find this code below :

<li class='twitter'><a href='http://twitter.com/DheTemplate' title='Follow Us'>Twitter</a></li>
<li class='facebook'><a href='http://www.facebook.com/dhetemplate' title='Join with Us'>Facebook</a></li>

Replace :
Red color with your Twitter and Facebook link

3. Setting banner 125*125px
For perfect view banner 125*125px, the code should be like this :
<div class='banner'>
Your banner code here
</div>

* By downloading and using this template, you agree with our Term & License

Updates

JavaScript code for tabview
Go to Template > Edit HTML > Proceed and find this code below :
<script src='http://dl.dropbox.com/u/14915514/JavaScript/codejquery-1.2.6.min.js' type='text/javascript'/>

Replace that code with this one :
<script src='http://freetemplate.googlecode.com/files/codejquery-1.2.6.min.js' type='text/javascript'/>

Accrebility Blogger Template

Accrebility Blogger Template is a magazine style blogger template with elegant design template and dark grain background.

Features of this template are :
  • Magazine style blogger template
  • vertical featured content slider
  • 2/3 column template
  • 3 column footer
  • tabview ready
  • drop down menu navigation
  • ads ready
  • support Template Designer
    • and more

accrebility blogger template

Setting Accrebility Blogger Template

1. Featured content slider
Go to Template > Edit HTML > Proceed and find these code below :
a. Small thumbnail
<li class='ui-tabs-nav-item ui-tabs-selected' id='nav-fragment-1'><a href='#fragment-1'><img alt='featured 1' height='45' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwu4D4BYY_hblbpzZIc-ejTj2qLjpc3o4COVoJCcfZE5XLuDKljv2H0KK8Q7GVzAjRx4cKQWX_GXOO9A6-4qMd1tgL3uJfdWWndMlpRFC0Q8H7DoMqon6XNPMBCIyXhFtqs3O3LLmhE2E/s400/muse.jpg' width='60'/><span>Small Thumbnail Featured Post 1</span></a></li>

Replace :
Blue color with image ALT
Red color with image link
Green color with short title

b. Big thumbnail
<div class='ui-tabs-panel ui-tabs-hide' id='fragment-1' style=''>
<img alt='featured 1' height='280' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwu4D4BYY_hblbpzZIc-ejTj2qLjpc3o4COVoJCcfZE5XLuDKljv2H0KK8Q7GVzAjRx4cKQWX_GXOO9A6-4qMd1tgL3uJfdWWndMlpRFC0Q8H7DoMqon6XNPMBCIyXhFtqs3O3LLmhE2E/s400/muse.jpg' width='410'/>
<div class='info'>
<h2><a href='http://www.dhetemplate.com/'>Featured Post Title 1</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt...</p>
</div>
</div>

Replace :
Blue color with image ALT
Red color with image link
Green color with title featured content
Brown color with short description

1. Setting Social Network
Go to Template > Edit HTML > Proceed and find this code below :
<li class='google'><a href='https://plus.google.com/u/0/111461490683022468168' title='Add Our Google+'>Google+</a></li>
<li class='facebook'><a href='http://www.facebook.com/pages/DheTemplatecom/155560907838878' title='Add Our Facebook'>Facebook</a></li>
<li class='twitter'><a href='http://twitter.com/DheTemplate' title='Follow Our Twitter'>Twitter</a></li>
<li class='rss'><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' title='RS feed blog'>RSS Feed</a></li>

Replace :
Red color with your id

3. Setting banner 125*125px
For perfect view banner 125*125px, the code should be like this :
<div class='banner'>
Your banner ad code here
</div>

* By downloading and using this template, you agree with our Term & License

Updates

JavaScript code for tabview
Go to Template > Edit HTML > Proceed and find this code below :
<script src='http://dl.dropbox.com/u/14915514/JavaScript/codejquery-1.2.6.min.js' type='text/javascript'/>

Replace that code with this one :
<script src='http://freetemplate.googlecode.com/files/codejquery-1.2.6.min.js' type='text/javascript'/>

Main Photo Responsive Blogger Template

Main Photo responsive Blogger template is my first responsive Blogger template with minimalist and clean design. I create this template for photography or gallery blog

Features of this template :
  • Responsive blogger template both of desktop and mobile view
  • Support Template designer. You can edit the background image, font family, font size, font color and others in Template Designer
  • Featured image slider with auto recent post per label
  • Minimalist and clean design template
  • Compatible with modern browsers
  • 2 column template
  • 3 column footer
    • and more

I don't set up the menu navigation. You can create it as you want. for the search box and subscribe via email, it's a default from Blogger. You can add it from Layout section.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm-fcB7CWE3UueeD1mDsW1HgeeeC_I8T1LZxGcWa8ZeGc_sh_8izv1hAV4GPjfMmuPm_wXMQLxqYydWIlTqDi2j1sCZvwmHTpulZX5O49QrQRnHO3pm_zjs4ZdoYSfqcwWqxzH34BjYYVw/s1600/mainphoto.jpghttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUiPUEJNz50ylJzSH9Dz2gj54WLk4fwu6Tsxy7bibWeqZn33_1lsIRDVUH2YlDF0zxw7Qx3fJKJfvR6FBNMG8NXgaD7u1XzN4T_5vqD8WFv-iVV4H6kcJMeAYydU1v-BUybgm9G7Lv0m-s/s1600/homepage-mobile.jpg 

Setting Main Photo Responsive Blogger template


1. General setting
Before install this template, make sure to change the mobile view.
Go to Template > click the Gear icon > click Yes. Show mobile template on mobile devices. > choose Custom (please see the image below)
photography template mobile view

* this setting recommended if in your current setting for mobile view is No. Show desktop template on mobile devices

2. Setting Featured Image Slider
This template support image slider with auto recent post per label/category. You just need type the Label name in widget section.
Go to Layout > click "Edit" Looped Slider widget
template for photography

* Case sensitive. make sure you write correctly

3. Setting social networks
Go to Design > Edit HTML > Proceed and find this code below :

<div class='network'>
<ul>
<li><a href='https://twitter.com/ireng_ajah'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7hv7KPRHqE39j_LCALZk0BjRyoK6OT_wO19IvWbgrR8g3DV5DFH5OsV9k7QIw7wn_7fAZ5VBn78EI23T_JAnr359CLuWIWaxxPn981GXQ84U4pcW-TMjQf7seqVRPFBiP4pc6Ll3nlp70/s1600/twitter.png' title='Main Blogger on Twitter'/></a></li>
<li><a href='https://www.facebook.com/MainBlogger'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6Ke4F68fZ4wj07r5JKVf9fefJ14dqA0zcweCvrL_Qd3h3yJJTnDJ7ZGrwoC0MR7NIHY2u4SEOJenu138kh9r0v_6kHqAhMEV3PFKTKV_ErdbOvG2GWdYTcA79eZzPNFIfj8QDYimnHl5R/s1600/facebook.png' title='main Blogger on Facebook'/></a></li>
<li><a href='https://plus.google.com/111461490683022468168'><img alt='Google+' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGIAFNlgpgbzePKlG9bCq4htk6-Bben5Kdx6yOffHJUvfHR5VYeeOOBdNcNpVuE5RDcAIzbov6PURNgY0C082XwYrwJ4WQx6NXvfam43O5hTMFM7zu5n9g-rWnEjRlOA1Oqf8RixQuSRYE/s1600/gplus.png' title='Main Blogger on Google+'/></a></li>
<li><a href='http://feeds.feedburner.com/mainbloggerz'><img alt='RSS Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0rM9dOXVlBt7OUm9_JtK5TEEfu3euAEmwRAldCu8t3C8POF4AYvn7NrdBFiB4ejsyQeCZL4teOGTOKxP3R4OhypWSe933sdhLsaPBPQ6wMu0Oq_Y1BqbbAAtTfG0ouaUxTqfvYTiFIINN/s1600/rss.png' title='Subscribe RSS Feed Main Blogger'/></a></li>
</ul>
</div>

Replace : Red color with you social and RSS feed links

4. Setting Menu navigation on Bottom
Go to Design > Edit HTML > Proceed and find this code below :

<div class='creditl'>
<ul>
<li><a href='/'>Home</a></li>
<li><a href='/p/about.html'>About</a></li>
<li><a href='/p/advertise.html'>Advertise</a></li>
<li><a href='/p/contact-us.html'>Contact Us</a></li>
</ul>
</div>

Replace : Red color with link and title menu

5. Setting Banner Ad 125*125px
For perfect view, the structure of banner ad 125*125px should be like this

<ul class='ads'>
<li>YOUR_LEFT_BANNER_CODE_HERE</li> <!-- Left banner -->
<li class='last'>YOUR_RIGHT_BANNER_CODE_HERE</li> <!-- Right banner -->
</ul>

6. Setting Widget on Mobile
To display widget on mobile or/and desktop, you can add these codes

mobile='yes'
mobile='no'
mobile='only'

For example, you want to add Popular Post widget. Default Popular Post widget look like this :
<b:widget id='PopularPosts1' locked='false' title='Popular' type='PopularPosts'/>

Then, you want to display on mobile too. So, the Popular Post widget code will be like this
<b:widget id='PopularPosts1' mobile='yes' locked='false' title='Popular' type='PopularPosts'/>

For more detail, you can see on this post
http://code.blogger.com/2011/11/introducing-custom-mobile-templates.html

* By downloading and using this template, you agree with our Term & License

* Don't forget to check the demo live on you mobile

Blogpress Free



Live Demo
Download Theme

Martin Template



TheTuts Blogger Template

TheTuts Blogger Template 
 
DEMO DOWNLOAD

Aware Blogger Template

Aware Blogger Template 
DEMO DOWNLOAD

DOWNLOAD TEMPLATE BLUE SIMPLE SEO

hai sobat blogger,terima kasih sebelumnya sudah mau berkunjung disini.......,nah pada postingan sore ini saya akan men-share template credit saya sendiri yang saya namakan BLUE SIMPLE SEO v1..

untuk screenshotnya bisa di lihat di bawah ini
kalau dari dekat seperti ini

ok udah lihat screenshotnya...????
dan sekarang silahkan lihat demo dan download templatenya
DEMO | DOWNLOAD
fitur-fitur yang saya tambahkan antara lain :
  • SEO ready
  • META TAG ready
  • tag heading h1 ready
  • related post with tumbhnails or now ready
  • kotak admin ready
  • emoticon kucing lucu ready
  • breadcumbs ready
  • modifikasi blockquote ready
  • dll
gimana..,
tertarik...hehehehe
ok...,selamat mencoba.....????
pesan : jangan pernah merubah credit yang sudah admin tulis,misal
hargailah karya sesama blogger........thanks