Google Data

Posted by: +Samantha Schaffer and +Renee Kwang, Software Engineer Interns.

Whether you’re a web developer who builds blog templates for a living, or a web-savvy blog owner who prefers to make changes to your template using HTML, CSS or JavaScript, you may be interested in some enhancements that we made to Blogger’s Template HTML Editor.

Your blog’s HTML template is the source code that controls the appearance of your blog. This template can be customized to appear however you’d like. The improved HTML template editor now supports line numbering, syntax highlighting, auto-indentation and code folding to make editing your template much easier.

Suppose we wanted to move the date of a blog post underneath the post title, similar to the Blogger Buzz blog. To do this, follow these steps:

Click the “Template” tab on the Blogger dashboard, then the “Edit HTML” button, to see the new template HTML editor:

Locate the “Blog1” widget quickly using the new “Jump to widget” drop down:

This widget controls how your blog posts are displayed. The code inside the widget is folded by default. Clicking the new fold markers ‘►’ next to the line numbers expands the widget and reveals a set of “includable” tags:

Inside the “main” includable is the block of code that renders the post date:

Cut the post date code section and move it to where we want it, in this case, under the post title in the “post” includable:

To check our changes, click the new “Preview template” button to see the updates:

The post date is exactly where we want it, so tab back to “Edit template”, hit “Save template” and we’re done!

Finally, we’ve added a “Format template” button that automatically cleans up the indentation of the template, and made it possible to search for text by pressing “Ctrl+F” once you’ve clicked into the editor. To find and replace text occurrences one by one, use “Ctrl+Shift+F” or to find and replace all occurrences at once, use “Ctrl+Shift+R”.

Connecting your blog to Google+ is a great way to attract new readers, as well as build lasting relationships with your followers. For example, you can easily share your posts in the Google+ stream, as well as enable blog visitors to recommend your stu…

Inspiration for a new post can happen at any place and time: on the couch, while shopping, at a game, or in the kitchen. Fortunately, mobile devices enable you to stay connected wherever you are.With that in mind, we just launched updated apps for both…

Blogger lets you share your thoughts, grow your readership, and engage with your audience. But we want to make Blogger even better by letting you tap into the growing Google+ community. Today, we’re adding a new “Google+” tab in the Blogger dashboard, so you now have a central place to start growing your blog with Google+. This means you can now:

Connect your blog to a Google+ profile or page
If you blog under your own name, you’ve already been able to associate your blog with your personal Google+ profile.  Starting today, you can now connect your blog to a Google+ page for your brand, business or organization.

Notify followers when you publish, and let them recommend your content
Each time you post on your blog, we’ll show you a Google+ share box to let you notify followers that you have new blog content.  If they like what you share, followers can +1 or reshare your post to their own friends on Google+. This ripple effect exposes links to your content to a wider audience.

Build enduring connections with your audience
Adding the Google+ gadget to your blog makes it easy for people to add your profile or page to their circles when they like something you’ve published. Forming connections with readers that last after they’ve left your blog is essential.  

To get started, click the “Google+” tab in the Blogger dashboard and then the “Upgrade” button. If you’ve already upgraded to Google+, we’ll help you associate your blog with your profile or page.

We’ll be introducing more settings on this tab in the future, so stay tuned for additional ways to get more out of Blogger with Google+.  If you have questions, you can learn more in our Help Center.

Earlier this year we introduced a suite of new SEO features that help ensure your blog, posts, and images are accurately indexed so they appear correctly in search results. Today we’re happy to introduce another feature that enables you to more effectively customize your search preferences – custom permalinks.

When you write a post, Blogger automatically generates a permalink based on the title of the post. Until now, blog authors have had no control of the permalink. Custom permalinks give you more control of your blog and posts. These new custom links also provide readers with more information about your post when scanning search results.

If you prefer to use a custom permalink, you can do so via the “Permalink” option in the Post Settings box. 

To create your own URL for a specific post, simply select “Custom URL”, and enter your new URL in the field below. If you wrote the post in June of 2012, your new URL will look like this:

The bolded area is the portion of the URL that is customizable.

If the custom permalink you entered already exists, Blogger will attempt find a free one for you.

At present, the characters allowed in a custom URL are limited to: a-z, A-Z, 0-1. The only special characters available are underscore, dash, and period.

Click here to read more about custom permalinks in the Blogger Help Center.

Happy blogging!

Back in April, we introduced Google Affiliate Ads for Blogger, a gadget that can help you earn money by adding an ad for a relevant product to a blog post and earning a commission when someone clicks on your ad and makes a purchase. We’ve received positive feedback from Blogger users and the advertisers who have made their products available through the gadget, and wanted to let you know about a couple of recent enhancements we’ve made to this gadget:

• Increased availability: When this gadget first launched, you may not have been able to see the gadget even though you have an AdSense account. We’ve changed this so that all Blogger users located in the U.S. with an AdSense account have the ability to see that gadget in their post editor and can sign up to use Google Affiliate Ads for Blogger. If you tried to find the “Advertise Products” gadget and didn’t see it before, try again!

• More advertisers and products: The types of advertisers and products available when the gadget became available were in categories such as Department Stores, Sport and Fitness, Office Supplies, Home & Garden, and Apparel & Accessories. We’ve now added 40 more advertisers and expanded our offering to include products in the Health & Beauty, Jewelry, Flowers Edibles & Gifts, Education, and other categories.

Google Affiliate Ads for Blogger is easy to use, and is a great solution for those users interested in choosing the products and brands they want to promote in their blog posts.

Here are two examples of a Blogger user finding a relevant affiliate ad: 

Cross-posted from the Blogger in Draft blog

In 2007, we introduced Blogger In Draft, a special version of Blogger where new features could reach users early and let people try new things. We also introduced the Blogger In Draft blog, and for the past five years, we’ve introduced new updates and options here, often before we told the rest of the world on our official blog, Buzz.

With the recent launch of our Google+ page, we have another great way to keep you updated on new features, both for everyone and those of you who love seeing things early. To simplify the many places you can get updates, we will be retiring the Blogger in Draft blog, with this being the final post. Going forward, we’d like to invite you to follow our official blog and our Google+ page to find out what’s new with Blogger.

This doesn’t mean the Blogger In Draft service is going anywhere, so don’t fret! You’ll still get all the shiny goodness as fast as we can bring it to you. But we’ll be talking about it somewhere else.

When you share your words, thoughts and photos on Blogger, you are sharing your passions with the world. Sometimes, you’re passionate about brands or products. Starting today, you can make money by promoting relevant products in your posts, gaining income for each new customer you introduce to your favorite brands.

This is a new way for you to monetize your blog, giving you control over the advertisers and products you promote, and better connecting your readers with the things you love.

To get started, go to the Earnings tab on Blogger, and click “Get Started”. If you have an existing AdSense account and the content of your blog matches available ad categories, you’re already set. Select an affiliate ad from the “Advertiser Products” widget that appears in the Post Settings panel in the post editor. If you don’t already have an AdSense account, sign up.

When you post about a brand or product from a featured advertiser, the Google Affiliate Ads for Blogged widget will help you to display an affiliate ad in your blog, which can be a text link, a product image, or a banner. You may earn commissions when someone clicks on your ads and makes a purchase on the advertiser’s site, going beyond “payment per click” to “payment per action” and extending the influential relationship you have with your audience.

Get started with Google Affiliate Ads for Blogger today to monetize your blog and bring your readers to the products you love.

• Integration with Google+
• Dynamic Views
• Search engine preferences