Bloggerspan - Free Blogger Templates: Silverline

Demo | Download

Silverline, 3 columns free Premium Style Blogger template which comes with featured content slideshow, auto read more and much more.

Features:

3 Columns
Fixed Width
Left/Right Sidebar
Widget ready
Adsense ready
Twitter ready
125x125 ad ready
Threaded Comments Ready
Automatic Thumbnails on posts
Automatic Post Summarize
PSD Custom Logo Included
Social Bookmarking Icons
Feedburner Email Subscription ready

Installation Guide :
1 . Edit the top Navigation links :

Go to layout >> Edit HTML and find this code (make the "expand widget templates " option checked.)

<ul>
 <li><a href='YOUR-BLOG-URL' title='Home'>Home</a></li>
 <li ><a href='YOUR-BLOG-URL' title='About'>About</a></li>
<li ><a href='YOUR-BLOG-URL' title='Archives'>Archives</a></li>
<li ><a href='YOUR-BLOG-URL' title='Contact'>Contact</a></li>
<li ><a href='YOUR-BLOG-URL' title='Disclaimer'>Disclaimer</a></li>
<li ><a href='YOUR-BLOG-URL' title='Forum'>Forum</a></li>
<li ><a href='YOUR-BLOG-URL' title='Subscribe'>Subscribe</a></li>
<li ><a href='YOUR-BLOG-URL' title='History'>History</a></li>
<li ><a href='YOUR-BLOG-URL' title='Profiles'>Profiles</a></li>
 </ul>

Replace YOUR-BLOG-URL with your blog url's and change their anchor text .

2 . Edit the logo :
The logo *psd (photoshop) file is included in the download file. Open it with Photoshop and Edit the logo and Save it in .jpg format.
Next, upload that image to some image host like tinypic, photobucket,etc.. and get the image link to that file.
Help : Don't have photoshop ? or don't know how to edit the logo ? Leave a comment here with your site name.. I'll make it for you..

Find this code :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA73FMPH6AIiZN_3b797RTL2zAuoRwCSynbN0Hx26mrgdxjyfSfeoYas5gmYj7F-UDbIABnqzRrNrK8wKVWQ27NW493byH5ZPw7OX2wjJaRmI301aKXkID6Q6AfgIPP0SXKxK_-XJEm24/s1600/logo.png

and replace it with your image url .

3 . Edit the Latest tweets :
Find this code

<div id='twitter'>
        <div id='twitter-inside'>

<div id='twitter_div'>
<h2 style='display: none;'>Twitter Updates</h2>
<ul id='twitter_update_list' style=' list-style-type: none;'/>
<a href='http://twitter.com/bloggerspan' id='twitter-link' style='display:block;text-align:right;'>follow me on Twitter</a>
</div>
<script src='http://twitter.com/javascripts/blogger.js' type='text/javascript'/>
<script src='http://twitter.com/statuses/user_timeline/bloggerspan.json?callback=twitterCallback2&amp;count=1' type='text/javascript'></script>
        </div>

      </div>

Replace 'bloggerspan' with your twitter id.

4 . Edit Feed burner subscription :
Find this code

http://feedburner.google.com/fb/a/mailverify?uri=bloggerspan

and

http://feeds2.feedburner.com/bloggerspan

Replace 'bloggerspan' with your Feedburner id .

5 . Edit Social bookmarking links :
Find this code

<div class='share-list'>
            <ul>
<li><a href='http://YOUR-FEED-BURNER-URL.COM' target='_blank'>Subscribe</a></li>
<li><a href='http://digg.com/users/YOUR USERNAME' target='_blank'>Digg</a></li>
<li><a href='http://www.facebook.com/people/YOUR NAME' target='_blank'>Facebook</a></li>
<li><a href='http://YOUR NAME.stumbleupon.com'>Stumble It!</a></li>
</ul>
          </div>

          <div class='share-list2'>
            <ul>
   <li><a href='http://technorati.com/faves?add=http://YOUR-BLOG.BLOGSPOT.COM/'>Technorati</a></li>
<li><a href='http://twitter.com/YOUR NAME' target='_blank'>Twitter</a></li>
            </ul>
          </div>

and replace your id's accordingly.

6 . Featured content slide show :
Find this code

<div id='myGallery'>
  <!-- First Picture Start -->
  <div class='imageElement'>
   <h3>ENDGAM3: Blueprint for Global Enslavement</h3>
   <p/>
      <a class='open' href='http://bloggerspan.blogspot.com'/>

   <img alt='Marley And Me' class='full' src='http://demo.camelgraph.com/silverline/wp-content/uploads/a1.jpg'/>
     </div>
  <!-- First Picture End -->
   <!-- Second Picture Start -->
  <div class='imageElement'>
   <h3>New World Order&#039; Emerging At G-20 Summit</h3>
   <p/>
      <a class='open' href='http://bloggerspan.blogspot.com' title='Read more'/>

   <img alt='Crank:High Voltage' class='full' src='http://demo.camelgraph.com/silverline/wp-content/uploads/a3.jpg'/>
     </div>
  <!-- Second Picture End-->
   <!-- Third Picture Start -->
  <div class='imageElement'>
   <h3>Fall of the Republic</h3>
   <p/>
      <a class='open' href='http://bloggerspan.blogspot.com' title='Read more'/>

   <img alt='WATCHMEN - The Movie' class='full' src='http://demo.camelgraph.com/silverline/wp-content/uploads/a2.jpg'/>
     </div>
  <!-- Third Picture End-->
   <!-- Fourth Picture Start -->
  <div class='imageElement'>
   <h3>Illuminati : They All Around Us</h3>
   <p/>
      <a class='open' href='http://bloggerspan.blogspot.com' title='Read more'/>

   <img alt='Bedtime Stories' class='full' src='http://demo.camelgraph.com/silverline/wp-content/uploads/a4.jpg'/>
     </div>
  <!-- Fourth Picture End -->
 </div>

Replace these links with your images and links . you can easily see a pattern in these links.
If you face any problem ,leave a comment and i will solve it .

Hope you like it : )

Labels

Silverline - Free Blogger template

Followers