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.

24 comments:

Belajar Blog said...

hey...you have same converted. But i think i the first made it into blogspot. Nice.... keep up.

http://www.bloggertemplateplace.com/2010/02/glory-blogger-template.html

Anshul said...

@belajar ya i know you converted first but yours was not having gallery and also not compatible with ie7 as was problem in header and sidebar.So i did converted it.

jujed said...

anshul i have really really big problem,, i realy love this template but the problem is when im trying to share my post link in facebook it seemed to be broken,,, only i can see is the title but their ni images :[ please help,, my email add i jdprochina@gmail.com

Anshul said...

@jujed that would be facebook problem.

jujed said...

is their any chances i could fix it?

Anshul said...

hehe facebook will solve it.Try now it may work that time server would be down.

jujed said...

thank you anshul,,, hope you will make more blogger tempplate like this one :] simple yet elegant ,, personal yet so great :] looking forward to it anshul godbless :]

West Breedlove said...

I love this! The only thing I wish I could have is a unique header similar to the leather "Glory" badge hanging from the top, but using my own blog's title. I'm going to try to make one I guess.
Anyway, thanks again! Beautiful work!

West
www.westbreedlove.com

Matt Roberts said...

This is great! How would I go about slowing the slider down?

Anshul said...

@matt this part of script is to control.

<script type='text/javascript'>
$(document).ready(function(){
$('#myslides').cycle({
fx: 'fade',
speed: 700,
timeout: 3000,
next: '#next',
prev: '#prev'
});
});
</script>


As you can se speed option.

West Breedlove said...

Anshul,
Some images are not showing up today. I checked on my blog, your demo and Matt's, and the same problem is happening.

Malik m said...

how do i remove twitter all together? i dont want it

Anshul said...

@maik remove these codes
<div id='twitter'>
<div id='twitter-inner'>
<h3 class='tweet'>
<a href='http://twitter.com/YOUR-URL-HERE' target='blank' title='Follow Us'>Follow Us On Twitter </a></h3>
<div id='twitter-link'>
<ul id='twitter_update_list'><li></li></ul>

</div>
</div>
</div><!-- end twitter -->

Andrés said...

Hey!, how can I replace the leather logo?? I need to put my own logo but i cant find how. thnxs

Mano Jão said...

How can i put the logo in the template???

Anshul said...

@andres and mano just upload your logo image from header widget in page elemets.

Andrés said...

Yes, and Anshul, where can i edit the slider? i want to put the slides slower, how can i do that?

Anshul said...

@andres find below codes in html

$(document).ready(function(){
$('#myslides').cycle({
fx: 'fade',
speed: 700,
timeout: 3000,
next: '#next',
prev: '#prev'
});
});


you can see speed value adjust it

Paying PTC sites also called as PPS.info said...

This guy rocks he explained so well i could do a instant customization
thanks to all the contributors
i set up my blog and now on and on
paying ptc sites

Paying PTC sites also called as PPS.info said...

Few questions pls answer
> how to add Glory leather image at top of blog and similarly if i have my own leather banner how to

> And how to replace bottom banner of Glory

Alina G. said...

Hi Anshul. I would like to replace twitter updates icon and below summary with facebook. Is this possible?

Anshul said...

@akina ya can be possible :)

ζβ said...

Hello. The current page indicator doesn't work. Is there something I have to add?

Post a Comment