LK Magazine v2 Premium Blogger Template

Template name : LK Magazine version 2

Template type : 3 Sidebar, 4 Column, 3 Column footer, Elegant, Fixed width, Featured Section, Header Banner, Left Sidebar, Magazine, Premium, Right Sidebar, Slider, Tabbed widget, Top Navigation Bar, Video, White, Web 2.0

Release date : 05-22-2010

Coder/Designer Name(s) : Lasantha Bandara

Coder/Designer URL(s) : http://www.premiumbloggertemplates.com/
http://www.bloggertipandtrick.net/

Basic Instructions : How to install a Blogger template

Advanced Details : http://www.premiumbloggertemplates.com/2010/05/lk-magazine-v2-premium-blogger-template.html

Template Features

Column: 4 Columns/3 Sidebars/Right Sidebars/Left Sidebar
Fixed Width Template (1000px width)
2 Horizontal Navigation Menus
Auto Read More Feature with Thumbnails.
468*60 Header Ads banner
468*60 Header Logo with the PSD file and Fonts.
1 CSS Search Box
3 Column Footer section
Social Bookmarking Buttons/Badges installed
SEO friendly blogger title hack installed to help you rank higher in Google
Blogger Default Heading Tag has Changed for better SEO
Meta tags installed
Top Bar with Feed buttons and Display Day,Month,Year
Hosted images on blogger. Free use forever!
Favicon support so you can add your own url icon
Compressed CSS to speed up your page load times
Embedded JavaScript date code showing current day
Built-in Related Posts Widget to show Related posts
Numbered Page Navigation Hack Installed
Breadcrumbs Navigation Hack Installed
Replace "Older Posts","Home","Newer Posts" Text Navigation with Images
Automatically highlight author comments
Modified Comments Section to Enable Avatars in Blogger Comments
Many more ......

Template Layout Structure

3 Column Footer Section

Template Customization

Basic Template Installation:

1.First download the template and unzip the file.

2.Now, sign in to Blogger dashboard and click on the layout.

3.Here is the important step, after uploading any new Blogger template, all of the previous widgets like your google adsense ads,text,profile,poll,etc etc will be lost.
So, to avoid this to happen, in this step click on 'edit' on all the widgets and copy the codes into notepad,etc.

4.Now click on the 'Edit html' tab

5.First of all please Download Full Template.This is to back up your present template.If the new template that you are going to upload makes/gets into some errors or if you make more complex errors in that,then you will loose everthing.So make sure that you back up your template.

6.Just below that,there's an option of uploading new template.So, use the Browse button and upload the downloaded xml file.

7.Now, a message appear saying that your widgets are about to be deleted.Click on the Confirm & Save (no problem doing this because we already copied the widget codes in Step 3).

8.Now click on "confirm and save".Now you successfully installed the template.

8.Click on the 'Page elements' page now and add the codes that you copied in step3 using the 'Add a Page Element' option.

Configure Meta tags

<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>
<meta content='AUTHOR NAME HERE' name='author'/>
<meta content='never' name='Expires'/>
<meta content='INDEX,FOLLOW' name='Robots'/>
<meta content='4 Days' name='Revisit-after'/>

Replace DESCRIPTION HERE,KEYWORDS HERE,AUTHOR NAME HERE as below.

DESCRIPTION HERE:Write your blog description
KEYWORDS HERE:Write the keywords of your blog separated by comma.
AUTHOR NAME HERE:Write the author's name(Your name)

Configure First and Second Navigation Bar

<li><a href='Your-Link-Here' title='Link-Title'>Link-Name-X</a>

Now Replace Your-Link-Here,Link-Title,Link-Name-X with your details.

Configure Header logo

http://2.bp.blogspot.com/_T46SliM0-PI/S_VIpcB5SmI/AAAAAAAAAMs/CuJPES_Z5aE/LK+Magazine+v2.png

Now replace it with your logo address/url.

How To Configure Favicon:

<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

Go to Layout-->Page Elements and click on "Add a gadget".

Select "html/java script" and add the code given below and click save.

<script type="text/javascript">
function startGallery() {
var myGallery = new gallery($('myGallery'), {
timed: true,
delay: 5000,
slideInfoZoneOpacity: 0.8,
showCarousel: false
});
}
window.addEvent('domready', startGallery);
</script>


<div id="myGallery">


<div class="imageElement">
<h3><a href="ENTER-YOUR-POST-1-LINK-HERE">THIS-IS-FEATURED-POST-1-TITLE</a></h3>
<p>FEATURED-POST-1-DESCRIPTION</p>
<a href="#" class="open"></a>
<img src="FEATURED-POST-1-IMAGE-ADDRESS" class="full" alt="" />
</div>

<div class="imageElement">
<h3><a href="ENTER-YOUR-POST-LINK-2-HERE">THIS-IS-FEATURED-POST-2-TITLE</a></h3>
<p>FEATURED-POST-2-DESCRIPTION</p>
<a href="#" class="open"></a>
<img src="FEATURED-POST-2-IMAGE-ADDRESS" class="full" alt="" />
</div>

<div class="imageElement">
<h3><a href="ENTER-YOUR-POST-3-LINK-HERE">THIS-IS-FEATURED-POST-3-TITLE</a></h3>
<p>FEATURED-POST-3-DESCRIPTION</p>
<a href="#" class="open"></a>
<img src="FEATURED-POST-3-IMAGE-ADDRESS" class="full" alt="" />
</div>

<div class="imageElement">
<h3><a href="ENTER-YOUR-POST-4-LINK-HERE">THIS-IS-FEATURED-POST-4-TITLE</a></h3>
<p>FEATURED-POST-4-DESCRIPTION</p>
<a href="#" class="open"></a>
<img src="FEATURED-POST-4-IMAGE-ADDRESS" class="full" alt="" />
</div>

<div class="imageElement">
<h3><a href="ENTER-YOUR-POST-5-LINK-HERE">THIS-IS-FEATURED-POST-5-TITLE</a></h3>
<p>FEATURED-POST-5-DESCRIPTION</p>
<a href="#" class="open"></a>
<img src="FEATURED-POST-5-IMAGE-ADDRESS" class="full" alt="" />
</div>

</div>

Change 5000 to change your slider speed.

NOTE : Remember to replace ,

ENTER-YOUR-POST-X-LINK-HEREs with your real post links.

THIS-IS-FEATURED-POST-X-TITLEs with your real post titles.

FEATURED-POST-X-DESCRIPTIONs with your post descriptions.

FEATURED-POST-X-IMAGE-ADDRESSs with your real image addresses.

More details: http://www.bloggertipandtrick.net/2010/05/mootools-featured-posts-slider-blogger.html

Configure Multi tab widget

ENTER-TAB1-CONTENT-HERE

ENTER-TAB2-CONTENT-HERE

ENTER-TAB3-CONTENT-HERE

Replace these lines with your tab contents.

Configure 125*125 Ad Banners

Find below code in your template.

<!-- Banner -->
<div class='banner'>
<ul>
<li><a href='http://themeforest.net?ref=wam8387' rel='bookmark' title=''><img alt='' src='https://4.bp.blogspot.com/_T46SliM0-PI/S_VK7D-QSNI/AAAAAAAAAM8/KfE0GynX7KI/tf_125x125_v4.jpg'/></a></li>
<li><a href='http://themeforest.net?ref=wam8387' rel='bookmark' title=''><img alt='' src='https://4.bp.blogspot.com/_T46SliM0-PI/S_VK7D-QSNI/AAAAAAAAAM8/KfE0GynX7KI/tf_125x125_v4.jpg'/></a></li>
<li><a href='http://themeforest.net?ref=wam8387' rel='bookmark' title=''><img alt='' src='https://4.bp.blogspot.com/_T46SliM0-PI/S_VK7D-QSNI/AAAAAAAAAM8/KfE0GynX7KI/tf_125x125_v4.jpg'/></a></li>
<li><a href='http://themeforest.net?ref=wam8387' rel='bookmark' title=''><img alt='' src='https://4.bp.blogspot.com/_T46SliM0-PI/S_VK7D-QSNI/AAAAAAAAAM8/KfE0GynX7KI/tf_125x125_v4.jpg'/></a></li>
</ul>
</div>
<!-- /Banner -->

Now replace "http://themeforest.net?ref=wam8387" and "http://4.bp.blogspot.com/_T46SliM0-PI/S_VK7D-QSNI/AAAAAAAAAM8/KfE0GynX7KI/tf_125x125_v4.jpg" with your details.

Configure "Blog Posts" Widget

Login to your blogger dashboard--> layout- -> Page elements.Click on "Edit" form "Blog Posts" Section.Now change it value as the picture below:

Configure "Timestamp Format" Format

Important !!!:

Do not remove Footer Credits.

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/

170 thoughts on “LK Magazine v2 Premium Blogger Template”

PBTemplates says:

June 3, 2010 at 5:16 am

Sameera,

First convert your code from here:

http://www.blogcrowds.com/resources/parse_html.php

Now when you want to post your code use this converted code.

You can read more about this from here:

http://www.bloggertipandtrick.net/2009/03/how-to-show-html-text-in-blogger-posts.html

Reply
Sameera says:

June 3, 2010 at 5:23 am

ela aiyya...eka wada...eth aiiya..kohomada A cord eka style karala danne...oya ara template eka insatall karana widiya penwala thiyena thana pothaka rul wage dhala thiyenne...A widiyata cord eka pennwanna dahnne kohomda..?loku udhawwak plaese help...

Reply
Thor says:

June 3, 2010 at 9:28 am

Hi there again,

I can seem to find the adsense display between post on the main page. I configured it but it's not showing.

Reply
PBTemplates says:

June 3, 2010 at 9:59 am

Hi Thor,

Can you explain your problem further?Do you want to show Adsense ads between posts in home page?

Reply
Eliécer Suárez says:

June 3, 2010 at 4:11 pm

Hello someone can help me configure the Multi tab widget?.

Reply
FlyFishing says:

June 3, 2010 at 7:44 pm

Hello PB,

I reduced the size of the photos, unfortunately the problem is not solved.
Every time I open a new page (a post, a link, whatever ...),
in background appear the photos of carousel (one below the other)

Let me know

Hello

Thanks

Federico

Reply
සෑම් says:

June 4, 2010 at 2:11 am

hi lasantha aiyya..mata help ekak one oyage LK Gallery Premium Blogger Template eke tiyena image real slider eka mage template ekata dahanna ona..mama eka oyage anite site eka tiyena vidiyata add kara...et eka hariyata set wenne na..eka nisa mata eka hariyata set wenna cord eka hadala denwada plese rep..thwa deyak oya ai mata rep kate natte..kohoma html cord post eka style rul wala dala post kara na vidiya kiyla..plese mata rep karanna..mama mewta plituru balagena inawa..thanks

Reply
Thor says:

June 4, 2010 at 4:31 am

Hi PB, yes, I want to show my adsense in between the summary posts. Thank you!

Reply
ගීත් says:

June 5, 2010 at 5:34 am

Hi BP T

Stand alone page's comments are not displaying.........

How to fix this...

(Aiyee mata english hariyata baa. mage blog eka psges walata labee athi comments pennanneee na ne... mokada meekata karannee.. ?????? ane karunakara kiya dennakooo)

Plz Plz Plz

Reply
Evolution - World says:

June 5, 2010 at 4:09 pm

Popular post widget code that you have given above in a reply to "Sameera" is not working and giving this error "Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: Element type "a" must be followed by either attribute specifications, ">" or "/>"." plz help me to fix it 🙂

Reply
Evolution - World says:

June 5, 2010 at 6:47 pm

Plz tell me how to remove "Multi Tab Widget" Coz, I've tried a lot but cannot fix the popular post tab 🙁

Reply
PBTemplates says:

June 7, 2010 at 1:24 pm

Hi Evolution,

To add a popular post widget use below code:

<script language='javascript'>
aBold = true;
numposts=200;
maxshowresult=10;
home_page = "http://YOURBLOG.blogspot.com/";
</script>
<script language="JavaScript" type="text/JavaScript">
var postTitlear=new Array();var postUrlar=new Array();var postCommentar=new Array();var totalpost;document.write("<ul>");function showrecentposts(j){var a=j.feed.entry.length;totalpost=a;for(var f=0;f<a;f++){var h=j.feed.entry[f];var c=h.title.$t;var b;var g;if(f==j.feed.entry.length){break}for(var d=0;d<h.link.length;d++){if(h.link[d].rel=="alternate"){g=h.link[d].href;break}}for(var d=0;d<h.link.length;d++){if(h.link[d].rel=="replies"&&h.link[d].type=="text/html"){b=h.link[d].title.split(" ")[0];break}}c=(aBold)?"<b>"+c+"</b>":c;postTitlear.push(c);postUrlar.push(g);postCommentar.push(b)}sortPosts();for(var f=0;f<maxshowresult;f++){var e='<li><a href="'+postUrlar[f]+'" class="recent-link">'+postTitlear[f]+" ("+postCommentar[f]+" comments)</a>";document.write(e)}}function sortPosts(){function c(d,f){var e=postTitlear[d];postTitlear[d]=postTitlear[f];postTitlear[f]=e;var e=postUrlar[d];postUrlar[d]=postUrlar[f];postUrlar[f]=e;var e=postCommentar[d];postCommentar[d]=postCommentar[f];postCommentar[f]=e}for(var b=0;b<postTitlear.length-1;b++){for(var a=b+1;a<postTitlear.length;a++){if(parseInt(postCommentar[b])<parseInt(postCommentar[a])){c(b,a)}}}}document.write('<script src="'+home_page+"feeds/posts/default?max-results="+numposts+'&orderby=published&alt=json-in-script&callback=showrecentposts"><\/script>');
</script>

Remember to replace YOURBLOG with your blog name.

If you want to remove "Multi Tab Widget",then remove below code from your template:

<div class='tabber'>

<div class='tabbertab' id='tab1'>
<h2>VIDEO</h2>

ENTER-TAB1-CONTENT-HERE

</div>
<div class='clear'/>

<div class='tabbertab' id='tab2'>
<h2 class='title'>RECENT POSTS</h2>

ENTER-TAB2-CONTENT-HERE

</div>
<div class='clear'/>

<div class='tabbertab' id='tab3'>
<h2>POPULAR POSTS</h2>

ENTER-TAB3-CONTENT-HERE

</div>
<div class='clear'/>

</div>

<div style='clear:both;'/>

Reply
Sunganani says:

June 8, 2010 at 3:41 am

I would like to
1. remove the left sidebar
2. have the right sidebar where the left one is

How do I do that?

I realize that this is a major design feature so it may take a lot of work but I think the site will be better that way considering Google's blog heat map.

Thanks

Reply
Evolution - World says:

June 8, 2010 at 8:20 am

Thabk You very much...Multitab widget is now fixed with your kind help 🙂 Now I dont need to delete this...Thnx alot

Reply
Spanishboy says:

June 8, 2010 at 9:36 pm

PBT I need you help please!!! I have my blog template already finished but i have a strange problem, how can i have my logo (header image) so that when I click on it, it could take me to the home page. In other words i want my header logo to take me to the main page when i click on it.

Thanks a lot for your amazing template and for your patience!

Reply
සෑම් says:

June 9, 2010 at 8:14 am

hello aiiya..ape post eke font size eka hadannea kohomda,,,ewagma post ekea hed tital eke font eka wenas karannea kohomda..?please reply me....

Reply
Blogger Tips And Tricks|Latest Tips For Bloggers says:

June 9, 2010 at 10:05 am

To change the font size of post, find this:

<Variable name="bodyFont" description="Text Font" type="font" default="normal normal 100% Verdana, Arial, Sans-serif;" value="normal normal 100% Arial,Georgia,Serif;">

Change "100%" as you like.

To change

Reply
සෑම් says:

June 9, 2010 at 10:34 am

ok aiyya..mama oya kiyapu widiyata wade kara....dhan awit balanna blog eka...mata thawa help ekak onea....magea blog ekata hari yanna oyagea LK Gallery Premium Blogger Template eke thiyena image real eka mage ekata dahaganna cord eka hari gassala dhenwa..?loku udawwak..

Reply
සෑම් says:

June 9, 2010 at 10:36 am

ok..aiiya mama oya kiyapu vidhiyata wade kara..dhan awit blog eka check karala balanna..bro mata thawa udawwak onea..oyagea LK Gallery Premium Blogger Template eke thiyena image real eka mage ekata dha ganna settings hadala mata reply karanwa...loku udawwak..

Reply
Tuentitrucos says:

June 9, 2010 at 11:05 am

How can I change the catmenu font and color??

Thankiu

Reply
FlyFishing says:

June 12, 2010 at 5:33 pm

Hello PBT,
in addition to problems with the photos in the slide, I noticed that the "Read more" in the post only works with Internet Explorer. How can I view the function with Firefox?
The site is: http://www.flyfishingeuropa.com
Hello

Thanks

Federico

Reply
M. Faroz Indonesia says:

June 13, 2010 at 6:24 am

yahoo emotion have [in] download [of] according to your guide, come up [in] my blog but [do] not work, help me pls

Reply
Abbas Abbasi says:

June 13, 2010 at 6:36 am

Images do not fit well in the sideshow..What size of images should I use? I am using images hosted on different websites. Any suggestions to change the caption area? Its too large.

Reply
PBTemplates says:

June 14, 2010 at 6:34 am

Slideshow images default sizes are width:515px and Height:250px.

To change the size of caption area,find this:

.jdGallery .slideInfoZone
{position: absolute;z-index: 10;width: 100%;margin: 0px;left: 0;bottom: 0;height: 90px;background: #363636;color: #fff;text-indent: 0;overflow: hidden;}

now change height value as you like.

Reply
සෑම් says:

June 15, 2010 at 7:26 am

hello...aiyya,mata oyagen udawwak onea,,...#main-wrapper{} )eka mata width:600px karaganna one..mama template eka 600 karagena anit ewat kalin tibba widiyata hafa ganna vdiya mata kiyla dhenwada,,?please reply me

Reply

Need a New Theme Design / Theme Customization?

We offer hundreds of free Blogger templates / Blogspot themes. However, if you want a unique theme or need to customize your current theme, please let me know. The end result will undoubtedly satisfy you.

Ask for Support

LK Magazine v2 Premium Blogger Template

170 thoughts on “LK Magazine v2 Premium Blogger Template”

Leave a Reply Cancel reply

Need a New Theme Design / Theme Customization?

What's Blogger template?

Quick Links

Categories