Google Adsense's Advanced User Interface
Comparing the user interface of Google Adsense with Google Analytics, it seems Adsense is much classic. While Google Analytics is filled with all the ajax, Adsense seems to have only some CSS and HTMLs. Many of the Adsense users may be wondering if Google Adsense have its own detailed report, not only page wise but also some more details about the clicks and pages.
Now no worries friends, because Google Adsense is up on the way to new user interface which look some what similar to the interface in Google Analytics. Google Adsense's new user interface is still in beta mode.
AdSense soon will change user interface and the preview looks really nice and smooth(see the image above). The new AdSense interface includes more detailed performance reports and enables you to view daily stats in graphical formats. It also will provide you with additional metrics such as the amount you’ve earned from various ad, targeting and bid types. The new interface is tested by a small group of publishers and hope soon come as live version.
I hope, we all will love it.
Now no worries friends, because Google Adsense is up on the way to new user interface which look some what similar to the interface in Google Analytics. Google Adsense's new user interface is still in beta mode.
AdSense soon will change user interface and the preview looks really nice and smooth(see the image above). The new AdSense interface includes more detailed performance reports and enables you to view daily stats in graphical formats. It also will provide you with additional metrics such as the amount you’ve earned from various ad, targeting and bid types. The new interface is tested by a small group of publishers and hope soon come as live version.
I hope, we all will love it.
Hi this is my test Post
This is the test post here :
Block Quote here:
Block Quote here:
The link is here Google and this is inside the block quote...
Next Post
\You'll see in the above that all the codes are first wrapped in the body tag, followed by the outer-wrapper tag, then the wrap2 tag. These wrappers are used to group the containers together so that they can be easily editted together. Using wrappers also make placing the containers much easier especially if you want to use additional sidebars or extra containers (such as a banner or linkbar containers as in most of my templates). In the explanation below, I'll only refer to the outer-wrapper as the larger wrapper without referring at all to the wrap2 wrapper. They're just the same (I'm not even sure why the wrap2 is there in the first place).
Inside this large container, you'll see 3 wrappers - header-wrapper, content-wrapper, and footer-wrapper. They are positioned vertically with the header-wrapper being at top and the footer-wrapper being at the bottom. It's simply because in the code, the header-wrapper is called first, followed by the content-wrapper, and finally the footer-wrapper. At this point, you don't even have to know what's inside the content-wrapper - this makes it much cleaner and easier as oppose to not having the content-wrapper and having to deal with the main-wrapper and sidebar-wrapper together all at once. It'll be a big mess then.
Because the outer-wrapper is the largest wrapper, you have to make sure that the widths of all the other wrappers inside it is less or at least equal to the outer-wrapper's width. But, if you add borders, that'll add extra pixels to whichever wrapper that you're adding the borders too. So be careful when adding borders!
Adding a new wrapper (container) in between any of these wrappers is easy. Just paste in a wrapper code (see below for example) and rename it with a new name, say a banner-wrapper. The preferred='yes' command will make an 'Add Page Element' button that'll allow you to create new widgets.
Adding a wrapper only creates a new container, or block, in your blog. In doesn't set how it's going to look or where it's going to be located. To customize how it looks and where it's located in the blog, you NEED to tweak the CSS codes.
Inside the content-wrapper, you have the main-wrapper and sidebar-wrapper. To have these two wrappers side-by-side as commonly seen in blogs, you have to set the widths of these 2 wrappers such that it's equal or less than the width of the content-wrapper. Plus, you have to add certain commands in the CSS Styling code so that they'll sit next to each other. Otherwise, they'll just fall vertically on top of one another. Typically, you need to use the 'float:left' command for this. See some template examples to check more on this. If you want to add more sidebars, say a 3-column template, you simply need to add more sidebar-wrapper code (in blue). Read more in Tutorial 10 to know how to add or change sidebars.
Once you've understood the basic idea behind the Body code, it's easy to see now why the common structure of the Blogger template code looks the way it is (see below for a 3-column example). If you want to rearrange or add new containers or wrappers, what you simply need to do is to modify the Body of the code. It's that easy! But then, you have to tweak the CSS code to set how it's gonna look in the blog.
Inside this large container, you'll see 3 wrappers - header-wrapper, content-wrapper, and footer-wrapper. They are positioned vertically with the header-wrapper being at top and the footer-wrapper being at the bottom. It's simply because in the code, the header-wrapper is called first, followed by the content-wrapper, and finally the footer-wrapper. At this point, you don't even have to know what's inside the content-wrapper - this makes it much cleaner and easier as oppose to not having the content-wrapper and having to deal with the main-wrapper and sidebar-wrapper together all at once. It'll be a big mess then.
Because the outer-wrapper is the largest wrapper, you have to make sure that the widths of all the other wrappers inside it is less or at least equal to the outer-wrapper's width. But, if you add borders, that'll add extra pixels to whichever wrapper that you're adding the borders too. So be careful when adding borders!
Adding a new wrapper (container) in between any of these wrappers is easy. Just paste in a wrapper code (see below for example) and rename it with a new name, say a banner-wrapper. The preferred='yes' command will make an 'Add Page Element' button that'll allow you to create new widgets.
Adding a wrapper only creates a new container, or block, in your blog. In doesn't set how it's going to look or where it's going to be located. To customize how it looks and where it's located in the blog, you NEED to tweak the CSS codes.
Inside the content-wrapper, you have the main-wrapper and sidebar-wrapper. To have these two wrappers side-by-side as commonly seen in blogs, you have to set the widths of these 2 wrappers such that it's equal or less than the width of the content-wrapper. Plus, you have to add certain commands in the CSS Styling code so that they'll sit next to each other. Otherwise, they'll just fall vertically on top of one another. Typically, you need to use the 'float:left' command for this. See some template examples to check more on this. If you want to add more sidebars, say a 3-column template, you simply need to add more sidebar-wrapper code (in blue). Read more in Tutorial 10 to know how to add or change sidebars.
Once you've understood the basic idea behind the Body code, it's easy to see now why the common structure of the Blogger template code looks the way it is (see below for a 3-column example). If you want to rearrange or add new containers or wrappers, what you simply need to do is to modify the Body of the code. It's that easy! But then, you have to tweak the CSS code to set how it's gonna look in the blog.
my test blog
asdfsadfsadf
asdfsadfsadf
asdfsadfsadf
asdfsadfsadf
asdfsadfsadf
asdfsadfsadf
asdfsadfsadf
asdfsadfsadf
asdfsadfsadf
asdfsadfsadf
asdfsadfsadf
asdfsadfsadf
asdfsadfsadf
asdfsadfsadf
asdfsadfsadf
asdfsadfsadf
asdfsadfsadf
asdfsadfsadf
asdfsadfsadf
asdfsadfsadf
asdfsadfsadf
asdfsadfsadf
asdfsadfsadf
Subscribe to:
Posts (Atom)