phineas y ferb: 2011

Blogger Blog Templates

Football

Professional Football Template
Hooked on to the World Cup and want to express yourself? Then Football blogger theme is for you. Note down your views on the latest happpenings, players, teams etc. of this sporting event in this 3 column template.

Neat Layout
Auto Summary of Main Posts
Highlights Latest Posts on Home Page

Blogger Tube

The Video Blogging Template
Created by Dante Araujo, Blogger Tube is a perfect theme to put up your favorite videos. Packed with lot of features, its the first video template for blogger.

Supports YouTube Videos
Automatic Video Thumbnails on Home Page
Featured Slider for Latest Videos
Custom Star Ratings for Videos

Blogger Tube, a Super Video Blogging Template

Blogger Press

Magazine-style Theme
Created by Insight, Blogger Press is a well-designed theme that emphasises the latest post and displays remaining posts in a box format that are divided in 2 columns.

Slider to Display Featured Posts
Post Summary Hack with Automatic Image installed
Social Networking Icons in Each Post
3 column Footer Space

Holiday

Minimal Design Template
Created by Templates Novo Blogger, Holiday is a simple and well-designed blogger theme with interesting features.

Post Image Highlights Below the Header
Automatic Summary of Posts with Read More Feature
Multiple Colours Available for Menu Bar

Tequilas Flamejantes

4 Column Photo Blog Theme
This template is a Blogger style photo gallery theme, where photos can be displayed in a vertical format. This free template designed by Insight is available in two colours - yellow and black.

Minimalist Style Theme
Gallery style Display on Home Page
4 columns in Footer!

Tequilas Flamejantes, the Photo Blog Theme

People Celebrity Blogger Theme

Posted by
Bhavika

On

Saturday, February 19, 2011

0
comments

If you are looking for an entertainment or celebrity template then People blogger theme is apt for you. MJ Bahring has created a blogger version of the celebrity site People.com, its a 4 column theme which includes a photo gallery, featured posts slider, categories with an image display on the home page and much more.

Once the blog template is uploaded, you can replace the People logo with yours from Edit Html, search for the url mentioned below -

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyl_i8mfk3Wr1NlGllWeP3EJgxAc5Ccyec7vH60svq-NkYmtkPizGec9Ee3E0s8aJH9-kI5DjYLzuHecIeh1O_um9JWuhslDVJBdqbTp1sY4LJvqlnXvh351OXmD9l-yWr3Fm9atkD8rEy/s1600/peoplelogo.png

Below the menu bar you can display featured posts in a slider, just select the label and change it in the below code from Edit Html, you would require minimum of 6 posts for this to work -

label10 = "Kate Hudson";

Title10 = "Kate Hudson";

People template features a photo gallery with captions, in order to get that working, go to Edit Html and look for this code -

<b:section class='middlecol' id='middlecol' preferred='yes'>

<b:widget id='HTML3' locked='false' title='GALLERY' type='HTML'>

<b:includable id='main'>



<b:if cond='data:title != ""'>

<h2 class='title'><data:title/></h2>

</b:if>

<div class='widget-content'>

Below this add the following code and change the blog url and also the label (marked in bold) from which the posts need to be pulled out, save the template.

<script language="JavaScript">

imgr = new Array();

imgr[0] = "";

imgr[1] = "";

imgr[2] = "";

imgr[3] = "";

imgr[4] = "";

showRandomImg = true;

tablewidth = 270;

cellspacing = 5;

borderColor = "#fff";

bgTD = "#0b92be";

imgwidth = 270;

imgheight = 300;

fntsize = 14;

acolor = "#FFF";

aBold = true;

icon = " + ";

text = "Komentar";

showPostDate = false;

summaryPost = 0;

summaryFontsize = 12;

summaryColor = "#000";

icon2 = " → ";

numposts = 3;

home_page = "http://peoplesiteclone.blogspot.com/feeds/posts/default/-/Gallery";

</script>

<script src="http://artist.musikji.net/arthems/recent-categorig.js" type="text/javascript"></script>

Similarly for 'Your category' to display in the right sidebar, you need to add another javascript code given below in Edit Html -

<b:widget id='HTML5' locked='false' title='YOUR Category ...' type='HTML'>

<b:includable id='main'>



<b:if cond='data:title != ""'>

<h2 class='title'><data:title/></h2>

</b:if>

<div class='widget-content'>

Insert this code and change the blog url and also the label (marked in bold), save the changes. You can tweak the font size, summary colour etc., in the code to match with your blog.

<script language="JavaScript">

imgr = new Array();

imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNdqMLGXRHugRrwEwAY2WSiRRGW7HM_9E-Rp6OWXCghGtXpa0vI-Welha-82-XVNcCLMKWl0ouzgKoIqFGS1l382-_tuOX7gWTHuhtnmPW6XxYQO4qeP_c-NGhJ7oH-Zwha9va4p6GcI8g/s1600-r/no-image.png";

imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNdqMLGXRHugRrwEwAY2WSiRRGW7HM_9E-Rp6OWXCghGtXpa0vI-Welha-82-XVNcCLMKWl0ouzgKoIqFGS1l382-_tuOX7gWTHuhtnmPW6XxYQO4qeP_c-NGhJ7oH-Zwha9va4p6GcI8g/s1600-r/no-image.png";

imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNdqMLGXRHugRrwEwAY2WSiRRGW7HM_9E-Rp6OWXCghGtXpa0vI-Welha-82-XVNcCLMKWl0ouzgKoIqFGS1l382-_tuOX7gWTHuhtnmPW6XxYQO4qeP_c-NGhJ7oH-Zwha9va4p6GcI8g/s1600-r/no-image.png";

imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNdqMLGXRHugRrwEwAY2WSiRRGW7HM_9E-Rp6OWXCghGtXpa0vI-Welha-82-XVNcCLMKWl0ouzgKoIqFGS1l382-_tuOX7gWTHuhtnmPW6XxYQO4qeP_c-NGhJ7oH-Zwha9va4p6GcI8g/s1600-r/no-image.png";

imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNdqMLGXRHugRrwEwAY2WSiRRGW7HM_9E-Rp6OWXCghGtXpa0vI-Welha-82-XVNcCLMKWl0ouzgKoIqFGS1l382-_tuOX7gWTHuhtnmPW6XxYQO4qeP_c-NGhJ7oH-Zwha9va4p6GcI8g/s1600-r/no-image.png";

showRandomImg = true;

tablewidth = 310;

cellspacing = 5;

borderColor = "false";

bgTD = "#fff";

imgwidth = 150;

imgheight = 100;

fntsize = 12;

acolor = "#000";

aBold = true;

icon = " ";

text = "Comment";

showPostDate = false;

summaryPost = 80;

summaryFontsize = 11;

summaryColor = "#000";

icon2 = " → ";

numposts = 1;

home_page = "http://peoplesiteclone.blogspot.com/feeds/posts/default/-/Hot%20News";

</script>

<script src="http://artist.musikji.net/arthems/recent-categorialbum.js" type="text/javascript"></script>

There are two more javascripts to be inserted in Edit Html in order to get the sidebar working, the code has been given in the download folder under the name 'Installation'.

Download the People Celebrity Blogger Theme
Read More or Download this Blogger Template

Fotofolio Blogger Template

Posted by
Bhavika

On

Friday, January 21, 2011

0
comments

Fotofolio is a 2 column wordpress theme brought to blogger by Wordpress to Blogger. The photo blog theme has a simple, clean layout with white and grey colour scheme.

The home page displays the main image and thumbnail versions of other photos. Adjacent to that you can insert a brief description about your blog or a welcome message for the readers. Go to Design--Edit Html, look for the below code, and simply add your text below this line of code-

On entering the main post the image displays along side the post title, description, author and date stamp. In order to post images, its necessary to add the following code and insert the relevant links -

<div class="pic"><a rel="http://put-image-url-here" href="http://put-post-url-here"><img src="http://put-image-url-here" /></a>Put image description here</div>

Fotofolio also includes a 3 column footer where you can insert your categories, archives and various blogger widgets. Overall, its a decent theme to use for photo blog, however, the navigation bar is missing, so you can make use of the footer column.

Download the Fotofolio Blogger Theme
Read More or Download this Blogger Template

Improving Blogger SEO with Valid Meta Content

Posted by
Clyde

On

Wednesday, January 12, 2011

1 comments

meta content description shown on search engine

Most of us would have already heard of meta descriptions and keywords and the role they play in helping search engines appropriately describe your site.

Well even if you haven't take a look at a screen shot of the description of our site on google, the part circled is the meta description. You have the power to control what a person sees when they come across your site on a search engine. Wouldn't you want to put in some text there to attract every person who sees it.

Anyone would, except that with blogger there seems to be a problem, with the default easy method, as shown by Blogger Tricks.

By only putting

<meta content='Your Blog Description Here' name='description'/>
<meta content='Your Blog Keywords Here' name='keywords'/>
<meta content='Your Name Here' name='author'/>

after

<b:include data='blog' name='all-head-content'/>

it applies the meta keywords and tags to the entire blog and not just the home page, this will interfere with your SEO for all the posts on your blog as it will stuff this description and keywords for each post thus having a negative effect on your blog instead of a positive one.

So instead of choosing to use this method or if you have already used the above method there is a simple fix, all you need to do is add a little snippet of code that will make the meta content only display for the home page or index page for the search engines.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Your Blog Description Here' name='description'/>
<meta content='Your Blog Keywords Here' name='keywords'/>
<meta content='Your Name Here' name='author'/>
</b:if>

The solution to this was brought to us by Blogger Stop, we just implemented it on Blogger Blog Templates and have shared it with you as well. We previously did have meta tags as well, using the older method it worked fine on this blog which has related content on each page.

But on a blog with a variety of content we had to remove the meta content, but thanks to this method we have made our blogs more SEO friendly.
Read More or Download this Blogger Template

Blogger Evening Blogspot Theme

Posted by
Bhavika

On

Thursday, January 06, 2011

0
comments

Blogger Evening is a 3 column free theme created by Chica Blogger. The template has a clean layout, a slider on the home page and 3 column footer.

It has a colorful header space to insert your blog logo, on the right of it is the internal search box and a horizontal menu bar below it for the category, contact page etc. In order to change the header logo, access Edit Html, search for this image url and replace it with your blog logo.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjro8m4lmaHHNe-MDlKX2hvhOvD-4ZepDnrJWqD904eBswgS7WPx82kCTZKKruE6KqephA2kpaHLEZKWkfu_HB-KBxPAPEMrWj3N7_5UJNszYCjn-QAec1F6jKH7jSrPZSDr0yB5x1z9eJ/s1600/logo.png

The slider allows you to showcase your top/featured posts, which you can modify from Design--Page Elements and paste the code from the file named as "Slideshow code.txt" in the download folder.

While the sidebar includes social networking icons that allow readers to subscribe to your blog content. Simply go to Design--Edit Html and look for the below code, you can change the icons, add the relevant links and save the changes -

<a href=''><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1Q90H7LjiJopqSPjeQzfpsI0Kgtev3-5rHL1NTkSf5DHciWHFJkXjr8Cz_SU1l3orEVl1iEw_CM8WsC9eW363oEP9_t3yncEHATU0o8AwWmagFx3J6peIY40STjUho8USdHnOnTUmuyeS/s1600/facebook.png' title='Facebook'/></a>

<a href=''><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQqpGTdNABfQGcRXtnr7rrADiQIFMY4H5xBtnm_Hyuq6mv17p4qgE1-yIE0hL06ZyJtEZn210m90xTcZSw9rZpGka41zu6hpOuUwurK6awxlGBoiBwVYNlD5pFEH5zrDRczqI2e3MWI9v3/s1600/rss.png' title='Subscribe'/></a>

<a href=''><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-AfgRfYt3nJs3vjy1M-DP08HXVKGNf0NY3T0SDrJwgSKxIzsxOiqsGJv4-gDEJXLPmLCNnsbdvv15VzpnkCjZO8y-LvDCtAYTZvJQ58x2VgF-saXShvN8ULSGhLonSrP97cuneCE4C4H8/s1600/twitter.png' title='Follow me'/></a>

<a href=''><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn_lWBGi5Df-z4zj0itBKtaw_Fs-Ix9ZZxpuTMWy0lqNkauGURjKtpqbsc9wbLiub5-B4Vdqu7slgziq3qcU7NtZb9EcjJ26VMRV3-cAgs9yKZD2LydvibvoB9-AeC1vj1FNgTTwl0U66Z/s1600/flickr.png' title='My Flickr'/></a>

<a href=''><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfhrEvh6IxN8andWwogEhu0c7IZBKjU2aTgPdWAwH0A3KQVOfNERT8DrAD5auzLxwEVE771f9Pa4TZ57DeIenWqu4r99_F-priBbk6ztrCxzxdapdVEPD-kO3oAn7K157M5U4Tqj8CCUGq/s1600/technorati.png' title='Technorati'/></a>

The sidebar splits into two more columns, and that along with the 3 column footer gives you enough space to display your different blogger widgets.

Download the Blogger Evening Blogspot Theme
Read More or Download this Blogger Template

Neste Blog Template

Posted by
Bhavika

On

Monday, December 06, 2010

1 comments

Neste is a 3 column blogger template originally created by New WP Themes and ported to blogger by Premium Blogger Templates. The theme includes a featured slider, dual menu bar and featured video section.

The header space starts off with the horizontal menu bar on top right, followed by the blog logo and the second menu bar below it. You can add your blog logo and title in Page Elements--Edit section, the image size must be 286px width and 68px height.

The main column features the slider to display your top content. Modify the content of the slider from Edit Html and look for the below code -

<div id='myGallery'>

<div class='imageElement'>

<h3>This is featured post 1 title</h3>

<p>Replace these every slider sentences with your featured post descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions.This theme is Bloggerized by Lasantha - Premiumbloggertemplates.com.</p>

<a class='open' href='SLIDER-1-URL-HERE' title='This is featured post 1'/>

<img alt='' class='full' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV_UBsQSyK2wGpDRWW3l3dwfa1ijU34QAl8oZ32H9OQCy8lbDa1iAmNhBYwiKiQcm37GaTTqytHGp3zEgmEkcEcBmYEE7uj7AuexpKmAXkymEmz90cNZCWGc6jyyEXQl6VtAc1D1M21CsX/s1600/1.jpg'/>

</div>

Replace the text in the code with the post title, description, post link and image, which has to be 480px by 280px. Follow the same steps for each slide and save the changes.

The second column includes a set of social bookmarking icons to facilitate readers to share your content on various social media sites, this is followed by an internal search box and featured video section. While the third column, which is a bit narrow, includes 'Subscribe to feed' and 'Follow on Twitter' option and the default blogger widgets.

Download the Neste Blog Template with slider

Its also available without the slider - Download the Neste Blog Template without the slider
Read More or Download this Blogger Template

Drakon Blogger Theme

Posted by
Bhavika

On

Saturday, November 27, 2010

2
comments

Drakon is a 2 column blogger theme originally created by Web2Feel and adapted to blogger by Blogger Tip and Trick. Its a magazine style free template featuring dual navigation bar with drop down menu and a neat slider.

To change the links in the first navigation bar, go to Design--Edit Html and find this code, below it you can add the category links and sub menu links.

<div id='catmenucontainer'>

While for the second menu bar follow the same steps, look for this code and below it you can insert the relevant categories and sub-categories -

<div id='foxmenucontainer'>

The template has a neat slider to showcase your top or featured content in a thumbnail format with post summary below it. To modify the 5 slides, access your Edit Html, and search for this code, this is the code for Slide 1 -

<li>

<div class='mytext'>

<a href='SLIDE-1-LINK-HERE'>

<img class='sidim' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhccRNvLqqjybHMR3L4uhpBmItkEl9Xv6xAUUuN71viSfjZwFS-EdlNWsUB0h0GVJoV39svbfE_L-qxiB9BHmTSUsUgrzI63XbJV3x5n6zygHwn8RcKbNRsgYK3ylDguEKepBNKZe-ljUI/s1600/1.jpeg'/>

</a>

<div class='clear'/>

<h2><a href='SLIDE-1-LINK-HERE'>Slide 1 Title</a></h2>

<p>Go to Blogger edit html and replace these slide 1 description with your own words. ...</p>

</div>

</li>

Follow the instructions given in the code for slide 1 and similarly carry out the steps for remaining slides.

The sidebar on the right includes the internal search box, featured video and the default blogger widgets like Recent Posts etc. You will get more space to display your content as this theme also has a 4 column footer. At the bottom of the template after the footer column there are links to 'Subscribe to RSS' and 'Follow on Twitter', so from Edit Html add your twitter id in the code below and save the changes -