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, and RSS , Ready Social Widgets, Twitter Widgets,Ad Banner, Featured Posts and more..
Template Information:
Template Type : Blogger Template
Template Name : Falcon Blogger Template
License : Free Template + Creative Common License
Converter : BloggerTheme
WP Designer : Web2Feel
Features:
- 2 columns layout
- Right Sidebar
- 4 columns Footer
- 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
- Colourful 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='catmenu'>
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='menu'>
How to edit Top 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='headbanner'>
How to edit Featured slider :
- First go to layout and click on edit html
- 1. Now search for
- 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.
- 2. Now search for these codes
- Now search for
- Replace Blue color with your Post Description
- Replace Green Color Link with your Direct Link of Image.
<div class='inpost'>
<h3>YOUR POST TITLE HERE</h3>
<p>SOME DESCRIPTION OF YOUR POST HERE</p>
</div>
<a href='#YOUR LINKS TO THE POSTS HERE'>
<img alt='' class='sidim' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtvl-Dhz-viHWkoq0JyMX36Ww0GG7j-YfAB7dEwbkQbQGTH_mHhUlTQuxVV0jfYOdJxpxd2VWWd9sQURe-y5PUdLFeiklaaL8TOejY5BnsCTNKuVcXMC2hvhF-mQFnPHWntYwJlNzvflES/s1600/1.jpg' style='width: 650px; height: 280px;'/></a>
</div>
<ul id='tabnav'>
<li>
<a class='listab' href='#feature-56'>
<img alt='' class='phumb' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQd6JswOxZ8HPbaPRNNq6KKOMVCWwMpfDeTIlGNcSS6lLsn1DTp5Wy7Z-iA2KZd8R9Hk5HD_ih_eQSjyKRMuVrVYT4louVJbSyhs7AGF2UQ4i5O2GPbrusHhWmm801djt_7S-9EEAHTj42/s1600/11.jpg' style='width: 80px; height: 60px;'/>
<p>SOME DESCRIPTION OF YOUR POST HERE</p>
</a>
</li>
If you want to improve it further, and make it more search engine friendly, then see these Blogger tips and tricks
15 comments:
hi, great template, but I can set the date?
Hello great template, but how I can remove read more ? :(
thanks
@Ricardo Cardoso,
If you want to remove Read more. 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>
And This
<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>
Then save the template.
Thank you
there are some pic in 125 *125 ad style .how to remove them
@Bloggertheme thank you =)
Sorry, but I´ve other problem :( with (li) don´t show up.. :(
http://www.treinador.pt.vu
Sorry.. :(
@Haos,
Login to your blogger dashboard and Click on the Settings option and in it go to the Formatting section. Then find the Timestamp Format option. The current format will be like this 5:16 AM or some other time having same format. Now change this time format like this Friday, August 06, 2010.
Thank you
Can you solve my problem please with the li...?
I can do this:
abc
> xpto
or this
1.03039
2.49823
Can you solve it please ???
@Ricardo Cardoso,
if u want like this please add the following code to your template
1. Login
2. Visit BloggerTheme
3. Download template
4. Install
5. Enjoy!
* Login
* Visit BloggerTheme
* Download template
* Install
* Enjoy!
Search for this code ( CTRL + F )
]]></b:skin>
And immediately BEFORE/ABOVE that paste this code
.post ul {
margin: 0px 0px 0px 0px;
padding: 12px 0px 12px 30px;
list-style-type: disc;
line-height: 1.0em;
font-size: 95%;
}
.post ol {
margin: 0px 0px 0px 0px;
padding: 12px 0px 12px 30px;
line-height: 1.0em;
font-size: 95%;
}
.post li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 1.0em;
}
If you have anyother problem please contact me.
Thank you
Thanks For Changing The Wordpress Template Into Blogger And Also Thanks For Visiting My Site...And Your Welcome To My blog..
Once Again Thanks For The Comment And Changing The Template
Thanks man, you really helped me with that answer of the "li" issue. That was the only thing that was keeping me form use this amazing template. I mean, it look like a Wordpress blog now.
How do i change the size of the sidebar and the post section? and how do i switch their location?
@Asesino Cereal,
upload your template to me using this link, and explain me how to change the template.
Thank you
How to edit the menu? I'm get "li" error
@Miku,
if you want to edit Menu.
Go To Blogger Then Edit HTML then find these lines. Then Edit Bold Letters and # with Yours Link and Name.
<div id='catmenucontainer'>
<div id='catmenu'>
<ul>
<li class='page_item current_page_item'><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li><a href='#' title='Sample Page'>Sample Page</a>
<ul>
<li><a href='#' title='Child Page'>Child Page1</a></li>
<li><a href='#' title='Child Page2'>Child Page2</a>
<ul>
<li><a href='#' title='Subpage'>Subpage</a></li>
</ul>
</li>
<li><a href='#' title='Sample Page'>Sample Page</a></li>
</ul>
</li>
<li><a href='#' title='About'>About</a></li>
<li><a href='#'>Archives</a></li>
<li><a href='#'>Contact</a>
<ul>
<li><a href='#' title='Profile'>Profile</a></li>
</ul>
</li>
</ul>
</div>
</div>
If you want to edit bottom menu do like this.
if you have any doubts contact me.
Thank you
Post a Comment