Free Blogger Templates

BTemplates, the best place for Blogger templates since 2008.

Diadema Blogger Template

Diadema

Free Download Live Demo

16,185 Downloads.

Documentation
Mobile screenshot

Instructions

  1. How to install a Blogger template.

About Diadema

Introducing Diadema, a free Blogger template originally designed for WordPress featuring 2 columns, magazine-style layout, right sidebar, rounded corners, ad-ready spaces and image slider

More Magazine Blogger templates:

Credits

Author: Zoom Template.
Designer: .

18 Questions and comments on Diadema

Ruaan 27 May 2010 at 16:45

Otimo template, diria que com umas poucas alterações estaria perfeito, ao meu ver lógico.

↩ Reply
HD Sinema 28 May 2010 at 14:25

çok güzel bir tema

↩ Reply
vetaj 1 June 2010 at 4:48

how do you edit the picture slider?

↩ Reply
M. Mark 5 June 2010 at 22:38

how Can I add my own company logo?

↩ Reply
marco martinez 9 June 2010 at 19:59

hola espero q se encuentre bien necesito su ayuda me encanto su plantilla y quiciera si es posible que pueda cambiar las imagenes por unas propias y si me puede enseñar se lo agradecere grasias

↩ Reply
marco martinez 9 June 2010 at 19:59

hola como puedo cambiar las imagenes por unas propias gracis

↩ Reply
izleturka 21 June 2010 at 17:07

very good template

↩ Reply
Precious 24 July 2010 at 3:46

Hi, i could really use some help fixing mine up a little bit. I know a bit about css, but am having a hard time finding the right areas to edit to get the results I want.
I’d like the font in the posts to be just one size smaller, and all the widget text and links to be the same size. I’d also like to add the comment link to the posts..as it isn’t there at all. I’d appreciate any help, thanks!

↩ Reply
Claudia 24 July 2010 at 17:15

@Precious:

Go to Design/Edit HTML and find these codes:

For the post title:

.post h3{margin:0 0 8px 0; padding:15px 0 0px 0; line-height:22px; font-size:24px; font-family:Georgia,Times New Roman Times,Serif; color:#0c1e31; font-weight:normal}

Widget titles:

.sidebar h2{background:transparent url(https://3.bp.blogspot.com/_Z8F7gBEfQSU/S_258WNi4CI/AAAAAAAAA3g/Ho7jghYNJ3I/s1600/sidebar-tab.png) no-repeat scroll left top; margin:10px 0 0 0; padding:6px 0 7px 22px; font-size:14px; font-family:Arial,Helvetica,Sans-serif; font-weight:bold; text-transform:uppercase; color:#3c352f;     text-shadow:0 1px 0 #fff}

You must change the "font-size" values in both codes. For example, if you want a smaller font in posts, the font-size value must be less than 24px.

↩ Reply
Melissa 8 August 2010 at 20:35

Hola, como puedo cambiar laS imagenes por las mias? Agradezco su ayuda

↩ Reply
jeez 12 August 2010 at 14:00

hallo, wie kann ich eigene bilder in den bilder slider einfügen ?
kann mir i.jmd. den html-code sagen ?
danke

↩ Reply
Abhinav 17 August 2010 at 9:59

Hai…

I want to edit the footer bar but left and right images are some fixed hight middle color is changing but not left and right. I think i have a solution

↩ Reply
John 9 November 2010 at 6:57

Why there is no Post date ? Anyone know how to add it ? ex: (November 9, 2010)

↩ Reply
Claudia 9 November 2010 at 10:32

@John: Go to Settings/Formatting and change the timestamp format to “Tuesday, November 9, 2010”.

↩ Reply
Jose 12 November 2010 at 8:42

Hello, how can i get back to navigation links, I don’t like the pagination implemented. I’d appreciate any help, thanks!

↩ Reply
Claudia 13 November 2010 at 16:19

@Jose: Go to Design/Edit HMTL and remove this code:

<!-- PAGE NAVIGATION STAR-->



<script type='text/javascript'>

var pageCount=4;

var displayPageNum=4;

var upPageWord ='« First';

var downPageWord ='Last »';

</script>

<script type='text/javascript'>

//<![CDATA[

function showpageCount(json){var thisUrl=home_page_url;var htmlMap=new Array();var thisNum=1;var postNum=1;var itemCount=0;var fFlag=0;var eFlag=0;var html='';var upPageHtml='';var downPageHtml='';for(var i=0,post;post=json.feed.entry[i];i++){var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var title=post.title.$t;if(title!=''){if(itemCount==0||(itemCount%pageCount==(pageCount-1))){if(thisUrl.indexOf(timestamp)!=-1){thisNum=postNum}if(title!='')postNum++;htmlMap[htmlMap.length]='/search?updated-max='+timestamp+'&max-results='+pageCount}}itemCount++}for(var p=0;p<htmlMap.length;p++){if(p>=(thisNum-displayPageNum-1)&&p<(thisNum+displayPageNum)){if(fFlag==0&&p==thisNum-2){if(thisNum==2){upPageHtml='<span class="showpage"><a href="/">'+upPageWord+'</a></span>'}else{upPageHtml='<span class="showpage"><a href="'+htmlMap[p]+'">'+upPageWord+'</a></span>'}fFlag++}if(p==(thisNum-1)){html+='<span class="showpagePoint">'+thisNum+'</span>'}else{if(p==0){html+='<span class="showpageNum"><a href="/">1</a></span>'}else{html+='<span class="showpageNum"><a href="'+htmlMap[p]+'">'+(p+1)+'</a></span>'}}if(eFlag==0&&p==thisNum){downPageHtml='<span class="showpage"> <a href="'+htmlMap[p]+'">'+downPageWord+'</a></span>';eFlag++}}}if(thisNum>1){html=''+upPageHtml+' '+html+' '}html='<div class="showpageArea"><span style="COLOR: #999;" class="showpageOf"> Pages '+(postNum-1)+'</span>'+html;if(thisNum<(postNum-1)){html+=downPageHtml}if(postNum==1)postNum++;html+='</div>';var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");if(postNum<=2){html=''}for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}function showpageCount2(json){var thisUrl=home_page_url;var htmlMap=new Array();var isLablePage=thisUrl.indexOf("/search/label/")!=-1;var thisLable=isLablePage?thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length):"";thisLable=thisLable.indexOf("?")!=-1?thisLable.substr(0,thisLable.indexOf("?")):thisLable;var thisNum=1;var postNum=1;var itemCount=0;var fFlag=0;var eFlag=0;var html='';var upPageHtml='';var downPageHtml='';var labelHtml='<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';var thisUrl=home_page_url;for(var i=0,post;post=json.feed.entry[i];i++){var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var title=post.title.$t;if(title!=''){if(itemCount==0||(itemCount%pageCount==(pageCount-1))){if(thisUrl.indexOf(timestamp)!=-1){thisNum=postNum}if(title!='')postNum++;htmlMap[htmlMap.length]='/search/label/'+thisLable+'?updated-max='+timestamp+'&max-results='+pageCount}}itemCount++}for(var p=0;p<htmlMap.length;p++){if(p>=(thisNum-displayPageNum-1)&&p<(thisNum+displayPageNum)){if(fFlag==0&&p==thisNum-2){if(thisNum==2){upPageHtml=labelHtml+upPageWord+'</a></span>'}else{upPageHtml='<span class="showpage"><a href="'+htmlMap[p]+'">'+upPageWord+'</a></span>'}fFlag++}if(p==(thisNum-1)){html+='<span class="showpagePoint">'+thisNum+'</span>'}else{if(p==0){html=labelHtml+'1</a></span>'}else{html+='<span class="showpageNum"><a href="'+htmlMap[p]+'">'+(p+1)+'</a></span>'}}if(eFlag==0&&p==thisNum){downPageHtml='<span class="showpage"> <a href="'+htmlMap[p]+'">'+downPageWord+'</a></span>';eFlag++}}}if(thisNum>1){if(!isLablePage){html=''+upPageHtml+' '+html+' '}else{html=''+upPageHtml+' '+html+' '}}html='<div class="showpageArea"><span style="COLOR: #999;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;if(thisNum<(postNum-1)){html+=downPageHtml}if(postNum==1)postNum++;html+='</div>';var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");if(postNum<=2){html=''}for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}var home_page_url=location.href;var thisUrl=home_page_url;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}var home_page="/";if(thisUrl.indexOf("?q=")==-1){if(thisUrl.indexOf("/search/label/")==-1){document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ><\/script>')}else{document.write('<script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>')}}

//]]>

</script>

<!-- PAGE NAVIGATION STOP-->

Does it work?

↩ Reply
Jose 25 November 2010 at 6:26

Hi Claudia,

I did, but it doesnt work. I would like just both link buttons in each post to previous and next post.

Any clue to carry out?

Thanks

↩ Reply
Juan 29 December 2010 at 5:28

Como puedo eliminar el banner del header y agregar un elemento javascript para tener el header dividido.He cambiado el banner por unos iconos con rollower pero me esta dando problemas.Fantástica plantilla,muchas gracias.

↩ Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

Subscribe by email

Receive the latest templates, news and discounts directly in your inbox.