Blogger Store

Created for bloggers who want to start an e-commerce or shopping site, Blogger Store is a professional looking template compatible with Paypal or Google Checkout

  • Animated shopping cart
  • Dual dropdown menu bar
  • Automatic featured content carousel
  • Grid and list style post view
Blogger store shopping blogger template

Lightroom Photo Blog Template

A beautiful photo blog template that displays photos in gallery format and is available in two styles basic and advanced

  • Switchable background
  • Attractive theme font
  • Integrated social media icons
  • Left sidebar and navigation menu
Lightroom Photo Blog Template


Magazine style theme adapted from wordpress

  • Featured slider section
  • Dual menu bar
  • Tabbed widget
  • 4 column footer
Magpress Magazine style Blog Template


A simple theme with a clean layout

  • Full width featured slider
  • 4 column footer
  • Social widgets integrated
Sens Blogger template

Pop Out Social Bookmarking Widget

A nice-looking pop out social bookmarking widget that allows readers to share their favorite post easily

  • Neat display
  • Easy to install
Add pop out social bookmarking widget for blogger

Tarnished Blogger Template edit post

Posted by Bhavika On Sunday, August 26, 2012
Tarnished is a premium wordpress theme converted to blogger by Sora. Its a lovely template including featured image and video slider, navigation bar with drop down, page navigation widget, header banner, 4 column footer and social bar.
Tarnished Blogger Template
For the header banner, look for the following code in Edit Html and replace it with yours, banner size must be 468px × 60px -
<a href='#'><img border='0' src=''/></a>
To edit the menu bar, go to Edit Html and search for this code -
<div id='menu'>
<ul class='menu' id='menu-header'>
<li><a href='#'>Home</a></li>
<li><a href='#'>Pages</a>
<ul class='sub-menu'>
<li><a href='#'>Page With Left Sidebar</a></li>
<li><a href='#'>Page With Right Sidebar</a></li>
<li><a href='#'>Full Width Page</a></li>
You have to replace '#' with the relevant category links, add the categories, under 'sub-menu' you can add your sub-categories etc. Moving on to the featured content slider, this is the code you have to look for in Edit Html -
<div class='slider' id='slideshow' style='width: 950px; height: 450px;'>

<div class='slide' style='width: 950px; height: 450px;'>
<div class='caption-overlay caption-bottomright caption-dark'>
<h2>Nunc arcu ipsum</h2></div>
<img class='slider-image' src='' style='width: 950px; height: 450px;'/>

<div class='slide' style='width: 950px; height: 450px;'>
<div class='caption-frame caption-right caption-light' style='width: 275px; height: 408px;'>
<h2>Faucibus felis</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce nec consectetur nibh. Nulla facilisi. Vestibulum non ullamcorper arcu. Mauris pellentesque consequat justo, eget pellentesque odio ullamcorper eu. Ut neque ligula, mollis quis hendrerit ac, ullamcorper et augue. Vivamus auctor faucibus felis in porta. Sed ac lorem ligula, et auctor sapien.</p></div>
<img class='slider-image' src=''/>
You have to add the post title between '<h2> ......</h2>' replace the jpg link with your image url, and add post description between '<p>.....</p>', repeat the steps in all the slides, except in case of a video slide, this is the code you have to look for in Edit Html, its below the above code -
<div class='slide-video' style='width: 950px; height: 450px;'>
<div id='fadeslider-video-2305'/>
file: &quot;;hd=1&quot;,
image: &quot;;,
Add your YouTube video link (marked in bold), replace the image link (in bold), and save the changes.
Keep the image size 950 px x 450 px if you want to put up a full-width image without description and post title, if you want to add a description and post title then keep the image size 633px × 450px. Below the main slider is thumbnail version of the same slider, you have to upload the thumbnail images for the same. You have to find the below code, simply replace the image urls (in bold) in each slide, thumbnail size must be 109 px x 54 px -
<span class='slider-button'>
<img src='' style='width: 109px; height: 54px;'/>

<span class='slider-button'>
<img src='' style='width: 109px; height: 54px;'/>
The latest posts neatly displays in summarised format with labels, date and comments. The page navigation widget at the bottom of the main column has to be configured, search for the below code, and change the number of posts -
var pages=4, (Number of posts in each page)
num=2, (Number of buttons will display)
The social media widget is above the footer, you can add your profile links, RSS and mail id in the below code -
<div id='social'>
<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'><img src=''/></a>
<a href='mailto:#'><img src=''/></a>
<a href=''><img src=''/></a>
<a href=''><img src=''/></a>
<a href=''><img src=''/></a>
<a href=''><img src=''/></a>
The footer can be modified from Layout-edit Page Elements and show different blogger widgets.
Download Tarnished Blogger Template
Share this Blogger Template:
edit post

0 Response to "Tarnished Blogger Template"

Post a Comment

    Recent Templates

    Recent Comments

    Video Guides