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: ['http://3.bp.blogspot.com/_4HKUHirY_2U/Swp_uMVeIBI/AAAAAAAAATs/53m4n9dGzso/rem1.jpg', -14, 60], rightnav: ['http://3.bp.blogspot.com/_4HKUHirY_2U/Swp_x-EbbHI/AAAAAAAAAT0/W5WfkjVPzdE/rem2.jpg', 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="http://4.bp.blogspot.com/_4HKUHirY_2U/Swp3aiu5SZI/AAAAAAAAASk/yizi7snG_Bg/NFS+Most+Wanted.jpg" height="120"/>
</a>
</div>
<div class="panel">
<a href="#" title="Call Of Duty">
<img alt="Call Of Duty" width="200" src="http://1.bp.blogspot.com/_4HKUHirY_2U/Swp3ntj2moI/AAAAAAAAASs/yE5UW180uuw/Call+Of+Duty.jpg" height="120"/>
</a>
</div>
<div class="panel">
<a href="#" title="MaxPayne3 Game">
<img alt="MaxPayne3 Game" width="200" src="http://3.bp.blogspot.com/_4HKUHirY_2U/Swp5VFoWHVI/AAAAAAAAATk/pFK49oX63xY/maxpayne3+game.gif" height="120"/>
</a>
</div>
<div class="panel">
<a href="#" title="Tomb Raider">
<img alt="Tomb Raider" width="200" src="http://3.bp.blogspot.com/_4HKUHirY_2U/Swp4F6x_GwI/AAAAAAAAATc/zSWizc86amA/Tomb+Rider.jpg" height="120"/>
</a>
</div>
<div class="panel">
<a href="#" title="Harry Potter">
<img alt="Harry Potter" width="200" src="http://2.bp.blogspot.com/_4HKUHirY_2U/Swp37ci8djI/AAAAAAAAATM/h4EWIfrRQUs/harry+potter.jpg" height="120"/>
</a>
</div>
<div class="panel">
<a href="#" title="NFS ProStreet">
<img alt="NFS ProStreet" width="200" src="http://2.bp.blogspot.com/_4HKUHirY_2U/Swp3sTBAurI/AAAAAAAAAS0/luZtbZH5kdQ/NFS+ProStreet.jpg" height="120"/>
</a>
</div>
<div class="panel">
<a href="#" title="MaxPayne Movie">
<img alt="MaxPayne Movie" width="200" src="http://2.bp.blogspot.com/_4HKUHirY_2U/Swp31-yKvyI/AAAAAAAAATE/R9DDNeyELg0/MaxPayne3+movie.jpg" height="120"/>
</a>
</div>
<div class="panel">
<a href="#" title="NFS Undercover">
<img alt="NFS Undercover" width="200" src="http://3.bp.blogspot.com/_4HKUHirY_2U/Swp3_TDx6gI/AAAAAAAAATU/3f5FAgdoT-I/NFS+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
For sports or racing enthusiasts here's a template to display your content. Race Clan is a 2 column theme, originally created by Web2feel and ported to blogger by Anshul.
The header space will include your blog title and description on the left, and search box on the right. The theme has dual navigation bars, below the header, where you can add your blog categories and default pages like Home, Contact and About.
The main post section displays the author name and date stamp below the headline, and time stamp, labels, comments appear at the end of the post. While the single sidebar on the right can be used for your blogger widgets - Recent Posts, labels, archives etc.
Overall Race Clan is a simple theme with a neat layout and colour scheme, and it supports all blog features.
Download the Race Clan Blogger Template
The header space will include your blog title and description on the left, and search box on the right. The theme has dual navigation bars, below the header, where you can add your blog categories and default pages like Home, Contact and About.
The main post section displays the author name and date stamp below the headline, and time stamp, labels, comments appear at the end of the post. While the single sidebar on the right can be used for your blogger widgets - Recent Posts, labels, archives etc.
Overall Race Clan is a simple theme with a neat layout and colour scheme, and it supports all blog features.
Download the Race Clan Blogger Template
Masipag is a 2 column theme originally designed by Paddsolutions and brought to Blogger by Anshul Dudeja. The template has few in-built features and widgets already installed in it. Let's take a look at it.
The header logo can be changed with your blog name by extracting the psd file from the main download folder, open it in photoshop, edit it and upload the logo from header widget in blogger layout. The header space also contains the menu bar for your main categories - Home, Contact and About - which can be changed from Layout-Edit Html, search for the following code and replace all the '#' with the relevant links -
<ul>
<li class='current_page_item'><a href='l'><span class='l'><span class='r'><span class='c'><span><span>Home</span></span></span></span></span></a></li>
<li><a href='#'><span class='l'><span class='r'><span class='c'><span><span>About</span></span></span></span></span></a></li>
<li><a href='#'><span class='l'><span class='r'><span class='c'><span><span>Contact</span></span></span></span></span></a></li>
</ul>
This is followed by a second menu bar to display your blog sections, that has a nice hover-on effect. The main feature of this theme would be the slider that allows you to put up your best or featured posts. To add the images, find the following code in Edit Html and replace # with post url and add your image link as shown in the code below. Repeat the same steps in the next code as well.
<ul class='jcarousel-skin' id='carousel'>
<li><a href='#'><img height='191px' src='IMAGE URL HERE' width='191px'/></a></li>
<li><a href='#'><img height='191px' src='IMAGE URL HERE' width='191px'/></a></li>
<li><a href='#'><img height='191px' src='IMAGE URL HERE' width='191px'/></a></li>
<li><a href='#'><img height='191px' src='IMAGE URL HERE' width='191px'/></a></li>
</ul>
In the main column the post headline is followed by the time stamp and labels on the top and comments on the extreme right. The template also has a related posts widget installed in it, that will appear at the end of each post.
The single sidebar on the right can be used for additional blogger widgets or the default ones like Archives, Labels etc. Masipag also has a 3 column footer space for more content.
Download the Masipag Blogger Template
The header logo can be changed with your blog name by extracting the psd file from the main download folder, open it in photoshop, edit it and upload the logo from header widget in blogger layout. The header space also contains the menu bar for your main categories - Home, Contact and About - which can be changed from Layout-Edit Html, search for the following code and replace all the '#' with the relevant links -
<ul>
<li class='current_page_item'><a href='l'><span class='l'><span class='r'><span class='c'><span><span>Home</span></span></span></span></span></a></li>
<li><a href='#'><span class='l'><span class='r'><span class='c'><span><span>About</span></span></span></span></span></a></li>
<li><a href='#'><span class='l'><span class='r'><span class='c'><span><span>Contact</span></span></span></span></span></a></li>
</ul>
This is followed by a second menu bar to display your blog sections, that has a nice hover-on effect. The main feature of this theme would be the slider that allows you to put up your best or featured posts. To add the images, find the following code in Edit Html and replace # with post url and add your image link as shown in the code below. Repeat the same steps in the next code as well.
<ul class='jcarousel-skin' id='carousel'>
<li><a href='#'><img height='191px' src='IMAGE URL HERE' width='191px'/></a></li>
<li><a href='#'><img height='191px' src='IMAGE URL HERE' width='191px'/></a></li>
<li><a href='#'><img height='191px' src='IMAGE URL HERE' width='191px'/></a></li>
<li><a href='#'><img height='191px' src='IMAGE URL HERE' width='191px'/></a></li>
</ul>
In the main column the post headline is followed by the time stamp and labels on the top and comments on the extreme right. The template also has a related posts widget installed in it, that will appear at the end of each post.
The single sidebar on the right can be used for additional blogger widgets or the default ones like Archives, Labels etc. Masipag also has a 3 column footer space for more content.
Download the Masipag Blogger Template
Most bloggers would like to earn some revenue from their blogs. Although making a lot of money in a short time is not possible, at least for us, but over a period of time we have managed to make this side income a steady source of income.
The topic itself is very large to cover in a single video, we shall be creating multiple videos to help you get the most out of your blogger blog.
Monetize Blogger, Revenue from Blogs, Ads in Blogspot,
Here's the list of resources that was used in the video:
The code to look for to paste the ad unit after parsing
<data:post.body/>
If you paste it before the above code it will appear under the headline and after it, it will appear at the end of the post. You can also use this <div style='margin-left:2px;'>Your Parsed Ad Code Here</div> to fit the advertisement properly
Ads in the Middle
Blog crowds HTML Parser
Hope you enjoyed the first part of this video series, until the next one, have fun blogging!
The topic itself is very large to cover in a single video, we shall be creating multiple videos to help you get the most out of your blogger blog.
Monetize Blogger, Revenue from Blogs, Ads in Blogspot,
Here's the list of resources that was used in the video:
The code to look for to paste the ad unit after parsing
<data:post.body/>
If you paste it before the above code it will appear under the headline and after it, it will appear at the end of the post. You can also use this <div style='margin-left:2px;'>Your Parsed Ad Code Here</div> to fit the advertisement properly
Ads in the Middle
Blog crowds HTML Parser
Hope you enjoyed the first part of this video series, until the next one, have fun blogging!