Digital Inspiration Storage - Software, Internet & Technology Guide: Blogger

Showing posts with label Blogger. Show all posts

10 Best Mom Bloggers Resources

10 Best Mom Bloggers Resources Its the 100th anniversary of Mothers day and top Mom bloggers are celebrating the day worldwide. As thousands of Mom bloggers continue talking about their children, parenting, motherhood and busy lifestyle, we point out some resources to find the best Mommy bloggers out there …

* Moms@Alltop - A collection of RSS feed headlines from the top mom bloggers in the blogosphere on one page. Make this your starting page for tracking the best content from moms who blog.

* 50 Best Mom Blogs - Vanessa Van Petten has a great round-up of favorite mom bloggers arranged with reviews and some of each blog’s most popular articles.

* Ultimate Mommy Blog List - Guy Kawasaki has compiled a list of Mommy Bloggers and attempts to be the definitive list of blogs for moms.

* Mommys @BlogHer - BlogHer is a top guide to blogs by women, via annual conferences, a Web network. Check the Mom Bloggers List.

* Hottest Mommy Blogger - the search is on at the Blogger Choice Awards. Topping the lists are Because I Said So, Dooce, Karen Cheng’s Snippets of Life, Pioneer Woman, Sarcastic Mom, Ashley’s Closet.

* Blogcatalog: Mom Blogs - is a collection of mom bloggers. There are over 900 mom blogs there!

* Top 100 Mom Blogs Awards - Mothers Day Central knows mom bloggers work hard, and run blogs, all the while also helping other moms. They shared the extra recognition in 2007, but still useful.

* The Mom Salon - where women gather to find smart mom blogs through a category-based directory. Join their Mom Bloggers Club - their social networking space for mom bloggers.

* The Mom Blogs - A directory of Moms who blog. Here are the best rated mom blogs.

* Best Momblogs Ever - The Ever project compiles best of mom blog ever and you can vote, share, add, any other Super Mom blogs out there. Powered by Squidoo. Topping the charts are Sprittibee, Mummy Chronicles.

Thanks to [quickonlinetips]

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.

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 !!!

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/AVvXsEghINVBEnSb5B7s4BOUL2Gh6ety6CTtZvgMFoO4vSDadY-xdn-aNpUTHPpUCFcKIjtBv-P46FT1rS90E-nG0-XFabuw83L2w4DfBUyNQALS0xzKbJWnkaX-l0fLY0HUfqFVR9iueYbBog/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/AVvXsEhUnbAVjsFNH-7Vaad_s9sGrIYYcA9adZzlkSbodA713Qsr-rbOQ35wkRFiFaAlZW7YJ-IfUdLG0kvuiWfUBlpFoKE9NU1-yFt1keHhc_6mxC7bPMnT2QxBDoSI0GZO5dGSBrkDt6fg8A/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/AVvXsEi7AH4DkxTO6fjSQ6N5YIm8eFCCeY2_qy6uuD0OpiidYsNIcFCbapnYktvRVqImy2HDFVO7M5HN-HfeT3Qo-dP_oOmWmWyeHPwCNFKtmTxPRMHuQdVLorrRGS_L4DbmKSr5c3JoiQIYRA/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/AVvXsEih1DmmAeYPcwXyHLbQYarE9BE-vwc9DB7wPEO0ZoIIwN8ipK9FaTW2IVM4hchxlQs_MMx80e9Y80omK2O69kAZDNJ1Tn-VZfgZUwx7I8A6J2T-Cq-Hu1dwWqUd3ZWbJ8Vah7n6fxJUfg/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/AVvXsEhaFeKBU-j8ytS-doWPtnpTSn13IFk_iVXAUrNEMkGfE1V43qvotFGTzaFkzKdySRQKmTCktN1CwBTGWK66nUTLZKcgvQVd2Alil9-1w7GmyXspT77AT5UlC4rwoTZ-ZVZxT1ViyrQ9UA/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/AVvXsEiA8QWw0liw3IJ5Y448G11d6HdsRtQVyz03UZE6XipDVFHl_vNZd0AXFPqa0Q29fXDxJq6G-FWAZkngQ0xHQdo_vtSNcuTFFeZ_Y6qAfo0osSt9daAJXLEYQomRTxJ2mJODw59Cz93oag/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/AVvXsEhipdEc_ghjJpubv5t7_X27L4DFXExM1eUeRjAKH6idKeP9BhIXw5W8MGX-FPsTVZFWXodXFufufne2tz0Ux0towvHSPAANa7LrL07wbyQFkv5-ZcOjr-Q9iGxBcx9AnGiDL4SBes_Xmg/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/AVvXsEgrroFUC83K5mDOaOhpMa9T8rAy6L9Tw3HKskI5n3GCBMa7vABQ5QtncvZ9od__gPsn7aTwalrZzX3-RE_hfecKznR2ZiP-4T5gcgEVS5Ixk_LL9ekBhpkuESxB77uU0qI4SMdQtNF2nw/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/AVvXsEhf-TULuoasdlwvdAMaEuDdSpbYw3vAepZR0WfbUoNMvC6z3VdmlL297ApRi-17M0bYQkxDTRDUEfrsL8IDRqYmjr6UnKTyffIbQ87EGqN4-wsNkL3lYPKvkqbgyrtYK3mp58ATH0-Y3w/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/AVvXsEhy4rViVpimBwiSIfFtmfHPCUvRkOnhZe2w9SlbtBDWLa4Y29coPUQA7kM9mr1fHAzm4n5xzcAxuofl6i7abzrZY_w13mBRHOq7ARmJVjChHE6Bi2ilB6s9nF9fIjYz4tlIwY5vhKB5SA/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/AVvXsEgpHGh1AfpQy9gPBKvyws6IoIVEzWTFLg_j2wsEHL-ub3a2w_FuURrxmGGNDmQdnG-z75ESv6hkbHZMWb0l2wJUud5xmEAuwN7rceA3fxjIeBSxtNOB8X-i2BUgQxF7hIuuuyTzVcob1g/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;
}

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

Add google translate into blogspot

google translate 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.

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;
}

How to Create a Blog Using Blogger

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.

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.

Step 4 : Templates

Choose a template from the many available designs.

Step5:Start Posting

You are now ready to post.

Step 6 :It's Time to Blog!

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

How to Create a Blog Using Blogger

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".

Step 4 : Templates

Choose a template from the many available designs.

Step5:Start Posting

You are now ready to post.

Step 6 :It's Time to Blog!

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

10 Best Mom Bloggers Resources

Recent Comments and Recent Posts Widgets

Add Favicon icon to Blogger URL

Add an icon feed labels Blogger

Put Your Social Bookmarking Icons

2. We looked for the following code:

Add Ratings To Your Blog Posts

Add google translate into blogspot

Hide or Remove Navbar in Blogger

How to Create a Blog Using Blogger

How to Create a Blog Using Blogger

Top Newest

Labels

Recent Comments