Tuesday, February 23, 2010

Blogger Template | Glory

Glory is a two column blogger template with sidebar to its right and post section to left.The theme is designed by hostwisely and converted by me to blogger.The design is premium with very high quality images and it looks damn beautiful template.Top menu links are ready for you and look stunning.Search box is also ready inside your blog.Twitter widget is also active in sidebar just need to place your username and rss widget also ready in sidebar.I have made two xmls for this as one without slider and one with slider as all users dont like using slider, so use the xml which you like.

Other blogger templates you may like are Bueno and Irresistible.







Template Installation



  • Top Menu Links

  • Find Below codes:-

    <ul>
    <li class='current_page_item'><a href='#'>Home</a></li>
    <li><a href='#'>About</a></li>
    <li><a href='#' title='Contact'>Contact</a></li>
    </ul>

    Just replace the # with your links and linking text as you want.

  • Placing Your Twitter Username

  • Just find for below codes.

    http://twitter.com/YOUR-URL-HERE

    You will find above link twice so chnage it twice with yours.

    Now find this script.

    <script src='http://twitter.com/javascripts/blogger.js' type='text/javascript'/>
    <script src='http://twitter.com/statuses/user_timeline/YOUR-TWITTER-USERNAME.json?callback=twitterCallback2&amp;count=3' type='text/javascript'/>

    Just place your twitter username and also you can change count value to any amount of tweets you want to show.


  • Slider Codes

  • Just find below codes and edit red part written in Bold with yours and # with your link.

    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <div id='wrapper-featured'>
    <div id='wrapper-myslides'>
    <div id='myslides'>

    <div class='panel'>
    <div class='image-frame'>
    <a href='#' rel='bookmark' title='POST TITLE'>
    <img alt='IMAGE TITLE' class='crop-foto' height='185' src='http://farm3.static.flickr.com/2745/4053275401_98d09abea1.jpg' width='205'/></a>
    </div>
    <div class='featured-entry'>
    <h3 class='featured-title'>
    <a href='#' rel='bookmark' title='POST TITLE'>POST TITLE</a></h3>
    <p>WRITE YOUR POST DESCRIPTION HERE</p>
    </div><!--end featured-entry-->
    </div><!--end panel-->


    <div class='panel'>
    <div class='image-frame'>
    <a href='#' rel='bookmark' title='POST TITLE'>
    <img alt='IMAGE TITLE' class='crop-foto' height='185' src='http://farm3.static.flickr.com/2676/4053275587_d21ffaab15.jpg' width='205'/></a>
    </div>
    <div class='featured-entry'>
    <h3 class='featured-title'>
    <a href='#' rel='bookmark' title='POST TITLE'>POST TITLE</a></h3>
    <p>WRITE YOUR POST DESCRIPTION HERE</p>
    </div><!--end featured-entry-->
    </div><!--end panel-->

    <div class='panel'>
    <div class='image-frame'>
    <a href='#' rel='bookmark' title='POST TITLE'>
    <img alt='IMAGE TITLE' class='crop-foto' height='185' src='http://farm3.static.flickr.com/2477/4054018014_c5e93695f4.jpg' width='205'/></a>
    </div>
    <div class='featured-entry'>
    <h3 class='featured-title'>
    <a href='#' rel='bookmark' title='POST TITLE'>POST TITLE</a></h3>
    <p>WRITE YOUR POST DESCRIPTION HERE</p>
    </div><!--end featured-entry-->
    </div><!--end panel-->

    </div><!--end myslides-->
    </div><!--end wrapper-myslides-->

    <div id='nav-slides'>
    <a href='#' id='prev'/>
    <a href='#' id='next'/>
    </div>

    </div><!-- wrapper featured-->
    </b:if>

    I have shown one panel in red to edit.Edit rest two also as first one.In above codes i have added three panels i.e three posts with slides.You can keep on adding more if you like.

No comments:

Post a Comment