Surround Blogger Template

Surround Blogger Template

Template name : Surround

Template type : 1 Sidebar, 2 Column, 3 Column footer, Adapted from WordPress, Elegant, Featured Section, Fixed width, Grey, Header Banner, Magazine, Premium, Red, Right Sidebar, Slider, Tabbed widget, Top Navigation Bar, Web 2.0, White

Release date : July 30, 2011

Coder/Designer Name(s) : Lasantha Bandara / Free WordPress Themes

Coder/Designer URL(s) : http://www.premiumbloggertemplates.com/
http://fthemes.com/

Basic Instructions : How to install a Blogger template

Advanced Details : http://www.premiumbloggertemplates.com/2011/07/surround-premium-blogger-template.html

Configure Meta tags

Login to your blogger dashboard--> layout- -> Edit HTML.Now Scroll down to where you see below codes :

<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>

Replace DESCRIPTION HERE,KEYWORDS HERE as below.

DESCRIPTION HERE:Write your blog description
KEYWORDS HERE:Write the keywords of your blog separated by comma.

How To Configure Favicon:

Login to your blogger dashboard--> layout- -> Edit HTML.Now Scroll down to where you see below code :

<link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

Now replace "YOUR-FAVICON-URL" with your Favicon address/url.

Configure Featured Content Slider:

Login to your blogger dashboard--> layout- -> Edit HTML.Find <!-- Featured Content Slider Started -->.Now scroll down slowly and you can see each featured slide codes between <div class='fp-post'> and </div> .

Now replace,

  • "This is default featured post X title" with your featured post title.
  • "featured-post-X-url-here" with your featured post URL.
  • "Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com." with your slider description.
  • Slider image address with your slider image.

for each featured slide.

How To Configure Second Navigation Menu

Find <div class='menu-secondary-wrap'> inside your template.(using CTRL+F).This is the beginning of the navigation menu.Now follow the steps given here:

How To Configure a Navigation Menu

How To Change Tab Names of Tab Widget

If you want to change your tab names of your tab widget then find this:

<ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'>
<li><a href='#widget-themater_tabs-1432447472-id1'>Popular</a></li>
<li><a href='#widget-themater_tabs-1432447472-id2'>Tags</a></li>
<li><a href='#widget-themater_tabs-1432447472-id3'>Blog Archives</a></li>
</ul>

Now change the names "Populars", "Tags" and "Blog Archives" as you like.

Configure Meta tags

You can add a header logo for this template easily in the "Page Elements" section(Blogger Default Method).Logo image size must be 373px width and 64px height.

If you have any problem regrading this template,leave a comment below.

Important !!!:

Please do not remove the footer credit. I spend several hours to create this blogger template. So that you can use it for your blog. All I ask is, stay the credit intact.

License:

This free Blogger template is licensed under the Creative Commons Attribution 3.0 License,which permits both personal and commercial use.
However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/

13 thoughts on “Surround Blogger Template

  1. how to configure the tab menu. I want to change tab menu to Home, Contact & Advertising. Example, Click Home will go to default home page. Click Contact it will show my email page. Click Advertising it will display details about advertising.

  2. any way to make the photos on the posts not show on the home page? the photos look really bad... the dimensions are not right... any way to fix this? so the photos will only show once people click "read more" or something?

      1. Thanks for your help. I removed read more feature but read more button still show. check here: http://www.dichvusimthe.com/. Can you tell me how to remove it?

        thanks

        1. remove this part also :

          <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
          <b:if cond='data:blog.pageType != &quot;item&quot;'>
          <div class='readmore-wrap'>
          <a class='readmore' expr:href='data:post.url'>Read More</a>
          </div>
          </b:if>
          </b:if>

  3. My english is bad, sorry

    How to do

    I want to the full article, do not automatically readmore - thumbnail image

    defautl blogger

    Thanks a lot

  4. Sir,

    you have problem with Subscribe to our RSS Feed ....

    HOw to solve it

    i changed the link to my rss free link.. it save and worked but when i go in page elements it nothing sowing...

    do something as fast as possible?>

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Need a New Theme Design / Theme Customization?

We offer hundreds of free Blogger templates / Blogspot themes. However, if you want a unique theme or need to customize your current theme, please let me know. The end result will undoubtedly satisfy you.