Monday, May 31, 2010

Blogger Template | PeaceKeeper

PeaceKeeper is a two column blogger template with sidebar to its right and post section to left.The theme is designed by web2feel and converted by me to blogger.The design is gorgeous and it looks damn proffesional.Top menu links are ready for you.Seo for title has been done and it supports all blog features and is compatible with all browsers.The template is dark and has specially made for dark template lovers.It uses very high quality images and i am sure everyone will gonna like this for sure.Comment system too is looking great with simple design.

Other blogger templates you may like are Greymagic and Simplebox.



Blogger Template | Blackboard

Blackboard is a two column blogger template with sidebar to its right and post section to left.The design is cool and it looks beautiful and clean.Pages feature by blogger has been added for you.Seo for title has been done and it supports all blog features and is compatible with all browsers.Rss widget ready at top of blog and in this template header has been made at top of sidebar as different from all other designs.Also you need to do small date settings which u can do after checking the image you get with download.

Other blogger templates you may like are Monkeypr and Rockie.



Sunday, May 30, 2010

How Remove Automatic Read More Hack From Blogger Static Pages

How make work automatic read more hack with thumbnail from blogger static pages,as we have been using automatic read more hack with thumbnail in blogger templates alot.But after the the blogger released static pages feature for the bloggers, the read more hack started making problems in static pages.As when we open the static page in blogger,it openes with read more hack and remains same on expanding.So to make the pages feature work well with this hack we have to remove the automatic read more hack with thumbnail from pages to make the blogger pages work well.



So just now get continue with the implementation of hack to remove read more hack from blogger static pages.

Just Login To Blogger and Go To (Dashboard ? Layout ? Edit Html ? Expand Widgets ? Press Ctrl+F) and now search for below codes.


<div class='post-body'>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><br/>
<data:post.body/>
<b:else/>

<b:if cond='data:blog.pageType != "item"'>

<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> read more "<data:post.title/>"</a></span>

</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

</b:if>

<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

What you have to do is find the code like above in your template, and add the red codes to them like i did to make static pages feature work properly with this hack.I have implemented this hack on my automatic read more hack with thumbnail.

I hope now you will be able to make pages feature work properly with this hack in your blog.If you have any other problems or using any other read more hack and facing problem let us know below in comments and dont' forget to check our last hack on how to use custom fonts for blogger.

Friday, May 28, 2010

Blogger Template | Saris

Saris is a two column blogger template with sidebar to its right and post section to left.The design is cool and it looks beautiful and clean.Pages feature by blogger has been added for you.Seo for title has been done and it supports all blog features and is compatible with all browsers.I have just simply used 2 images from beatheme to make this template look beautiful.I hope you will like this template for sure.Please keep footer links intact for usage of this template.

Other blogger templates you may like are Nona and NBA.



Thursday, May 27, 2010

Blogger Template | Warpack

Warpack is a two column blogger template with sidebar to its right and post section to left.The theme is designed by web2feel and converted by me to blogger.The design is cool and it looks beautiful and clean.Top menu links are ready for you.Seo for title has been done and it supports all blog features and is compatible with all browsers.Search bar is also ready at top of blog with rss feed button and twitter button.Calender widget has also been installed.I hope you will like this dark color design for sure.

Other blogger templates you may like are Prowess and Grey Magic.



Tuesday, May 25, 2010

Blogger Template | Obama Talking

Obama Talking Blogger template is two column blogger template with sidebar to its left and post section to its right.The theme is very beautiful and you would be going to like it for sure.Many widgets have been built inside it.Like search bar is ready at top of sidebar and rss button for the blog also ready at right of header.Also have an small welcome section at top of sidebar to write about your blog or yourself above sidebar in layout.You also need to do small timestamp format settings to make show proper date for your post.

Other blogger templates you may like are Webfolio and Animepress.



Monday, May 24, 2010

How Add and Use Custom Fonts For Blogger Titles and Posts

Hi friends as this is my first tutorial on my blog from a long time, as i have been giving you a lot of templates for your blog from past few months.And thanx to you all for appreciating and using my templates.But From now i would be making tutorials for you as well with templates.So tutorial for you today is about adding the custom fonts to your blogger blog, for its post titles or for post body.As before also it was possible to add custom fonts to blogger using cufon, but it was bit complicated and difficult to do so in blogger and it also increased the loading time for our blog.


So now its very easy to add custom fonts to your blogger blog and it doesn't effect the loading time of your blog too.I will tell you two API to add custom fonts.Use the one where you like the font style to be used in your blog.

1.Google API (Best method to add fonts but as now font styles are very limited here will be more added soon by google.)


2.Kernest API (Its also an good API but with good collection of fonts.You also can use it for sure.)


Installation Steps For Custom Fonts From Google API


1. Go To Google API.You will see Fonts Written Like Below.


2.Just Hover your mouse over the font you like and you will see link click to embed font name.Just click the link or font only you liked.


3.Now you will be shown the get the code button and the the demo of how your font looks in different sizes.


4.Now just click the get the code button and you will be given the code like below.


5.Just copy the code from there.
Codes are like below.

<link href='http://fonts.googleapis.com/css?family=FontName' rel='stylesheet' type='text/css'>

6.Now Just go to blogger Layout > Edit Html > Press CTRL+F and find for </head> tag.

7.Now Just place the codes you just copied from google api before this </head> tag.And now you are done to place the font codes succesfully.

Now comes the part to define font in your css to which titles or post body you want to show that font.As to define font you need to know some css codes about your templates, to know which css property defining your particular font style.

Like you want to define this font for your header title, now you need to know in which css part of your template, the font -family for your header has been defined.As now most bloggers are using custom templates, so css for each of you is different.Its difficult for me to tell for each, which css you use for header title and which for sidebar titles.So i will just tell you the basic css style you need to add in your template considering the default codes the blogger template use.

#header h1 {font-family:FontName;} */ This css style for Header Title /*

.description {font-family:FontName;} */ This css style for Header description /*

.sidebar h2 {font-family:FontName;} */ This css style for Sidebar Title /*

.post h3 {font-family:FontName;} */ This css style for post Title /*

.post {font-family:FontName;} */ This css style for post body /*

#footer h2 {font-family:FontName;} */ This css style for footer Title /*

body {font-family:FontName;} */ This css style for whole template /*

Please dont forget to change the FontName with your custom font name,you using in the script,that you placed in blogger html.

Now just important thing to implement is :-
1.To which place in your template you want to use custom font.
2.After it,just need to find the css property defining that part in your template.
3.After finding it,just define the font-family in its css like i have shown above.

And here i complete an easy installation with custom fonts from google api.

If you want to use multiple fonts or wanna style them with bold or italic.You can go furher here to read on how to do that.Just you have to make small changes in codes you get.As you will come to know after reading.

Installation Steps For Custom Fonts From Kernest API


1.Just Go To Kernest.com

2.Now you will see page like below.You will get an option to search for fonts.Either you can do by writting font and hit enter or by browsing them with tags like popular fonts or latest fonts or from any designers.


3.After selecting font you like, will see domain embed url.Just click it.


4.Pop up window will open like below and just type your blog url and hit add.


6.Now below the font you will see the codes to be placed in blogger i.e to left of domain embed url.Just copy those codes to your notepad.The codes look like below.



<link href="http://www.kernest.com/fonts/riordon-fancy.css" media="screen" rel="stylesheet" type="text/css" /><!--//
HOW TO USE THESE FONTS FROM KERNEST
1. Paste this embed code into your website

2. Add the fonts to your CSS tags. Example:
p {
font-family: 'Riordon Fancy';
line-height: 140%;

}

3. Add this link in your website's footer
&lt;a href="http://kernest.com"&gt;Fonts by Kernest&lt;/a&gt;

4. Refresh
-----------

-----------
//-->


You just need to took the red codes and place them before the </head> tag as you did for google api fonts.

7.Now again you need to define the font style css.Its all same way you have to do as i told above for Google API Fonts in step 7.

I hope now you would have no problem in installing custom fonts for blogger.If you still feel any problem, just leave your comment below i will see over it and will try to solve your problems.

Sunday, May 23, 2010

Blogger Template | Elantris

Elantris is a two column blogger template with sidebar to its right and post section to left.The theme is designed by web2feel and converted by me to blogger.The design is cool and it looks beautiful and clean.Two Top menu links are ready for you.Seo for title has been done and it supports all blog features and is compatible with all browsers.Template consists of two menu links below header.I hope you will like this blue color design for sure.One menu is for showing your pages and second is linklist widget to add your links.

Other blogger templates you may like are GameZone and Maparaan.





Saturday, May 22, 2010

Blogger Template | Painted Life

Painted Life Blogger template is two column blogger template with sidebar to its left and post section to its right.The theme is very beautiful and you would be going to like it for sure.Many widgets have been built inside it.Like search bar is ready at top of header and rss button for the blog also ready at top of sidebar.Also have an small welcome section at top of sidebar to write about your blog or yourself above sidebar in layout.You also need to do small timestamp format settings to make calender widget work which you can see on the image you get with download.

Other blogger templates you may like are Scribblings and Mypapers.





Monday, May 17, 2010

Blogger Template | Tree House

Tree House is a two column blogger template with sidebar to its right and post section to left.The theme is designed by Promiseringsdesigns and converted by me to blogger.The design is very beautiful and uses high quality images.Top menu links are ready for you.Seo for title has been done and it supports all blog features and is compatible with all browsers.Search bar is also ready at top with text widget to write about you or your blog below it.I hope you will like this dark layout for sure.

Other blogger templates you may like are Rainboow and Kodzilla.





Friday, May 14, 2010

Blogger Template | RaceClan

RaceClan is a two column blogger template with sidebar to its right and post section to left.The theme is designed by web2feel and converted by me to blogger.The design is cool and it looks beautiful and clean.Two Top menu links are ready for you.Seo for title has been done and it supports all blog features and is compatible with all browsers.Template consists of two menu links,one below header and other below first one.I hope you will like this blue color design for sure.

Other blogger templates you may like are Animepress and Wedding Photo Frame.





Thursday, May 13, 2010

Blogger Template | Quality Time

Quality Time Blogger template is two column blogger template with sidebar to its left and post section to its right.The theme is very beautiful and you would be going to like it for sure.Many widgets have been built inside it.Like search bar is ready at top of sidebar and rss button for the blog also ready at right of header.Top menu links are also ready just need to add links from linklist widget in layout.Also have an small welcome section to write about your blog or yourself above sidebar in layout.

Other blogger templates you may like are Postage Sydney and Masugid.





Blogger Template | Insignia

Insignia is a two column blogger template with sidebar to its right and post section to left.The theme is designed by web2feel and converted by me to blogger.The design is cool and it looks beautiful and clean.Two Top menu links are ready for you.Seo for title has been done and it supports all blog features and is compatible with all browsers.Template consists of two menu links,one below header and one to its right.I hope you will like this blue color design for sure.

Other blogger templates you may like are Blue Designwork and Webfolio.