Tutorials For New Blogger

Add Metacafe Videos On Blogger

Metacafe is a media and video sharingcommunity on the internet. Metacafe users upload and share thousands of new videos every day. Metacafe offers a desktop application, mainly targeted at users who are "video addicts" and download many of the videos every week. The desktop application is capable of downloading high-quality media to the local computer while the computer is idle.

Metacafe features user generated videos, humor videos, Internet videos (memes) and viral ads as well as sports and news-related media. Some of the other features on the site include flash games and sound clips.

Items on Metacafe have an ‘Embeddable Player’, allowing you to play the item directly from your blog/website. This feature works with various forums (MySpace, Blogger, Xanga, Friendster) and any other site which allows posting embedded tags (HTML code).

The five most recently viewed blogs/websites will be displayed underneath the item.

To embed an item in your blog/website, go to the item you wish to embed and go to the “Blog/Embed Player” tab:

The tab will expand:

Either click the “Your Blog Here” link, or check the “Feature my blog/website here.” checkbox:

Fill in your blog’s name and the URL of your personal blog (e.g. http://tarantula-videos.blogspot.com/). Now, copy the content of the “Embeddable code” textbox (click on the textbox -> right-click -> copy) and edit your blog/website. Blogger.com interface is displayed in the example below:

Make sure that you are in HTML entry mode, paste the text and save it.

By clicking the “Show advanced options >>” link, more options will appear:

Note that if you wish to change the advanced options, you must do so before pasting the embeddable code.

If you do not want a link to your blog to be displayed, you can simply copy the embeddable code from the “Embeddable Player” textbox underneath the item:

Examples of Blog That i put Metacafe videos..it is about tarantula videos :

http://tarantula-videos.blogspot.com/

1 comments  

Categories Blog Posts, Blogger Guide, Blogger Hacks, Blogger Help, Blogger Instructions, Blogger Tips, Blogger Tricks, Change Template, Code, Coding, Customize, Metacafe, Video, Videos

Add Favicon To Blogger

A favicon (short for 'favorites icon'), also known as a website icon, a page icon or an urlicon, is an icon associated with a particular website or webpage. A web designer can create such an icon, and many recent web browsers can then make use of them. Browsers that support favicons may display them in the browser's URL bar, next to the site's name in lists of bookmarks, and next to the page's title in a tabbed document interface.

The original means of defining a favicon was by placing a file called favicon.ico in the root directory of a webserver. This would then automatically be used in Internet Explorer's favorites (bookmarks) display. Later, however, a more flexible system was created, using (X)HTML to indicate the location of an icon for any given page. This is achieved by adding two link elements in the section of the document as detailed below. In this way, any appropriately sized (16×16 pixels or larger) image can be used, and although many still use the ICO format, other browsers now also support the animated GIF and PNG image formats.

Most modern browsers implement both methods. Because of this, web servers receive many requests for the file "favicon.ico" even if it doesn't exist. This may annoy web server administrators by creating many server log entries, and unnecessarily loading the disk, CPU, and network. Another common problem is that the favicons may disappear if the browser's cache is emptied.

Originally, Internet Explorer only used favicons for bookmarks, which created a minor privacy concern in that a site owner could tell how many people had bookmarked their site by checking the access logs to see how many people downloaded the favicon.ico file. However, since newer versions of Internet Explorer and most other browsers also display the favicon in the address bar on every visit, that concern may no longer be relevant.

First you need to create a neat favicon from this site : http://tools.dynamicdrive.com/favicon/

After you've created a neat favicon, it's time to add it to your site. To do so, follow the below simple procedure:

Upload the generated file ("favicon.ico") to your site. Verify it's there by typing http://mysite.com/favicon.ico in the browser's location, where "mysite.com" is your site's address.

Next, insert the below code in the HEAD section of your pages, at the very least, your site's main index page:

8 comments  

Categories Blog Posts, Blogger Dummies, Blogger Guide, Blogger Hacks, Blogger Help, Blogger Instructions, Blogger Tips, Blogger Tricks, Change Template, Code, Coding, Customize, Favicon

Make Scroll Box On Blogger

Scrollable content areas are probably the best invention since the light bulb. They allow you to specify an area that can be filled with any type of content, and then scrolled through. By using scroll content areas you have the ability to organization anything, with ease. Check out the examples below to see what all the fuss is about.

Example of Scroll Box:

15 comments  

Categories Blog Posts, Blogger Dummies, Blogger Guide, Blogger Hacks, Blogger Help, Blogger Tips, Blogger Tricks, Box, Change Template, Code, Coding, Customize, Edit, HTML, Scroll

Show HTML Source-Code In Blogger

HTML has special handling for characters like <> symbols, so it doesn't work well with those characters where they shouldn't be.

Having spurious characters like those symbols in your text can have some weird effects - blocks of text not appearing, broken formatting, and generally just not seeing what you expect to see.

This can all be fixed by 'escaping' those characters. This process involves scanning the text for those characters, and replacing them with a special character-code that browsers can interpret as the correct symbol, without actually embedding that symbol in your text.

For example, the escaped character code for > is >.

Most web platforms have some way of manually encoding and decoding this escaped format.

First you need to HTML encode your source-code, we want to be able to display the HTML source so we need to encode all the HTML characters so they don't render as real HTML in the browser. For example <div> needs to be converted to <div>, otherwise it would create a div.
You could do this manually, but it takes a while so checkout this tool which does it automatically.

Example of source-code after i use that tool :

2 comments  

Categories Blog Posts, Blogger Dummies, Blogger Guide, Blogger Hacks, Blogger Help, Blogger Instructions, Blogger Tips, Blogger Tricks, Change Template, Code, Coding, Customize, Edit, HTML, Wrap