Blogger Template | Kodzilla

Kodzilla is a two column blogger template with sidebar to its right and post section to left.The theme is designed by web2feel and converted by me to blogger.The design is very high quality and looks very beautiful as have high quality colors.Top menu links are ready for you just you can add them simply from linklist widget in blogger layout.Search box is ready inside your blog and jquery gallery at top of blog is also ready.One more feature is available as you will see at top left of the post where you can show your profile image.

Other blogger templates you may like are Grunge and Maalaga.

Template Installation

• Top Menu Links

You will see two link list widget in blogger Layout > Page elements.Just hit edit button and add your links from there and remember to keep the title of linklist widget blank.


• Date Header Format

Access into ¡®Settings¡¯ and under the ¡®Formatting¡¯ tab, change the ¡®Date-Header Format¡¯ to this format: ¡®Wednesday, September 09, 2009', ¡®Save Settings¡¯ to achieve the post date.


• Gallery

Find below codes and edit red part in them.


<div id='gallerycover'>
<div class='mygallery'>
<ul>

<li>
<div class='mytext'>
<img alt='' class='sidim' height='180' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifkzuNe1YkWq56T2jieiG7-hwDtPt3a6HLQax4dNVbbea6dgfMejr8eYbfGnA1dlUmgXIkOh9RnesEMb2g3Gk1VNBVruV6bpNwjIoNzYUAe2IykHtVv6H_n0phFh7vReN4lLkC9bCoQTsD/s800/sky.jpg' width='290'/>
<div class='inpost'>
<h2><a href='POST-URL-HERE' title='POST TITLE HERE'>POST TITLE HERE</a></h2>
</div>
</div>
</li>

<li>
<div class='mytext'>
<img alt='' class='sidim' height='180' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdUXyEkeDGk4VBsQKlj9hyMsOXQ8Bw0Y58ewuHt1XCWwue8A7OYqT9U7edAz2-aMf7LYwYtsOsnMgxK1VTiAo6_fmCjg_DDKc2b3XW8Pzke-OCt4WPNffcLLzmx786xmn_4zpbZHpT5yXv/s800/game.jpg' width='290'/>
<div class='inpost'>
<h2><a href='POST-URL-HERE' title='POST TITLE HERE'>POST TITLE HERE</a></h2>
</div>
</div>
</li>

<li>
<div class='mytext'>
<img alt='' class='sidim' height='180' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinMDk8k6r5sk3m_Y08O2anclARWbYxcP4_KMZ1TxqeJ7cQi8hqIwW7vOZ08AhZR_diErQqlX5qkom3Gocqtd49w7B7QjTVAKaa-QHuqrjORPr3AZqiSOunDf5SQRz5T_kaYpLfOa9NDNYX/s800/black.jpg' width='290'/>
<div class='inpost'>
<h2><a href='POST-URL-HERE' title='POST TITLE HERE'>POST TITLE HERE</a></h2>
</div>
</div>
</li>

<li>
<div class='mytext'>
<img alt='' class='sidim' height='180' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiudS7LYxHk6HiwkEPmsDyy91Ks56z8IfV6wg0ULnxa4-HsRbo-uljfg_tHO95VdFx24DxodXwvNbqRQPAqKTTpTGV2ZDdbtShNOlkQ-HD9Kw8gLeI_wJt8a_reTUODZcNOHWbWznvGomGw/s800/green.jpg' width='290'/>
<div class='inpost'>
<h2><a href='POST-URL-HERE' title='POST TITLE HERE'>POST TITLE HERE</a></h2>
</div>
</div>
</li>

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



Just edit the red content above with yours.Like this you have to edit all image links and bold text with yours.As you will see i have made one part green in codes above.Just you need to keep on adding that part more again one after another to add more images.


• Change Your Profile Image

Just Go To Layout > Edit Html > and Check mark To Expand Widgets.Now find for below image link and replace it with yours.


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDg6hy_vtAP8q5ajRNQ4HM0zpJVmq85mBKDp7JngsyRE8EonDRas9TZUO3-narZ2_CdG62EFRTBADP-pHJxCF3AR-6Up1rHmQK_fonF7U9F9CKfh4cRP29GlbyLjK-wQ6JZvR3eKZ9a1Q/s400/avatar_reader.png