LK Magazine v2 Premium Blogger Template

Share: TwitterFacebookPinterestRedditLinkedin

Demo
Download

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

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'/>
<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

Login to your blogger dashboard--> layout- -> Edit HTML.Now Scroll down to where you see below code :

<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

Login to your blogger dashboard--> layout- -> Edit HTML.Now Scroll down to where you see below line :

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:

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

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

Login to your blogger dashboard--> layout- -> Edit HTML.Now Scroll down to where you see below lines :

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

Login to your blogger dashboard--> Settings- -> Formatting.Now set your timestamp format as the picture below.

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”

  1. Hello Lasantha, I do not use internet explorer, I use Firefox. Is there any solutions about the not working slider?

    Reply

  2. its a great template.. tnx PB!
    iam using it now but i want to change the background color of LK magazine v2.
    will u pls help me how to change?

    thanks!!!!

    Reply

  3. in firefox i cant see the drop down menu background. for example when i put mouse on link-name1 i cant see drop down menus i.e. linkname1a, link-name1b, etc,and background for that until i hover mouse on the particular link. but it works perfectly in IE and Opera. is ther any prob in my firefox (ver. 3.6.13) or is ther any problem in template. please help me, Thanks

    Reply

  5. Its a great template.. tnx PB! Thanxs Lasantha..
    I use your template, thanxs very much.
    Lasantha, I need Help..
    How to remove breadcrumbs ?? in this template??
    Please tell me, cz i try remove breadcrumbs but always error..
    Please, Help me...
    this is My URL: http://nikicomic.blogspot.com/

    Reply

  6. Hi Lasantha Bandara,

    can you please check my blog? when we click for next page it's only display 3 posts instead of 5 or more. also i want to make 10 number of post for label instead 20.

    thank you.

    Reply

  7. Hello Lasantha,

    how do I enter the advertising space on the right (the one with the 4 squares ThemeForest ") photos with links to other sites ?

    I hope that I explained

    Hello

    Thanks

    Fede

    Reply

  9. Hi, I have read your guide above on how to remove the read more in static page.It works but the read more button still appear how to hide it or totally disappear?

    Please help me.

    Reply

  10. @Bennix

    To Remove "Read More" from your static pages follow the steps given below.

    1.Login to blogger dashboard-->Layout-->Edit html.

    2.Click on "Expand Widget Templates".

    3.Find this code:

    <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if></p>

    4.Now replace above code with below code:

    <b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>

    <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if></p>

    5.Now find this code block:

    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
    <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
    <span class='rmlink' style='float:right'><a expr:href='data:post.url'><img src='http://3.bp.blogspot.com/_T46SliM0-PI/S_OAcXPAZZI/AAAAAAAAAMM/rUsEdh1P7_o/24-large-allblogtools.jpg' style='border-style:none;'/></a></span>
    </b:if>

    6.Replace it with this one:

    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
    <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
    <span class='rmlink' style='float:right'><a expr:href='data:post.url'><img src='http://3.bp.blogspot.com/_T46SliM0-PI/S_OAcXPAZZI/AAAAAAAAAMM/rUsEdh1P7_o/24-large-allblogtools.jpg' style='border-style:none;'/></a></span>
    </b:if>
    </b:if>

    7.Now save your template.

    Reply

  11. @PB
    Thank you man, your such a genius! One more thing I wanted to fix, in the multi-tab in sidebar I want a code that will automatically generate my recent & popular post. I have seen a code for this before from a Jquery site but I can't recall it.

    Reply

  12. Sir, I have seen your guide above on how to add the popular post script for the sidebar tab but I got this error message:
    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 "/>".

    Reply

  13. Hi Lasantha, I have one more question please disregard the last two questions I have found the answer. Sir, the post title and the content has a big space in between, how could I minimize or remove it?
    Thank you in advance...

    Reply

  14. @Bennix

    find this code:

    .post-body{margin:0 0 .25em;line-height:1.6em}

    Now replace it with this:

    .post-body{margin:-30px 0 .25em;line-height:1.6em}

    save.

    Reply

  15. Thank you for the fast reply but It doesn't work sir. I see this lines of codes that makes the space..

    Please check my link here:
    http://www.bennixville.com/2011/02/asus-g73jh-tz218v-gaming.html

    as you can see,there is an empty space between the post title and the content. There's no problem with my post content because I know how to remove the br or any spcing code to make it close to the post title but this time it can't.

    Thank you in advance!

    Reply

  16. Remove that from the template:

    <!--.post-body{margin:0 0 .25em;line-height:1.6em}Remove the Extra Space below the Post Title-->

    Also replace,

    .post-body{margin:-60px 0 .25em;line-height:1.6em}

    with,

    .post-body{margin:-30px 0 .25em;line-height:1.6em}

    Reply

  17. Thanks Sir, It works now on my old post but some new post I need to backspace...

    Many Thanks to you I love your template...if you have visit my blog and recommends whats the best...

    Reply

  18. Hi!
    I have a problem: I created a static page and I changed the html

    with the next one as you said in a comment above

    but the problem is that now the page shows twice....
    can you help me please?

    PS sorry for my bad english....

    Reply

  19. Hi sir, the multitab is not working.please help. Just in case I want to remove the Multi-Tab widget how to do it?
    www.bennixville.com

    Reply

  20. @Bennix

    Hi Bennix,

    find this and remove it:

    <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

  21. @Bennix

    @Bennix

    Hi Bennix,

    find this and remove it:

    <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

  23. @SLRC

    go to the "edit html" and click on "expand widget templates".

    now remove this section and save your template:

    <b:if cond='data:blog.url == data:blog.homepageUrl'>

    <table><tr>
    <td><span class='section-1'>
    <b:if cond='data:top.showTimestamp'>
    Posted On <b:if cond='data:post.url'><data:post.timestamp/></b:if>
    </b:if>
    <b:if cond='data:top.showAuthor'>
    by <span class='fn'><data:post.author/></span>
    </b:if></span></td>
    <td><span class='section-2'>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:post.allowComments'>
    <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
    </b:if>
    </b:if>
    </span></td>
    </tr></table>

    </b:if><br/>

    Reply

  24. this template is a white hat SEO? i worry about this template include a black hat trick, i worry may be my blog which is use this template cannot aproved by the google adsense, and other ppc

    Reply

  25. Sincerely,

    beautiful templates

    I had a problem at KING Magazine V3 Blogger templates.
    1. photos on google does not seem that my friends put on the sidebar.
    2. Every time my friend commented with Blogger Blogspot their photo ID does not show up, whereas before just fine

    I look forward to your help

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

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