Wednesday, January 13, 2010

Blogger Help - Animated Flash Tag Cloud For Blogger

How to install Blogumus in your Blogger layout
You can now easily display the tags of your blog in a more attractive way, by showing all the tags/labels in a flash box which will start revolving as soon as mouse cursor is placed on the widget. You can see the example of this widget in this blog itself.

"Blogumus" is an Flash based tag cloud widget which uses scripts converted from Roy Tanck's WP Cumulus plugin for Wordpress.

Initially I thought that as now these labels are being shown in flash widget so it may not be search engine friendly, but after looking at the source code, I came to know that it will not make these labels inaccessible to any search engine.

If your visitors do not have java script/flash enabled in their browsers, then it does degrade relatively gracefully, but label links will still be click able (though not animated) for those who do not use JavaScript of Flash (including search engine spiders).

Although there are some difficult methods available on Internet, but by following this method the task becomes surprisingly simpler !
You can copy paste the code as it is, or change the code before pasting into your blog HTML as per your requirements.
By default the flash widget will be in white background, with gray labels/text, and of dimensions 240x300. And all these can be changed so as to suit your blog's layout and colors.

To start with:
Go to the LAYOUT section, and click on EDIT HTML.
Now find this line/code:


And immediately after this code line, paste these code lines(in new line):
















Then preview your template. If installed correctly, you should see the tag cloud appear in your sidebar. Then you are free to save your template, edit the colors and dimensions as required, or move it to a different location. That's all!

NOTE: You must have already added labels to at least some of your posts, to see the widget in action.

Customizing Blogumus

By default, Blogumus includes the following preset variables:
  • Width is set to 240px
  • Height is set to 300px;
  • Background color is white
  • Test color is Grey
  • Font size is "12"
If you would prefer to make your widget wider, shorter, change the color scheme, etc, you will need to do this by editing various parts of the code. I'll go through these options in the order they appear in thewidget code.


1. Editing width and height The variables for width and height are found in this line of the script:

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

The width (currently 240) is highlighted in red, while the height (300px default) is highlighted in blue. These numerical values specify the width and height in pixels, so you can alter these of you prefer.


2. Editing background color You can change the background color from white to any other color by altering the hex value in the same line:

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");


For example, if you prefer a bright red background, you may replace #ffffff with #ff0000. Take a look at this page for a list of commonly used hex color codes.

NOTE: To get HTML color codes, you can see in these websites:
1. Uci.edu
2. Computerhope.com



3. Alter the color of text By default, the text is set to display as dark grey ( hex value #333333). You can alter this variable in the following line:

so.addVariable("tcolor", "0x333333");

Be aware that "tcolor" is a Flash variable and doesn't include the usual hash symbol of hex color codes. Be sure to only replace the numbers!


4. Adjust the font size The maximum font size of tags is specified in this line:

so.addVariable("tagcloud", "");

You can alter this to ensure tags are displayed in a bigger or smaller font if you prefer by changing "12" to a larger or smaller number.
While making any of these changes, you should be able to preview your widget and be certain that your new choice of color, dimensions and background are suitable for your needs. 

Credits: Blogumus is based on the original WP Cumulus plugin by Roy Tanck, and was converted for use with Blogger layouts by Blogger Buster .

You can read more blogger tricks and tips HERE
 

How to install Twitter Widget in Blogger

twitter Displaying the messages through twitter is essentially on page apart like Kang Rohman’s, which addressed at http://twitter.com/rohman24. Nevertheless, besides on its original page, the messages can be displayed on your blog.
There are two options to place the twitter widget in to blogger, that is automatically (special for those who use new blogger layout) and manually (for new blogger layout and classic blogger layout). Here are the steps:


Automatically (special for new blogger layout):
  1. Please sign in to twitter.com with your ID
  2. Click Setting menu which is on the top-right of monitor screen
    setting
  3. Click “You can also add Twitter to your site” link
    addblogpng
  4. Click Blogger logo, then click Continue button  which is on bottom-right
    continue
  5. Click “Add to blogger” banner, and automatically it brings you to blogger log in page
    addtoblog
  6. Log in to blogger with your ID
  7. Choose the blog that you want to add the twitter widget
  8. Click Add Widget button
    chooseblog
  9. The Widget will be added automatically to your blog
  10. Done

Manually (special for new blogger layout)
Step #1
  1. Please sign in to twitter.com with your ID
  2. Click Setting menu which is on the top-right of monitor screen
  3. Click “You can also add Twitter to your site here” link
  4. Click blogger logo, then click Continue button which is on bottom-right copycode
  5. Copy the code given, paste it on notepad to make it easier
  6. Step #1 Done
Step #2
  1. Please log in to blogger with your ID
  2. Click Layout
  3. Click Page Element tab
  4. Click Add a gadget
    addgadget
  5. Click the sign (+) for HTML/JavaScript
    html
  6. Copy the code that you get from twitter before, paste into the available column
  7. Click Save button
  8. Done
Now your messages from twitter will be displayed on your own blog.
Good luck and don’t forget follow me on twitter

PDF ফাইল পড়া এবং এর থেকে ইমেজ Extract এবং Covert করুন PDF Files To Word, HTML And Text Formats এ !!

PDFফাইল হচ্চে একটি ফাইল ফরমেট.PDFফাইলএর অর্থ হচ্চে Portable Document Format. ডকোমেন্ট ফাইল আদান প্রদান জন্য ১৯৯৩ সালে Adobe Systems এই PDF ফাইলটি তৈরি করে.PDF ফাইলএ Text,Fonts,Images ও অন্যন ফাইল অন্তর্গত করে তৈরি করা যায়.বর্তমানে PDF ফাইল ফরম্যট একটি জন প্রিয় ফাইল ফরমেট.তথ্য আর্কাইভ করা রাখার জন্য পিডিএফ ফাইল ফরম্যট খুবই উপকারী.
pdf mail 01
ইন্টারনেটের জগতে ই-বুক(E-BOOK).বই প্রিয় মানুষের প্রধান আকর্ষন হয়ে ওটেছে.ইন্টারনেটে ই-বুক এর বিশাল সংগ্রহশালায় জ্ঞান-বিজ্ঞান এর সকল শাখার বই পাওয়া যায়.ই-বুক কালেকশনে বিলোপ্ত প্রায় সকল বই বিনামূল্যে পাবেন এসবই pdf ফরম্যাটএ.আপনার প্রিয় বই টি কম্পিউটারে সংরক্ষন রাখুন ই-বুক আকারে.ই-বুক এর জন্য সবচেয়ে ভাল সংরক্ষন হচ্চে পিডিএফ ফরম্যাট ।
PDF ফাইল আমরা অনেকে অনেকে কাজে ব্যবহার করে থাকি আর PDF কে মাইক্রসফট ওয়ার্ড ফাইল এর মত সহজে এডিট করা যায় না এবং এই ফাইলকে অন্য ফারম্যাট সহজে র্ট্রাসপার করা যায় না.আমি এখানে কয়েকটি সফটওয়ার লিংক দিলাম এই সফটওয়ার দিয়ে আপনি খুব সহজে pdf ফাইলকে এডিট করতে পারেন এবং pdf থেকে image,word,html,text এ রুপান্তরিত করতে পারবেন
PDF ফাইল পড়ার সফটওয়ারটি ডাউনলোড করুন এখানে
PDF ফাইল থেকে image,word,html,text convert এ সফটওয়ার এখানে
PDF ফাইল Edit করার সফটওয়ারটি ডাউনলোড করুন এখানে,লিংক ০১,লিংক ০২,লিংক ০৩,লিংক ০৪,লিংক ০৫.

Monday, January 4, 2010

Adding categories to blogspot (blogger)

If you want to add categories to the blogger as in the picture, read the instructions in this post.
For example if you click on "Useful website" you will get a list of all the posts that are in category Useful website and if you click on the blog tutorial you will get all posts related to the blog tutorial.







The purpose of adding a category is sort of articles by category. Adding a category of your blog becomes easier to browse.

The process of adding categories

1. Creating a label for posts

First, you need to add a label posts. Label is added by entering text in the textbox which is located at the bottom of the screen for writing or editing posts (Potsting-->Create or Posting-->EditPosts, see picture).












For example, I entered the label "blog-tutorial" for my post.

2. Creating a Page element category

Next step is creating HTML with category list. HTML with category list should look like this:




You should replace [LABEL] and [TEXT] elements.

[LABEL] is label you have entered for the post. For example blog-tutorial.

[TEXT] is text you want to be showed in the categories. For example blog tutorial.

Here is example of my HTML category list code when I replaced [TEXT] and [HTML] elements.




I have posts with label "webs" and with label "blog-tutorial". When somebody click on Useful webs link then will be shown all posts that have "webs" label.

You should put your own labels. For more categories you should add new




  • [TEXT]







  • element.

    Adding HTML or JavaScript to blog

    Now we have to add this HTML code to blog.

    1. Go to Layout.

    2. Click on Add Gadget.











    3. Select HTML/JavaScript.














    4. Enter a title "Categories" and copy and paste HTML category list code in content box with replaced [LABEL] and [TEXT] elements. Save this and now you have categories.

     refer link click here