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 , Ad Banner, Featured Posts and more..
Template Information:
Template Type : Blogger Template
Template Name : Cubenatic Blogger Template
License : Free Template + Creative Common License
Converter : BloggerTheme
WP Designer : Camelgraph
Features:
- 2 columns layout
- Right Sidebar
- Featured Posts
- 3 Columns Footer
- Sidebar Banners ( 125 * 125 )
- RSS Widgets
- Retweet Button
- Facebook Share Button
- Search Box Ready
- Top Navigation Menu
- Gravatar on comments
- Read More Post
- fixed width
- Widget Ready
- Yellow 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 Top navigation Menu :
- 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-wrap'>
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 id='ads-wrap'>
How to change Logo:
- Go to layout and click on edit html tab
- Now search for these codes with ctrl + F.
- Then Fing Logo URL and Change it.
<div id='header-wrap'>
How to Feedburner Subscription :
- Go to layout and click on edit html tab
- Now search for these codes with ctrl + F.
- Now look for these codes.
- Replace BloggerThemenet with your Own Feedburner Subscription URL
- Search for "BloggerThemenet" in the Template code. (it will appear 5 times) and replace every "BloggerThemenet" with "YOUR FEEDBURNER URL"
<div id='feeds'>
http://feeds2.feedburner.com/BloggerThemenet
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='gallery'>
<!-- FIRST SLIDE START -->
<div>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj94AFcdCROB5_BVdblulVUUHyxAXjC_zREk5RVStuIMI1pH9KBJF4wTw4f7DZNJdrvaPgwB1kMOgz_8b_Kndymq3pwolCiuOKgHRcoJ7EDcZCaZd_FTwWgptR0mM5TeSuqo_HQrmyEoxY/s1600/slide1.jpg' style='width: 490px; height: 294px;'/>
<div class='excerpt'>
<p><a href='#YOUR LINKS TO THE POSTS HERE'>This is First Slide Title</a></p>
<p class='excerpt-text'>Description of first Slide goes here.Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae...</p>
</div>
<a href='#YOUR LINKS TO THE POSTS HERE'><span class='feat-overlay'/></a>
</div>
<!-- FIRST SLIDE END -->
If you want to improve it further, and make it more search engine friendly, then see these Blogger tips and tricks
2 comments:
how do you remove the read more hack? Like how to allow the full post being seen on the first page?
If you want to remove Read more, Follow These Steps.
Step 1: Go To Blogger Dashboard Then Edit HTML Then Delete The Below 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 = '<div class="thumbnail"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></div>';
summ = summary_img;
}
var summary = imgtag + '<div style="padding-top:14px;padding-right:10px;">' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
Step 2: Then Save The Template.
If you need anyother help contact me.
Thanks
Post a Comment