DFire Theme Blogger Templates
D'Fire is a dark but viewable theme vying for a slightly different style. This one is categorized in black template for Blogger. I like the design. I have plan to modify it become have tree column. Is there of you agree with my plant just give your ilustration, so let me know how should it be appear in its 3 column style.
Showing posts with label Blogger. Show all posts
Showing posts with label Blogger. Show all posts
06 December 2008
DFire Theme Black Blogger Templates XML
01 November 2008
Theme Rainbow Garden Blogger Templates
Theme Rainbow Garden Blogger Templates
Rainbow Garden blogger template is a template dominated by green color. It has a beautiful view with large and many flowers on the background. Seeing that many people love the wordpress version, and adore the design, I then decided to convert it into blogger template for you.
How to install this template
Nothing extraordinary, just upload it via your blogger template uploader, and it should be succesfuly installed. But however you can read my guidance here about how to install a blogger template. I have posted the full and complete guidance about how to install a blogger template and the problems often occurs there.
Source:jackbook.com
08 October 2008
Theme Freshy Blogger Templates XML Web 2.0
Theme Freshy Blogger Templates XML Web 2.0
Theme Freshy Blogger Templates XML Web 2.0
Features
- Defining colors on the panel.
- Two columns.
- Customizable menu.
- Icons famfamfam
- Designed for firefox
Installation
To install the consultation Videotutorial by Patricia Pilar and our mini-installation. You can also read our FAQ and find out the most common problems and their solution.
Setting
This template has a menu to customize to your liking, change it to go to the tab "template" or also known as "design" from the desktop and then to the "Edit HTML".
<ul class='menu'><li class='current_page_item'><a class='first_menu' href='/'>Home</a></li><li class='page_item'><a href='#'>Blog</a></li><li class='page_item'><a href='#'>Fotos</a></li><li class='page_item'><a href='http://blogyweb.blogspot.com'>Blogger Templates Designs</a></li>In that code, change the signs # for your links and save.
Read More...
07 October 2008
Theme Envision Blogger Templates XML Web 2.0
Theme Envision Blogger Templates XML Web 2.0
Theme Envision Blogger Templates XML Web 2.0
Envision is a clean, modern theme.. And this template was originally designed by styleshout Designs then Blogger template
Theme Envision Blogger Templates XML Web 2.0 Read More...
05 October 2008
Theme Business Blue Blogger Templates XML Web 2.0
Theme Business Blue Blogger Templates XML Web 2.0
Theme Business Blue Blogger Templates XML Web 2.0
Theme Solipsus Blogger Templates XML Web 2.0
Theme Solipsus Blogger Templates XML Web 2.0
Theme Solipsus Blogger Templates XML Web 2.0
Theme Blogy Web 2.0 Blogger Templates XML
Theme Blogy Web 2.0 Blogger Templates XML
Theme Blogy Web 2.0 Blogger Templates XML
Update
6/10/08 : Changes img logo to Text Header
#header {float:left;width:400px;height:85px;margin-bottom:10px; padding:0;background-image:url(http://i254.photobucket.com/albums/hh92/eblogtemplates/blogy20/logo.gif); <-- Delele
}
#header h1, #header p { display:none; visibility:hidden; height:0; <-- Delele
}
Modify New 6/10/08
Theme Blogy Web 2.0 Blogger Templates XML
16 May 2008
Theme Refresh Blogger Templates XML Web 2.0
Theme Refresh Blogger Templates XML Web 2.0
If the colors of Digg suit your fancy, then I’ve got a new Blogger template for you. It’s called Refresh which is a subtle two column template with some nice features. First off, you get the dynamic header tabs built in so just edit the “top tabs” widget and your tabs will appear. The original actually used labels for your top tabs but if you’ve got too many, it breaks the nav.
The sidebar has an html widget so you can enter some information about your site. Below that comes your standard labels/categories widget, and archives widget. Make sure to set your archives widget to “flat” display otherwise it might look funny.
08 May 2008
Theme Vinery XML Blogger Templates
Theme Vinery XML Blogger Templates
Theme Vinery XML Blogger Templates
Theme Vinery XML Blogger Templates
08 February 2008
How to Add flash Animated label cloud Blogumus for Blogger
How to Add flash Animated label cloud Blogumus for Blogger
"Blogumus" is an Flash based tag cloud widget which uses scripts converted from Roy Tanck's WP Cumulus plugin for Wordpress. I fell in love with Roy's original Cumulus plugin when I saw it, and simply had to learn how to convert this for use in Blogger powered blogs. The result is the widget you can see in action at the top of this post. Hover your mouse over the Flash object to see the animation begin. In this post, I'll explain how you can add Blogumus to your own Blogger layout with ease!
How to Add flash Animated label cloud Blogumus for Blogger
Step 1:
First Of all Goto Your blogger Layout>Page Elements page and add a Labels Widget there..You can Do that using the Add a Page Element Option on that
Choose to sort the labels Alphabetically when prompted.
Step 2:
After Adding the Label Widget Goto Layout>Edit Html (Do not expand the widget templates for the sake of easy explanation)
You will find some code similar to
<b:widget id='Label2' locked='false' title='Labels Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>
</a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Immediatly after this line, paste the following section of code:
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'><center>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a
href='http://www.roytanck.com/'>Roy Tanck</a> and <a
href='http://www.bloggerbuster.com'>Amanda
Fazani</a> | Distributed by <a href='http://blogger-templates-designs.blogspot.com/'>Blogger Templates Designs</a></div>
<script type='text/javascript'>
var so = new
SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf",
"tagcloud", "240", <!-- width="240" -->
"300", "7", <!-- height="300" -->
"#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud",
"<tags><b:loop values='data:labels'
var='label'><a expr:href='data:label.url'
style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/></center>
</div>
</b:includable>
</b:widget>
Then preview your template. If installed correctly, you should see the tag cloud appear in your sidebar.
If you want to change the size and colour of the label cloud , just play around with the highlighted numbers in the code and you will do fine.
How to Add flash Animated label cloud Blogumus for Blogger
07 February 2008
Add Posts Ratings Widgets for Bloggers
How To Add Posts Ratings Widgets for Bloggers
Give your readers the option to rate your blog posts.
Are you curious to know what your readers think about your site's content? By adding the outbrain rating widget you will get immediate feedback from your readers, and they will get easy and quick access to your best content. This widget works for Blogger, Wordpress, Drupal, a website/javascript, and Feedburner.
How To Add Posts Ratings Widgets for Bloggers
Steps:
- Click on "Template"
- Click on "Add page element"
- Click "HTML/Javascript"
- Copy and paste the code below
- Click "Save"
<script language="JavaScript">
var OB_platformType = 1; var
OB_demoMode = false;
var OB_langJS ='http://widgets.outbrain.com/lang_en.js';
</script>
<script src="http://widgets.outbrain.com/OutbrainRater.js" type="text/javascript"></script>
OR
You can get this rating widget here.Thanks to outbrain for providing this great widget.
How To Add Posts Ratings Widgets for Bloggers
Read More...02 February 2008
How to Pictobrowser embed a Flickr Slideshow My Blogger
How to Pictobrowser embed a Flickr Slideshow My Blogger
How to Pictobrowser embed a Flickr Slideshow My Blogger
Read More...01 February 2008
08 January 2008
Adding a Google Gadget to your blog Video Clip
Adding a Google Gadget to your blogger
Add thousands of Google Gadgets to your Blogger blog by following this video tutorial!
Spice Up Your Blog with Google Gadgets!
Fresh out of Blogger's own Testing ground, Google Gadgets have now been enabled for all layouts blogs. This new interface allows for the integration of iGoogle Gadgets directly into your sidebar, with an array of customization options for easy tweaking. Also built into Gadgets is our robust Gadget Directory, which lets you browse through thousands of cool gadgets and add them to your blog with a simple click of a button.
You can access Gadgets from your dashboard under the Layout | Gadgets tab (the tab formerly known as "Layout | Page Elements.")
Gadgets have built-in configuration for easy integration into your layout. All gadgets are automatically sized to match the width of your sidebar, and their height in pixels can be adjusted using the Gadget's built-in options. Our large list of Gadgets is constantly growing and evolving. You can browse them all from our comprehensive Gadget Directory, which runs the gamut from sports updates to site counters, and flash games to local information tickers. To bring up the Gadget Directory, just click Add a Gadget from your layout. Have an idea for a gadget that isn't listed? Then build it yourself! We are always on the lookout for great ideas, so please submit your own creation to the iGoogle Gadget Directory, and then let us know about it in our Help Group— we may just add it to our 'Featured Gadgets' Section.
Itching to get started? Have a look at our our help video below for some guidance on browsing, adding, and customizing a gadget on your blog:
07 January 2008
Purchasing and setting up a Custom Domain through Blogger
Purchasing and setting up a Custom Domain through Blogger
Have you ever wanted to set up your own Custom Domain through Blogger? Check out this video tutorial!
How do I buy a custom domain through Blogger?
Interested in purchasing and setting up a custom domain through Blogger? Either read the instructions below or click on the video to watch a tutorial!
You can buy a domain from the Settings | Publishing tab,. Just select the Custom Domain option, enter the domain name you'd like and click Check Availability. This will take you to the Google Apps domain purchase website, which will let you know if the domain is available and proceed with the registration if it is. Finally, you'll go to Google Checkout where you'll make your payment. Your domain is registered with one of our registration partners, either eNom or GoDaddy.
You'll get a domain registration confirmation email from Google Apps. Clicking the link in this email allows you to sign this domain up for an Apps account. Google Checkout will also send you an email with the order receipt.
06 January 2008
How to create a blog with Blogger Video Clip
How to create a blog with Blogger Sign in to use Blogger with your Google Account
The new Blogger requires a Google Account to access your blogs. Haven't switched yet? Sign in using your old Blogger account instead.
Blogger is a free blog publishing tool from Google for easily sharing your thoughts with the world. Blogger makes it simple to post text, photos and video onto your personal or team blog. Sign in to use Blogger
with your Google Account
05 January 2008
Blogger bX Errors - How to Fix Them Blogger Templates
Blogger bX Errors - How to Fix Them Blogger Templates
Any of you who have tried to change Blogger templates or moved around your blog’s page elements have probably seen the dreaded Blogger “bX-xxxxxx” cryptic error message.
“We’re sorry, but we were unable to complete your request. When reporting this error to Blogger Support or on the Blogger Help Group, please:
- Describe what you were doing when you got this error.
- Provide the following error code and additional information.
Great…this really helps us fix the problem right now. It’s frustrating enough to see an error message after trying to make what seems like a trivial change to your blog and how can you fix the problem if you’re given an error code instead of a actionable error message like “template is incorrect on line xx”? Blogger’s support area doesn’t even give you information on what each error means and how to resolve it so if you want their help you need to post a message and wait 12+ hours for someone at Google support to respond. You would think Google would spend some more time and resources to improve their error messages and Blogger support.
So the main question is what does the error message actually mean and how can you fix it now?
For me, I was able to fix it by making a few changes but there was no exact science as to how I did it. I first attempted to search Google for a solution as well as Blogger’s help center and support group. No such luck. What I did discover though was the numerous others who had similar bX error messages as me with no resolution. Apparently the best way to get assistance is to first read Blogger’s How to Report a Problem and then post in the Blogger support group. I wasn’t interested quite yet and wanted to fix the problem myself (or at least try) before posting in Blogger’s support group.
What I discovered when trying to repair my blog was the following:
- The bX-xxxxx error codes don’t mean anything specific. The characters after the bX- change each time so there’s no logic behind the numbers. Next time you get an error, try refreshing the page a few times. You’ll notice the error codes actually change even though your error should still be the same.
- When I tried to modify my page elements (clicking on the wrench/screwdriver icon) within my browser using Firefox I later had trouble. Seems to be a bug within Blogger.
- Clicking on the “Revert widget templates to default” link within the “Template” => “Edit HTML” page didn’t fix nor hurt anything (besides losing my widgets). In other words, don’t do it.
- Adding a new Blogger template and clicking “Save Template” instead of “Preview” showed me a couple of page elements like Text1 and Footer1 that were going to be deleted. The problem was, I didn’t have either of those in my current Blogger layout. They were removed via Firefox previously (don’t edit Blogger layout using Firefox).
- Switching over to Internet Explorer I was able to successfully apply the new template. I then could go back to Firefox (my browser of choice) and modify or apply any other new template.
So in my experience Firefox as well as some ghost page elements that I previously removed seemed to cause the issue. If you are troubleshooting your own bX errors and using Firefox, I would switch over to Internet Explorer and apply a new template. If you only use IE and still get a bX error, I would first try another Blogger default template (there might just be a problem with your new template) to isolate the issue.
If that fixes it then you know it’s the new template having trouble interacting with your page elements. If it’s still not fixed with the Blogger default template then it’s probably because of your page elements. If you don’t mind removing any custom page elements you may have (you’ll lose the data within the page element if you do) then one by one, remove the page elements. Apply the new Blogger template after each time and see if that fixes it.
Conclusion
Unfortunately there isn’t a clear cut solution for addressing the Blogger bX error codes. In most instances, each case is unique depending on the number of page elements you may have, the type of page elements, and the template you’re using. I feel really bad for the hundreds of Blogger users out there who come across this bX error and don’t know what to do. I do have confidence that Google will soon enough fix this issue one way or another because it’s eventually going to become a huge issue (it’s already a big deal).
If you’ve attempted to fix your blog using the techniques I’ve mentioned above and still didn’t have any luck, feel free to comment below. We will do our best in answering your questions but can’t promise any solution. I’d also post your error information in Blogger’s Help Group so in case you can’t figure it out yourself, someone from Google will fix it for you within the next day or so.
Blogger bX Errors - How to Fix Them Blogger Templates Read More...
04 January 2008
How to Setup Your Recent Posts and Recent Comments Blogger Page Elements
How to Setup Your Recent Posts and Recent Comments Blogger Page Elements
In order to enable the Recent Posts and Recent Comments page elements in your recently downloaded Blogger template, you need to follow a couple simple steps.
These lists aren’t going to show up when you first install the template so we’re going to bring them to life now. They are actually both RSS Feed widgets so we’ll need to paste in your feed and comment rss feeds to make them work.
Let’s start with the Recent Posts page element so click to edit it. Then paste in your RSS feed url which will most likely be in this format http://YOURSITE.blogspot.com/feeds/posts/default . Make sure to replace “YOURSITE” with your actual blog url.
There’s no need to change the title (unless you want to call it something else) so then hit “Save Changes”. Then save your blogger layout and go over to your other browser window, refresh and see the Recent Posts appear in your blog’s sidebar.
Now you’re going to do the exact same thing with the “Recent Comments” page element but you’ll instead use this feed format http://YOURSITE.blogspot.com/feeds/comments/default . Again, make sure to replace “YOURSITE” with your actual blog url. Save and make sure it’s working properly. If it doesn’t appear on your blog, chances are you don’t have the correct feed url or you might not have any comments yet.
If you really want to fine tune your Recent Posts and Comments settings like increasing the max number displayed to 10 you can. Go read our advanced recent posts settings article and take your widgets to another level.
Source:eblogtemplates.com
How to Setup Your Recent Posts and Recent Comments Blogger Page Elements
03 January 2008
How to Install a Blogger XML Templates
How to Install a Blogger XML Templates
This article was written to provide a step-by-step guide on how to correctly apply a new xml Blogger template to your blog. This process can be tricky depending on several factors (quality of the code in the new template, your existing widgets, etc) so you need to be careful when changing your template. Don’t worry though, just follow our step-by-step instructions below and we’ll hopefully get you through it without much pain.
Many people make the same mistake when installing a new blogger template. Most problems when installing a new template are caused by the blogger widgets (Page Elements) that you’ve spent time setting up in your previous template. Almost all Blogger templates available for download on this site are in the new Blogger xml template format so if you’ve downloaded the template from us, it’s going to be much easier to follow our instructions.
Step #1 - Backup Your Current Template
Backup your current Template just in case you make a mistake. This is very important so you can always go back (click on the screenshot to the left to see exactly how this is done). You’ll want to navigate to the “Template” => “Edit HTML” section of Blogger and then look for the “Before editing your template, you may want to save a copy of it. Download Full Template“. Click on the “Download Full Template” and save it somewhere easy to find later on your computer. We are not responsible for any mistakes you make in applying your new Blogger template. Once you have saved this .xml file onto your computer, move on to step #2
Step #2 - Take a Screenshot of Your Page Elements
This next step isn’t necessary but I like to do it anyhow. Take a screenshot of your “Page Elements” page just so you know exactly what widgets (Page Elements) you had before applying the new template (an example of the exact page you should take a screenshot of is in the image to the left). If you blow away all your widgets and you don’t remember which ones you had, this screenshot will at least help you remember. If you’re unsure as to how to take a screenshot, then check out this quick tutorial (MS Windows).
Step #3 - Upload Your New Blogger Template
Now it’s time to upload the new Blogger template from your computer. You’ll want to navigate to the “Template” => “Edit HTML” section of Blogger and then look for the “Upload a template from a file on your hard drive:” text. To the right of that you’ll see two buttons. First, you’ll click on “Browse” and navigate to the new .xml Blogger template on your computer and click “Open”. Then you click on the “Upload” button and cross your fingers.
At this point Blogger is attempting to apply the new .xml Blogger template to your blog. After it’s done, you’ll get a message stating that the upload and new template was applied successfully (in that case you’re done!) or more likely in my case, you’ll get a red error message that states something like:
Widgets are about to be deleted
Please confirm that the following widgets should be deleted. All the widgets’ configuration data will be lost.
- Text1
- BloggerButton1
- Poll1
- Profile1
Now if you’re like me, you don’t want to lose all those widgets (Page Elements) you spent lots of time configuring and arranging on your blog. If you don’t care and really don’t have anything you’ll be upset losing, then go ahead and click on the “Confirm and Save” button that looks like this:
Just remember, that you’ll need to re-add any page elements that you had previously setup in your old template. If they were simple or just recently added then I’d recommend just re-adding them instead of having to follow the next steps. If you decide you want to keep your widgets (Page Elements) then write down (or take another screenshot) the list mentioned above that are going to be deleted. You’ll use this list later when we migrate over your widgets.
Step #4 - Transfer Widgets to New Blogger Template
This process is going to take some careful cut and pasting within the template code so if you’re not comfortable doing this, then I’d recommend just ending on the previous step. First things first, click on the blue cancel button (you should still be on the previous step) that looks like this:
This will cancel out of the new Blogger template you were just trying to upload. Next, we’re going to essentially make a temporary placeholder for your widgets (Page Elements) within your current template. You should still be in the “Template” => “Edit HTML” section of Blogger so if you’re not, go back to that section.
You’re going to actually edit this template code now so pay close attention. Look for the following piece of code which is all the way at the bottom.
</body></html>
Now you’re going to replace that code with the following bit of code:
<b:section id='widgets-placeholder' showaddelement='yes'/></body></html>
Save your template and you’ll see this message (which is a good sign):
What did we just do? We created a brand new widget (Page Element) in your current Blogger template so we can move all your widgets over to keep them safe! Next navigate over to the “Template” => “Page Elements” section of Blogger and you’ll see a blank new footer section.
Drag all your widgets (Page Elements) that were going to be deleted (we wrote them down or took a screenshot in step #3). The order doesn’t really matter as long as you’ve moved them all down into the widget (top image on left). After you’re done, it should look something like this (bottom image on left):
Now click on the “Save” button and the temporary placeholder for our widgets will be saved. We’re not done quite yet but if you’ve gotten this far already you’ve done great! The hardest part is over. Now we’re going to copy the widgets we just protected over to your new template. Hold off on that bathroom break and let’s keep going.
Next, go back to the “Template” => “Edit HTML” section of Blogger and scroll down in the template code and look for the line of code you added before:
<b:section id='widgets-placeholder' showaddelement='yes'/></body></html>
There should now be a bunch more code in between it which will look something like this:
<b:section id='backupwidget' showaddelement='yes'>
<b:widget id='BloggerButton1' locked='false' title='' type='BloggerButton'/>
<b:widget id='Poll1' locked='false' title='What is your favorite car' type='Poll'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
</b:section></body></html>
This is a list of all your widgets (Page Elements) that we just moved into the footer. You want to select all this code and copy it. We’re going to paste it into our new Blogger template code which will complete the transfer safely.
Now open your new Blogger template xml file in a text editor (you can use Notepad, just right click -> Open With -> Choose Notepad). Once you have it open, scroll all the way down to the bottom of the code and look for the following code:
</body></html>
You’re going to replace this code with the new code you just copied above. Make sure you only replace that one bit of code otherwise you might run into some problems. Save your new Blogger template and you’ve finished transferring your widgets (Page Elements) into the new Blogger template!
Now after all that work just to save your precious widgets, let’s hope the new template works ok in Blogger. Go back to step #3 above and upload your new template like you attempted to do before. If all goes well, your new template will properly save and your blog will be updated!
Step #5 - Move Your Widgets Back To Their Original Spots
I’m assuming your new template installed without and problems and you’re ready to move your widgets (Page Elements) back to their original spots. This is just the reverse process of what we did before by going to the “Template” => “Page Elements” section of Blogger and moving them out of the footer and back into the sidebar (or wherever you originally had them in your old template).
After you arrange them to your liking, make sure to save and view your blog. If all went well then your blog should be looking the way it did before the new template was applied (well, except for the new beautiful design which is the main reason for this hassle in the first place right?).
Summary
Congratulations on adding a new custom Blogger xml template to your blog! The whole process should have taken anywhere from 15 minutes to 1 hour depending on your experience and comfort with blog template code, the code quality of the new template, and the number of widgets your blog currently has. Blog designs shouldn’t have to change very often so hopefully this is a one-time process for you. If not, I recommend you bookmark or add this page to your favorites so it’s easy to find the next time you decide to change Blogger templates.
Still Having Problems?
Problems or errors during this procedure? Unfortunately, the Blogger xml templates are very picky and don’t always work with your blog. This can be because of several reasons so it’s not always easy to resolve. Sometimes the best way is to just delete one widget at a time and see if that resolves the issue. Blogger doesn’t give you very good error messages to act on so sometimes it’s a shot in the dark.
If you’ve got a specific case you’d like to ask about, please post a comment below. I will respond and help if possible. Your specific problem might help others address their issue as well.
Source:eblogtemplates.com
How to Install a Blogger XML Templates
Subscribe to:
Posts (Atom)
