Should you use the Designer templates provided by Blogger? This is a popular question today. The most logical answer to it is that what seems attractive from outside doesn't necessarily has to be attractive inside also. The beautiful design templates that many bloggers have started using though seem good in look and feel and easy to edit using the "Template Designer" functionality but there are some serious drawbacks and problems link to them which you must know. I have listed all the possible disadvantages below.
Excessive Use Of Dynamic Coding & Variables
Blogger Templates are designed using CSS and HTML and programmed with XML and JavaScript. All unofficial templates use these basic languages to create a blogger template. These coding can easily be edited, understood and played with. All MBT tools and tutorials are based on these basic coding. The new Blogger templates however is using a more difficult and complex dynamic language which is responsible for providing the users with easy software editing option. i.e. The users can edit the font colors, sizes, link colors, background colors etc using the Template Designer Tool. Though it may sound good but the drawback of these auto options is that your entire template style sheet properties are declared using variables.
- In easy words a variable links several part of your CSS together and if you change the variable value the effect will be applied to each and every CSS class. In short for Newbie bloggers and even for us, editing the template becomes tough as you don't see constant values rather weird symbols like these:
/* Header
----------------------------------------------- */
.header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll top left;
_background-image: none;color: $(header.text.color);
-moz-border-radius: $(header.border.radius);
-webkit-border-radius: $(header.border.radius);
-goog-ms-border-radius: $(header.border.radius);
border-radius: $(header.border.radius);
}.Header img, .Header #header-inner {
-moz-border-radius: $(header.border.radius);
-webkit-border-radius: $(header.border.radius);
-goog-ms-border-radius: $(header.border.radius);
border-radius: $(header.border.radius);
}.header-inner .Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
padding-left: $(header.padding);
padding-right: $(header.padding);
}.Header h1 {
font: $(header.font);
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}.Header h1 a {
color: $(header.text.color);
}.Header .description {
font-size: 130%;
}
The above class is the CSS code for styling the Header. You can clearly see the variables indicated by the dollar sign ($) Now suppose if you wish to edit the background image of your header or change the border colours, font style etc. then how can you set the values when everything is in variables? Of course you can do that if you have some prior knowledge of web languages but this would be difficult to new bloggers.
- The widget code is also programmed differently using Macro:param tags. See this code,
<aside>
<macro:include id='main-column-left-sections' name='sections'>
<macro:param default='0' name='num' value='0'/>
<macro:param default='sidebar-left' name='idPrefix'/>
<macro:param default='sidebar' name='class'/>
<macro:param default='true' name='includeBottom'/>
</macro:include>
</aside>
This is the new way of adding dynamic tags to your widgets so that they could be edited directly using "Template designer". Previously the widget <b:section> tags were used which was easy to understand and replace as compared to this.
- Further simple tags like <body> has been messed up into something like this,
<body expr:class='"loading" + data:blog.mobileClass'>
In all blogger tutorials we always mention <body> tag and it will now turn a headache for new bloggers to find the same <body> tag in the new template designs.
Conclusion:
In a nut shell as a web designer myself I can only advise you all to kindly stick to custom templates which are far better coded and optimized compared to blogger templates. With custom templates you have complete command over your layout coding and doesn't have to reply on the template Designer tool. You can apply all blogger tutorial tricks to your custom templates easily and can better implement them. I felt it important to discuss this topic as most of you were facing problems in applying the tuts and tricks. Hope this make things clear.
If you enjoyed this post and wish to be informed whenever a new post is published, then make sure you
Subscribe to our regular Email Updates!
If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »
6 comments:
I sense a template on the verge of release at mbt, is it???
Oh my gosh - finally SOMEBODY who agrees with me! LOL
I hate the new templates and would rather manually code things - more control, more flexibility etc. My customers often want me to create a custom template for them based on the newer templates - which is fine, but I'm always careful to make sure it's essentially a customised Minima template. It's amazing what you can do with the box standard Minima template! There are some things I like with the newer templates, but I just add them to Minima...soooooo much easier!
@Amit
You sensed that right buddy. Just working on it but time is what that is killing me...
@adori
Lol My pleasure then! =)
Well yeh indeed the minima template is a great coded template that can be used to design a whole new template. I am delighted to know that even you enjoy designing template using the minima as a start. If you would like to share some of your design skills then you are always welcomed to share them with our readers with a guest post.
Amazing template! i seen thousands of templates but it's so stunning!
Brochure Templates
Although my blog is almost set and running, I sense I will have to move to the afore-suggested "Minima" template. an you please give me some advice as to what I should be careful about during the process?
Also, is it possible to add configuration modules into the Template designer (eg. for selecting post text color ) by tweaking the code in html?
Thanks in advance.
c'est toujours un plaisir de te lire vraiment j'adore ,kiss
love sms
http://msgdamour.blogspot.com
Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
Note:
1. To add HTML CODE in comments then please use our HTML Encoder
2. You can always Test the tutorial on our HTML Editor
3. Please do not spam Spam comments will be deleted immediately upon our review.
Regards,
Mohammad