Photobucket had recently changed their policy and now all the images from my 650+ blog posts are disabled. I am slowly editing them by moving my images to my own server at AWS, but it will take time. In case there is a particular old post you want to see the images of, kindly drop me a mail at mizohican@gmail.com and I'll keep that at a high priority. Thank you.

Tuesday, September 06, 2011

Chp 365. New Blogger Interface: Posting Tips

blogger.com has finally changed its interface. Lolz. In my 8 years as a blogger, they’ve made a change only once, and that time too it was more about template design and features. This time, it looks like they have revamped the entire backend UI.

Frankly speaking, it looks more like a WordPress backend now, and navigation is much smoother and slicker than before. Monitoring your blog visitors is also much easier now with a built-in analytics report right on the dashboard itself.

I haven’t had the time to explore much, but from my first few impressions, I’d give blogger a thumbs up (seriously, it’s about time!) and inserting images seems to be just a matter of copy-pasting too.

However, there is one flaw I noticed immediately, and it’s about the new post editor.

Again, this post is meant only for those few people (like me) who still like to write their post first on a Microsoft Word document before copy-pasting it to the post editor. I guess we prefer MS Word because we are too lazy and the auto-correct feature seems to solve a lot of problems for us. Lolz.

A year ago, I wrote about Five important blogging tips for those who use MS Word on blogger.com. Now that the interface and CMS editor have changed, I guess those tips don’t mean much.

In this new blogger post editor, it is no longer possible to copy-paste your article from a Word doc to the “COMPOSE” or the “HTML” section. I mean, it is of course possible to do that, but if you do it, your entire formatting (paragraph, alignment, line breaks etc) will now go haywire.

In the previous blogger version, I advised you all not to paste your word document article in the HTML section and that you should paste it in the COMPOSE section only, right? And once you did that, you could click HTML and everything would still be formatted the way you wanted it.

In this new version, if you paste anything in the HTML section first, you will lose all paragraph and line breaks!

And if you paste it first in the COMPOSE section…



…and then click HTML to format your post, you will now unfortunately get this sh*t.



Yup, blogger apocalypse!

But don’t get scared, I know a way to prevent this. I am familiar with this type of display result as Posterous is having this exact same CMS editor feature! Your entire post in posterous will go for a toss if you copy paste the content from a Word file.

One simple solution to this is – REMOVE MS Word formatting.

You can easily do this by using a TEXT document (.txt extension). Once you’re done writing your blog article on an MS Word document, simply copy-paste the content into a text file, with the exact line break and paragraph spacing that you want. Once you do that, again copy the content from the text file and paste it now in the new blogger editor under COMPOSE section.

Thadaaa! Problem solved.

Your post will be formatted exactly the way you wanted it to be.

And even if you click HTML on the editor after pasting it in the COMPOSE section from the text document, you will get this -



See how clean the codes are now! All those unnecessary and irritating MS Word related codes are gone, and this section now consists of just the basic (and proper) HTML codes which you can easily edit if you are even a little bit html-savvy.

If you are really interested in seeing the difference between pasting your blog article from an MS Word directly, and from a text document directly, here are the two results of this very same post –

From MS Word document to COMPOSE section – eww!



From text document to COMPOSE section – wow!



Of course most people do write their blog posts directly on the blogger editor directly, so I guess this post will not mean anything to such people. But to all those who use MS Word docs to write your blog post, this is how you can easily solve your formatting problems with the new blogger interface.

I don’t know about you, but me, I am kinda like an OCD patient when it comes to webpage layout and content uniformity. I die slowly every time I see an ugly blog with unequal and varying font sizes, spacings and colors randomly placed here and there (unless it is done purposely with an artistic direction).

Hope this helps. If you have a better solution to this or any other tips regarding the new blogger interface, please feel free to share here.

Cheers.


13 comments:

sekibuhchhuak said...

Boss, KEINI WordPress ho chuan hman hmanah hengte hi chu KAN nei daih tawh :-P Hehe!

Mizohican said...

lolzzzz hotupa, wordpress a i insawn na kha kum khat pawh a ni tawh ringawt a mi? :P


http://sekibuhchhuak.wordpress.com/2011/01/02/2010-in-review/

The top referring sites in 2010 to sekibuhchhuak.wordpress.com were
1. misual.com
2. facebook.com
3. b-buata.blogspot.com
4. zafirlukast.blogspot.com
5. sekibuhchhuak.blogspot.com.

hahaaaa!!! :P

Banno said...

This is the same problem with wordpress blogs. You have to first copy to a text file, then copy and paste again, and it works fine. Like you, I too shudder at copy which is not well-laid out, etc, etc.

Mizohican said...

Banno, I guess there is no perfect WYSIWYG editor till now. At least WP and Blogger are ok compared to one of my client's site I handle - the CMS is TYPO3 and its definitely one of the WORST WYSIWYG editors currently active today! :D

mnowluck said...

@Mizohican: The top referring sites in 2010 to sekibuhchhuak.wordpress.com were
1. misual.com
2. facebook.com
3. b-buata.blogspot.com
4. zafirlukast.blogspot.com
5. sekibuhchhuak.blogspot.com.

hahaaaa!!! :P Wordpress.com and wordpress.org(self hosted) have an option to import from Blogspot :) You just need to go to the general settings .. WP rules at any time .. hehe.. especially the self hosted WP

Mizohican said...

Yes of course, hope you didn't forget that I run a self hosted WP blog too? I know the differences all too well. :P

Alejendro said...

Keipawh Word ah ka ziak hmasak phawt thin avangin hmanni ah ka post dawn in ka buai vak... but somehow figured it out though... :-)

caribou said...

Good Post. Ka thuziak sa chu Notepad ah ka dah a, chu chu Compose ah khan ka paste lut a, chuan ka edit tha mai thin.

Zaia said...

Ka thuziak reng reng notepad-a ka ziah hmasak zel avangin harsatna ka tawk lem lo. Print chhuah tur a nih lem loh chuan ka thuziak hrim hrim hi notepad-ah ka ziak zel. A chhan pawh - computer engah pawh hawn theih loh a awm lo tlat a, a file a te bawk si. Chuan, ka print dawn chuan MS Word/Pagemaker ah ka siamtha leh mai thin.

Nia, blogspot hmang laklawh tan chuan blogspot zel hi a nuam a, hetia interface an han thlak vel hian min tiphur thar leh hret bawk.

Krista Roluahpuia said...

Muze patanay kya kya bolta ho.... :)

Assumpta said...

I don't like at all the new interface.

Is very important in catalan language the possibility to use the apostrophe (punctuation mark) in LABELS.
In the traditional interface it was possible and now I have LOT OF labels with apostrophe... and I don't want to change them.

This is a problem... I can't understand this sort of changes that mean problems for the users.

There are also problems to change the hour when a writing wants to be programmed.

The new interface is a real disaster

Crystal Travel said...

With premium chances grossed with Cheap Flights to Sydney one may never feel bored or left out in the vibrant cosmopolitan like this harbor city.

mesjay said...

Cheers!!! I had missed this post, hope my problem is solved.