Do you have your own Blog and you are tired with his old look? You can try to use Microsoft Word 2007 to change look of you Blog. It is very easy to publish or redesign your favorite Blog to your Blog site using Microsoft’s Word 2007. Using Word 2007, you can literally save tons of time to post a new blog entry or modify an existing blog entry.

Important Note: One issue that we found especially when modifying a blog is that all your pictures are recopied! So, make sure that you go back to your blog site and delete duplicate pictures- We know, it is painful, but a little planning can reduce the number of times you modify your blog. The other option is to make your (minor) changes directly in your blog site. But, the advantage of using Word 2007, to publish your blogs, out beats the pain caused by this issue.

It is extremely easy to blog straight out of Word 2007, here are the detailed instructions:

1. From Word 2007, when you are creating a new document, choose the “New blog post” option,
2. Now Microsoft Word 2007 will prompt you to register a blog account at this time; click the “Register Now” button to continue,
3. Next, choose your blog provider; you can add multiple blog providers- We will show you how to do this later in this blog. For now, just select your favorite provider to continue with the registration process,
4. Next provide your blog’s account information - your blog site address, user name and password- suggest checking the “Remember Password” option; typically, the URL will be your blog address followed by the “/xmlrpc.php”,
5. Next you will provided with options to store any uploaded pictures; select the appropriate option,
6. Next Word prompts with a warning about sending your login/account information to the service provider and that it is possible for others to see that information. Click YES if you comply and if you want to continue; you are done with the registration!
7. You are now ready to create a blog, just like you create any Word document. Once you are done creating a blog all you have to do is Publish your blog. While your blog is being published you will see the following prompt (Image 1).
8. That’s it! Additionally, you can add a category for your blog by clicking the “Category” button. You can also modify your existing Blog Provider information or add additional providers by clicking on the Manage Accounts button
9. Apart from creating new blog entries, you can also open & modify existing blog entries; simply click on the “Open Existing” button- you will then be allowed to select any of the existing blog entries as shown

Hope this was helpful! Blogging is fun and creating and modifying your blog entries should be made easy- Microsoft Word 2007 is an awesome tool to help you do just that. More blog power to you!

Labels: Blogger, MS Office

One way to let readers locate the recent posts is to have an “Archive” page element in the sidebar. It sorts the articles by dates. However, it is not ideal for those who do not have active Blogs or any new post in the last couple of months. These people may want to display the links to recent posts, regardless of the dates. Even if you have an active Blog, regular visitors may want to view your recent posts only, and a link widget showcasing these recent post links would be appreciated.

Adding a Recent Comments widget into your sidebar is a way of acknowledging the readers' feedback and giving their comments a prominent place in the main page of your Blog. It also makes it easier for them to check for replies to their questions and for other readers to follow up on topics which they may find interesting. This widget is especially useful if you have numerous comments to your Blog posts. As part of our writeup, we shall also explain how you can remove the “nofollow” tag in the Comments section of the template so as to allow the links in these comments to be visited by search engine spiders.
Ok. Now we add 2 widgets for your blog more pro !!!

Add Recent Posts:
Template -> Page Elements -> Add a Page Element -> HLMT/Javascript

<script src="http://taolaga.googlepages.com/blogger-widget.js"></script><script>var
numposts = 10; var showpostdate = false; var
showpostsummary = false; var numchars = 100; </script> <h2>RECENT POSTS</h2>
<script src="http://net-soft.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp"></script>

Add Recent Comments:
Template -> Page Elements -> Add a Page Element -> HLMT/Javascript

<script src="http://taolaga.googlepages.com/blogger-widget.js"></script><script>var
numposts = 10; var showpostdate = false; var
showpostsummary = false; var numchars = 100; </script> <h2>RECENT COMMENTS</h2>
<script src="http://net-soft.blogspot.com/feeds/comments/default?orderby=published&amp;alt=json-in-script&amp;callback=rp"></script>

Note:
Change the portion (in red) to the URL of your own blog.
numposts = 10: number of post you select display

Labels: Blogger, Blogspot, Widget

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

<title><data:blog.pageTitle/></title>

Copy and insert the following code below the line:-

<link href='URL of your icon file' rel='shortcut
icon' type='image/vnd.microsoft.icon'/>

You can use this code for other image typing:

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

<link href='URL of your icon file' rel='shortcut
icon' type='image/png'/>

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

<link href='URL of your icon file' rel='shortcut
icon' type='image/gif'/>

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

Labels: Blogger, Blogspot

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:

<span dir='ltr'>(<data:label.count/>)</span>

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

<a expr:href='data:blog.homepageUrl +
"feeds/posts/default/-/" + data:label.name'><img
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2XnpdlgPVN7aFSLGOmg-_dhKJafjtk6VdSrUru6QjPI09UQwUgUVYM1c6qkhuUVIVv15tRYIJYe6-uVR2knwrWlagBZNg08z2vpFlZktoTMP_KSnZxNvH7VRmVIS2GqLVIISxLfwnvCM/s1600/SynIco.png'/></a>

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

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.

<!-- AddThis Bookmark Button BEGIN -->
<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>
<!-- AddThis Bookmark Button END -->

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:

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

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 + "&amp;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 + "&amp;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;amp;url=" + data:post.url
+ "&amp;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 + "&amp;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&amp;output=popup&amp;bkmk="
+ data:post.url + "&amp;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 + "&amp;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 + "&amp;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 + "&amp;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 + "&amp;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&amp;Description=&amp;Url="
+ data:post.url + "&amp;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&amp;simple=1&amp;url="
+ data:post.url + "&amp;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

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

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

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

Labels: Blogger, Blogspot

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

Labels: Blogger