LK Magazine Blogger Template

LK Magazine Blogger Theme is originally created for blogger by Lasantha. Its a 4 column template packed with plenty of features, if you have lot of content, then you can consider using this template. Let's go through some of its features.

The header space has a slot on the right for a banner ad, then comes the dual navigation bar - the first one also has a dropdown menu to add sub-categories. To configure the menu bars, access your Edit Html and search for the following code, and add your relevant links -

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

The main post area has an image slider where you display your featured posts, image size would be width-200, height-120. In order to activate your slider, you will need to go to Layout-Page Elements and Add a Gadget. Paste the following code and replace the image links and post headline -

<div id="myslides">

<script type="text/javascript">
stepcarousel.setup({
galleryid: 'mygallery', //id of carousel DIV
beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
panelclass: 'panel', //class of panel DIVs each holding content
panelbehavior: {speed:500, wraparound:true, persist:true},
defaultbuttons: {enable: true, moveby: 2, leftnav: ['https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQzTnlDKoVYqPWaxDCBi6Om0xAELsJHGFPHK5EZ31293MzTgvOM0ffPdd51Pg_wRWdCYX5dz6dI2wog6diMNC2b2uky206wcjvqhuohFfZfefxPzDjMCIac4rSXAMexbn8kVsM0WxrkQCM/', -14, 60], rightnav: ['https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiHL0T3qgnBFk1YkNAp2Jawwjoytnf-98Bvgz57kAx1OkkoZQcFgS4SCL0Rjfx-PxIT2YfVevGBqLfEaFImyTlotNloUQUw13RfJTrwM_Zy1NoZBWZ9HcUYOxe5IHg-LpEhuBalBpfZoZp/', 0, 60]},
statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
contenttype: ['external'] //content setting ['inline'] or ['external', 'path_to_external_file']
})
</script>


<div id="mygallery" class="stepcarousel">
<div class="belt">

<div class="panel">
<a href="#" title="NFS Most Wanted">
<img alt="NFS Most Wanted" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX1gKYjkdxDwVkEiVnOf6Vr7LEuz68U3uQVVxxzcuya8cWDirgNZ3-Pe039nPGP-EmPFv6CgHJTzlU3lMkofsX94Qa6PwJKrJB-3iO2__uXY0yViVJhlJsn1JJeJ1opNaAir39qRvbgrpB/+Most+Wanted.jpg" height="120"/>
</a>
</div>

<div class="panel">
<a href="#" title="Call Of Duty">
<img alt="Call Of Duty" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB6hrnQLZDsQYyPd7foFia7bqKZ9TKADfj9cUlwElDndcq7JuJc2hlM6jRoPQNnCN-faqzvdM_HQkj69F9jOKy7mrY57kOLpnRO5ka0hsGqKKvnRX21PbMhdCQAS5ArWf_pfSl6rU4PbUr/+Of+Duty.jpg" height="120"/>
</a>
</div>

<div class="panel">
<a href="#" title="MaxPayne3 Game">
<img alt="MaxPayne3 Game" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnKFobyTmLDWhJCuguYRsGawzauHXCSzLHMc1HkOC4ExbZ3yuXXOlFxgpHgi0dVaHBamfeHRkD45wbtlkOQKTtR9t4V-PdRfBuVe-jH8rH3j5yVqBIpaEaDkwrUUeu2EOOGS7PP35cMjLg/+game.gif" height="120"/>
</a>
</div>

<div class="panel">
<a href="#" title="Tomb Raider">
<img alt="Tomb Raider" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJE2az_DH7rLEL8XDx4dSFjh8xpCW23FnlgN6bbvxFIfMElmVNnOmTNiL-_xX0bwVesEzfske81Uvqx7gKGTJMxCU0jg1m6Nqt4AvhyXyQOCPRJkHRE3IiVgp0W_ehjjSM0XW-lwv9hZLw/+Rider.jpg" height="120"/>
</a>
</div>

<div class="panel">
<a href="#" title="Harry Potter">
<img alt="Harry Potter" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsXT7pofJUw8nujh_sED93MCBbBNUzuMglcil_JAcHI8hz0qlQXVrs0czRfkPUo96KLlspyJsXf6zMbGkzZwLsbFM3yef70okRlzYBwQPBMZdk0WpKCf2Um7z7gqoRPoQrccF7O4jQqArF/+potter.jpg" height="120"/>
</a>
</div>

<div class="panel">
<a href="#" title="NFS ProStreet">
<img alt="NFS ProStreet" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5Y1pUuz4f_edI3-V7WtGWg0KCGKGUXpwcN_DSUsNSltcU-L83nJXUmUbSEZAb1cfSySBNSqCw-g5jEdLN4m5LjKZfMIDpJErmh1o9Z5b5OgaRCQTUeM_CwN17E9mwWS62XxmoZtpc3Au4/+ProStreet.jpg" height="120"/>
</a>
</div>

<div class="panel">
<a href="#" title="MaxPayne Movie">
<img alt="MaxPayne Movie" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9v39HS1ZPePT4e-55qUjjOOrU60gnEsGdREnkiGigoGpTCILVHFWjgXfrEMHHkG3sIV5-SyZhpphqsWIyAdxNG4znFatgx46NBa3iGSbVS1jXIeZLLT8bms2ndkQDpIgbvypxxLFwbWY9/+movie.jpg" height="120"/>
</a>
</div>

<div class="panel">
<a href="#" title="NFS Undercover">
<img alt="NFS Undercover" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTrr2OkvMNZ473S36kjqNDN5B7wWLyiP1_AWqJGwd1DOdq0EmGYJs07jxfXFLq9RNPLbu64Pfskr2RmYby75LFNuB0NkVma5pF00M7r8L2tqHJo-6C_zD7B0rimUvtejKVhVMdTtEBeZ1R/+Undercover.jpg" height="120"/>
</a>
</div>

</div>
</div>
</div>

The main posts appear below the slider, each post has the time stamp, author and comments below the headline. Read More function is also activated in this theme along with jazzy social bookmarking icons that appear after the short summary.

While the right column initially starts with the search box, ad slots and a multi-tabber and then splits in to two columns. To configure the tabs, go to Layout--Page Elements, click on the tab name and add a gadget. In case you want to change the tab names, access Edit Html and find the below code and change the tab names to sections of your choice -

<li class='pop'><a href='#tab11'>Video</a></li>
<li class='fea'><a href='#tab22'>Recent</a></li>
<li class='rec'><a href='#tab33'>Popular</a></li>

Another sidebar is on the right of the main posts, and you can use it to add any blogger widgets. LK Magazine theme also includes a 3-column footer section to display more content.

Download LK Magazine Blogger Template

Lasantha has released the second version of LK Magazine Blog Template -
Download the Version 2 LK Magazine Blog Template