Sunday, 30 November 2008

Parameters in Blogspot feed

This post presented with parameters in blogspot feed. As we know, the URL to get feed items of our blog is You can review this feed after as my blog feed :

Understand these parameters and with a little of javascript can help us create some small 'ourself' interested widget. Lets take a look:

1. start-index.

This param allow the Feed begins at 'start-index' ordinal.
Example :
As normal feed:

result is:
entry 1
entry 2
entry 3
entry 4
entry 5



result is:

entry 3
entry 4
entry 5

This param allow the Feed returns feed-items in range of 'max-results'.


will shows at max 10 items.

3.published-min, published-max

These parameter allow get feeditems in date range. Example:

4. updated-min, updated-max: same with published-min, published-max.

5.1. Items in the same label:

Link feed:

Items in 2 label:


5.3. Items in 3 label: (tương tự cho 4,5...)


Sunday, 7 September 2008

what's pub-1556223355139109 and pub-7042087181757148

If you’re using (or blogging service, and use the new template system to add a Google AdSense page element block to your blog, you will notice that there is additional line in the ad unit appended to the JavaScript when you viewing the HTML web page source code. The extra line of ad code is google_ad_host, which locates directly below google_ad_client which represents user’s publisher ID.


There is speculation that google_ad_host is the publisher ID of Google’s Blogger that will take a cut of advertising revenue share from displayed ads impressions and clicks. Thus, there are bloggers at DigitalPoint forums who accused that Blogger commits cheating or stealing as the service agreement or terms does not specify that any possible revenue sharing by using the AdSense widget.
In actual, the part that google_ad_host is used for revenue sharing is true. But rumor that Blogger is taking a part of ads revenue earned is simply invalid, correct at least up to the time of publishing. Case study on Blogger confirms that it’s using Google AdSense API to provide the AdSense snippet on users’ blogs. Google AdSense API features a Revenue Share Program where developer can keep a percentage of revenue between 0% to 75% include from publishers’ earnings. But nothing to worry about reduced earning for publishers using Blogger service yet, as Blogger is taking 0% from you - that’s right, 100% of ads money generated from your impressions and clicks belong to you (less Google share, which you have no control anyway).

How to prove that Blogger is not stealing your money? Simply login to your Google AdSense account, then go to My Account tab, and click on Account Access link. You can see all third party service (such as Blogger) that you granted access as host to your AdSense ad code and reports in order to provide you with AdSense account management through their site. From here, you see that the Revenue Share Rate for Blogger site is 0%.

From the FAQ, Google AdSense API also states that you will receive an notification email if there’s any change to revenue share percentage rate, and third party services are also required to clearly display to your publishers the revenue share that you retain as well.

If you still worry about loss of revenue, simply click on disable access link, and then use HTML/JavaScript to replace AdSense widget


Thursday, 14 August 2008

Customize displaying Blogger Feed

Blogger provides a fanstatic widget named "Feed" allows add Feed from ours favourites websites to the blog. But it's display quite simple and the same overall. It's great if we customizing the displaying of Feed to make sense our blog's layout. Recently, i just make one for me, and if you like it, it yours ;).

     I add an "@" at the title and index image to seperate feed item.

to install this feed layout:
 - first: create your Feed like original.
 - second: in Blogger "Layout" tab, select "Edit HTML", backup your current templete (for safe)
 - third: select "Expand Widget Templates", and find the snippet contains your Feed ( search by your Feed   title ;)  ). The snippet begin like this
         <b:widget id='Feed7' locked='false' title='' type='Feed'>
           ........< script inside >

just replate "< script inside >" by the following snippet below. Save templates and view result of your work ;).
<b:includable id='main'>        
    <div><span style='float:left;color:#FF0000;'><h2>@</h2></span><h2>&#160;<data:title/></h2></div>
    <div class='widget-content'>
    <ul expr:id='data:widget.instanceId + &quot;_feedItemListDisplay&quot;'>
      <b:loop values='data:feedData.items' var='i'>
          <div style='float:left;'>&#160;&#160;&#160;&#160;&#160;<img src=''/>&#160;&#160;</div>          
          <div style='overflow:auto;'>
          <span class='item-title'>
            <a expr:href='data:i.alternate.href'>
          <b:if cond='data:showItemDate'>
            <b:if cond='data:i.str_published != &quot;&quot;'>
              <span class='item-date'>
          <b:if cond='data:showItemAuthor'>
            <b:if cond=' != &quot;&quot;'>
              <span class='item-author'>

Tuesday, 5 August 2008

Five tips to optimize Google Search Box

And more, here's advises from Google's AdSense Publisher Support for how is the best optimizing Google Search Box.

Following on the five tips on AdSense for content optimization our Sydney team presented a couple weeks back, now let's turn to AdSense for search. As you may know, we recently integrated Custom Search Engine into AdSense for search to provide additional customization options and improved targeting. Whether you've already implemented an AdSense for search box on your site or you're just getting started with this feature, we recommend these five optimization tips:

1. Place your search boxes in visible locations.

Integrate your search boxes in easy-to-find locations, such as under the header or in your left navigation. Also, keep the placement of your search boxes consistent on all your pages, so users will know where to look if they need help finding something.

2. Add two search boxes to content-rich pages.

For pages with a lot of content or which require scrolling, try placing one search box at the top of the page and another at the bottom. A box at the top of the page will allow users to perform a search immediately, and a box at the bottom will provide a search option to users who've just finished reading your content. You can also track and compare the performance of each search box by creating custom channels.

3. Host your search results on your own site.

To keep users on your pages, you can host your search results and ads within your own pages. If your users don't find what they're looking for in the search results or ads, they'll still be able to to navigate to other sections of your site using your site's template. In addition, you can further integrate your search results into your site by customizing the colors of the results page.

4. Add a search box to your search results pages.

Similar to #3, try placing a search box on your search results pages so users can perform additional searches from your site.

5. Customize your ad locations.

Place ads at the top and right sidebar of your search results pages. This layout offers added visibility, and our tests have shown that these ad locations can improve monetization.

After you've optimized where search boxes are placed on your site, don't forget to try new targeting options such as keyword refinements and vertical search. To generate AdSense for search code and take advantage of these features, sign in and visit your AdSense Setup tab. You can also find more information in our Help Center.

Sandra Tsui - AdSense Publisher Support

Monday, 4 August 2008

Optimize site for Google Search

Let's hear powered advices from a Google's Search Quality Evaluator:

In addition to participating in the AdSense network, you may also be interested in having your site ranked in organic Google search. In this post, I'll highlight some important points for search optimization. While there's no a magic formula to make your site show up first on a search results page, there are some good practices when it comes to links, design, content, and the structure of your site.

First of all, as a reminder, Google organic search and AdSense are independent of each other. Displaying AdSense ads on a site won't change the ranking of the site in Google search in any way. So it follows that sites containing AdSense ads don't receive special treatment in Google search.

Ranking in Google search is based on many different algorithms, and optimization for search is a long, continuous process. For these reasons, and because the techniques might violate our guidelines, we recommend avoiding any techniques that claim to optimize your ranking very quickly or radically. If you have concerns or questions, you can consult other webmasters on a number of forums, including Google's official forum for webmaster-related issues.

We encourage you to monitor the quality of your site's backlinks -- links from any site directing to your site. To increase your site's popularity, check if other sites that discuss similar topics or have a similar reader base are aware your site exists.

Outgoing links are also important and should comply with our guidelines. When you create a link to another site, we recommend first asking yourself: "Is this link going to be useful for my visitors?" or "Is this link likely to be clicked by my visitors?". Don't participate in link schemes or buy/sell links that pass PageRank, as it is against our guidelines and may hurt your site's performance in our search results.

Here are some tips for structuring your site:
  • Your pages should have a clear hierarchy and relevant internal links. We also recommend creating a Sitemap and using Google's Webmaster Tools. These tools are useful, user-friendly and will provide information such as where your backlinks come from or which queries visitors used to reach your site.
  • Use tags that are explicit and useful for the user. For example, avoid a title like "Homepage" or "Welcome to my site".
  • For images, use ALT attributes to describe appropriately what the image is about.
Also, adding original and compelling content on a regular basis may help Google crawl your pages regularly. It can have the added benefit of attracting links to your pages too.

Finally, design your site with your users in mind, and be patient and consistent in your efforts. To attract quality backlinks and develop your optimization strategy, it's important to keep a clear structure for your pages and regularly add organic content.

Ambroise Fensterbank
From Google Adsense Blog

Thursday, 31 July 2008

New Blogger element : Blog List

Once more cool Blogger's widget, check it out ;).As details below, this new list will able to available to search result and ables to be crawled by search engine crawlers. :

Show off your favorite blogs with a Blog List

Today we’re releasing a new page element for Layouts blogs: Blog List. The Blog List improves on our Link List page element by using blogs’ RSS and Atom feeds to show update times, post titles, and snippets.

Use a Blog List to put a blogroll in your sidebar, or make a few to categorize the blogs you read. The Blog List works well for any page that has an RSS or Atom feed, so you can get creative: link to news sites, podcasts, Twitter streams, search results, or anything else with a feed.

Here’s a quick summary of the features that a Blog List gives you:
  • Link to blogs, web pages, and feeds from your blog’s sidebar, with an optional favicon
  • For pages with RSS and Atom feeds, Blog List can show last updated time, post title, and a snippet of the latest post
  • Sort links alphabetically or by last update time
  • Show all links, or hide some behind a “show all” link
  • Import subscriptions from Google Reader
  • Blog List links are visible to search engine crawlers, so your blog’s PageRank and reputation flow to those you link to

Wednesday, 16 April 2008

Add chat widget to blog

This post talk about chat widget on the blog. When the comment section does not quite convenient handling with a lot of blog readers, or when they would like to ask you question for easily..they had to use email... and why a chat widget. It's can be instant support or a shout box, blog owner can consider what reader would like to shout to his/her blog ;)..ya, it's cool.

After is list of review articles, hope it useful for you, friend! ^^

Today, i just made a test about chat widget, if you like this post, shout it to me ;) , thank you!

Happy browsing ^^

Thursday, 27 March 2008

Change numbers of posts displayed by label

Blogspot already has UI allow our to set the number of posts displayed at main page or displayed by days.

Check this picture below :

But when we click on a label in Label widget, there're many posts displayed.
By default with a blogspot blog, max of posts displayed is 20.
And you need to customize number of posts display by label, do the following :

Go to "Edit HTML" as in picture above. Remember to save your template ( for safety ;) ), and then check the check box "Expand Widget Templates".

Now, press Ctrl+F and find below snippet:

<div class="post-footer-line post-footer-line-2">
<span class="post-labels">
<b:if cond="data:post.labels">
<b:loop values="data:post.labels" var="label">
<a href="data:label.url" rel="tag"><></></a>
<b:if cond="data:label.isLast != "true"">,</b:if>

The snippet above show post's label at (usually) bottom of your post.
Notice the phrase in RED, modify it to customize your posts number displayed:
<a expr:href='data:label.url + "?max-results=3" '
3 is mine, just replace yours.

And, the snippet below is the Label widget:

<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<div class='widget-content'>
<b:loop values='data:labels' var='label'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<span dir='ltr'>(<data:label.count/>)</span>

<b:include name='quickedit'/>

Change phrase in RED and we done:
expr:href='data:label.url + "?max-results=3" '
Now, test your work and enjoy.
Happy harvest exp.

Friday, 14 March 2008

Add Digg button to blog post

The idea add Digg button to every blog post is very brilliant, isn't it? So, the change that your post to be digg is higher ( as your blog promotion ;) does ).

With blogger, it's very easy to have one same as below :

First, go to your blogspot layout tab and click EditHTML,

check Expand Widget Templates and remember save a copy of your temple ( for safe ) by click Download Full Template.
Then find the phrase below by press Ctrl+F:

Your found like this :

Just copy the script below and paste above the line we found:

Happy harvest exp ;).

Tuesday, 4 March 2008

40 best social netwoks to join!

Each is a door show yourself, your work, your services to the world. ;)

Sunday, 2 March 2008

How to hide blogger navigation bar

Login to blogger; at Dashboard, click Layout. Then, click "Edit HTML"

Find the line below :

/* Variable definitions

and put these code above it.

#navbar {
height: 0px;
visibility: hidden;
display: none;

Happy harvest exp.

How to add meta keyword and description to blogspot

As we known, meta keyword is one important way to optimize your website search ranking. Search engines use meta keyword to filter sites for the search result of querry occured by their search tool. If your keywords is bad, click rate of your site in search result low, your rank will be lower, lower and may be banned out of the list. So, is meta-keyword important?

For blogger users, the question is how to add meta keyword to ours blog? Ya. The answer is:

1. First, sign in to blogger; at Dashboard, click "Layout" tab; then click "Edit HTML".
2. Find this line of code :

<b:include data='blog' name='all-head-content'/>

You could press Ctrl+F to use "Find" function of your browser.

3. Copy three line below and paste after the line we found at step 2.

<meta content='DESCRIPTION' name='description'/>
<meta content='KEYWORDS' name='keywords'/>
<meta content='AUTHOR' name='author'/>

4. Replace the words in red with your appropriated content.

Now your could view your blog and check your meta tags at the page source ( in your browser, click View/Source(Page Source) ).

Happy harvest exp.

Tuesday, 26 February 2008

Expand collapse label widget

This is my first widget on the way i'm learning about blogger.
I don't like original label widget of blogger because :
- it's load all posts related to (slow to browse).
- hard to browse all if there're too many posts of a label.

As you see the label widget on this blog, when a label name is clicked, a table of content (TOC) is display above post region. The TOC author is Hans , you can visit his site and try implement the original TOC if you like.

At first, your blog must already has a label widget. If not, just add one ;).
There are three easy steps to get one label widget. Here you are :
1. In Layout tab of your blog administration region, choose "Edit HTML". After "Expand Widget Templates", press Ctrl-F and type "Label1" to look up your label widget code ( or find it by any way you want ;) ).
You found code like this :

Replace code above with this (click to get code )
Ok, step one finished .

2. Now, press Ctrl-F and lookup "type='Blog'". You found it?
Ya, nothing to do with this line, Let take a look at the line above it.
section class='main' id='main' showaddelement='yes'
change showaddelement to 'yes'.
Save your work.
Ok, step two

3. Choose "Page Elements"
You can add Page element in the same column with Blog Posts now. ;). Ok, click to add one.
In the popup, choose type of widget is "HTML & JavaScript", click "Add to Blog".
You see a new popup appear. Ya. Now add this code (click to get code) to Content, title just left blank.
Click "Save Changes".
step three finished.

Just view your blog and enjoy the widget.
Happy harvest exp.