|
Template name : Malina
Template type : 2 Sidebar, 3 Column, Adapted from WordPress, Featured Section, Fixed width, Header Banner, Left Sidebar, Magazine, Red, Right Sidebar, Rounded corners, Slider, Top Navigation Bar, Violet, White Release date : September 4, 2010 Coder/Designer Name(s) : Lasantha Bandara / New WP Themes Coder/Designer URL(s) : http://www.premiumbloggertemplates.com/ Basic Instructions : How to install a Blogger template Advanced Details : http://www.premiumbloggertemplates.com/2010/09/malina-blogger-template.html |
Configure Meta tags
Login to your blogger dashboard--> layout- -> Edit HTML.Now Scroll down to where you see below codes :
<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>
Replace DESCRIPTION HERE,KEYWORDS HERE as below.
DESCRIPTION HERE:Write your blog description
KEYWORDS HERE:Write the keywords of your blog separated by comma.
How To Configure Favicon:
Login to your blogger dashboard--> layout- -> Edit HTML.Now Scroll down to where you see below code :
<link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
Now replace "YOUR-FAVICON-URL" with your Favicon address/url.
Configure Featured Content Slider:
Login to your blogger dashboard--> layout- -> Edit HTML.Find <!-- Featured Content Slider Started -->.Now scroll down slowly and you can see each featured slider codes between <div class='imageElement'> and </div> .
Now replace,
"This is featured post X title" with your featured post title.
"SLIDER-X-URL-HERE" with your featured post title.
Slider description with your slider description.
Slider image with your slider image.
for each featured slider.
If you have any problem regrading this template,leave a comment below.
Important !!!:
Please do not remove the footer credit. I spend several hours to create this blogger template. So that you can use it for your blog. All I ask is, stay the credit intact.
License:
This free Blogger template is licensed under the Creative Commons Attribution 3.0 License,which permits both personal and commercial use.
However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/
Hi. I was wondering if it was possible to tweak the Malina Blogger Template so that when I post a new post, it ALL shows up on the main page. I noticed it shows a summary and then link to a "read more" button.
@Ai Mei
To show full article on the homepage follow the steps given below:
1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Click on "Expand Widget Templates"
3.Now Find this code block:
------------------------------------------------------------------------------------
<p><script type='text/javascript'>
summary_noimg = 800;
summary_img = 650;
img_thumb_height = 150;
img_thumb_width = 200;
</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;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
<b:if cond='data:blog.pageType != "static_page"'>
<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>
<div class='readmorecontent'><a expr:href='data:post.url'>Read more »</a></div>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if></p>
-------------------------------------------------------------------------------------------------------
4.Replace it with below code:
-----------------------------------------------------
<p><data:post.body/></p>
-----------------------------------------------------
5.Save your template.
thanks
Hi,
First of all, I love the layout! I'm so happy that it was very easy to incorporate with my blog.
I was just wondering:
1. How I can fix the Twitter link on the top of the page.
2. I'm not getting anything when I added the Followers Gadget on my blog.
http://chroniclesofagypsy.blogspot.com/
@Trixie Torralba
Read these regarding Follower Gadget:
http://www.google.com/support/forum/p/blogger/thread?tid=7b1313b12b0bf0da&hl=en
http://www.google.com/support/forum/p/blogger/thread?hl=en&tid=5c26ab4dbb720d08
thanks! i sent in my concern now. 🙂
DO I have to change the sliders manually each time I post a new article. Is there anyway to automate this?
DO I have to change the sliders manually each time I post a new article. Is there anyway to automate this?
@koolkid
You do not want to edit slider code each time when you create a article.Only include most important article into the slider.But you must edit slider code manually.
when i click on "browses,news,computers,web desigm...." buttons nothing happened.
how can i use these buttons??
please help me
Hi there.
I am having troubles to fix the links... every tab (HOME, BROWSES, COMPUTERS, and the ones above, like the IRRS, and the Twiter...ETC) links to my homepage, how can I change that? WHat part of the code do I have to modify so I can fix the links?
Thnks a lot for your help!
How do I incorporate a 3 level drop down menu?
Appreciate if you could guide me.
Wonderful article my friend. I have used your template for my blog http://www.proarticlebase.com. If possible can you help me make the side columns a little bigger and using images of any size
why cant the follower of my blog being display?
How to I put a picture in the slider?
I'm not quite sure how to get a picture in the slider! Can anyone help???
I'm not sure how to change the image on the slider! Can you please help!!
My follower widget dose not work any more!
When I remove all slider code my follower widget work normal, but when I add all slider code my follower widget does not work. Please help!
@savda
Follow the instruction given here :
https://www.premiumbloggertemplates.com/2010/10/google-friend-connect-problem-solved.html