Showing posts with label new post editor. Show all posts
Showing posts with label new post editor. Show all posts

Better Photo Uploading

We recently updated the photo uploading interface in Blogger in Draft’s post editor with a few new features:
  • Multiple photo upload. If you have Flash installed, you can select multiple photos at a time in the file picker, and all of them will get uploaded at once.
  • Picasa Web Albums integration. You can now select from any of the images in your Picasa Web photo albums and insert them into your posts.
Tips from the Blogger Team:
  • You can upload multiple images at once, but then only insert them into your post one-at-a-time. When you re-open the image picker the photos you uploaded before will still be there. This gives you the most control over where your images go, while still keeping the upload process convenient.
  • Take advantage of the Picasa Web Albums integration. If you use Picasa to manage your photos on your computer, you can automatically sync your photos to Picasa Web Albums and then pick them right from the post editor. Not using Picasa? You should try it! It’s a free download for Windows, Mac, or Linux. (iPhoto users: Try the free Picasa Web Albums Uploader that works with directly with iPhoto.)
  • Your uploaded photos will still be there even if you close and re-open the post editor. With the old uploader, images only stuck around in the picker for your current editing session. Now you can upload everything when you start writing your post without worrying about losing any work.
  • Caption your images. We recently added captions to the post editor on Blogger in draft. While this isn’t directly related to the new uploader, it’s a nifty feature that you should try out if you haven’t yet. Find out more
A note on the Picasa Web Albums integration: 


We’ve actually been storing and serving your blog’s images from Picasa Web Albums for a few years, but we haven’t taken full advantage of that integration until now. You may see photos that you uploaded in the past but you never ended up using in a post, but don’t let that alarm you: Blogger always uploads images to an Unlisted photo album. That means that unless you log in to Picasa Web Albums directly and share the photos, the only place they’d ever be seen by anybody is on your blog. Learn more about Picasa Web Albums’ privacy settings

If you do want to clear out those unused images, you can log in to Picasa Web Albums and delete them, but be careful: deleting photos from Picasa Web Albums will remove them from your blog if they’ve been used in a post. So if you’re going to delete, only delete what you’re sure never got posted.

Let us know what you think!


We apologize for the bit of a rocky release this feature had last week, and we’re still tidying up some remaining problems. (We’ve heard reports of the uploader not working in Safari, which our engineers are looking into.) If the photo uploader is not working for you, please let us know in the comments what browser, operating system, and version of Flash (if any) you’re using. Then, if you need to upload photos, use the editor on www.blogger.com. (You can switch to “Updated editor” in Settings > Basic and get most of the features from Blogger in draft, but the older photo uploader.)

It wouldn't be Blogger in Draft if we weren’t trying out new things and listening to your reactions, so please give it a try and tell us what you think.

Improvements to Blogger In Draft's Text Editor

by Jiho Han, Software Engineer

We've made a couple of improvements to the Text Editor on Blogger in Draft

Add captions to your photos 

Now you can easily add captions to the images you include in your blog posts! To add a caption, simply click on the image you've inserted, and click Add caption.











Then you can write your caption just below the image. 









Expandable Edit Region

In addition to captions, we've recently added another new feature for you verbose bloggers out there. You can now expand the text area of the editor to give yourself more room as you type. To make the editor region larger, simply click the corner of the editor and drag it down.
The editor window will also grow automatically as you run out of space.

Faster Video Uploading

Your time is very important to us, and we are continuously working to make your experience on Blogger fast and easy. We know that it's no fun waiting for your videos to upload, so we've recently made speed improvements to make your videos upload faster.

Let us know what you think of these features in the comments below, and thanks for using Blogger!

Look Up Words as You Compose

by Awaneesh Verma, Dictionary Product Manager


We recently added a dictionary with definitions and translations to "Blogger in Draft." Here's a quick tour of the feature and its functions.

Look up definitions: To look up the definition of a word or phrase, simply highlight it and click the dictionary icon in the editor's toolbar:




This will open the dictionary's Define tab, where you can view definitions for words and phrases across 12 languages.

Get synonyms: If you'd like to see synonyms for an English word, begin by looking up its definition as above. Then, click a hyperlinked synonym to browse to its definition, and click Insert or Replace to add the currently displayed word to your composition:





Currently, synonyms are available only in the English dictionary.

Translate: You can use the Translate tab of the dictionary to translate words and phrases between over 50 languages.




Similar to the Define tab, you can navigate translations by clicking them and can feed them back to the post by clicking Insert.
We hope you find this dictionary a useful composition tool. Please let us know what you think by leaving us a comment below. Thanks!



Better Image Posting on "Blogger In Draft"

We've added a couple of image upload improvements and UI changes to the editor on Blogger In Draft.

You'll notice that the Insert Image and Insert Video buttons look a bit different in the new editor's toolbar.


In addition, the Insert Image dialog now lets you choose the destination album for your image in Picasa Web Albums.



Better yet, you can easily choose from photos you've already uploaded to Picasa.



Finally, the video upload interface is updated as well.

As you try out these features, let us know how it goes in the comments.

Thanks!

Geo Re-enabled

Update: Geotagging is re-enabled.  (11/17/2009)

We’ve temporarily disabled the geotagging feature in the Blogger in draft post editor due to it not working and showing that annoying JavaScript alert.

The feature will come back once we fix it up. Sorry about the inconvenience.

Autosave and Automatic Date and Time

We’ve recently added two new features to the post editor on Blogger in draft: autosave and automatic date and time.

Autosave is a feature we’ve had for a while on the old post editor, and it does what you’d expect: automatically save your draft posts when you pause in your typing. We’ve brought the same convenience and safety to the new post editor.

With automatic date and time, your posts will now be timestamped with the date and time that they’re published, not the date and time when you first opened the post editor (as has been the case). You can of course still explicitly set the date and time by opening Post Options and switching to Scheduled at instead. Once a post is published, it will keep its date by default, even if you go back even if you go back to edit the post and re-publish.

New feature: Geotagging

We’ve just added geotagging to the new post editor on Blogger in draft. With geotagging, you can add a location to your each of your blog posts. Just as time stamps help readers find posts from a certain date or time, geotags give your readers a way to browse posts near a specific location.

Adding a geotag to your post is easy. Log into draft.blogger.com, open the post editor, and click the add location link below the main text field.

Use the location editor to search, drag, click and zoom on a map to choose and save a location. We’ll try to label the location you choose using our reverse geocoder, which looks up a name for a point on the map. You can also edit the location name by clicking the blue location name text below the search field.

When you publish your post, the geotag is displayed below your blog post as a link, which will open up Google Maps.

We also include each post’s location in your blog’s RSS and Atom feeds using GeoRSS, a standard for geotagging. This means that feed readers, map applications and search engines can associate your posts with their locations.

We’re still working on other ways to show geotag information on your blog. Brian, the Google engineer who created this feature in his 20% time, has written a gadget that will display your posts on a map. To add it to your blog, click “Add Your Own” on the “Add a Gadget” page and paste in this URL: http://blogmap-gadget.googlecode.com/svn/trunk/blogmap.xml

Geotagging has a few known issues. We'll be addressing them shortly, but here are some suggested workarounds for the near-term:

  • The location editor is hidden behind the text field in the Edit HTML tab. Please switch to the Compose tab to view and edit locations.
  • A geotag cannot be removed from a post once it has been saved. If you need to remove a geotag, please copy your post content into a new post and delete the geotagged post.
  • Update 2:33pm: If you have a customized template and you don't see the "Location:" byline, you may need to reset your blog's widget template. Do this by going to the Layout > Edit HTML tab in your dashboard, and then clicking Revert widget templates to default below the main text field.
  • Update 2:33 pm: Some users are having issues with the blog post map gadget. Brian is investigating.
What types of posts are you adding a location to? What other functionality would you like to see in this feature? Leave us a comment and let us know what you think!

Features and Bug Fixes for August 14th

Today’s release to Blogger in draft brings one new feature: Reactions, which are customizable one-click buttons below your posts. Read more on our announcement post, and try them out on this blog.

We’ve added better show/hide controls and brought back the post count and Blogs of Note to the new dashboard, and published it to the main Blogger site.

In case you missed it, we moved Google Gadgets and the gadget directory to the main Blogger site as well.

This release also has some fixes to other Blogger in draft features:

New Post Editor
  • Edit HTML mode now has a toolbar.
  • The Compose toolbar gets a fifth font size, and “Normal” should now more correctly match the font size on your blog.
  • Newly added images will correctly pick up the border styles from your blog’s template.
Import / Export
  • Basic settings are now saved and restored.
  • Templates (both Classic and Layouts) are saved and restored.
  • Exporting a blog will now cause the XML file to download in Safari.
  • Import blog messaging now distinguishes between published and draft posts.

New toolbar, AJAX saving, and other fixes for the post editor

Today we’ve released a few enhancements to the new post editor, fixed some bugs, created a new one or two, and left a handful of things to fix later.





New Stuff

  • AJAX save. We’re still not saving posts automatically, but now the “Save Now” button will keep the post editor open, and Ctrl-S works as a shortcut for saving. (Internet Explorer users: use Ctrl-Shift-S to save.)

  • New toolbar. This toolbar looks better, loads more quickly, and has undo and redo buttons. By popular demand, the full justification button has returned. We’ve also added a strike through button and improved the color palettes.


  • Vertical resizing. You can now change the height of the post editor by dragging the resize handle in the lower right (near the labels field). The size is saved in a per-user, per-blog preference.

Fixed Bugs

  • <div>s in Edit HTML are now better-preserved in Compose mode. This should fix most post summary hacks. If your hack uses <span> tags, please switch to using <div>s.

  • Lists created in Compose mode can now have new items added to them after switching to Edit HTML and back.

  • Line breaking is no longer lost when editing a post in the old editor that was first written in the new editor.

  • Nested block-level elements no longer create odd blank lines.

  • Non-breaking spaces now consistently appear as &nbsp; in Edit HTML mode.

New Bugs (that we know about)

  • The publish and save buttons wrap oddly on Mac browsers.

Major Remaining Bugs (that we know about)

  • The Font Size menu has 4 sizes instead of 5, and “normal” looks small.

  • Paragraph tags are lost when switching from Edit HTML to Compose.

  • The Blockquote button still behaves oddly, especially in Internet Explorer.

  • The URL an image links to cannot be changed without using Edit HTML mode.

  • Images inserted with this editor do not pick up border styles from the blog template.

  • Inserting a new link with the link dialog loses your place in the post. 

Find anything else? See: How to report HTML bugs with the new post editor



Things Left To Add

  • Toolbar in Edit HTML mode

  • Autosave

  • Spellcheck

  • Video upload

  • FTP image upload

  • Bi-directional text input and Indic transliteration 

  • and a handful of smaller things too numerous to include here

How to report HTML bugs with the new post editor

We’d like to thank everyone who has been trying out the new post editor on Blogger in Draft and putting it through its paces. As many of you have noticed, the new editor handles HTML somewhat differently from the old editor, and tricks and conventions you may be used to are not working or screwing up your post’s formatting.

We would like to fix as many inconsistencies and problems as we can before we unleash the new editor on all Blogger users, so we’d really appreciate reproducible bug reports when you see a problem.

The three key pieces of a helpful bug report are:
  • “I typed/clicked/did…”
  • “I expected to see…”
  • “What I really saw was…”
For example:
My post template is:

<span id="fullpost">
Full post
</span>

I opened up a new post in Firefox on XP and typed two paragraphs in Compose mode. When I switched back to Edit HTML, I expected to see:

<span id="fullpost">
First paragraph

Second paragraph
</span>

But what I saw was:

<span id="fullpost">
First paragraph</span>


<span id="fullpost">
Second paragraph</span>
Comments on this post are a fine place for these bug reports, or, if you post them on a blog, just link to them from the comments.

We realize that writing about HTML can be tricky in the post editor or the comments form. You can replace “<” with “&lt;” or put a space right after the “<” to prevent the editor from treating it as HTML. Or, if you make the post with the new editor, you can turn on “Show HTML literally” in the Compose Settings section of the Post Options.

While we can’t commit to making the new editor work exactly like the old in every regard (if we did, that might break some of the new useful features, such as drag-and-drop image placement), we really want to keep the differences down to as few as possible. Your feedback and bug reports will make this possible.

Thanks in advance!

Updates and Bug Fixes for June 26th

Today’s Blogger release is a big one for Blogger in Draft. Let’s lead off with the quick stuff:

  • Google Gadget integration continues to improve, with better editing of gadget preferences.

  • The new look for the Dashboard has seen a handful of tweaks, including a new button style that we’re trying out and, by popular demand, the “show all blogs” toggle is now sticky.

  • The subscribe page element has been published to WWW.

  • We’ve added a “Make Blogger in Draft my default dashboard” to the Blogger in Draft dashboard, so now you don’t have to remember to type “draft.blogger.com” instead of “www.blogger.com.”

  • So you can easily keep up with the news, we’ve added this blog as a tab on the Blogger in Draft Dashboard.

But that’s not what you came here for. You wanted this:

  • Webmaster Tools Verification. Turn this on to automatically add and verify all your blogs on Google’s Webmaster Tools.

  • Star ratings. Add a 0–5 star rating control to the bottom of your posts so that your readers can rate them.

  • Import / export of blogs. Back up all of your posts and comments to one Atom XML file on your computer, and import your posts from one blog to another.

  • Embedded comment form. By incredibly popular demand, we’ve brought the comment form to your blog’s post pages, with support for Google Account and OpenID authentication.

  • New post editor. We’ve completely revised the post editor, bringing in drag-and-drop image placement and better HTML handling.

As always, these features are on Blogger in Draft because we’re not done with them and we’re looking for your feedback. Please read the posts for each of the features before trying them so that you know what’s working and what isn’t. Make sure you leave comments! These are big features for us, so we want to get them right before we turn them on for everyone.

New Feature: New Post Editor


Today we’re releasing the first iteration of a completely new version of the Blogger post editor. This editor is more stable, compatible, predictable, and will help us bring more functionality to posts on Blogger over the coming months and years.



Out of the gate you’ll notice two areas where the new editor improves significantly over Blogger’s current editor: images and raw HTML.



One important quick note before we get into those, however: Autosave is currently disabled in the new post editor. We’ll turn it on in an upcoming release, but for now it’s off. You’ll want to periodically remember to save your drafts when using this editor.



On to the fun stuff!



Improved Image Handling

When you upload an image to the new post editor it will appear as a thumbnail in the image dialog box. That way, you can upload several images at once, and then add them into your post at your convenience. The thumbnails will be available until you close the post editor.



When you add an image from the dialog into your post it will be placed at the insertion point instead of at the top of the post.



If you don’t like where an image is in your post, you can drag it around to another spot. If you drag it towards the left side of the editor it will float to the left, likewise for the right, and if you leave it in the center it will be centered. You can drag the image between paragraphs and other block elements. Unlike in the current editor, dragging in the new editor preserves the link to the full-size version of the image.




You can easily resize or remove an image with the image size “bubble.” Click on the image (Firefox 3 users may need to double-click) to bring up the bubble, and resize the image instantly. You can resize any image, including ones added by URL, but if you resize an image that was uploaded through the post editor we resample the image on our servers to keep the download size small.



It might be easier to see this in action, so we made a short video to show off some dragging and resizing:







Improved Raw HTML

If you use Edit HTML, especially to add tables and other advanced HTML to your posts, you should find that the new editor has a number of enhancements to make the experience less frustrating, or, dare we say it, even pleasant.



By default, the current post editor replaces any newlines in your post with <br> tags. This can cause problems when you want to use newlines to make table or list HTML clearer, since the inserted <br>s will mangle the formatting significantly. The new post editor does not introduce <br>s within tables, lists, scripts, styles, preformatted blocks, or objects.




Since they won’t destroy the formatting, the new post editor adds clarity newlines to the HTML that’s generated by Compose mode. For example, if you create a list in Compose mode and then look at it in Edit HTML, you’ll see that there are newlines before each of the <li> tags.



For posts made with the new editor, the blog-level “Convert line breaks” setting (from Settings > Formatting) is ignored. Instead, newline behavior is controlled by an Edit HTML setting under “Post Options,” which affects how newlines and <br> tags are displayed in the Edit HTML editor. This means that, unlike “Convert line breaks,” you can change newline behavior when it would be useful for a given post without affecting the display of all the other posts on your blog.





We’ve also added a Compose mode setting to let you choose what happens when HTML tags are typed in to the Compose editor. The default, “Interpret typed HTML,” matches the current post editor’s behavior: typing “<b>bold</b>” into the editor would look like this in your post: bold. If you change the setting to “Show HTML literally” instead, you’ll get: <b>bold</b>.



The Edit HTML and Compose settings, along with the choice of whether to show Edit HTML or Compose by default, are saved per-user, per-blog and are updated when you save a post. The Edit HTML setting defaults to the value of the blog’s “Convert line breaks” the first time you open the new editor.



Other New Features

You’ll find other new functionality here and there in the new editor. Here are a few more highlights:


  • Easy link editing in Compose mode. Just click a link and you’ll have the option of changing its URL or removing the link.

  • Full Safari 3 support on both Windows and Macintosh. The old editor is pretty quirky on these browsers, but the new editor works as you’d expect.

  • New Preview dialog that shows your post in a width and font size approximating what you’d see on a blog.

  • Placeholder image for <object> tags (such as those from video embeds) so that you can see and drag them around Compose mode.


Currently Missing Features

Besides the aforementioned autosave, there are a handful of other features from the current post editor that are on our to-do list for the new editor. If you rely on any of these, you may not want to use the new editor for everything just yet.


  • Spellcheck

  • Video upload

  • Hindi transliteration

  • Bi-directional text controls

  • Toolbar for Edit HTML mode

  • FTP file upload

  • Enclosures


Be patient: these will all come to the new editor over the upcoming weeks. Look for announcements on this blog.





Known Issues

We’ll be adding to these in the comments, probably, but here are a few little problems you might run into right now:


  • The “Blockquote” button is unreliable in Internet Explorer 6.

  • Lists and other block elements may get an additional blank line above them, which can be removed after re-editing the post.

  • You cannot add more items to a list if you toggle from Compose to Edit HTML and back, or re-edit the post. As a workaround, add new <li> tags in Edit HTML mode.

  • Bold and italic keyboard shortcuts do not work in Safari, and the publish and save keyboard shortcuts are not implemented in any browser.

  • The site-specific modification that Opera added to enable the old rich text editor does not work with the new editor. We’re investigating adding official support for the new editor under Opera 9.5.

  • All images uploaded through the new editor will go to Picasa Web Albums, even for FTP blogs. Images will not get uploaded to your blog’s FTP server.

  • Image upload will not work for accounts that have not accepted the image upload Terms of Service. Upload an image through the old post editor to get the opportunity to view and accept the ToS.

  • Internet Explorer 5.5 is no longer supported.


We hope that the above issues and missing features will not prevent you from at least giving the new post editor a try.



This editor will, when it’s ready, replace the current post editors across all of Blogger. Therefore, we really appreciate your feedback and especially reports of bugs and other strange behavior that you find. We’d like to address them all now so that things will go smoothly when we turn the new editor on for everybody.