MatrixAdapt | Logiciel de gestion d'Entreprise, Création et référencement des sites web

Multibet88 - Cristiano Ronaldo Tak Pikirkan Masa Depan Jose Mourinho - Judi Online - Ronaldo memastikan dirinya tidak 'satu paket' dengan Mourinho andai kompatriotnya meninggalkan Santiago Bernabeu di akhir musim - Cristiano Ronaldo menegaskan dia tidak mencemaskan masa depan pelatih Jose Mourinho setelah timnya tereliminasi di semi-final Liga Champions di tangan Borussia Dortmund.

Seo Master present to you: 2013, By: Seo Master

Multibet88 - Sergio Ramos Sesalkan Performa Di Leg Pertama - Poker Online - Ramos menyadari pangkal ketersingkiran Madrid adalah performa buruk di Signal Iduna Park. Meski mengalahkan Borussia Dortmund 2-0 pada second leg semi-final Liga Champions yang baru saja berakhir, Real Madrid harus merelakan tiket final menjadi milik klub Bundesliga itu.




Multibet88 - Sergio Ramos Sesalkan Performa

Seo Master present to you: Last week I was privileged to host PPK (Peter-Paul Koch) for a Google tech talk entitled "The Open Web Goes Mobile". Most developers building web apps have benefited from PPK's browser compatibility research hosted on his well known site quirksmode.org. Now, fortunately, PPK is turning his attention to the world of mobile web devices. To no one's surprise, browser compatibility on mobile devices is even worse than it is on the desktop. Or as PPK puts it on his opening slide "Hell is other browsers". Check out his slides or watch the video here.



PPK starts by identifying the four main problems with getting web sites to work well on mobile clients: small memory, small display, flaky browsers, and flaky connections. Memory is an area for more research, especially benchmarking. PPK offers some suggestions for dealing with a small display, including using media queries in CSS (@media all and (max-width: 300px) {}) and offsetWidth in JavaScript.

Mobile browsers themselves are flaky when it comes to advanced CSS and JavaScript. But PPK finds that even basic stuff, such as font-style: italic, has to be verified. As a result of his testing, PPK categorizes mobile browsers into three levels of compatibility:

• top level: Android WebKit, Safari, Opera Mobile
• mid level: S60 WebKit, Blackberry, Opera Mini
• bottom level: NetFront, IE Mobile

Obviously, this is not an exhaustive list of mobile clients. PPK also mentions OpenWeb, Nokia S40, Palm Blazer, Iris, Bolt, Skyfire, Obigo, Fennec, and Teashark. This is the challenge in developing for the mobile web - there are a large number of clients and they exhibit diverse compatibility behavior.

When it comes to flaky connections, PPK points out that your connection speed is affected by the activity of the people around you. It's unlikely that this is going to change any time soon, so it's important to reduce the size of your downloads as much as possible. The problem is that caching on mobile devices isn't always reliable.

The impact of flaky connections can be mitigated by saving your core files on the mobile device. W3C Widgets offers a solution for achieving this. They're local applications written in HTML, CSS, and JavaScript that run inside the mobile browser. Ajax is used to download what's required: data. An advantage of using W3C Widgets is that, if the specification gets wide adoption, widgets will run across multiple mobile devices, and companies won't have to build a custom application for each target device. Right now, W3C Widgets work in Vodafone and Nokia S60 phones and Opera/T-Mobile phones for Windows Mobile, so evangelism to other mobile devices is needed. But the possibility of sharing applications across phones is compelling, for both the user experience as well as reduced development costs for mobile app developers.

By Steve Souders, Performance Evangelist2013, By: Seo Master

Seo Master present to you: There are over 60 Google APIs across a wide range of products and technologies. The AJAX APIs include Google Search, Language, Maps, FriendConnect, and Visualization APIs. The team recently launched v2 of the AJAX APIs Playground, an app designed to show interactive code samples for some of our coolest Javascript APIs. The Google Data APIs provide a simple standard protocol for reading and writing data on the web and are used by many products including YouTube, Calendar, Picasa Web Albums, and as of last week, Analytics.

Google I/O will feature many sessions covering the AJAX and Google Data APIs. Here are a few of the developers who'll be leading sessions and/or demoing at the Developer Sandbox:

• Redfin
  Redfin is an online brokerage site for buying and selling homes. Redfin uses the Google Maps, Charts, and Feeds APIs. Redfin actively talks about the behind-the-scenes development decisions, which can be found at the Redfin Developer Blog. (For example, they blogged about why they switched to the Google Maps API) Sasha Aickin, Engineering Manager, will be speaking on a session called Performance Tips for Geo API Mashups.


• Lonely Planet
  Lonely Planet is known by travelers for producing informed and honest travel advice. Lonely Planet uses the Google Maps Javascript API to power interactive maps on lonelyplanet.com, the Google Static Maps API on its cross-device mobile site, m.lonelyplanet.com, and OpenSocial, App Engine, and Android in products soon to be launched. Ken Hoetmer, Lonely Planet's neogeographer in residence, will be speaking on a session called Maps APIs & Mobile.


• Adobe
  Introduced with Adobe Creative Suite 4, Adobe Community Help utilizes Google Custom Search (a product which also supports the AJAX APIs) to aggregate the most relevant help content from the broader community. By integrating search directly within the application workflow, users can find answers to their software questions no matter where those answers may be found. Currently, Adobe is exploring ways of expanding Custom Search to include code samples directly within Adobe development environments for products like Flash and Flex. (Read Adobe's blog post about Adobe Community Help)


• LuckyCal
  LuckyCal is a calendaring application which utilizes several of the Google Data APIs to create a dynamic calendar experience. They authenticate using OAuth to retrieve data from the Calendar and Contacts Data APIs. Based on where you'll be, who you know and what you like, LuckyCal finds events that are relevant to you. LuckyCal has also created a Google Gadget and uses the Maps API (both for UI and for Geocoding) extensively.


• Eye.fi
  The Eye-Fi Card stores photos & videos like a traditional memory card, and fits in most cameras. When you turn your camera on within range of a configured Wi-Fi network, it wirelessly transfers your photos & videos to either your computer or services like YouTube, Picasa Web Albums, etc via the YouTube and Picasa Web Albums Data APIs.


• Vast Rank
  Vast Rank is a college ranking website that utilizes the Google Maps API in their interactive ranking map (where visitors see rankings based on what is in view on the map). With the Client Location API, Vast Rank’s personalization engine can weigh the visitor’s location into the criteria used to suggest interesting colleges to the visitor. Vast Rank creator Jon Kragh will be leading a session, Using AJAX APIs to Navigate User-Generated Content.


• 280 North
  280 North's application, 280 Slides, enables users to easily create web-based presentations. With the AJAX Search API and Google Data APIs, 280 Slides builds in the ability to search Google for images and YouTube for videos and drag media directly into a presentation. 280 North is also the creator of Cappuccino, an open source JavaScript-based web development framework. Check out co-founder Ross Boucher's videos where he talks about 280 Slides' implementation.

Finally, a friendly reminder that early (discounted) registration for Google I/O ends this Friday, May 1. Visit code.google.com/io to sign up and learn more about sessions and demos that'll be in store this year.

*Follow us for the latest I/O updates: @googleio.

By Christine Tsai, Google Developer Products2013, By: Seo Master

Seo Master present to you: 2013, By: Seo Master

Seo Master present to you: 2013, By: Seo Master

Seo Master present to you: By Dion Almaer, Google Developer Programs



We had the pleasure to talk to some of the Google App Engine team to discuss the recent launch that Dick uses the tagline as "Your apps, our servers". We get to chat with tech lead on the project Kevin Gibbs, product manager Pete Koomen, and Guido van Rossum. I don't think we need to introduce Guido!

The podcast starts out answering why Google App Engine was created, and why Python was chosen as the first language. We then hear about the work that goes into making a language hardened for the platform itself.

Of all of the APIs that we expose in the App Engine back-end, we feel that the Database API is probably the most foreign for the majority of developers. Many are used to the relational model for datastores, and our datastore is different. Kevin talks about these differences, and the ramifications that come with a schema-less store. We then delve into the practicalities of having libraries such as SQL Alchemy support GQL which is a functional subset of SQL.

What about lock-in? This was one of the big questions that came out of the community when we launched App Engine. You can see how open the team is to other solutions, and how they like seeing work such as AppDrop that shows how you can do this. The choice to make the SDK itself fully open source says a lot.

Guido discussed how the Python runtime is indeed the full language, but how some libraries are not there. He talks about the reasons behind the choices, which are mainly related to security. As time goes on more libraries that developers really need will make it into the system, often with equivalent implementations. Although a traditional file system doesn't make sense in the cloud, we could very well see a virtual file system implemented.

We go on to discuss a lot more, including:

• What restrictions are there for serving your applications?
• What Web frameworks are available?
• Can you develop Web services as well as Web applications? How about gadget and widget?
• What kind of traffic can be expect with the free accounts?
• Can I run these applications on my domain, and integrate with Google Apps?

If you want to see more of the team and play with App Engine, come by a hackathon when it get to your neck of the woods, or hear more at Google I/O.

You can download the episode directly, or subscribe to the show (click here for iTunes one-click subscribe).2013, By: Seo Master

Seo Master present to you: By Satish Kambala and Mustafa M. Tikir, Google Analytics Team

Cross-posted from the Google Analytics Blog

As part of our mission to make the web faster, Google Analytics provides Site Speed reports to analyze your site’s page load times. To help you measure and diagnose the speed of your pages in a finer grain, we’re happy to extend the collection of Site Speed reports in Google Analytics with User Timings.

With User Timings, you can track and visualize user defined custom timings about websites. The report shows the execution speed or load time of any discrete hit, event, or user interaction that you want to track. This can include measuring how quickly specific images and/or resources load, how long it takes for your site to respond to specific button clicks, timings for AJAX actions before and after onLoad event, etc. User timings will not alter your pageview count, hence,  makes it the preferred method for tracking a variety of timings for actions in your site.

To collect User Timings data, you'll need to add JavaScript timing code to the interactions you want to track using the new _trackTiming API included in ga.js (version 5.2.6+) for reporting custom timings. This API allows you to track timings of visitor actions that don't correspond directly to pageviews (like Event Tracking).  User timings are defined using a set of Categories, Variables, and optional Labels for better organization. You can create various categories and track several timings for each of these categories. Please refer to the developers guide for more details about the _trackTiming API.

Here are some sample use cases for User Timings

• To track timings for AJAX actions before and after onLoad event. 
• A site can have their own definition of "User Perceived Load Time", which can be recorded and tracked with user timings.  As an example, news websites can record time for showing the above fold content as their main metric instead of onLoad time. 
• Detailed performance measurement and optimization of sub components on a page, such as time to load all images, CSS or Javascript, download PDF files and time it takes to upload a file.

Want to check out User Timings Report in your account?

Go to the content section and click the User Timings report under Content section. There are three tabs within the User Timings report for you to review: Explorer, Performance, and Map Overlay. Each provides a slightly different view of user timings reported.

The Explorer tab on the User Timings report shows the following metrics by Timing Category, Timing Variable, or Timing Label (all of which you define in your timing code).

• Avg. User Timing—the average amount of time (in seconds) it takes for the timed code to execute
• User Timing Sample—the number of samples taken

The Explorer tab also provides controls that you can use to change the tabular data. For example, you can choose a secondary dimension—such as browser— to get an idea of how speed changes by browser.

To learn more about which timings are most common for user timings, switch to the Performance tab. This tab shows timing buckets, providing you with more insight into how speed can vary for user reported timings for selected category, variable and label combinations. You may switch to Performance tab at any point of navigation in the Explorer tab, such as after drilling down on a specific category and variable, to visualize distribution of user reported timings.  The bucket boundaries for histograms in Performance Tab are chosen to be flexible so that users can analyze data at low values ranging from 10 milliseconds granularity to 1 minute granularity with addition of sub-bucketing for further analysis.
The Map Overlay tab provides a view of your site speed experienced by users in different geographical regions (cities, countries, continents).


Satish Kambala and Mustafa M. Tikir are on the Google Analytics Team.

Posted by Scott Knaster, Editor

2013, By: Seo Master

Seo Master present to you:

Friends,This is a software to send free SMS from your computer. Send thousands of SMS easily from the computer and receive incoming SMS into the computer (2-way SMS).You don’t need any registration, credit prepay, SMS gateway required to send SMS. It also support Long SMS, Flash SMS, SMS Mail Merge.Use your existing Nokia, Sony Ericsson or Motorola mobile phone! Download from below link..

SMS Caster V3.6 Full Version With Key Generator: Click here (Alternate Link) OR Click here

 

Features

• Convenient: Send & receive SMS right from your computer. Do not relies on an Internet SMS gateway.
• Low cost: No registration, no pre-pay and no need to buy SMS credit before start. Utilize your existing mobile phone.
• Phone book: Manage your contact list for different marketing campaigns into project files, with grouping support. Import existing data from a wide varieties of comma separated value and text file with the “Import Wizard”.
• Send personalized SMS: Send personalized SMS content to each recipient by inserting data from the phone book automatically.
• Unlimited SMS: You can send and receive unlimited number of sms during license period.
• Send in different languages: Support GSM 7-bit and UCS2 Unicode encoding with Auto Encoding Selection. Compose your SMS in many different languages: German, French, Dutch, Greek, Italian, Portuguese, Chinese, Japanese, Korean, Arabic, Cyrillic, etc.
• Responder: Auto reply to incoming SMS for pre-defined keywords and reply messages. (Enterprise Edition Only)

Details

• SMSCaster E-Marketer is easy-to-use yet powerful SMS message broadcasting software for e-marketing. It allows you to send marketing & advertising SMS and receive response SMS from the computer.
• If differs from other desktop texting software which relies on an Internet SMS gateway. Instead, use your existing mobile phone, GSM modem or cellular terminal and connect it to the computer. The connection can be done via a USB data cable, serial data cable or Bluetooth COM port.
• Designed with bulk broadcasting in mind, SMSCaster helps you manage your marketing campaigns and send customized messages to your target groups. Since SMS is fast and cost effectiveness, messages like promotion, reminder, alert, special notice or statement are well suited to be delivered by using SMSCaster E-Marketer.

 

 

 

Official Website:www.smscaster.com

 

 

Leave a comment………. If links are not available………………..

2013, By: Seo Master

Seo Master present to you: สิ่งที่สำคัญที่สุดในการทำ SEO หรือการโปรเมทเว็บไซต์ของเราก็คือ Backlink ดังนั้นเรามาทำความรู้จักกับ Backlink กันให้มากขึ้นว่าเราไปสร้าง Backlink เพื่อโปรโมทกับเว็บไซต์ต่างๆนั้นเราได้เป็น Backlink ประเภทไหนกันครับ Backlink แบ่งได้ออกเป็น 2 ประเภทก็คือ Backlink แบบ DoFollow และแบบ NoFollow
เรามาเริ่มต้นกันที่ DoFollow ก่อนละกันครับ Backlink ประเภทนี้เป็นลิงค์ที่ถือว่าดีที่สุดในการทำ SEO เพราะว่าเราจะได้รับทั้ง Traffic จากการที่เราฝากลิงค์ไว้และได้รับความสนใจจากผู้พบเห็นคลิ๊กตามลิงค์มา อย่างที่สอง RoBot เราจะได้ Robot หรือ Spider ของ Serch Engine ที่เข้ามาเก็บข้อมูลหน้า Page ที่เราฝากลิงค์นั้นๆไว้ไต่ตามลิงค์มาที่เว็บไซต์ปลายทางของเราเพื่อทำการเก็บข้อมูล หรือ Index และเปลี่ยนมาเป็น Backlink อย่างที่สาม เราจะได้รับการคำนวนค่า PR หรือ PageRank ค่าคะแนนจากเว็บต้นทางด้วย เพราะฉะนั้นถือได้ว่าลิงค์ประเภท DoFollow เป็น Backlink ที่เหมาะที่สุดและเยี่ยมสุดในการทำ SEO
รูปแบบลิงค์ชนิด DoFollow <a href=”http://yourwebsitename”>yourlinkname</a>
ที่นี่เรามาดูลิงค์แบบ NoFollow ลิงค์ประเภทนี้เราจะได้รับ Traffic จากการที่เราฝากลิงค์ไว้กับเว็บไซต์ต้นทางคล้ายลิงค์แบบ DoFollow รวมทั้ง เราจะได้รับการเก็บข้อมูลจาก Robot ของ Serch Engine ไต่ตามลิงคค์ตามเข้ามาเก็บข้อมูล หรือ Index ข้อมูลของเราและเป็น Backlink แต่ข้อแตกต่างจากลิงค์แบบ DoFollow ก็คือ เราจะไม่ได้รับการคำนวนค่า PR (PageRank) หรือค่าคะแนนของ Page จากเว็บต้นทางครับ
รูปแบบลิงค์ชนิด NoFollow <a rel=”nofollow” href=”http://yourwebsitename”>yourlinkname</a>2013, By: Seo Master

Seo Master present to you: With recent launches like Google Latitude and Google Toolbar with My Location, it's clear we think location-based services are useful and fun! We also want developers everywhere to be able to use location to build cool new features and applications.

I'm pleased to announce that Google's Location Service (the same service which powers the My Location feature in many Google products), is now the default location provider in Mozilla Firefox 3.5 beta 4. This means that developers can, with users' permission, gain access to their approximate location without requiring any additional plug-ins or setting configurations. It just works!

Mozilla Firefox 3.5 beta 4 uses the W3C geolocation API, a standard being adopted by many major browsers, so you won't have to branch code in the future.

For web developers, using geolocation services in Firefox is easy! Here's a simple example to get you started:

<html>
<head>
<script type="text/javascript">

function displayLocation(loc) {
  var locDiv = document.getElementById("locationDiv");
  locDiv.innerHTML = "lat: " + loc.coords.latitude + ", lon:" + loc.coords.longitude;
}

function getLocation() {
    navigator.geolocation.getCurrentPosition(displayLocation);
}

</script>
</head>

<body>
<a href="#" onClick="getLocation()">Click here to display location</a><br>
<div id="locationDiv"></div>
</body>
</html>

When your site calls getCurrentPosition, a drop down will ask the user permission to get his or her location. Upon acceptance of the request, the callback function you specify will run with the machine's approximate location contained in the loc parameter. Here's a screenshot of the permission dropdown:


We hope you find the new and useful ways to use the new geolocation capabilities of Firefox!

By Jonathan McPhie, Google Mobile Team2013, By: Seo Master

Seo Master present to you: 2013, By: Seo Master

Seo Master present to you: 2013, By: Seo Master

Seo Master present to you: 2013, By: Seo Master

Seo Master present to you:


Download : 55-in30-minute-infographics.zip2013, By: Seo Master

Seo Master present to you: 2013, By: Seo Master

Seo Master present to you:

What is your blog about? It could a personal diary where you write your personal stuff or could be following a specific niche or broad topic. However did you ever think about telling people what is your blog about? Generally, blog description is a concise description about your blog and it defines the purpose of your blog. Why it is so important? Usually people land on your blog viareferrals may doesn't really care about your blog description. Do they? They just interest about your content and if they inspired by your content, they will follow and come back to your blog. But people finding information via web search will probably give the description beneath your blog title in search results a look before they dig in to your blog. So meaningful and relevant blog description is necessary for people to find your blog useful for their requirements. Don't you have a blog description for your blog yet?

Just indicating your blog description using text or at settings doesn't helpful for search engines to identify it as your blog description. You need to tell search engines about your blogdescription to display it underneath your blog title in search results. That's how it becomes a search description or snippet which displays in search results. Below is a snapshot of how my blog appears on Google search results.

 

 

Before You Go:
You need to check your template for the availability of below code snippet in it. If it's not available in your template, add it right after <b:include data='blog' name='all-head-content'/> line of code.
Note: If you don't know how to view and edit your template,

<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>

Steps:
1. Go to Blogger Dashboard.
2. Click on your Blog Title.
3. Navigate to Settings tab from left pane.
4. Now jump to sub option Search preferences.
5. Find option Description under Meta tags heading and click Edit link correspond to it.
6. Now set option Yes for setting Enable search description?.

7. Now add your blog description in the respective text area.

Note: Make sure your blog description doesn't exceed 150 character limit.

8. Click on Save changes button.
Enjoy :-) 2013, By: Seo Master

Seo Master present to you: Read more »2013, By: Seo Master

Seo Master present to you: 2013, By: Seo Master

Seo Master present to you:

1. Go to Facebook.com/Username - I don’t know why it’s called that.

I’ve already set my personal account to be facebook.com/entertainer001

– this is how you do Business Pages, Fan Page, Brand Pages or whatever they are called now.

 

2. Now click Set Username for your Pages – you’ll get a list of your pages.

 

You can also add URL names for Applications, not just Pages.

 

3. Make sure you spell your brand name correctly.

 

 

Ah well, if you found this useful, please become a fan of Entertainment?

http://www.facebook.com/entertainer001 <— see?

2013, By: Seo Master

CARA MEMBUAT BLOG SEO FRIENDLY sebenarnya bisa agak sulit untuk blogger pemula. Jadi bagi teman-teman blogger yang masih baru, mungkin anda perlu waktu lebih lama untuk memahami ini. Kalau mau cara yang instant anda bisa mengeluarkan biaya sekitar 30 ribu sampai 50 ribu untuk menyewa jasa pembuatan blog yang SEO friendly....(anda bisa cari di Google saja)




Artikel ini adalah bagian dari

Seo Master present to you: As a developer, one of the coolest things about working on the Google Chrome web browser is that there's very little difference between being a Googler working on it and being an external contributor. Most development happens via public wikis, mailing lists, bugs, and code under the Chromium project. Chomium's openness is something we take a lot of pride in.

Last Wednesday 5 of Chromium's top contributors gave tech talks on a wide range of very technical topics. Given our commitment to openness, it shouldn't surprise you that we went to great lengths to film them. None of us had filmed a tech talk before, but through a great team effort we were able to capture some really great presentations. If you're interested in the guts of Chromium's code base, I encourage you to check them out:

• Darin Fisher talking about Chromium's multi-process architecture
• Brett Wilson talking about the various layers of Chromium
• Dimitri Glazkov talking about hacking on WebKit
• Ben Goodger talking about Views (and how to write good tests for them)
• Wan-Teh Chang and Eric Roman talking about Chromium's network stack (and its history)

By Jeremy Orlow, Software Engineer2013, By: Seo Master

Seo Master present to you:
By Scott Knaster, Google Code Blog Editor

The final launch of Space Shuttle Endeavour is now scheduled for early next week. This will be the next-to-last mission planned for the US Space Shuttle program. As a young nerd, I loved to watch the progress of the space program. Almost as amazing as the missions themselves was the fact that I could see it all live on television, even from hundreds of thousands of miles away.

Endeavour is going to do much better than that. You can go to www.youtube.com/pbsnewshour and submit video questions for the crew of Endeavour. The crew will select some of the questions and answer them live on YouTube. For more details, see the Official Google Blog.

Much closer to home, and completely unrelated, Google Chrome got a pretty slick new feature in the stable release this week. You can now use voice input with Google Translate in Chrome. In many languages, you can even click Listen to hear the translation. This feature uses the HTML speech input API. Now I can practice those languages I never quite mastered on my last vacation.



For more on what you can develop with HTML5 and other open web technologies, see the Chrome Experiments site.

Finally, if you want to know why this Space Shuttle mission includes squids, read this page.

2013, By: Seo Master

Seo Master present to you:
SenukeXCr Version 3.0.90 issue, Released 4/27/2013

This issue is the
identical as 3.0.89, with only a new recovery submission and secondary additional
logging.

Ticket 2053: characteristic Request: Ability to selectively hesitate
crusades
permit 2516: Bookmarking sites in bookmarking module buit not in
account creation
permit 2519: Add handling for large registers of keywords in
turbo wizard
Ticket 2510: Bookmarking site to add
permit 2520: many of
communal mesh sites do well but no content dispatched on page
Ticket 2485: Using
item Builder for bookmarking

Fixed success rates for forum, wiki,
bookmarking and communal mesh.

Plus the common location
fixes/changes/additions

Based off changeset #5256

Download :  SENuke XCR 3.0.90.zip

2013, By: Seo Master

Seo Master present to you: 2013, By: Seo Master

Seo Master present to you: The tabviews are elements that allow us to group in a single container various gadgets and these can be selected via tabs.
Its main function is to save space on the blog to avoid scattered gadgets in the same category so you can group multiple gadgets into one. There are several methods for creating tabviews, some require jQuery, other MooTools, or any other script.
To add this widget to your blog, just follow the steps below:

Step 1. From your Blogger Dashboard, go to Template and click on the Edit HTML button

Step 2. Expand the style of the template, by clicking on the sideways arrow before <b:skin> ... </b:skin>


Step 3. Search using CTRL + F for the following tag:

]]></b:skin>

Step 4. Just above it, add the following code:

/* Tabview for Blogger
----------------------------------------------- */
.tabviewcont{
margin:15px 0;
padding:0;
clear:both;
}

.tabviewnav {
margin: 0 0 0 14px;
padding:3px 0; /* If you are using a Blogger Template change 0 with 15px */
font-size:12px; /* Font size of text inside tabs */
font-weight:bold;
}
.tabviewnav li {
list-style:none;
margin:0;
display:inline;
}
.tabviewnav li a {
padding:3px 6px;
margin-right:1px;
background:#F6F6F6; /* The background color of the tabs */
border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
text-decoration:none;
color:#222222;
}
.tabviewnav li a:hover {
color:#222222;
background:#EBEBEB; /* Background color of the tab on mouseover */
text-decoration:none;
}
.tabviewnav li.tabviewactive a,
.tabviewnav li.tabviewactive a:hover {
background:#EBEBEB; /* Background color of the active tab */
color:#222222;
}
.tabviewcont .tabviewtab {
padding:5px;
border:1px solid #EEEEEE; /* Border around the container */
background:#fff; /* The background color of the gadget */
}
.tabviewcont .tabviewtab h2,
.tabviewcont .tabviewtabhide {
display:none;
}
.tabviewtab .widget-content ul{
list-style:none;
margin:0 0 10px 0;
padding:0;
}
.tabviewtab .widget-content li {
border-bottom:1px solid #ccc;
margin:0 5px;
padding:2px 0 5px 0;
}

Step 5. Find the </head> tag and just above it, paste this script:

<script type='text/javascript'>
// Tabview for grouping gadgets

//<![CDATA[
document.write('<style type="text/css">.tabview{display:none;}<\/style>');function tabviewObj(argsObj){var arg;this.div=null;this.classMain="tabview";this.classMainLive="tabviewcont";this.classTab="tabviewtab";this.classTabDefault="tabviewtabdefault";this.classNav="tabviewnav";this.classTabHide="tabviewtabhide";this.classNavActive="tabviewactive";this.titleElements=['h2','h3','h4','h5','h6'];this.titleElementsStripHTML=true;this.removeTitle=true;this.addLinkId=false;this.linkIdFormat='<tabviewid>nav<tabnumberone>';for(arg in argsObj){this[arg]=argsObj[arg]}this.REclassMain=new RegExp('\\b'+this.classMain+'\\b','gi');this.REclassMainLive=new RegExp('\\b'+this.classMainLive+'\\b','gi');this.REclassTab=new RegExp('\\b'+this.classTab+'\\b','gi');this.REclassTabDefault=new RegExp('\\b'+this.classTabDefault+'\\b','gi');this.REclassTabHide=new RegExp('\\b'+this.classTabHide+'\\b','gi');this.tabs=new Array();if(this.div){this.init(this.div);this.div=null}}tabviewObj.prototype.init=function(e){var childNodes,i,i2,t,defaultTab=0,DOM_ul,DOM_li,DOM_a,aId,headingElement;if(!document.getElementsByTagName){return false}if(e.id){this.id=e.id}this.tabs.length=0;childNodes=e.childNodes;for(i=0;i<childNodes.length;i++){if(childNodes[i].className&&childNodes[i].className.match(this.REclassTab)){t=new Object();t.div=childNodes[i];this.tabs[this.tabs.length]=t;if(childNodes[i].className.match(this.REclassTabDefault)){defaultTab=this.tabs.length-1}}}DOM_ul=document.createElement("ul");DOM_ul.className=this.classNav;for(i=0;i<this.tabs.length;i++){t=this.tabs[i];t.headingText=t.div.title;if(this.removeTitle){t.div.title=''}if(!t.headingText){for(i2=0;i2<this.titleElements.length;i2++){headingElement=t.div.getElementsByTagName(this.titleElements[i2])[0];if(headingElement){t.headingText=headingElement.innerHTML;if(this.titleElementsStripHTML){t.headingText.replace(/<br>/gi," ");t.headingText=t.headingText.replace(/<[^>]+>/g,"")}break}}}if(!t.headingText){t.headingText=i+1}DOM_li=document.createElement("li");t.li=DOM_li;DOM_a=document.createElement("a");DOM_a.appendChild(document.createTextNode(t.headingText));DOM_a.href="javascript:void(null);";DOM_a.title=t.headingText;DOM_a.onclick=this.navClick;DOM_a.tabview=this;DOM_a.tabviewIndex=i;if(this.addLinkId&&this.linkIdFormat){aId=this.linkIdFormat;aId=aId.replace(/<tabviewid>/gi,this.id);aId=aId.replace(/<tabnumberzero>/gi,i);aId=aId.replace(/<tabnumberone>/gi,i+1);aId=aId.replace(/<tabtitle>/gi,t.headingText.replace(/[^a-zA-Z0-9\-]/gi,''));DOM_a.id=aId}DOM_li.appendChild(DOM_a);DOM_ul.appendChild(DOM_li)}e.insertBefore(DOM_ul,e.firstChild);e.className=e.className.replace(this.REclassMain,this.classMainLive);this.tabShow(defaultTab);if(typeof this.onLoad=='function'){this.onLoad({tabview:this})}return this};tabviewObj.prototype.navClick=function(event){var rVal,a,self,tabviewIndex,onClickArgs;a=this;if(!a.tabview){return false}self=a.tabview;tabviewIndex=a.tabviewIndex;a.blur();if(typeof self.onClick=='function'){onClickArgs={'tabview':self,'index':tabviewIndex,'event':event};if(!event){onClickArgs.event=window.event}rVal=self.onClick(onClickArgs);if(rVal===false){return false}}self.tabShow(tabviewIndex);return false};tabviewObj.prototype.tabHideAll=function(){var i;for(i=0;i<this.tabs.length;i++){this.tabHide(i)}};tabviewObj.prototype.tabHide=function(tabviewIndex){var div;if(!this.tabs[tabviewIndex]){return false}div=this.tabs[tabviewIndex].div;if(!div.className.match(this.REclassTabHide)){div.className+=' '+this.classTabHide}this.navClearActive(tabviewIndex);return this};tabviewObj.prototype.tabShow=function(tabviewIndex){var div;if(!this.tabs[tabviewIndex]){return false}this.tabHideAll();div=this.tabs[tabviewIndex].div;div.className=div.className.replace(this.REclassTabHide,'');this.navSetActive(tabviewIndex);if(typeof this.onTabDisplay=='function'){this.onTabDisplay({'tabview':this,'index':tabviewIndex})}return this};tabviewObj.prototype.navSetActive=function(tabviewIndex){this.tabs[tabviewIndex].li.className=this.classNavActive;return this};tabviewObj.prototype.navClearActive=function(tabviewIndex){this.tabs[tabviewIndex].li.className='';return this};function tabviewAutomatic(tabviewArgs){var tempObj,divs,i;if(!tabviewArgs){tabviewArgs={}}tempObj=new tabviewObj(tabviewArgs);divs=document.getElementsByTagName("div");for(i=0;i<divs.length;i++){if(divs[i].className&&divs[i].className.match(tempObj.REclassMain)){tabviewArgs.div=divs[i];divs[i].tabview=new tabviewObj(tabviewArgs)}}return this}function tabviewAutomaticOnLoad(tabviewArgs){var oldOnLoad;if(!tabviewArgs){tabviewArgs={}}oldOnLoad=window.onload;if(typeof window.onload!='function'){window.onload=function(){tabviewAutomatic(tabviewArgs)}}else{window.onload=function(){oldOnLoad();tabviewAutomatic(tabviewArgs)}}}if(typeof tabviewOptions=='undefined'){tabviewAutomaticOnLoad()}else{if(!tabviewOptions['manualStartup']){tabviewAutomaticOnLoad(tabviewOptions)}}
//]]>
</script>

Step 6. Finally, look for this line:

<div class='column-right-inner'>

Or if you use an old template of Blogger, search this line:

<div id='sidebar-wrapper'>

Step 7. Paste below one of these two lines, this code:

<div class='tabview'>
<b:section class='tabviewtab' id='Tab1' maxwidgets='1'/>
<b:section class='tabviewtab' id='Tab2' maxwidgets='1'/>
<b:section class='tabviewtab' id='Tab3' maxwidgets='1'/>
</div>

Step 8. Save changes, and go to Layout and there you will see the new areas to add gadgets.


You just have to click on Add a Gadget to add the gadget to the tab that corresponds, or drag a gadget you already have to that section.

If you want to add more tabs, then just add before the last </div> a line like this:

<b:section class='tabviewtab' id='Tab4' maxwidgets='1'/>

Note that each line you add should have a different ID, for example Tab5, Tab6, etc..

You can add multiple tabs, just repeat the last step and likewise remember to change the name of the IDs.

Remember that if your sidebar is too narrow, then you should not put a lot of tabs, or tab titles that are very long.

You should also note that this gadget does not speed up the loading speed of the blog, is only to group gadgets into one, even, depending on the blog-may take a while to load the tabview.2013, By: Seo Master