Magic Tricks for Blogging

How to notice things inward Blogger's Theme editor

2017-09-21T09:03:00.000-07:00

This article explains how to honour things (gadgets or text) inward the Theme editor inward Blogger.

Very oftentimes when yous are editing your Theme inward Blogger, yous involve to honour special text.

For example, yous mightiness involve to honour all places where "</head" appears, together with then yous tin add together something to the rattling side past times side line. Or yous mightiness desire to honour the code for a special gadget (aka widget), together with then that yous tin set a conditional-formatting disceptation roughly it.

There are directly 2 tools yous tin piece of job to honour items inward the Theme editor:

The Jump to Widget tool if yous are looking for a Widget
The Find bar if yous are looking for a text string.

More data nearly using each of these is given below.

How to piece of job the Jump to Widget tool

First, yous involve to honour out the exact refer for the widget / gadget that yous involve to honour the code for. (See Finding a gadget's name for a tip on how to produce this).

Then, within the Theme editor (see Editing your Blogger Theme for how to popular off there), but select the refer yous are looking for from the drib downwards listing . (Click the arrow beside Jump to Widget to encounter the items inward the list):

Once yous convey chosen an item from the list, the template editing window moves to the house where this gadget is listed inward the subject code. It unremarkably places it inward the 2nd describe of piece of job of the editing window. For example, inward the moving painting below, I chose to outpouring to the Followers1 gadget.

How to honour whatever text inward the Theme editor

Click anywhere inside the Theme-editor window: this is the rectangle which shows the code inward your Theme. (It's of import to click within hither first, or the side past times side command volition piece of job differently)

On your keyboard, press Ctrl/f: to produce this, concur downwards the command (ctrl) key, together with press the f key.

A search bar volition directly demo inward the overstep right corner of the subject editing window - similar this:

Type the text you desire to honour into the Search bar together with press Enter.

The cursor volition motion to the get-go fourth dimension that the text appears.

To honour the side past times side house where the text appears, click into the Search-bar together with press Enter again

Repeat equally oftentimes equally yous involve to honour the right place.

When yous are finished amongst searching, click the X push at the right mitt side of the Search-bar to unopen it.

How to encounter the details within a gadget or other slice of code

You tin directly honour whatever text that yous involve to honour inward Blogger's subject editor (previously called the Template editor).

But if yous await carefully at the Theme-editing window yous volition encounter that at that topographic point is sometimes a horizontal arrow inward the left-hand side of the code, together with that the describe of piece of job numbers outpouring - similar this:

This happens because some of the special is hidden, to brand the theme-code easier to piece of job with.

But yous tin piece of job the arrow (called an expand-arrow) to encounter it all: Click on it together with yous volition encounter that it changed to a downwards arrow, together with that the code window directly shows some extra lines which were previously hidden.

You won't e'er involve to produce this: some template edits but tell to honour the code for a gadget together with to set extra instructions earlier together with afterwards it. But others involve yous to opened upwards up the gadget code together with brand changes inside.

Job done! You tin directly honour gadget together with text items within your Blogger Theme - together with then yous tin maintain editing it.

How to edit your Theme inward Blogger

Applying conditional formatting to widgets

Finding the widget-id for a gadget inward Blogger

How to edit your Theme inward Blogger

2017-09-21T08:40:00.000-07:00

This article is almost how to edit your subject inwards Blogger.

It supports many other articles on this site, which propose specific subject changes needed to solve exceptional problems. Note that until early on 2017, themes were called templates. In practise, "edit your template" in addition to "edit your theme" hateful the same thing.

In Blogger, a subject is a file which controls how your weblog are displayed on the covert when someone reads it using a browser or a mobile device. Themes used to survive called templates, but were renamed "themes" inwards early on 2017.

Previously, I've looked at whether it's a expert thought to edit your Blogger subject / template or not. Because themes are the same matter every bit templates, the same principles apply to editing your theme.

For many people, editing the subject is exactly something which they require to do, because it's the alone way to do what they desire (remove the attribution, show a gadget on the homeppage only, add a Facebook similar push to posts, etc). And Blogger is oft preferred because it allows users to edit aspects of their subject which other blogging tools done allow changes to.

Overview - how to edit your blog-theme

In general, the procedure to edit your subject is:

Make a back-up re-create of the theme, every bit it is now
Open the theme-editor
Make the change
Check that it works, in addition to if not, become dorsum to the previous theme.

The next sections bring to a greater extent than details almost each of these steps.

How to brand a backup re-create of your electrical flow theme

I know: It's tempting to skip this if you're alone making a little change. I fifty-fifty skip it myself sometimes. And it's non needed if this is the kickoff fourth dimension you've ever customised your subject - because yous tin recover from problems past times exactly reinstalling the measure theme.

But if yous would survive upset to lose whatsoever subject changes yous made earlier, or if the modify yous are making forthwith is not minor, in addition to thus I strongly recommend making a re-create before yous start, exactly inwards case. To do this

From the Blogger dashboard, become to the Themes tab
Click the Backup / Restore button close the laissez passer on right of the dashboard
Click the Download Theme button, in addition to then wait spell the file downloads.
After the download has finished, detect the place where your estimator puts downloaded files.
Find the file that was exactly created,
Rename it to something sensible
(eg MyBlog subject backup before modify 31 January 2012.xml)
Move the file to somewhere safe: commonly somewhere on your estimator is fine - or yous brand similar to upload it to somewhere similar Google Docs, to survive absolutely for certain that it won't larn lost.

How to opened upwardly Blogger's subject editor

From the Blogger Dashboard, to to the Themes tab
Click Edit HTML

Now yous bring your subject opened upwardly inwards the subject editor, the adjacent challenge is making changes successfully - or backing them out if your changes were non successful.

How to brand the modify to your theme

Find the code yous require to change:
See Searching for text inwards Blogger's subject editor if yous require tending alongside this.

Note: to a greater extent than or less of the older "how to" articles nation to brand for certain that the Expand Widgets checkbox off or on. This checkbox has forthwith been removed from Blogger's subject editor. If the instructions yous are next says to locomote out it "off", in addition to thus yous should exactly survive able to follow them every bit is. However if yous are told to plough Expand Widgets off, then yous require to detect the right business office of the code past times searching for the widget-id or department name, in addition to and thus "unfold" that to come across the consummate code.

Make the modify (This article doesn't become into the principles of subject design, in that location are plenty of other articles in addition to websites almost that: I'm assuming that yous know what yous require to do).

Click the Preview theme button
If Blogger tin brand feel of the modify yous made, in addition to thus thought of your weblog is shown inwards the theme-editing area, alongside what looks similar your blog's homepage. It's non a existent re-create of your weblog (the links won't work, the spacing mightiness non survive quite the same), but it shows yous how the home-page volition expect alongside your subject edits.
Do a quick banking concern check that the covert looks right - for to a greater extent than or less changes yous fifty-fifty survive able to tell if the modify has been successful exactly from this preview screen.

However: If the novel window/tab shows an mistake message like

Your subject could non survive parsed every bit it is non well-formed. Please brand for certain that all XML elements are unopen properly. <br/> XML mistake message: The chemical component type "div" must survive terminated past times the matching end-tag "</div>".Error 500

or

Your template could non survive parsed every bit it is non well-formed. Please brand for certain that all XML elements are unopen properly. <br/> XML mistake message: Element type "b:widget" must survive followed past times either attribute specifications, ">" or "/>".

then Blogger has non been able to empathize the modify yous made. Sometimes the mistake message gives a clue almost what's wrong, although it tin survive misleading. Check that yous made the modify correctly - develop whatsoever errors in addition to click Preview again. If it nonetheless doesn't work, inquire for tending from the identify that suggested the modify yous are making

.

Once yous are happy that the preview covert looks OK, click the Save theme button.

How to examine your subject change

the page-gadget every bit a menu, the archive widget, ) your weblog uses. You require to decide what to test, based on all of these.

At least, I ever click on in addition to banking concern check on these things when I've made a major subject change:

the domicile page
the items inwards the card bar
a label value
an archive widget entry
custom-search-engine results
comments

And if I'm existence specially reader-focussed, I'll also banking concern check these things inwards more than ane browser: commonly inwards the electrical flow version of Internet Explorer, Firefox in addition to Chrome.

What to do if your subject modify wasn't successful

If yous detect that the subject modify has caused problems, in addition to thus ou bring receive got a selection to make:

Can yous in addition to your readers alive alongside the problems on your weblog for "a while", spell yous expect for other solutions?

Or

Do yous require to withdraw the modify right now, thus visitors tin role your weblog every bit it was spell yous solve the issues.

There is no right response to this question: It's a personal decision, based on the blog, in addition to your readers. But if yous do require to withdraw the subject change, here's how to do it:

Open the Themes tab
Click the Backup / Restore button near the laissez passer on right of the dashboard
Click Choose File in addition to detect the file that yous downloaded earlier
Click Upload.

It is best to restore your theme before yous bring changed whatsoever gadgets. If yous larn a message almost widgets existence missing, in addition to thus it agency that the gadgets associated alongside your weblog are non the ones referred to inwards the theme. If this happens, yous require to create upwardly one's hear whether to deep or delete whatsoever "orphaned" ones, in addition to may require to banking concern check their settings again.

Making complicated changes

If your subject may require a lot of "surgery" spell yous figure out how to brand a change, in addition to thus it may survive a expert thought to create a individual test-blog to do the operate in, in addition to alone re-create the contents into your "real" weblog subject when yous are for certain that you've got it right (or correct-enough).

Advantages in addition to disadvantes of editing your Blogger theme

Finding things spell editing inwards your blogger theme

Adding CSS formatting rules to your blog, without editng the theme

How to withdraw the "powered past times Blogger" attribution from designer-theme blogs

Putting a gadget on the homeppage only

Planning changes to your weblog - without readers seeing what yous are doing

The departure betwixt Themes in addition to Templates inwards Blogger

2017-09-21T08:17:00.001-07:00

This article explains the divergence betwixt themes together with templates inward Blogger, Google's blogging tool.

What is (was) a Blogger template

How a spider web log that is made amongst Blogger is shown to a visitor is controlled past times 4 sets of information:

The posts which the blogger writes (ie the content)
A user-editable "configuration file" which records the overall formatting options which the file designer together with and thus the blogger direct keep chosen
Another configuration file, called the post-template, which records choices that the blogger has made nether Layout > Blog posts (edit), but cannot hold upwards edited elsewhere.
Blogger's ain software, which puts the other things together amongst to a greater extent than or less internal rules to brand "web pages". Bloggers cannot command the rules inward this at all.

Originally, the outset "configuration file" was called a template. In fact, officially it was called a design-template, to distinguish it from the post-template. However because most people aren't aware of the post service template, commonly just the give-and-take "template" is used to hateful design-template.

What is a theme

Other blogging tools (eg Wordpress, Tumblr) called their equivalent file a theme. Most (or fifty-fifty all) of those tools render less access to alter things inward the Theme file, for illustration if you lot utilization a Wordpress free-hosted blog, together with thus you lot cannot alter whatsoever of the code inward your theme, you lot tin exclusively brand formatting changes which are allowed for inward the Wordpress front-end.

Many of the Wordpress themes direct keep had a lot of graphic blueprint travel done on them - using them gives a blog-site which looks real attractive (or otherwise suited for their purpose) on a broad gain of screens. Many large websites direct keep been made using Wordpress, together with thus real many professional person designers direct keep created Wordpress themes. Because of this, many people believe that it's easier to larn an excellent-looking website from a subject than from a Blogger template.

Blogger templates direct keep straight off larn themes

Recently - I noticed it inward March 2017 - Blogger started calling their templates "themes".

They've changed the bill of fare alternative on their dashboard from "Template" to "Theme".
They've changed the activity push names inward the template/theme editor to tell things similar "Save theme".
They've written diverse assist articles which refer to themes.

What hasn't changed

We tin yet edit our ~~templates~~ themes extensively.
The Blogger tools that brand the changes inward our themes haven't changed: All the items nether the Themes tab on the dashboard are the same equally the ones on the Templates tab.
The contents of our existing themes are yet much the same (I cannot guarantees they haven't made whatsoever changes, but I haven't seen any)
The themes that nosotros tin direct from when making a novel blog, or changing the format of an existing one, are the same.
There are hundreds of assist together with how-to articles written past times blogger-helpers similar myself, which all refer to templates. (I've started changing mine - but it's going to accept a while!)

What else is going to change?

This is the large question: Is the rename a precursor to another changes, eg restricting how much command nosotros direct keep over our themes? - or is it just a cosmetic alter to brand Blogger seem to a greater extent than modern?

Will at that topographic point hold upwards to a greater extent than or less novel themes released - ones that expect amend across a gain of devices, mayhap fifty-fifty to a greater extent than or less that are optimized for mobile instead of desktop use?

Will at that topographic point hold upwards novel theme-editing features introduced into Blogger's interface, to permit us command things nosotros cannot command now?

Conclusion / TL-DR

Only Google's Blogger production managers know precisely what the futurity plans for Blogger are - together with they're non known for talking near the futurity direction until they're just near to innovate novel features.

But until they do, my determination is that there is no divergence betwixt templates together with themes inward Blogger. They are merely 2 dissimilar words for precisely the same thing.

NB: Blogger production a announcements are commonly made inward the Blogger Buzz spider web log - together with I encounter that template were yet called templates inward their most recent post service inward Nov 2016:

How to edit your Theme inward Blogger

What types of subject / templates does Blogger have

Editing your blog's template: advantages together with disadvantages

How to plow on a mobile subject for your blog

Blogs, Blogger, bloggers, posts pages together with screens - agreement Blogger-basics

How to brand a existent website, using Blogger

Understanding the Follow-by-Email gadget together with Feedburner

2017-09-21T08:17:00.000-07:00

The Follow-by-email gadget uses Feedburner's email-subscription service. It's rattling slow to add together to your blog, but at that spot are or thence things that you lot involve to recall most if you lot are using it to deliver blog-posts to your followers past times email.

simple way to hand your readers access to blog-updates past times email: it delivers a message inward their inbox every twenty-four hr catamenia that you lot post.

But to create upwardly one's heed if it's a expert matter to use, to larn expert value from it, too to troubleshoot whatsoever problems, you lot involve to sympathize a petty to a greater extent than most how it works.

And, since it uses Feedburner, this agency agreement how Feedburner works, too.

What is Feedburner

The Follow past times Email gadget uses a production called Feedburner to larn by the listing of people who accept followed, ie subscribed to your blog.

Feedburner was originally a tool to lift the RSS subscriptions that website-owners delivered - run across Why RSS / Subscribe to Posts is of import for your blog for information most RSS. Very roughly speaking, every fourth dimension a website publishes a novel item, Feedburner adds that particular to a "feed" or summary of the site, too tells all the subscribers most it, without the subscribers having to view the website.

One choice that Feedburner added was subscribe-by-email: website owners who purpose Feedburner for this accept to plough the service on, too thence position "something" on their website that offers the service to people who desire to larn emailed updates. To firstly with, Feedburner only kept a listing of emails addresses, but at nowadays it's to a greater extent than sophisticated: it checks amongst addresses that they actually exercise desire to move subscribed earlier adding them to the list, too offers an un-subscribe choice amongst each subscription email.

Adding the follow-by-email choice to your weblog sets this upwardly for you. It:

Sets upwardly a feed,
Turns the electronic mail service "on", and
Puts an email--address asking box onto your blog.

What is develop when you lot add together the follow-by-email gadget

The Follow-by-email gadget tin move added to your weblog the same way you lot would add together whatsoever other gadget. Doing this this agency that, you lot are logged inward to a Google account at the time.

If that Google job concern human relationship already owns an entry (ie a "feed") inward Feedburner for the weblog you're adding the gadget to, thence the gadget only uses this feed.

But if the Google job concern human relationship doesn't currently accept an entry from the blog, thence a novel feed is created, too the electronic mail service is turned on for it.:

The Feed Title is based on the blog's name.
The feed address appears to move fairly random (eg I created i for a weblog called "Another exam blog", too the feed shout out is http://feeds.feedburner.com/blogspot/meaUW

Advantages of the Follow-by-email gadget

This gadget makes it a lot easier to offering a follow-by-email option: you lot don't accept to develop the feed yourself, or purpose a HTML-gadget to render a subscribe-by-email form.

And because it uses Feedburner, you lot accept total access to Feedburner's statistics, too a issue of other things that are included inward Feedburner's features, including:

Customizing the "click the link to subscribe" message,
Getting a listing of all your electronic mail subscribers (verified too unverified), and
Configuring the look-and-feel (including timing too from-address) of the daily electronic mail to your follow-by-emailers.

Disadvantages of the Follow-by-email gadget

There are or thence disadvantages of both the gadget, too the approach that Blogger has used to implement it:

Google / Blogger accept mixed upwardly the words "subscribers" too "followers". It used to move that subscribers used RSS gadgets (from Feedburner or other feed-providers), too followers used Blogger's ain following-tools. But this novel gadget is called "follow-by-email", too it's possible that mixing upwardly the ideas volition brand or thence people rattling confused.

Using the gadget, you lot accept very petty command over the await too feel of the follow-by-email choice on your blog.

Compare this to the "Get updates past times email" choice which is inward the transcend of the sidebar on this blog: I've position a lot of endeavour into getting the wording "just right" thence potential subscribers know that they volition move getting a please-confirm email. This on-screen wording agency that fifty-fifty if they don't deed on the electronic mail immediately, they larn or thence other reminder most if they come upwardly dorsum to the weblog over again inward the future.
You accept no command over the message that potential follow-by-emailers are shown to say them to verify their subscription. It looks similar this

While this message is fine for the tech-minded people who are probable subscribe to an RSS feed, it volition likely choose a glazed look to those of your visitors who involve a rattling unproblematic subscribe-by-email option!

People who follow your weblog past times electronic mail volition non move included inward your Followers gadget or count - though you lot tin use the Feedcount push clit to exhibit how many subscribers your weblog has.

People who subscribe to your weblog past times electronic mail don't run across whatsoever of the widgets on your blog, or whatsoever advertisements. (Unlike regular RSS-feed subscribers for whom you lot tin develop AdSense for feeds). Despite the options mentioned above, ou accept rattling petty command over how they run across your messages, specially if they come about to move using electronic mail software that shows your messages inward patently text.

Customizing the "click the link to subscribe" message

Getting a listing of all your electronic mail subscribers

Why RSS / Subscribe to Posts is of import for your blog

The Follow-by-Email gadget: a rattling unproblematic way to hand your readers access to blog-updates past times email

Magic Tricks for Blogging

How to notice things inward Blogger's Theme editor

How to piece of job the Jump to Widget tool

How to honour whatever text inward the Theme editor

Click anywhere inside the Theme-editor window: this is the rectangle which shows the code inward your Theme. (It's of import to click within hither first, or the side past times side command volition piece of job differently)

On your keyboard, press Ctrl/f: to produce this, concur downwards the command (ctrl) key, together with press the f key.

A search bar volition directly demo inward the overstep right corner of the subject editing window - similar this:

Type the text you desire to honour into the Search bar together with press Enter.

The cursor volition motion to the get-go fourth dimension that the text appears.

To honour the side past times side house where the text appears, click into the Search-bar together with press Enter again

Repeat equally oftentimes equally yous involve to honour the right place.

How to encounter the details within a gadget or other slice of code

Related Articles

How to edit your Theme inward Blogger

Overview - how to edit your blog-theme

How to brand a backup re-create of your electrical flow theme

How to opened upwardly Blogger's subject editor

How to brand the modify to your theme

How to examine your subject change

What to do if your subject modify wasn't successful

Making complicated changes

Related Articles

The departure betwixt Themes in addition to Templates inwards Blogger

What is (was) a Blogger template

What is a theme

Blogger templates direct keep straight off larn themes

What hasn't changed

What else is going to change?

Conclusion / TL-DR

Related Articles

Understanding the Follow-by-Email gadget together with Feedburner

What is Feedburner

What is develop when you lot add together the follow-by-email gadget

Advantages of the Follow-by-email gadget

Disadvantages of the Follow-by-email gadget

Related Articles