“Integrated Gmail : All Google Products at one place” plus 1 more | Blogsolute

Integrated Gmail : All Google Products at one place

Posted: 24 Jul 2009 12:19 PM PDT

Integrated Gmail is a Firefox extension for the lovers of simplicity, there are many more options than you think of using Gmail in a minimalist way.

Just install this addon and your Gmail is reduced to an abstract, in fact a link, with total unread messages. Then we can add other things under it like Google Apps, Google Maps or Google Reader.

Whenever, you want to see through your emails just click and as we see in the picture, it all comes down to a simple interface and fill our screen. Something that contributes to the fact that links us to use Google services which will be expanded or collapsed accordingly, so that when not in use are minimized.

Allows you to make the Inbox Collapsible and loads your choice of Google Calendar, Reader, Notebook, Groups, Maps, Picasa, Sites, News and Portfolio plus Custom URLs (w/navigation buttons innframe) and Google Gadgets seamlessly into the Gmail interface below the inbox (rather than the sidebar) using a collapsible box. If your are inbox minimalist, enable minimalist mode to clean up the inbox even more.

Integrated Gmail Addon

Download Integrated Gmail Addon

You may also like to read

Automatic Configurable “Read More” on Blogger

Posted: 24 Jul 2009 11:43 AM PDT

If you just want to show summary of post on frontpage of blogger then unfortunately, you don’t have any option by default. You will need a external script to make it working.

It’s true that, there have been many hacks released to have Read more option on Blogspot or Blogger blogs. Problem with them is that you cannot select the cut-off point and also, there was no support for thumbnail too initially. Here are some scripts which can solve both issues.

This new script, which derives from the “read more thumbnails” (in fact, its an improved version) has two advantages:

You can choose the cutoff point according to the summary of each post, choosing to show or not show a thumbnail image.
Limit the article’s excerpt is set at a number of words, not characters (and the words will not be cut off).

read more configure blogger

It’s a simple two step operation.

1) Find the following code in your template (with expanded HTML):
<data:post.body/> and Replace it by

<b:if cond='data:blog.pageType != "item"'> expr:id='"summary" <div data:post.id' style='display:none;'> + <data: post. body /> </div> <script type='text/javascript'> createSummaryAndThumb ("summary <data:post.id/> ");</script> <div style =" clear: both "align = 'right' class = 'rmlink'> <a expr:href='data:post.url'> -> Read more </ a> </div> </b:if> <b: if cond = 'data: blog. pageType == "item" '> <data:post.body/> </b:if>

2) Insert this before <body>
<script type=’text/javascript’> var thumbnail_mode = ‘no-float’ ; var classicMode = false ; var summary_noimg = 60; var summary_img = 50; var img_thumb_height = 150; var img_thumb_width = 220; var indent = 3; </script> <script type=”text/javascript”> //<![CDATA[ /****************************************** Auto-readmore link script, version 4.0 (for blogspot) (C)2009 by Anhvo Homepage: http://vietwebguide.com Please dont remove this copyright or change it into your own ******************************************************/ /******************************************* CONFIG (extenal code) ------------------------------- var thumbnail_mode = "float" ; //(or "no-float") var classicMode = false ; var summary_noimg = 60; var summary_img = 50; var img_thumb_height = 100; var img_thumb_width = 120; var indent = 3; *********************************************/ function stripHtmlTags(s,max){return s.replace(/<.*?>/ig, '').split(/\s+/).slice(0,max-1).join(' ')} function getSummaryLikeWP(id) { return document.getElementById(id).innerHTML.split(//)[0]; } function getSummaryImproved(post,max){ var re = /<.*?>/gi var re2 = /<br.*?>/gi var re3 = /(<\/{1}p>)|(<\/{1}div>)/gi var re4 = /(<style.*?\/{1}style>)|(<script.*?\/{1}script>)|(<table.*?\/{1}table>)|(<form.*?\/{1}form>)|(<code.*?\/{1}code>)|(<pre.*?\/{1}pre>)/gi post = post.replace(re4,”) post = post.replace(re3,’ ‘).split(re2) for(var i=0; i<post.length; i++){ post[i] = post[i].replace(re,”); } var post2 = new Array(); for(var i in post) { //if(post[i]!=” && post[i]!=’ ‘ && post[i] != ‘\n’) post2.push(post[i]); if(/[a-zA-Z0-9]/.test(post[i])) post2.push(post[i]) ; } var s = “”; var indentBlank = “”; for(var i=0;i<indent;i++){ indentBlank += ” “; } if(post2.join(’ ’).split(’ ‘).length < max-1 ){ s = post2.join(indentBlank +’ ’); } else { var i = 0; while(s.split(’ ‘).length < max){ s += indentBlank + ‘ ‘ + post2[i]+’ ’; i++; } } return s; } function createSummaryAndThumb(pID){ var div = document.getElementById(pID); var content = div.innerHTML; if (/<!–\s*more\s*–>/.test(content)) { div.innerHTML = getSummaryLikeWP(pID); div.style.display = “block”; } else { var imgtag = “”; var img = div.getElementsByTagName(”img”); var summ = summary_noimg; if(img.length>=1) { if(thumbnail_mode == “float”) { imgtag = ‘<img src=”‘+img[0].src+’” width=”‘+img_thumb_width+’px” height=”‘+img_thumb_height+’px”/>’; summ = summary_img; } else { imgtag = ‘<div style=”padding:5px” align=”center”><img style=”max-width:’+img_thumb_width+’px; max-height:’+img_thumb_height+’px;” src=”‘+img[0].src+’” /></div>’; summ = summary_img; } } var summary = (classicMode) ? imgtag + ‘<div>’ + stripHtmlTags(content,summ) + ‘</div>’ : imgtag + ‘<div>’ + getSummaryImproved(content,summ) + ‘</div>’; div.innerHTML = summary; div.style.display = “block”; } } //]]> </script><textarea>

Settings

Now, you can set up a script to change the following variables:

thumbnail_mode var = 'no-float';
classicMode var = false;
summary_noimg var = 60;
summary_img var = 50;
img_thumb_height var = 150;
img_thumb_width var = 220;

Thumbnail_mode determines the variable buoyancy to the left of the image. If you choose 'no float', the image will not show thumbnails if you choose to 'float' will display a thumbnail on the left of the posts on the homepage.

ClassicMode determines whether all entries are to be cut at the same point or not. It is advisable to change it soon changed to true if the variable value thumbnail_mode to 'float'.

Var Summary_img and Summary_noimg corresponds to the cutoff of the abstract when your post has no image and when it does, respectively. The value 50, for example, means "50 words".

Img_thumb_height and img_thumb_width correspond to height and the width of the thumbnails (thumbnail image).

The novelty of this version of the script is that you can put Read more on your posts, just like Wordpress.

For Example :

<Summary> <! – More -> <Rest of Article>