Blogumus Flash Animated Tag Label Cloud for Blogger

"Blogumus" is an Flash based tag cloud widget which uses scripts converted from Roy Tanck's WP Cumulus plugin for Wordpress. I fell in love with Roy's original Cumulus plugin when I saw it, and simply had to learn how to convert this for use in Blogger powered blogs. The result is the widget you can see in action at the top of this post. Hover your mouse over the Flash object to see the animation begin. In this post, I'll explain how you can add Blogumus to your own Blogger layout with ease!



Update: Improved Widget Code
I have updated the code required to run this widget to activate links in the tag cloud Flash movie. If you have already installed Blogumus, please replace your widget code with the new updated code, or reference the additional lines to modify your existing installation.

How it works
This widget uses a combination of JavaScript and Flash animation to parse and display your blog labels. Once installed in your template, it should work "out of the box" without any additional tweaking required, though of course you may prefer to change the variables for color, background and size if appropriate :) You should also be able to move the Label Cloud widget through the Page Elements page of your dashboard if you prefer display in a different layout location. To see Blogumus in action, both Flash and Javascript must be installed and enabled for your internet browser. However, it does degrade relatively gracefully, and label links will still be clickable (though not animated) for those who do not use JavaScript of Flash (including search engine spiders).

How to install Blogumus in your Blogger layout
Installing Blogumus in your Blogger layout is surprisingly simple! You should only need to copy and paste a section of code to your Blogger template, though any tweaks for the style of display will require some manual editing. Here are the steps required to install Blogumus in your Blogger layout:
1.Login to blogger dashboard
2.Go to Layout >> Edit HTML
3.Save Your template first and dont expand widget template
4.Choose where you want to add Flash label cloud in your blog ( Sidebar, Footer, Below Header or Above footer or any section). Now Search for respective
(section releted to sidebar, footer, etc). The line of code may look like as follows


<b:section class='sidebar' id='sidebar' preferred='yes'>

or

<b:section class='footer' id='footer' showaddelement='no'>

or

<b:section class='anything' id='anything' preferred='yes'>


5.Immediately after any one of the above line, Paste following widget code

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>

&lt;object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="
250" height="200" allowscriptaccess="always" &gt;
&lt;param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" /&gt;
&lt;param name="bgcolor" value="#
FFFFFF" /&gt;
&lt;param name="flashvars" value="tcolor=0x
000000&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;
<b:loop values='data:labels' var='label'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='
12'><data:label.name/></a>
</b:loop>
&lt;/tags&gt;" /&gt;
&lt;p&gt;Blogumulus by &lt;a href='http://www.roytanck.com/'&gt;Roy Tanck&lt;/a&gt; and &lt;a href='http://www.bloggerbuster.com'&gt;Amanda Fazani&lt;/a&gt;&lt;/p&gt;
&lt;/object&gt;

</div>


<b:include name='quickedit'/>
</b:includable>
</b:widget>


6. Save your template and if every thing goes well you will see the Blogumus in your blog.


Customization

250 : To change the width of the Blogumus

200 : To change the height of the Blogumus

000000 : To change the color of text

ffffff : To change the background color of Blogumus

12 : To alter the size of labels
Continue Reading
Reactions: 

Blog Dictionary

Are you puzzled by strange blogging terms and unusual blog abbreviations and blogging acronyms? Then this post will get the Blargon Demystified. This article attempts to simplify some common blogging terms organized into a simple blogging glossary. Only common and popular blog tools and services have been included.

Note : The language used here is mostly non technical to make the newbie blogger understand the blogging basics. These have not been created by me, but collected over time. This is NOT a substitute for dictionary meaning or a strict definition of these terms, but a simple layman approach to understanding what they mean. Please feel free to propose a better meaning in the comments.

BLOGGING

* Weblog- An online dated diary listing your periodic thoughts on a specific topic, often in reverse chronological order.

* Blog - short form for weblog

* Blogging - the act of posting on blogs

* Blogger - a person who blogs

* Blogosphere - The internet blogging community


BLOGGING FORMS

* Photoblogging - a blog predominantly using and focusing on photographs and images. Photoblogs are created by photobloggers

* Podcasting - a method of distributing multimedia files (audio / videos) online using feeds for playback on mobile devices and personal computers. Podcasts are created by podcasters.

* Autocasting - is an automated form of podcasting

* Blogcasting - the blog and the podcast merged into a single website.

* Vlogging - Also called video blogging. Shortened to vlog. Posted by vlogger. A variant on the blogging using video instead of text.

* Audioblogging - Also called audioblog, MP3 blog or musicblogs. a variant on the blogging using audio instead of text. Created by audioblogger.

* Moblogging - Also called moblogs. A blog posted and maintained via mobile phone. Moblogs are created by mobloggers.


BLOG COMPONENTS AND FUNCTIONS

* Index page - the front page fo the blog

* Header - the topmost part of the blog usually listing the blog title.

* Footer - the most bottom part of the blog usually listing navigation and copyright statements

* Sidebar - One or more columns along one or both sides of most blogs main page

* Categories - A collection of topic specific posts

* Post, Entry- individual articles that make up a blog

* Comments - enabling readers to leave their remarks

* Captcha - short for Completely Automated Public Turing test to tell Computers and Humans Apart. Those word and letter verification images you need to type in to show you are human and not a bot. Helpful to block automated spam comments.

* Ping - Short for Packet Internet Grouper. Blog and ping helps to notify other blog tracking tools for updates, changes and trackbacks.

* Trackback - A system by which a ping is sent to another blog to notify that their article has been mentioned by you

* Pingback - See trackback.

* Permalink - A link to a specific article

* Tags - labeling / attaching keywords to collect similar posts

* Tag cloud - Displaying tags lists or keywords in a blog.

* Blogroll - list of links to other blogs in your sidebar. Also see blogrolling.com

* Sideblog - A smaller blog usually placed in the sidebar of a blog.

* Template - the blog presentation design

* BlogThis - a function allows a blogger to blog the entry they a reading

* Plugins - Small files that add improved functionality and new features. Wordpress plugins can greatly improve your blog usage and interactivity

* Dashboard - When you login to your blogging account, it is the first screen with all controls, tools and functions.

* Archives - a collection of all your posts on one page. Can be categorized by month etc.

* Expandable post summaries - show a small teaser part of the post on the index page that link to the full post.

* Jump - the continuation of a story on another page to preserve space on index page.

* FTP - short for file transfer protocol. Transferring file to and fro from your web host using FTP tools like Filezilla


WEB FEEDS

* Web Feed - allows online users to subscribe to websites that change or add content regularly.

* RSS - a family of web feed formats used for Web syndication. Short form for Really Simple Syndication (RSS 2.0), Rich Site Summary (RSS 0.91, RSS 1.0), RDF Site Summary (RSS 0.9 and 1.0). Wordpress generates RSS 2.0

* XML - short for eXtensible Markup Language. a general-purpose markup language for syndication formats used on blogs.

* RDF - short for Resource Description Framework. A web content syndication format.

* Atom - another specific web feed format. Blogger feeds are usually of this type.

* OPML - short for Outline Processor Markup Language. It is an XML format for outlines. Easily import and export multiple blog subscriptions between different rss aggregators.

* Photofeed- a web feed with image enclosures.


BLOGGING SOFTWARE / CLIENTS

* Blogger - a free blogging platform by Google.

* Blogspot - free Blogger hosting blog at name.blogspot.com

* LiveJournal - free blogging tool by SixApart

* Movable Type - paid blogging tool by SixApart

* Typepad - paid blogging tool by SixApart

* Wordpress.org- Free. Easy to Upload, customize and upgrade.

* Wordpress.com - A Wordpress blog hosted free for you.

* Radio Userland - another blog publishing software package


TYPES OF BLOGS

* Group blog- with multiple contributing bloggers.

* Event blog - focussed on an event

* Kittyblogger - writing about cats.

* Celeblog - focused on a celebrity.

* Celebriblog - maintained by a celebrity.

* Clog Blog - written in Dutch and/or in Holland.

* CEOBlog - run by a chief executive officer.

* Plog - a project blog. Also for Amazon.com personalized weblogs

* Movlogs - mobile video blogs.

* Splog- a spam blog

* Tech blog - focused on a technical subject.

* Anonoblog - by an anonymous blogger

* Linguablog - about linguistics, translation etc.

* Metablog - a blog about blogging.

* Milblog - a military blog.

* Blawg - blogged by lawyer / related to legal stuff

* Edu-blog - education oriented blog.

* Progblog - A progressive blog.

* Shocklog - provokes discussion by posting shocking content

* Klog - used by company knowledge workers. by Kloggers

* Blogsite - A web site that combines blog feeds from a number of different sources

* Dark Blog- A non-public blog

* Photocast- a photoblog that automatically updates when new photos are added.


BLOGGING HABITS

* Metablogging - writing articles about blogging

* Blogstipation - writers block for bloggers. Cant think of what to blog about?

* Blogathy - I do not want to post today and I do not care about it

* Blogopotamus - A long long blog post

* Blogorrhea - unusually high output of articles

* Bleg - To use ones blog to beg for assistance etc.

* Hitnosis - Refreshing your browser repeatedly to see if your hit counter or comments have increased

* GAD - Google Adsense Disorder. Repeatedly checking your adsense earnings.

* Blego - Blog+Ego. Measuring blogger worth

* Blog hopping - jumping from one blog to another

* Blogroach - A commenter who rudely disagrees with posted content

* Blogoholic - addicted to blogging

* Blogorific = blogtastic - something which a blogger says is terrific

* Blogsit - maintaining a blog while the primary blogger is on leave

* Blogvertising - Also called blogvert. Advertising on a blog.

* Blurker - a blog reader not posting comments, just lurking around quietly.

* Blogathon - update your website every 30 minutes for 24 hours straight. Maybe collect sponsorships.

* Blogiversary - your blog birthday

* Blog Carnival - Links to other articles covering a specific topic.

* Multiblog - running multiple blogs

* Blog Tipping - Compliment 3 blogs on day 1 of every month.

* Blogger bash - a blogger party

* Commenter - someone who leaves remarks / comments

* Reciprocal Links - called link love. You link to my blog, I link to yours. To improve search engine rankings.

* Linkbaiting - a habit of writing good content with the sole purpose of getting it linked from multiple sites.

* Blogstorm - a large amount of blogosphere activity due to particular controversy. Also called Blog Swarm.

* Blogsnob - refusing to respond to blog comments from not-friends.

* Doppelblogger - plagiarize the content of another blogger. To Doppelblog.

* Blogophobia - Fear of blogs and blogging.

* Bloggerel - the same opinion posted repeatedly on a blog


BLOGGER TYPES

* Problogger - professional blogger

* Blognoscenti - especially knowledgable bloggers

* Blogebrity - a famous blogger.

* Blogerati - the blogosphere intelligentsia.

* Commentariat - The community of those leaving comments.

* Dooced - lost a job because of blog entries. To Dooce.

* Blogther - a fellow blogger.

* A-List- the top bloggers who influence the blogosphere.

* Blogstar- blogger running a popular blog


OTHER BLOGGING TERMS

* Bloggies- Annual blogging awards.
* MSM - Mainstream Media, or old media like newspapers etc.

* BSM - Blogstream media. from most heavily trafficked blogs.

* Blog Day - 31 August. Find 5 new Blogs that you find interesting and tell them.

* Blaudience - your blog audience.

* Blargon - Also called Blogssary. Blogging slang and glossary. What I am telling you now.

* Blogiversary - your blog birthday

* Blogiverse - see blogosphere

* XFN - short for XHTML Friends Network. Is a simple way to represent human relationships using hyperlinks.

* Blogonomics - blogging conference on a Blog Cruise in 2006.

* EFF - short for Electronic Frontier Foundation. A nonprofit group working to protect blogger rights.

* Blog of Note - a recommended blog.

* Navbar - a navigation bar usually seen on top of Blogger blogspot hosted blogs.

* Blook - a book created from a blog.

* Hat Tip- acknowledgement of the source that tipped you the news.

* Spomments- Spam comments

* Blammer- Blog spammer

* SOB- acronym for Successful and Outstanding Blogger. From successful-blog.com

* Blogiday- you get fed up and take a holiday from blogging


BLOGGING TOOLS & SERVICES

* Bloglines, Rojo, Newsgator, Kinja, - are News Aggregators that display content from syndicated Web content from web feed. Can be configured online or downloaded on your desktop. Like . Also called RSS readers, feed readers, feed aggregators or news readers

* Pageflakes, Newsvine - Track multiple feeds on a single page by modules.

* Odeo, Podnova - are Podcatchers, a form of aggregator used to automatically download podcasts and can sometimes transfer a portable media player. Like

* Feedburner - a professional feed management system

* Pingomatic, Pingoat - ping multiple blog tracking services.

* Feedblitz, Zokooda - Email subscriptions and newletter tools.

* Technorati - a real-time search engine that keeps track of what is going on in the blogosphere

* b5media, 9rules - examples of popular blogging networks. Collection of blogs and bloggers providing great content, with revenue sharing sometimes.
* K2, Blix - names of some popular wordpress themes.

* Blogexplosion, Blogclicker- popular blog traffic generation / exchange services.

* Adsense, Adbrite, CJ, Chitka, Blogads - popular affiliate programs to generate money from your blogs.

* Sphere, Icerocket - blog search engines

* Live Bookmarks - a firefox web browser feature. Update themselves automatically with the latest content from the Web.

* Creative Commons - licenses provide a flexible range of protections and freedoms for authors to offer a voluntary some rights reserved approach.
* CoComment - Tracks your comments across different platforms and follow conversations

* WBloggar, Ecto, Qumanna - desktop blog publishing tools

* Mint, Mybloglog, Measuremap, Analytics - site traffic tracking tools.

* Haloscan- free trackback service

* YouTube, Rapidshare- puts video on your blog

* Flickr, Imageshack - photo sharing service. Host images on your blog

* Del.icio.us, furl, spurl - share social bookmarks.

* Blogburst - Syndicating your feed to top publishers.

* Bloggeropoly - professional blogger recruiting agency.

* Blogger code - a way to describe different types of bloggers.

* Bloggoggle - Directory of Blogging Professionals

* BlogHer - where the women bloggers are. At Blogher.org


BLOG TRAFFIC SURGES

* Digged - link posted on digg.com driving huge traffic to your blog

* Slashdotted - link posted on slashdot.org driving huge traffic to your blog.

* Instalanche - link posted on instapundit.com driving huge traffic to your blog

* Farked - link posted on fark.com driving huge traffic to your blog
* Boing Boinged - link posted on boingboing.net driving huge traffic to your blog


MISCELLANEOUS BLOGGING TERMS

* Ajax - acronym for Asynchronous JavaScript and XML. creates interactive web applications.

* Greasemonkey - a firefox web browser extension that can alter the functionality of any website using specific scripts.

* Wiki - a collaborative on-line software that allows readers to add and edit content.

* SEO - search engine optimization. To improve your search engine rankings.

* Page Rank - Google measures of importance of a page which reflects in its rankings.

* CMS - short for Content management system. software used to publish and manage websites.
Continue Reading
Reactions: 

Recent Posts with Thumbnails Widget for Blogger

recent posts widget for bloggerThis post explains how to add Recent Posts widget in Blogger with image thumbnails:


Features:
Thumbnails to Recent Posts
Comment Count


How to install this cool widget in your blog..


1. Sign into Blogger dashboard
2. Go to Layout » Add a gadget » html/javascript
3. Just copy and paste this code..


<script language="JavaScript">

imgr = new Array();


imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;

boxwidth = 298;

cellspacing = 8;

borderColor = "#ffffff";

bgTD = "#000000";

thumbwidth = 40;

thumbheight = 40;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 5;

home_page = "http://smartbloggertemplate.blogspot.com/";

</script>

<script src="http://shibin.110mb.com/recent_posts_thumbnail.js" type="text/javascript"></script>

Explanation:


(Edit the values to fit your blog)

boxwidth - Width of the widget
cellspacing - Space between cells (default one is good)
borderColor - Border color (add the background color of your template to perfectly blend it in the template)
thumbwidth & thumbheight - Width and Height of the thumbnail (default are good)
fntsize - Font size of the title
acolor - Color of the title
aBold - you want bold titles? (true or false)
numposts - How many posts you want to show?
home_page : http://smartbloggertemplate.blogspot.com/ (change this to your blog url)

This script is currently hosted in my server ( http://shibin.110mb.com/recent_posts_thumbnail.js ).
But, it is STRONGLY Recommended to download the script and upload to your own hosting (google for free javascripts hosts) and replace that url with yours.

4. Last but not the least.. Save the Changes.

That's it guys!

Note : Make sure you selected YES in Settings » Site Feed » Full » Allow Blog Feeds
Continue Reading
Reactions: