This Blogger Template is very professional blogger template that is converted from word press theme to blogger with great effort. It has all things you are looking for like Clean Read more posting, Search box, Ready Social Widgets, Ad Banner, Featured Posts and more..
Template Information:
Template Type : Blogger Template
Template Name : Game Pro Blogger Template
License : Free Template + Creative Common License
Converter : BloggerTheme
WP Designer : NewWpThemes
Features:
- 2 columns layout
- Right Sidebar
- Featured Posts
- Ads Ready
- Two Navigation Bar
- Search Box Ready
- Ready Social Widgets
- Gravatar on comments
- Ready for Google Analytics, Adsense and Webmaster Tools
- Read More Post
- fixed width
- Widget Ready
- Black background.
How to install this template:
- First you have to install this template in your blogger account.
- Go to your blogger layout and click on edit html tab.
- Now just download your previous template and upload this new template to it.
How to edit navigation bar No 1:
- Just stay on html page and find these codes with ctrl + F.
- Just search for
- Exchange your link with # and title with your title
<div id='pagemenucontainer'>
How to edit navigation bar No 2:
- Just stay on html page and find these codes with ctrl + F.
- Just search for
- Exchange your link with # and title with your title
<div id='navcontainer'>
How to edit sidebar ad banner:
- Go to layout and click on edit html tab
- Now search for these codes
- Change your sponsors banner with image link and url.
<div class='sidebaradbox'>
How to edit Featured slider :
- First go to layout and click on edit html
- Now search for
- Now look for these codes
- Replace Red Color Link with your post link
- Replace Blue color with your Post Title and Post Description
- Replace Green Color Link with your Direct Link of Image.
<div id='s3slider'>
<li class='s3sliderImage' style='display: list-item;'>
<a href='#YOUR LINKS TO THE POSTS HERE'><img alt='Imagen 1' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSz78VVyibdm0EnP0MnsmOgDbxpyiaoUCSlszQnzblD9-jVCEKLqYKrmkuVpW8xO6cpQqUlV5aXS_y3KdvEF52JHBlEFZUoYsDWKvS4tFsBdfKw9pMSPFrzFf5Cagt6ajaf8Hc1bCOjVIh/s1600/1.jpg' style='width: 610px; height: 320px;'/></a>
<span style='display: block;'>
<a class='featured-title block' href='#YOUR LINKS TO THE POSTS HERE' rel='bookmark' title='YOUR POST TITLE'>YOUR POST TITLE HERE</a><br/>
SOME DESCRIPTION OF YOUR POST HERE
</span>
</li>
If you want to improve it further, and make it more search engine friendly, then see these Blogger tips and tricks
4 comments:
how to remove read more tag from the template………some1 plz help
@Sheikh Araf,
If you want to remove Read more. Follow These Steps.
STEP 1: Go To Blogger Then Edit HTML Then Delete These Codes. This Code was placed below <head>
<SCRIPT type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 500; summary_img = 470; img_thumb_height = 125; img_thumb_width = 125; </SCRIPT>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
if(img.length<1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="http://4.bp.blogspot.com/_0s-GnnHKfng/TFG8RLxcXiI/AAAAAAAAAHQ/ZrAp7L9OBP4/s1600/ni.jpg" width="125px" height="125px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
STEP 2: Then search for this code
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
<b:else/><DIV expr:id='"summary" + data:post.id'><p><data:post.body/></p></DIV> <SCRIPT type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</SCRIPT> <div style='clear: both;'/> <div style='border:0px;padding-top:5px;;float:right;text-align:right;'><span class='readon'><a class='readmore' expr:href='data:post.url' rel='bookmark'>Read More...»</a></span></div>
</b:if>
Change into this
<p><data:post.body/></p>
STEP 3: Then Save Template.
or
Download the Game Pro Template from this link it has No Read More Tag
http://www.box.net/shared/3l22ruv9xo
if you need anyother help contact me.
Thank you
how can i change the background color.help me pls
To Change the backgroung color,
search for these code
body {
background: url(http://2.bp.blogspot.com/_0s-GnnHKfng/THFihFMmcrI/AAAAAAAAAwY/cfbmwFMVeNI/s1600/background.png) top left;
}
and then change into like this (for eg: if you want to change the background color into white use the below code)
body {
background: #ffffff;
}
Post a Comment