Blogger Hacks

From 3-4 days many people are asking that they have a domain from name.com but they are having trouble setting it up for their blogger custom domain.

Here are few e-mails from the people:

Sent to Link Number: 2b04c
Sender Name: rky
Sender Email Address: XYZ@gmail.com

hi i buy doamin name via name.com
how i setup that domain name for my blogger blog please give me step by step solution for that problem …

Sent to Link Number: 2b04c
Sender Name: abhijote
Sender Email Address: XYZ@gmail.com

i have buy a new domain through name.com please give me a detail procedure to set up it on blogger account..
i really need your help

As I told that I bought this domain from name.com just for $6 with many features.I also got many problems setting that domain and some people might have seen strange things happening at that time but no worries now it’s all perfect.

Click to continue reading…


Top 10 Search Terms:

• name com blogger • blogger name com

With this guide, you would be able to add a background image or picture to your Blog, customize the position of your image, and have a static background image that stays in place when you scroll through the contents of your blog.

You will need to create an image. Find a picture you like. If you need a free photo editing tool, you can either search the net for one or use Google’s Photo Editing Software Picasa. You can also use a small tile-size image which can be repeated so as to cover the entire page. Try not to have an image file that is too large as your page may take a little longer to load.


After creating a picture, you will need to upload it onto a free picture host. You can read about using free hosts like Google Page Creator and Google Groups. We have also a rather comprehensive list of free Image Hosts and File Hosting Services in our article on Manage Blogger Image Storage Space. Check out those sites and choose one that is fast, reliable and enables hotlinking to the uploaded files. Take note of the picture URL.

Next, log in to your dashboard layout; under Template -> Edit HTML, scroll to where you see this:-

body {
background:$bgcolor;

Change background color

If you would like to change the background color of your blog to a very unique color, you can manually specify the color value. Search online for color codes, or take a look at the HTML Color Chart to see if you can find your desired color. For example, if you have chosen a color code #B38481, change the above code to this:-

body {
background-color:#B38481;

If you are changing the background color of your sidebar only, add the color code under the relevant sidebar heading.

#sidebar-wrapper {
background-color:#B38481;

Similarly, if you want a different color for your main post column, add the color code as follows:-

#main-wrapper {
background-color:#B38481;

Note that different templates may label their stylesheets differently. The #sidebar-wrapper may be called #side-wrap or something to that effect.

Add a background image

The code to insert is this:-

body {
background-image: url(URL address of your image);

Remember to insert the URL address of your image in the brackets. If you would like to have a feel of how a background picture will look like, I have uploaded a test image at this address – http://i154.photobucket.com/albums/s255/ownlblog/narutosasuke1024x768.jpg

Insert the URL of this test image into the above brackets and Preview your blog.

You can also have a background image just for your sidebar. Locate the style and add the background image code accordingly.

#sidebar-wrapper {
background-image: url(URL address of your image);

For a background image to your main post body only, add the code here:-

#main-wrapper {
background-image: url(URL address of your image);

Repeat background image

By default, the image is repeated to fill up the entire background of the page. If you have a small or tile-sized image, it will appear like a print pattern in the background. Sometimes, you may choose not to have the image repeated. If that is the case, you can insert this code:-

background-repeat: no-repeat;

Alternatively, you may only want the image to be repeated horizontally. The code is this:-

background-repeat: repeat-x;

To have the image repeated vertically, the code is this:-

background-repeat: repeat-y;

Position background image

If you have an image that is not repeated, you may like to specify the exact position of this image on your page. The HTML code to be inserted is this:-

background-position: top left;

Your image will appear at the top left corner of your page. The other possible values that you can use to replace “top left” are:-

top center;
top right;
center left;
center center;
center right;
bottom left;
bottom center;
bottom right;

If you do not want it entirely left, right or center, you can also define the horizontal and vertical alignments either in percentage or in pixels. Use either of these values instead, with x being the horizontal value and y being the vertical value.

Static background image

After that, you may specify whether you want your background image to remain in a fixed position when the contents of your blog are scrolled. By default, the picture scrolls with your content. To have it stay put, the code to insert is this:-

background-attachment: fixed;

Putting it all together

The eventual CSS code that you will have for your customized template may look like this:-

body {
background-color:#B38481;
background-image: url(http://i154.photobucket.com/albums/s255/ownlblog/narutosasuke1024x768.jpg);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;

You can also combine the attributes into one line and the shorthand code will look like this:-

body {
background:#B38481 url(http://i154.photobucket.com/albums/s255/ownlblog/narutosasuke1024x768.jpg) no-repeat center center fixed;

Putting the above code into my blog, this is what you would see.

Background Image for Blogger Template

Of course, after having added the background image, you will need to adjust the colors of your text so that they stand out against the backdrop. Go to Template -> Fonts and Colors to do that.

Add Music to Blogspot blog

“Music, the greatest good that mortals know,
And all of heaven we have below.” … Joseph Addison

Depending on the subject matter of your blog, having music played in the background may either enhance the pleasure of reading or annoy your visitor. Imagine the agony of surfing the web in discreet, only to catch the attention of your office colleagues or parents when the music automatically blasts off in the background. Not to mention, a big music file may cause a slower page download. Nevertheless, the solution, as shall be explained later, is simple – have an option for the reader to play or stop the music.


To begin, you will need to have a music file uploaded onto a server. You can read about using free hosts like Google Page Creator and Google Groups. We have also a rather comprehensive list of free Image Hosts and File Hosting Services in our article on Manage Blogger Image Storage Space. Check out those sites and choose one that is fast, reliable and enables hotlinking to the uploaded files. Upon uploading, note down the URL of the file.

Alternatively, there are several sites that offer free download of their music files. You can enter search words like “free music download” or search for a popular artist name in the Google search box. Most of the sites that offer free download will lead you to the file location stored in their servers. Copy the URL of the music file that you have chosen.

If you would like to hear how the music works on your Blog, you can also use this music file which we have uploaded onto Google Pages – http://ownlblog.googlepages.com/BalladePourAdeline.mid – whenever you are prompted to enter the “URL of music file”. This file is for testing purposes only. Please do not link permanently to this file as it may be changed or deleted in due course.

Next, you would have to decide how you want the music to be played.

Link for reader to click

This is a text link. Your visitor can click the link if he wants to hear the music.

Remember to enter the URL of music file into the above code. This code can be inserted into your Blog post. If you want to put it in your sidebar, you can go to Template -> Page Elements -> Add a Page Element, select HTML/JavaScript and insert the code. Whatever words you type into the “Click to hear music file” will appear as the text link.

Music with a console

A music player console with controls of the volume, on and off buttons, would give your visitors a choice on how he wants the music played. With the code stated below, the music will not play unless the visitor clicks the play button.

You can either insert the music console into your Blog post or your sidebar. If you want it in the sidebar, go to Template -> Page Elements -> Add a Page Element, select HTML/JavaScript.

The code to insert is this:-

autostart=”false” height=”40″ loop=”true” playcount=”2″ src=”URL of music filewidth=”300″/>

For instance, using the following code:-

this is what you see:-

It will look different in IE and Firefox, depending on the installed plugins.

Note the following attributes and how they work on different browsers:-

1. Insert your URL of music file into the code.

2. The width of the example you see above is “300”. If you want it to be embedded neatly into your sidebar, the width should not be greater than the sidebar width. For example, if your sidebar width is 150px, the width of your console should be about 140px.

3. The height would depend on your preference and space constraints.

4. The autostart attribute has two options. If you choose “true”, the music will automatically play when your page is loaded. As I have mentioned earlier, this is not a good option unless you are absolutely sure all your visitors would not mind the music. The better option is to state it as “false”. If the visitor wishes to hear the music, he can click the play button to start the music.

Note, however, that while it works fine in Internet Explorer, it may not be so in Mozilla Firefox. The default setting for IE is “false” which means the music will not play automatically. The default setting for Firefox is “true”, and when we experimented with .wma and .wav files, they automatically played even when we set the autostart to “false”. If you are working on the Mac, the default setting for both browsers is “false”.

5. The loop attribute indicates whether the music should stop once that particular tune ends. The common attributes are “false” or “true”. If the attribute is “false”, the music ends after it is played once. If it is “true”, the music will automatically loop and continue playing until the visitor clicks the stop button or leaves your site. For short music pieces, you may want it to repeat and choose “true”.

For certain versions of Netscape browsers, another attribute that might work is loop=”n” where n is a number. If n is 2 for example, the music will play twice and stop. The similar attribute in Internet Explorer is playcount.

6. You can specify the number of times the music is to be played. In the above example, where playcount=”2″, the same piece of music is played twice before it stops. If you want the music to be played once, you can delete playcount altogether. Note that this only works in Internet Explorer.

Background music to play automatically

For the music to play the moment your page is loaded, the code will have to appear in the HTML document of your site. Note that in so doing, there are no controls for the visitor to choose whether or not to listen to the music, nor options to turn it off. Login to your Dashboard and under “Template”, click “Edit HTML”. Somewhere near the top, after the word , insert this code:-

URL of music file” width=”0″/>

Remember to insert the URL of music file into the code. There is no image of a console and readers cannot choose to turn off the music. Use this option with discretion.

Troubleshooting

The sound files can be in any format provided that your browser has the necessary plugin to play that file. Many people have problems playing MP3 files because their Firefox browsers do not have the necessary plugins. To check what your Firefox browser can support, enter this command into your browser:-

about:plugins

It will list all the installed plugins and the media files that can be played. If you need additional Mozilla Firefox add-ons, you can visit their Add-ons Page.


Top 10 Search Terms:

• music code for blog • music code for blogger • music for blogspot • free music code for blog • code music for blog • music code for blogspot • blogger music code • music blogspot • music for blogger code • free music code for blogspot

You can easily add recent Post Widget into yours blog with One Click and some little Edit in it ,The most important advantage of this recent post widget is that you can show from 10 to 100 recent post in to yours Blogger webpage or any other web page whether it is wordpress or it is Blogger .If you are blogspot User then Just click below Buttom to add Recent Post Widget into yours Blog . Remember you have to do a Little Edit in recent Widget code.




After adding recent widget in yours blogs Go to Dashbord >>>Layout >>> Edit Recent widget Html and put yours blogspot webpage name there or yours website name there as seen in image below.


————————

Just like the above one you can also add recent comment widget directly into yours blogger webpage ,this is a customize blogger widget and you can edit this directly from yours blogger account after adding this widget .
The most important features of this widget is that it provides you the option to display from one to more then hundred comments ,and controls number of characters to display in comments ,At present this widget is displaying 100 words, if you want to edit this you can do this from Html code after adding this widget into yours blog,

A favicon, also known as shortcut icon, website icon, page icon or urlicon is a small, square icon, usually 16×16px in size, that is displayed alongside the URL in the web address bar of a web browser.

The reason for using a favicon is branding. Most modern web browsers allow tabbed browsing. This means that a user can open several websites in the same browser window. A nice favicon design will distinguish your blog / website from the other websites.

Some modern browsers also allow favicons to be displayed in the Bookmarks section. Again, this will ensure your website will be distinguished from the others.

Favicon formats

The most widely used favicon format is .ico. Other favicon formats used are .gif and .png. You can also add an animated gif as a favicon, but this is currently only supported by Mozilla Firefox. Even though this is only supported by Firefox, there is the possibility of using multiple favicons. For example you can use an animated one which will display in Firefox and a static one which will display in the rest of the browsers.

Favicon Design

A favicon has a 16×16px size so to design it it’s advisable to use a larger size such as 128×128px and then scale it to 16×16px

To get the favicon on your blogger, you need a code to add to your template, and this is it:

<link rel=”shortcut icon” href=”http://myfavicon.com/favicon.ico” />

<link rel=”icon” href=”http://myfavicon.com/favicon.ico” />

Replace “http://myfavicon.com/favicon.ico” with the URL of where your webspace stored your ico file, & paste the code between the head tags of your blog. The favicon will now appear in most browsers address bar and bookmarks. (Not sure about the rhyme or reasoning here, but some do…some don’t.) Added bonus! If you use Mozilla Firefox (why wouldn’t you?) it will also show up on the tabs!!!!

Guidelines

  • The link elements must be inside the head element in the HTML.
  • Use the appropriate resolution and color depth : ICO – include multiple resolutions (the most commonly used being 16×16 and 32×32, with 64×64 and 128×128 sometimes used by Mac OS X) and bit-depths ; GIF – use 16×16 in 256 colors ; PNG – use 16×16 in either 256 colors or 24-bit.
  • For XHTML, the link element must be terminated by ” />” instead of “>”.
  • The .ico file format will be read correctly by all browsers that can display favicons.

Favicon Inspiration

1234567



whos.amung.us