Blogger Buzz: The Official Buzz from Blogger at Google
More Blogger Resources
Privacy Policy. Powered by Blogger.
Improvements to the Blogger template HTML editor
Posted:
April 09, 2013
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”.
We worked on this project as part of Google Australia’s BOLD Diversity Internship Program. We hope you enjoy the changes we’ve made!
(Cross-posted from the Blogger Developers Network)
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:
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”.
We worked on this project as part of Google Australia’s BOLD Diversity Internship Program. We hope you enjoy the changes we’ve made!
(Cross-posted from the Blogger Developers Network)
Mention people in your posts with Google+
Posted:
December 18, 2012
Posted by +Malte Ubl, Software Engineer
Blogs are a great way to spark a conversation, and today we’re giving you a new way to grab someone’s attention: Google+ mentions in Blogger. Now you can add a link to a Google+ profile or page when you want to mention someone in a post. If you then share your post from Blogger to Google+, we make it easier to notify your mentions by including them in the sharebox.
To mention someone, just type “+” before their name while you’re using the Blogger post editor.
The profile or page will show up as a link in your published post. Hovering over will show a card with more info and an ‘Add to circles’ button. Clicking the link takes you straight to the Google+ profile or page.
So, whether you want to credit a co-author (thanks+Gregory Fair! ), ask a question, or just kick off a dialogue, connect your blog to Google+ and try mentioning someone in your next post!
Blogs are a great way to spark a conversation, and today we’re giving you a new way to grab someone’s attention: Google+ mentions in Blogger. Now you can add a link to a Google+ profile or page when you want to mention someone in a post. If you then share your post from Blogger to Google+, we make it easier to notify your mentions by including them in the sharebox.
To mention someone, just type “+” before their name while you’re using the Blogger post editor.
The profile or page will show up as a link in your published post. Hovering over will show a card with more info and an ‘Add to circles’ button. Clicking the link takes you straight to the Google+ profile or page.
So, whether you want to credit a co-author (thanks
Grow your audience with the Google+ followers gadget
Posted:
November 27, 2012
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 stuff in a single click. Today we're excited to offer another Google+ perk: the followers gadget.
The Google+ followers gadget highlights your total Google+ audience (both its size and some friendly faces), and offers visitors the chance to follow you on Google+. As a result, you can grow your readership across the web, and reach them either in the Google+ stream, or through your blog.
To get started, just connect your blog to Google+, visit the "Layout" tab of the Blogger dashboard, and select "Add a Gadget." You can also read a bit more about today's update in our Help Center.
Happy blogging!
p.s. Those of you with the Google Friend Connect followers gadget can keep using it, if you like. We retired most of Friend Connect earlier this year, but we'll keep it running on Blogger for the foreseeable future.
The Google+ followers gadget highlights your total Google+ audience (both its size and some friendly faces), and offers visitors the chance to follow you on Google+. As a result, you can grow your readership across the web, and reach them either in the Google+ stream, or through your blog.
To get started, just connect your blog to Google+, visit the "Layout" tab of the Blogger dashboard, and select "Add a Gadget." You can also read a bit more about today's update in our Help Center.
Happy blogging!
p.s. Those of you with the Google Friend Connect followers gadget can keep using it, if you like. We retired most of Friend Connect earlier this year, but we'll keep it running on Blogger for the foreseeable future.
New and improved Blogger mobile apps
Posted:
November 15, 2012
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 Android and iOS. The updated apps include a visual facelift and other features which make it easier for you to create and share -- wherever your imagination runs wild. Some of the more notable improvements include:
- Landscape support for composing posts
- Sharing to Google+
- Ability to view a scheduled post time
- International support in 30+ languages
- iPad support
Get Blogger in the Play store to get the latest on your Android phone or the App Store for iOS devices.
Getting Help on Blogger
Posted:
October 26, 2012
As a Blogger user you’re likely aware of the nearly infinite number of ways to express yourself online. Whether you’re a photographer showing off your portfolio, a foodie sharing your newest tasty creation, or a business promoting your latest deals, Blogger has the tools to help your content shine and reach readers from all over the world. All of us on the Blogger team are passionate about our users’ success, and have a global team dedicated to making sure you are getting the most out of the product.
So if you’ve been thinking about making the upgrade to a custom domain, want to give your blog a fresh new look but aren’t sure where to start, or are having trouble building readership on your blog, we want to let you know that our Support team is here to help! We’ve developed a handful of helpful resources where you can learn more about the latest features, report a problem with Blogger, and even post your questions where our Blogger Support Team and Top Contributors can help you track down answers. Here’s the quick run-down of how and where to find help:
Blogger Help Center: For reading up on the latest features, understanding all the bells and whistles of your dashboard, getting quick troubleshooting tips for common problems, and much more. You can also get to the Help Center by clicking the gear icon on the Blogger dashboard.
Google Feedback: If you’d like to report a problem, new feature idea, or have other general suggestions and comments, we’ve got an easy way to do that right from the Blogger dashboard. Click the gear icon in the dashboard and then the Send us feedback link which will open up the feedback form.
Blogger Product Forum: Our active community of users, Blogger Support staff, and Top Contributors (our expert Blogger users and forum helpers) are here to answer your questions and listen to your feedback. Drop us a line and we’ll do our best to make sure it gets addressed promptly.
Abuse Reporting Form: If you need to report abusive content we have a special form to help you do so. You may also want to check out Google’s Terms of Service and/or Content Policy.
Finally, while the above channels are the quickest way to get help, we’ve also put together a list of our Support team’s pages on Google+ should you want to get in touch with us, connect, or just share a funny cat video.
So if you’ve been thinking about making the upgrade to a custom domain, want to give your blog a fresh new look but aren’t sure where to start, or are having trouble building readership on your blog, we want to let you know that our Support team is here to help! We’ve developed a handful of helpful resources where you can learn more about the latest features, report a problem with Blogger, and even post your questions where our Blogger Support Team and Top Contributors can help you track down answers. Here’s the quick run-down of how and where to find help:
Blogger Help Center: For reading up on the latest features, understanding all the bells and whistles of your dashboard, getting quick troubleshooting tips for common problems, and much more. You can also get to the Help Center by clicking the gear icon on the Blogger dashboard.
Google Feedback: If you’d like to report a problem, new feature idea, or have other general suggestions and comments, we’ve got an easy way to do that right from the Blogger dashboard. Click the gear icon in the dashboard and then the Send us feedback link which will open up the feedback form.
Blogger Product Forum: Our active community of users, Blogger Support staff, and Top Contributors (our expert Blogger users and forum helpers) are here to answer your questions and listen to your feedback. Drop us a line and we’ll do our best to make sure it gets addressed promptly.
Abuse Reporting Form: If you need to report abusive content we have a special form to help you do so. You may also want to check out Google’s Terms of Service and/or Content Policy.
Finally, while the above channels are the quickest way to get help, we’ve also put together a list of our Support team’s pages on Google+ should you want to get in touch with us, connect, or just share a funny cat video.
|
|
|
|
||||||||
|
|
|
|
Google Affiliate Ads for Blogger now in the UK!
Posted:
September 20, 2012
(Cross-posted from the Google Affiliate Network blog)
Earlier this year, we launched Google Affiliate Ads for Blogger in the US and added new enhancements in June. The positive results and feedback we’ve received are very promising, and we’re excited to announce that this gadget is now available to Blogger users in the UK!
To refresh your memory, Google Affiliate Ads for Blogger is a gadget that makes it easy for Blogger users to insert an affiliate ad into a blog post and earn a commission when someone clicks the link and makes a purchase on the advertiser’s site.
Watch the video below for a quick refresher:
Here’s how to get started:
- If you’re a Blogger user in the UK (or the US), go to the Earnings tab in Blogger and sign up for AdSense if you don’t already have an account.
- Once you have an AdSense account, you may see the Google Affiliate Ads for Blogger gadget when you write a new blog post.*
- Write a new post and select a relevant affiliate ad from the 'Advertise Products' gadget.
- Publish your post, and voilà ! You may earn a commission when someone clicks your affiliate ad and makes a purchase.
Advertisers including Bestbathrooms.com, Cheapsuites.co.uk, Crooked Tongues, Diamond Manufacturers, eFlorist, Hudsonreed.com, Perfume Click and The Snugg have already come on board, and more are joining every day.
If you’re an advertiser interested in participating in Google Affiliate Ads for Blogger, please reach out to your Google Affiliate Network account team or contact us if you’re not already working with us.
A more dynamic mobile reading experience
Posted:
August 29, 2012
Last year we introduced mobile templates on Blogger, and Dynamic Views for the desktop. Since then, over 2 million blogs have started using Dynamic Views on desktop, and users have asked us for more mobile features. So today, we’re bringing the speed and advanced reading experience of Dynamic Views to mobile. Configuring your blog to use a Dynamic View on mobile will result in a reading experience that mirrors the desktop, but is optimized for mobile.
To configure a Dynamic View for mobile on your blog, select the "Template" tab, and then click on the settings cog under the “Mobile” preview.
If you’re currently using Dynamic Views on the desktop and have the “Default” mobile template selected, you don’t need to do anything -- your blog will automatically start using the mobile optimized view when viewed from a compatible mobile browser. For more information, see Blogger Help.
Currently, only the “Classic” view, which is best suited for small screens, will be shown on mobile. Tablets with large screens will get the full desktop experience. As with the older mobile templates, supported browsers are WebKit-based browsers (such as Android Browser, Chrome for Android and iOS, and Mobile Safari).
We hope your readers enjoy the modern, compelling experience that this mobile update provides.
To configure a Dynamic View for mobile on your blog, select the "Template" tab, and then click on the settings cog under the “Mobile” preview.
If you’re currently using Dynamic Views on the desktop and have the “Default” mobile template selected, you don’t need to do anything -- your blog will automatically start using the mobile optimized view when viewed from a compatible mobile browser. For more information, see Blogger Help.
We hope your readers enjoy the modern, compelling experience that this mobile update provides.
Socialize and grow your blog with Google+
Posted:
July 30, 2012
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.
Customize your posts with permalinks
Posted:
July 17, 2012
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!
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.
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!
New enhancements to Google Affiliate Ads for Blogger
Posted:
June 25, 2012
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:
Loading...
Google+ Followers
Archive
Labels
- +1 (3)
- 10th Birthday (13)
- 2010 (1)
- accessibility (1)
- ads (1)
- adsense (6)
- Amazon (1)
- Android (2)
- Blog2Print (1)
- Blogger (24)
- Blogger birthday (1)
- Blogger Fiesta (2)
- Blogger Meetup (2)
- Blogger Stats (2)
- Blogger Template Designer (1)
- Blogger2Print (1)
- blogspot (2)
- BlogThis (1)
- blogworld (2)
- Buzz (1)
- calendar (1)
- Chrome (2)
- code (1)
- commenting (1)
- community (8)
- conference (2)
- custom domain (1)
- developers (2)
- DMCA (1)
- draft (1)
- dynamic views (5)
- events (2)
- feedburner (2)
- feeds (1)
- firefox (1)
- follow by email (1)
- following (2)
- foxytunes (1)
- FTP (1)
- gadgets (10)
- GAN (3)
- Google Analytics (1)
- Google Buzz (1)
- Google Sites (1)
- google+ (9)
- grandcentral (1)
- help (2)
- ios (1)
- jump (1)
- knol (1)
- lightbox (1)
- mobile (5)
- monetize (3)
- music (1)
- navbar (2)
- New UI (4)
- next blog (1)
- OneTrueFan (1)
- openid (1)
- OpenSky (1)
- Page Creator (1)
- pages (1)
- pixelodeon (1)
- polls (1)
- post summaries (1)
- read more (1)
- recommend (1)
- SEO (2)
- Share (3)
- support (1)
- SXSW (1)
- template designer (2)
- twitter (1)
- video (2)
- videoblogging (1)
- Viglink (1)
- web fonts (1)
- webcall (1)
- youtube (3)
- zemanta (1)
Give us feedback in our Product Forums.























Tiada ulasan:
Catat Ulasan