Elements Blogger Template




DemoDownload
Template name : Elements

Template features : Wordpress Look, Right Sidebar, 2 Columns, Elegant, Featured Content Slider, Fixed width, Dark, Tabbed widget, Top Navigation Menu.

Release date : May 2012

Author :  www.soratemplates.com

Designer :  www.wpnow.com

Basic Instructions : How to install a Blogger Template

Updated : (03-07-2012)
  • Sidebar widgets now can be hid/expanded.
  • jQuery Tabs added.

Configure Featured Content Slider:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <div id='mygallery'>
    <div class='imageElement'>
    <h2>Little Big Planet spawns festive level pack</h2>
    <p>Phasellus ...</p>
    <a class='open' href='#' title='Read More'/>
    <img class='full' src='.../image.jpg'/>
    <img class='thumbnail'/>
    </div>
    ..........
Now replace:
  • "#" with your featured post URL.
  • "image.jpg" with your slider image

Configure the dropdown menu:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <ul class='menu'>
    <li><a href='#'><span>Home</span></a></li>
    <li><a href='#'>HTML Elements!</a>
    ..........
    <ul class='submenu'>
    <li><a href='#'>Celebrities</a></li>
    <li><a href='#'>Miscellaneous</a></li>
    ..........
Now replace "#" with your menu item URL.

How To Change Tab Names of Tab Widget:
find this:
  • <ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'>
    <li><a href='#widget-themater_tabs-1432447472-id1'>Popular</a></li>
    <li><a href='#widget-themater_tabs-1432447472-id2'>Latest News</a></li>
    <li><a href='#widget-themater_tabs-1432447472-id3'>Latest Comments</a></li>
    </ul>
Now change the names "Popular", "Latest News" and "Latest Comments" as you like.
34 comments
June 20, 2012 at 4:08 AM

Very cool template

June 20, 2012 at 4:33 PM

Hi! How can I make the header show only a image, just like the demo? I can't find the code and I don't know what exactly I have to change to get that. If someone can help me... please. Thanks!

June 20, 2012 at 5:05 PM

There's an option in Header setting that let you do that, just try it out.

June 23, 2012 at 2:31 PM

thank very much... Template is the bhest

June 24, 2012 at 1:47 AM

Thanks for your wonderful template
There's a one thing that I want to ask you. How can I add show and hide widget in my sidebar side, just like in WP Elements Theme?

June 24, 2012 at 2:06 AM

We did not add that feature, may update in the future.

June 27, 2012 at 1:48 AM

Hola es genial la plantilla pero solo tengo un problema me gustaria esconder el FEATURED POSTS en las páginas del blogger que debo hacer gracias.

June 27, 2012 at 2:13 AM

We have to tell you that we will only respond to English comments, from now comments like these will be auto-deleted.

June 27, 2012 at 1:01 PM

Sorry did not know it was only in English. I said it's great anteriolmente Template But I have a problem I would like to hide in FEATURED POSTS blogger Pages Should I DO thank you.

June 27, 2012 at 4:36 PM

to hide the slider, insert this above ]]></b:skin>

.wpn_heading,.wpn_featured {display:none}

June 28, 2012 at 1:23 AM

Hey look when I put the above code]]> not only eliminates FEATURED POSTS but also removes entries. if I can help. Thank you.

June 28, 2012 at 1:36 AM

You're right, try other way, search for and remove all:

<div class="wpn_featured wpn_expandable">
<div id="mygallery" ...>
.............
</div>
</div>

That's quite a long code.

July 11, 2012 at 4:02 AM

hey, can you help me, why my wallpaper in my post is tiny?

July 11, 2012 at 4:10 AM

I already fix it, try to download the template again.

July 25, 2012 at 10:57 PM

i can't showed my header title in a picture like the demo,
why ..?
and i can't upload the new picture on the title header

July 25, 2012 at 11:10 PM

another bug, thanks for reporting. Please download it again.

August 11, 2012 at 7:01 AM

hi When i write my posts how do i know that they will go in the right place under the correct catogory and how do i change the featured posts?
Sorry i know it stupid :)

August 11, 2012 at 7:45 AM

we suggest you to read the instruction above carefully.

Tee
August 11, 2012 at 8:19 PM

hello I'm not seeing any comments on any of posts, can readers post comments?

August 11, 2012 at 9:15 PM

why don't you test it

August 24, 2012 at 8:01 AM

nice templete.. i want try this

October 21, 2012 at 5:44 AM

Nice template. but btw how to change the picture beside the "posted by ...." ?
sorry i'm newbie :)

October 22, 2012 at 2:45 AM

<img width="40" height="40" src=".../logo.png">

November 3, 2012 at 8:03 AM

hi, the template is really beautiful. Just one question: how can i set the size of the post thumbnail to a specific value? because if i post a big image it will appear full size, but i want it resized. thanks in advance

November 4, 2012 at 2:20 AM

add this:

.thumb {
width:...;
height:...;
}

December 1, 2012 at 9:06 PM

Hi, thanks for your fantastic template. One question, is there a way to change the size of the image in the slider from full so the image comes out as an appropriate size for the slider?

December 2, 2012 at 4:11 PM

just resize them to 620x286

December 6, 2012 at 12:47 AM

sorry to be a bother, and thanks for your help before, but I can't find that line anywhere in the code. Ive been trying to change the pic for about 40 mins with no luck. Sorry if i seem really daft!

December 8, 2012 at 11:50 PM

did you "expand widget" ?

December 11, 2012 at 6:50 PM

Once again, thank you very much for all you help! :)

January 11, 2013 at 9:38 PM

the slide of my site no longer appears, gone, now what?

January 12, 2013 at 6:30 PM

re-install the updated version

January 18, 2013 at 9:23 AM

Hi,

the slider on my site has also stopped working, can I get it working again without reinstalling the updated version, only because ive done a lot of work to customise the template for my site and i dont want to lose everything.

Many thanks,

Sammy

January 22, 2013 at 5:20 AM

you only need to replace the bottom code
<script type='text/javascript'>//<![CDATA[
eval(function(p,a,c,k,e,r){e=......
//]]></script>

Post a Comment

Read this before commenting