Teknologi Android

Google Buzz is a great social tool which is very similiar to Twitter and Facebook. It's a wonderful way to engage and interact with your readers! Make sure to implement these Google Buzz buttons into your blogger posts, so that users can easily share your content on Google Buzz.

Add Google Buzz it Button to Blogger

1. Go to Layout >Edit HTML in your Blogger Dashboard.
2. Back up your existing Template before making any changes!
3. Make sure to check the "Expand Widget Templates" box.
4. Here is the Google Buzz it Code:

<div style="float:right;padding:4px;">
<a expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;srcTitle=&quot; + data:blog.title+ &quot;&amp;srcURL=&quot; + data:blog.homepageUrl ' rel='nofolloW' style='text-decoration:none;' target='_blank'>
<img alt='Buzz It' src='http://i48.tinypic.com/idyc04.png' style='border:0px;'/></a>
</div>

5.Search for this line of code in your template:

<div class='post-header-line-1'/>

and place the Google Buzz it Code right after the code you searched for above.
If this doesn't work, then search for this code below and place the Google Buzz it Code directly before it

<data:post.body/>

6.Now save your template and you're done!

Add Google Buzz Button with Share Count to Blogger

1. Here is the Google Buzz it with Share Count Code
   

   <div style="float:right;padding:4px;"> <script type='text/javascript'> njuice_buzz_url = '<data:post.title/>'; njuice_buzz_title = '<data:post.url/>'; njuice_buzz_share = 'reader'; </script> <script type='text/javascript' src='http://button.njuice.com/buzz.js'/> </div>

2. Place the Google Buzz it with Share Count Code either
   directly after this:
   

   <div class='post-header-line-1'/>

   OR
   directly before this:
   

   <data:post.body/>

3. To change the style of the widget add either
   

   njuice_buzz_size = 'small';

   or
   

   njuice_buzz_size = 'simple';

   just after
   

   njuice_buzz_share = 'reader';

4. Save your blogger template and you're done!

I’m sure that every blogger wants to know how many times his new post viewed.
A lot of Bloggers need this widget and asked if it’s possible to do it in blogger?.

So today i’ll show you how to do it in blogger,
It’s very easy to do and there are 2 styles for this widget.
This is very easy to do it two steps, step 1, choose your widget style,
and step 2, pate it’s code in your blogger template code.

• Style 1. ( With Icon ) code, 

<b:if cond='data:blog.pageType == &quot;item&quot;'><div align='center' style='border:solid 2px #999999; padding:2px; margin:2px; width:100px; display:compact'><img height='16' src='http://forums.bit-tech.net/images-light/misc/stats.gif' width='16'/> <a href='http://toolsblogger.blogspot.com/'><b><font size='2'><script src='http://nirav07.ulmb.com/counter.php' type='text/javascript'/> Views</font></b></a></div></b:if>

• Style 2. ( No Icon ) code, 

<b:if cond='data:blog.pageType == &quot;item&quot;'><div align='center' style='border:solid 2px #999999; padding:2px; margin:2px; width:100px; display:compact'><a href='http://www.allblogtools.com'><b><font size='2'><script src='http://nirav07.ulmb.com/counter.php' type='text/javascript'/> Views</font></b></a></div></b:if>

 Please copy your widget code and follow instructions in step 2.

Now go to your blogger account then navigate to, Layout >> Edit html, And before doing any thing you must check Expand Widget Templates box.
And find the next Code

<div class='post-header-line-1'/>

And after it, paste your widget code You can get the widget code from previous step
What, If you didn’t find the code above in your template, The try to find the following,

<data:post.body/>

And paste the widget code Before it.
, after doing this, please click Save Template and you are done

A very elegant blogger template which features objects you might find on your office desk.


Live Demo : Click Here

Download :

http://www.4shared.com/file/d67M8n5y/iwork.html
http://www.zshare.net/download/82367605b34838e1/
http://theblogtemplates.com/wp-content/plugins/download-monitor/download.php?id=90

An artistic blogger template featuring a unique background with paint brush strokes.


Live Demo : Click Here

Download :

http://www.4shared.com/file/i84ylULC/Water-Color.html
http://www.zshare.net/download/82366692a5f677eb/
http://theblogtemplates.com/wp-content/plugins/download-monitor/download.php?id=94

Facebook has already overtaken Yahoo according to the stats from Alexa. So along with search engine optimization, you should also try to bring some traffic from social networking sites like Facebook.


Add these buttons to your blog and help your visitors to share your articles easily on FB.
Instructions to follow:
Log in to Blogger -> Layout -> Edit HTML, and select the tickbox "Edit Widget Templates"
Now find this code in your template:

<div class='post-header-line-1'/>

Now immediately below it, paste the code for the facebook button (select the appropriate one for your blog).
 ________________________________________________________________________________


As a link:

Code to paste:

<!--FB-BUTTON-STARTS--><b:if cond='data:blog.pageType == &quot;item&quot;'>
<span style="text-align: right;">
<a name="fb_share" type="icon_link" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</span></b:if><!--FB-BUTTON-STOPS-->

Button #1

Code to paste:

<!--FB-BUTTON-STARTS--><b:if cond='data:blog.pageType == &quot;item&quot;'><span style="text-align: right;">
<a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</span></b:if><!--FB-BUTTON-STOPS-->

Button #2

Code to paste:

<!--FB-BUTTON-STARTS--><b:if cond='data:blog.pageType == &quot;item&quot;'><span style="text-align: right;">
<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</span></b:if><!--FB-BUTTON-STOPS-->

______________________________________________________________________
Other Facebook Widgets you can display on your blog:
1. Facebook Profile Badge
2. Facebook Photo Badges
3. Live Stream Box (Just like the twitter widget):

4. And visit this page to add a Facebook Fan Box Widget to your blog.

The related articles are chosen from other posts in that same category/label/tag. With this hack many of your readers will remain on your site for longer periods of time when they see related posts of interest.


Steps for Implementation:

Go to Layout >Edit HTML in your Blogger Dashboard.

Back up your existing Template before making any changes!

Make sure to check the "Expand Widget Templates" box.

Search for the </head> tag.

Add the following code just before the </head> tag.

<style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqKhin6H25csQjQQRdZiLLOV6fPvrr-30XTv4blUNV1dcvRhETWF41aYiZUgHmnM_UHnj_Nplx_vUXRKGKtYbyGYSQ9kz3us7gCdUC_j8rJ8AlmJWlqCwg2aL2K2_OtPU_e-ZtVM32rBk/") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='http://theblogtemplates.com/scripts/Related_posts_hack.js' type='text/javascript'/>

• Now search for <data:post.body/>. In some of the templates this code may look like this

<div class='post-body>
or
<data:post.body/>

• Add the following code just beneath the code you just searched for.

<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

• Now Save your Template and you're done!

Customization

• In order to change the number of maximum related posts being displayed for each label, search for the code below (within the code given in step 7) and change the number "5" to any desired number.

max-results=5

Sitemaps, in simple English, are text files (see example) containing a list of all web pages that exist on your site. It is important that you create a comprehensive sitemap as it will help Google and other search engines crawl your site better and that might mean more traffic coming your way in the long run.

The Problem with Blogger Sitemap Files

Ideally, the sitemap file should contain all URLs of a site but if your blog is hosted on blogspot.com (or if you are using a self-hosted version of Blogger with a custom domain), you’ll be surprised to know that the default sitemap file (see example) contains only the 26 most recent pages of your blog.

That’s a bad thing because some of your older blog pages, that are missing from the system-generated sitemap file, may never get indexed in search engines. There’s however a simple solution to fix this problem.

Generate a Complete Sitemap for your Blogger Blog

Step 1: If you haven’t done this already, sign-in to your Google Webmasters account and add your blog. For details, check this video tutorial on how to add a blog to Google.
Step 2: Once your blog is added to Google, open the Sitemap Generator and type the full address of your blogspot blog (or your self-hosted Blogger blog).

Step 3: What you get is list of sitemap files that contain each and every page of your blog. You now just have to ping Google, Yahoo and Bing to inform them about these XML sitemaps.
As shown in the video screencast below, you need to manually add each of the sitemap files into your Google Webmaster Tools dashboard but for Bing or Yahoo, you can simply click blue hyperlinks and these search engines will automatically download the relevant sitemap files from your blogspot site.



Once all the Sitemaps are added, your Google Dashboard should look something like this.


If you see a red cross or an orange exclamation symbol instead of the green tick, that means something is wrong with your XML sitemap. Verify that the file exists by typing the sitemap URL in your browser.
Sometimes media enclosures (like MP3 files) in blog posts can create warnings during sitemap submission. And if you have switched from Blogger to WordPress, it still makes sense to submit sitemaps of your old Blogspot blog as that will only help search engines discover your new WordPress pages. Good luck.

This article From : labnol.org