Mobile reviews, Ringtones, Softwares, Themes

Add Favicon icon to Blogger URL

Have you wondered how these little icons appear next to the web addresses, like the one you see above? When you visit the sites or bookmark them, these icons will make these URLs stand out. These are “Favicons” or “Favorite Icons”.

You would first need to have an icon which you would like to use, bearing the extension .ico format. If you search your hard disk, you might find some icons which are generic. I would suggest that you create one to represent your own unique identity. There are quite a number of free icon editor software which you can download from the net.

Go back to your Blogger dashboard and under the Template tab, go to “Edit HTML”. Near the top you will see a line like this:-

Copy and insert the following code below the line:-

You can use this code for other image typing:

If you have a PNG format image, the link to insert is:

If it is a GIF format image, the link is:

Your change:
URL of your icon file by your image url.

Labels: Blogger, Blogspot

Add an icon feed labels Blogger

Previously, we had talked about how to get the address of the feed each label individually in a blog Blogger, and now we are going to give it a practical use to add an icon to feed each one.

To add this icon, the first is to make sure and take the blog a widget label (labels), but this is the case, add from the panel of page elements of blogging. Having done so, as you can change the code widget:

1. Go to the "template", then the "HTML editing" and activates the button "Expand Widget Templates" (important).
2. There seeks the following code:

3. Just after pasting the following code corresponding to the icon and the link:

In this code it is possible to change the address on the label "img" to establish the icon of our preference.
4. Save and see !!!

Labels: Blogger, Blogspot

Put Your Social Bookmarking Icons

Social bookmarking is a popular way for users to share their personal bookmarks of useful sites with other users. Since most of the bookmarks are classified by topics, tags or categories, people around the world with interests similar to the user can easily locate these sites by viewing their online bookmarks.

Just over the last couple of years, this concept has caught on with so many users that social bookmarking sites are now very popular and highly ranked by search engines. We shall discuss and list these sites in a separate article. For now, we want to provide you a code so that you can have something to work with.

Add bookmark code into your blog:

1.AddThis

AddThis now offers a beautiful alternative to social bookmarking icons or those 16x16 pixel images that clutter the footer of almost every blog post on the web.

With AddThis, you can easily put links to all popular social bookmarking websites in a two-column drop down that appears only when someone hovers the mouse over the Bookmark button - the icons and links stay hidden or invisible otherwise.

If a visitor cannot find his/her favorite social bookmarking site in the AddThis menu, they can click the "More.." link access all other other social bookmarking services. Very cool!

Just add the following code to your blog template.

 <script type="text/javascript"> addthis_url = location.href; addthis_title = document.title; </script><script type="text/javascript" src="http://s7.addthis.com/js/addthis_widget.php?v=12" ></script> 

Though you can grab the AddThis button for your blog without registration, I seriously recommend getting a free account as you get access to invaluable stats.

2. Social bookmark text links

Now we are going to see like putting them:

1.Go to Template -> Edit HTML -> Tick into Expand Widget Templates

2. We looked for the following code:

3. That line with the following code replaces:

<p class='post-footer-line post-footer-line-3'>

<div class='rsociales'>

Share this post with:

<ul>

<li><a expr:href='"http://www.technorati.com/faves?add=" + data:post.url + "&title="
+ data:post.title' target='_blank'><img alt='Agregar a Technorati' class='rsociales-sobre'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQiy5wE429CKZfM1RwlNYujIh3DPscSRmI4LascZArHWmM4PFXyuK4vAp96P-_-wMf1eGVAozGXHibA3nPh9Sh-zfeIhA8b_dBfMyHv2wKvldFvukBPD6dKxDFKAvxFF4g-Goe0xVbrns/s1600/technorati.gif'/></a></li>

<li><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title="
+ data:post.title' target='_blank'><img alt='Agregar a Del.icio.us' class='rsociales-sobre'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPZNYO8YTZjEFJ4X2Dsixcp_-M2bn5ZWFnH-XjFVhGTdUzGl5mEKNOCoNwk2Gj8l7tKqnXRVeENfmEDL2FI73hfmj57152Kc_0PExXpmM4SRgrtY3-usIsiCJBv_LoKyRoGzNHaZ6n1zU/s1600/delicious.gif'/></a></li>

<li><a expr:href='"http://digg.com/submit?phase=2&amp;url=" + data:post.url
+ "&title=" + data:post.title' target='_blank'><img alt='Agregar a DiggIt!'
class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUDq8gxXtqr85RbmLuwGJiWa-OOJjtwoWsuPmCapXH6wmUdBlrNWjFuzH3HBIo_9nRGdPcLNXA1wYHDjbGYjJ9CKW2oceSwaJxNx4Ho4icAZM_DbCQmiA0ld43isaIzbnnEZWLrsTxo7s/s1600/digg.png'/></a></li>

<li><a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" +
data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar
a Yahoo!' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipGXrfccABxyWo9JeYhlHXEI3AFqfn3vSSsMsSXSkD9_OQT_x5oILv_su0ICfFgFbRDLNr5fcUXHmCS2TfnG8xONo1wQjt0XNCrARiW6wHJNWVsASnkyoHiPL2tFR_Eox7peV9p2QxAms/s1600/yahoo.png'/></a></li>

<li><a expr:href='"http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk="
+ data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar
a Google' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOCsIcPtFn_AGVzJdYgZcAe7z5BoRhTfcsYE6jLqL93s_6BFNMjb9_9_daTxsw5jkKr3GxcgASDVoZw23VekRhTge-3R2UinN6DWFysOqs3JaQ71HP_mxB9b_3X0AfwDk52cAQqLN0Dds/s1600/google.gif'/></a></li>

<li><a expr:href='"http://meneame.net/submit.php?url=" + data:post.url + "&title="
+ data:post.title' target='_blank'><img alt='Agregar a Meneame' class='rsociales-sobre'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6AAR9qq4L65InAvFrFZq-WNCehbjnLvjeXUp_4IwhwqI9VUMEf8fdgE8lsUw2JYwYVfUSbzqaIMP0Umk9qzH6MTy5kROEJgUrbvDun599VA-Z63BJNr1hloHW-_hhwLOEZFudMUUGfuw/s1600/meneame.png'/></a></li>

<li><a expr:href='"http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&title="
+ data:post.title' target='_blank'><img alt='Agregar a Furl' class='rsociales-sobre'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqibC_NrZtcUo4IYF9vTpIZEr5WmKq-9-VcubthfmAdA1mX_8lLjtW-20iVF9yp6PC44WB2KsVMiGLt1FwVrPhJ1p81XLVytKwTMtmPGwLmBcK2p3jpJOgg2XLkQD1bELkbEoarWnb7jc/s1600/furl.png'/></a></li>

<li><a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title="
+ data:post.title' target='_blank'><img alt='Agregar a Reddit' class='rsociales-sobre'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLeyAyOmGcdgWtFZ_0oK2jMj5Ehh7gZytWyCCswCNQvXvdY__xnu6z6N_FfDFqa9IsPGd2eERoWkKbtMWDRnOxjQf9ODCnBQWf-P3pUYv1EljuOkcZTPvn8JTAHl1aRB136FgrMjNYcOE/s1600/reddit.gif
'/></a></li>

<li><a expr:href='"http://ma.gnolia.com/beta/bookmarklet/add?url=" +
data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar
a Magnolia' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRRqLBvdNzo67r6hEn2wHkokbNJozr6kQYMeiJT84Oo4U8EV6hPY7RgRihceH82SpPbYGZF5kak8vVa_JwFlkkpK40TMCJkdVA_kSJTwXt8asz-l4NWSSiyR4hrGq9QhtpcYxxQSpqIfM/s1600/magnolia.gif'/></a></li>

<li><a expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&Description=&Url="
+ data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar
a Blinklist' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJE1NTfsQUee76Rl9cEgxyOsaOR1kEhIGwCdVvCLWVEQ7krdv2HjmISGoYcyUqYaTJQxvSV64nQoWOOp4caq9Bm8Qc020o8B1mqyYyKf2BOrTOmtZh3R07uYyS6MSdcCIRY8SgcecNZZA/s1600/blinklists.gif'/></a></li>

<li><a expr:href='"http://blogmarks.net/my/new.php?mini=1&simple=1&url="
+ data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar
a Blogmarks' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTWqh5wfuomaxW5rryHsYuxLRJkW7YfIPdMGyJCBP6sOuNbXQlHumBnDCf659uRsb_tF7AbIg1NhOH5mh-7FCzi6ZEhhK-HMJ1SL-9TR1Ygi5yiYxA96vKj-8om6aIlaQPWfmrVZINLsM/s1600/blogmarks.gif'/></a></li>

</ul>

</div>

</p>

4. Now it looks for the code:

]]></b:skin>

And right above it sticks the following thing:

.rsociales ul {
display:inline;
margin:0pt !important;
padding:0pt !important;
}
.rsociales li {
background:transparent none repeat scroll 0%;
display:inline;
list-style-type:none;
margin:0pt;
padding:2px;
}
.rsociales img {
border:0pt none;
float:none;
margin:0pt;
padding:0pt;
}
.rsociales-sobre {
opacity:0.4;
}
.rsociales-sobre:hover {
opacity:1;
}

Labels: Blogger, Blogspot, Bookmark

Add Ratings To Your Blog Posts

Blogs that are on Blogger, WordPress or TypePad can now add the wonderful outbrain star ratings widget to their blog posts.

This ratings widget has been under a closed beta for some time but they finally made a public release today.

It's light, requires no registration and very intuitive - visitors can hover the mouse over the five stars and click any of them to rate your current blog post.

Even if you have a regular website that's not a blog, this ratings widget can be installed on your site as well.

You need such a rating widget to get feedback from all those reader who are subscribed to your blog aren't contributing to the discussion because they are probably too lazy to write a comment.

Give them a system like this ratings widget that requires no effort and they'll be happy to say if enjoyed or disliked reading your blog post.

Get Ratings Widget here. Developer Blog is here. If you are using Windows Live Writer to insert ratings in your blog posts

Labels: Blogger, Blogspot

Add google translate into blogspot

This tutorial explains how you can add a script to allow readers to view your English site in other foreign languages. As you can see on the right of this page, a reader needs only to click the relevant country flag to read this site contents in his preferred language.

English is not the most popular language in the world. In fact, according to many reports, the Chinese language (Mandarin) is certainly the most widely spoken language. In the internet community, the other popular language platforms are arguably Spanish, Russian, Arabic, Portuguese, Malay, Italian, French, Japanese, and Korean.

Translation from English to other languages

If you have a blog written in English, it therefore makes much sense to be able to reach out to the non-English speaking population as well. There are several online translation tools, the popular free tools being AltaVista's Babel Fish translation and Google's Language Translator. WorldLingo is no longer a recommended tool, as the website translator has a translation limit of 500 words, beyond which you have to pay a monthly fee for their service.

For this site, I have used the Google Language Translator. Google is able to translate English website contents into Arabic, Chinese, French, German, Italian, Japanese, Korean, Portuguese, Russian, and Spanish. The JavaScript used here can be applied to most of the blogging sites like Blogspot, Typepad and Wordpress. Copy the following script and paste it at the part of the template where you want your language translator to appear.

<!--

document.write ("<input name=u value="+location.href+"
type=hidden>")

// -->

</script>

</form>

Points to note:-

1. For those using Blogspot, once you have logged into your Dashboard, go to Template-> Page Elements. Add a “Page Element” and select “HTML/JavaScript”.

2. Copy the above JavaScript. Under the “value” (in red), you will see the URL of this website. Please change that to the URL of your own website. Save and refresh the page.

3. If you want a slightly bigger flag, you can increase the width of the images, for example, from “30” to “36” and the height from “20” to “24”.

4. Should you come across a translation that doesn't look right, you can always suggest to Google a better translation to help them improve their translation quality.

Labels: Blogspot

Hide or Remove Navbar in Blogger

The Blogger or Blogspot Navbar is a default feature that appears at the top of every Blogger powered blog. It is a useful navigation tool which allows readers to search the blog for targeted content, mark the blog as objectionable, and randomly view other member blogs.
navbar

The Navbar can be disabled for users who publish contents via FTP, but it will appear on all freely hosted BlogSpot blogs. While the feature is undeniably useful, some people find that its position at the top of the page looks obtrusive even with a choice of 4 colors. Some therefore pick a template with a black background to blend well with a black navigation bar. There are also parents and educators who find the 'view random blogs' feature inappropriate, as their children may inadvertently view objectionable blogs.

Nevertheless, this article is not a discussion on the merits or demerits of a Navbar. That is for you to decide. Here, I am assuming that you have made a conscious decision to hide or remove the Navbar. Having so decided, this is the guide on how you can do it.

With Classic Template:

Technique One: Insert (copy, paste) the following CSS code in your Blogger Template to disable the Blogger Navbar

<style type="text/css">
#b-navbar {
height:0px;
visibility:hidden;
display:none
}
</style>

Technique Two: This is another simple way to remove the Blogger Navbar but it will not form valid HTML. Replace your &ltbody> tag with the following code and hide will hide the Blogger navbar.

<noscript><body></noscript>

Technique Three: Similar to technique two for hiding the blogger navbar but doesn't form valid HTML. Replace your &ltbody> tag with the following code and hide will hide the Blogger navbar.

<noembed><body></noembed>

I use the first technique for this weblog as it results in well-formed HTML. Remember GoogleBot hates pages that are not constructed with well-formed HTML. But hiding the blogger navbar gives rise to another problem. You might notice some empty space in your webpages between the top edge of the browser window and your blog content. We will again employ a simple CSS tweak to remove the gap at the top.

body
{
margin-top:0px;
}

If this doesn't remove the gap created with Blogger Navbar, try the following CSS hack

body
{
margin-top:0px;
position: relative;
top: -50px;
}

New Blogger Template ( Blogger Beta)

Log into your dashboard, go to Template -> Edit HTML. Scroll to anywhere on the template and insert the following CSS style definition in red within the head section.

#navbar-iframe {
display: none;
}
</head>

or:

#navbar-iframe {
height: 0px;
}

or:

#navbar-iframe {
visibility: hidden;
}

Labels: Blogger, Blogspot

Add Digg button to Blogger or Blogspot

This is my old tutorial that I have written for my old ajaxcold site that
explains how you can add a Digg vote button for each post into the new blogger template.

Open your blogger template, expand the widgets and find this code's line:

and add on top to this code:

<div style='float:right;margin-left:10px;'>
<script type='text/javascript'>
digg_url = '<data:post.url/>';
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</div>
<data:post.body/>

If you want to have the button at the top left corner of your post, change the alignment.

Labels: Blogspot, Digg

How to Create a Blog Using Blogger

A Blogger.com blog is simple to use and easy to maintain. It's no wonder Blogger is the most popular blog platform available today. If you're interested in beginning a blog using Blogger, This brief primer will take you through all of the necessary steps. Soon, you'll be blogging like pro!

Step 1

Begin by visiting the Blogger.com homepage and clicking on the orange arrow that says "Create Your Blog Now".

Step2: Enter Your Information

Enter your email address, password, the name or nickname you would like displayed on your blog and security information. Click on the box to accept the Terms of Service.

How to Create a Blog Using Blogger

Step 3: Give Your Blog a Name

Name your blog by entering the blog's title and address. For most bloggers, the title and address are the same thing. Have second and third choices available for each, however. Your first choice might already be taken.

How to Create a Blog Using Blogger

Step 4 : Templates

Choose a template from the many available designs.

How to Create a Blog Using Blogger

Step5:Start Posting

You are now ready to post.

How to Create a Blog Using Blogger

Step 6 :It's Time to Blog!

Add a title, enter text and click "publish".

How to Create a Blog Using Blogger

Labels: Blogger, Blogspot