Thursday, October 30, 2014

Read More in Blogger Blogspot

Creating an expanded posts or a post summary which is known as "Read More", "Continue Reading", "Read the rest of this entry", in blogger.com / blogspot used to be a tedious task. You need to read and implement this article in order to have a "Read More" in a blogspot post.

Not anymore. With Google Sidewiki, what you need is just put the code in a blog post whenever and wherever necessary. Precisely like "Read More" in wordpress.

Here's the simple guide:

1. Login to your blogger.com
2. Click "Setting" -> Basic.
3. Scroll down to Global Setting -> check the "Update Editor" -> Save Setting. Done.

Now, try to write an article.
1. Click Posting -> Click COMPOSE (if the post editor not already in a Compose mode)
2. Click tab "Insert Jump Break" the tab on the right side.
3. Now, click the "Edit HTML". There will be a code
4. Write above the code something you want to show on the front page, and below the code the post you want to hide and will be shown only after a reader click the "Read More" button.

Other functionalities of Google sidewiki and an intro

Sidewiki is a new Toolbar feature that lets you add helpful information alongside any page. These entries are visible to any Sidewiki user and can easily be posted to your blogs on Blogger.

Functionalities:

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.

In wordpress, this function has already been there. In blogger / blogspot the picture we want to insert used to be placed on the top by default, we have to move to where we want it to be. With this new editor the problem is gone.

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.

This one is even better than wordpress can do

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.

Other New Features
# Add your location to your posts with geotagging
# Posts are now timestamped at the date and time they are published, not when they were orignally created.
# 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.
# 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 tags (such as those from video embeds) so that you can see and drag them around Compose mode.
# 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.

See and learn more here and here.

Favicon for Blogger Blogspot

Details about Favicon (fav-ai-kon) in general has been mentioned here:

Favicon (pronounced fav-ai-kon) is short for ‘Favorites Icon.’ A Favicon is a multi-resolution image included on nearly all professional developed sites. Within Internet Explorer and Firefox the Favicon is displayed on the Address line and in the Favorites menu. The Favicon allows the webmaster to further promote their site, and to create a more customized appearance within a visitor’s browser. Often, the Favicon reflects the look and feel of the web site or the organization’s logo. See for example the Favicon of this website where I use my own picture.

.. to create Favicon is simple in a self-hosted blog by adding the following two line of codes:



The question is can favicon be installed to blogger.com / blogspot and if yes, how?

We can use the same method as we do to a self-hosted blog / website.

Follow this simple tutorial:

1. Create Favicon first at http://www.iconj.com/ by (a) clicking BROWSE and put the image you want to faviconize; (b) Click Upload Now

2. At "Host it at Iconj.com:(Direct Link)" -> Copy the given code

Example:

3. Put the following code at the head of blogger template ->

along with the code given by Iconj.com (see sample at no. 2)

So, the two line of code I put below the < head> are:




4. Save. Done.

See the LIVE DEMO in a Newborn Baby Blog here (note, You need to use Firefox browser).

NOTE: If it doesn't work or there's an error report from blogger.com, change any code < into < and change any code > into > Then SAVE and it's DONE.

More details on How to create FAVICON see here.

If you're lazy enough to create your own favicon, don't worry. I've created for you (it's a red-and-whie Indonesian flag). Just copy/paste the following code into your blogspot header:

<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
Wish you luck!

Related Posts:

How to create Favicon
Creating Favicon for Wordpress.com
Comprehensive blogger / wordpress Tutorial


EmoticonEmoticon