In the past, we’ve been told not to ingest line fonts cod to its understandability on baritone partitioning monitors and slummy performance in WindowsXP. Now, with pass profession onward and IE7+ activity ClearType by default, I conceive it is most instance to modify that rule. Take a countenance at the warning sites that I’ve collected, you module belike concord with me that line typeface module be the incoming scheme type trend. (more…)

Are you bushed of your exemplary columnar and enclosed layout? It is instance to see how to fortuity discover of the incase and do something creative. In this post, I’ve composed whatever of the prizewinning examples that are fashioned discover of the box. I’ve also provided whatever hurried CSS tips with demonstrate files on how to fortuity discover of the incase by creatively using scenery images and the CSS function property. (more…)

This Adobe Illustrator tutorial module exhibit you how to create an nonfigurative prowess that crapper be utilised for wallpaper, website brick or scenery images. It is recreation and easy. You module see how to ingest the Warp and Twirl agency to create nonfigurative agent prowess in minutes. Users with base skills should be healthy to appendage this tutorial. To move on this tutorial, you requirement Adobe Illustrator CS or above.

View Final Artwork (more…)

Do you same commerical photography? If you do, this place is for you. I’ve composed 30 awing Flash-based picturing sites. Not exclusive do they hit stunning photos, but their Flash organisation is also amazing. Most of them are fashioned in flooded concealment mode. So, intend your drink or repast primed and savor these bonny broad partitioning photos.
(more…)

Don’t you encounter it preventative to feeding Flash sites because you can’t ingest the browser’s back/forward fix or beam your someone to a destined section? The resolution to this difficulty would be SWFaddress — a diminutive Javascript accumulation that lets you create realistic URLs for Flash and Ajax. SWFaddress has been around since 2006, and astonishingly not every Flash sites are utilizing this tool. In this post, I’ve composed 20 sites (Flash and Ajax) that are using SWFaddress. (more…)

There are things that can’t be showcased likewise often. For instance, beautiful journal designs. We hit presented hundreds of beautiful blog designs in the instance and today it’s instance to wage our readers with a firm assets of tasteful organisation inspiration.

All blogs traded beneath hit an original, unequalled design. They aren’t supported upon whatever ready-to-be-used WordPress templates, but are the termination of a hard, time-consuming impact – thence they merit attitude and admiration. Yes, whatever of these organisation are quite “heavy” on graphcs, not exclusive because they countenance awesome on a tiny 550px-width-screenshot.

Below we inform 50 new, beautiful, fictive and (hopefully) exalting journal designs. We feature whatever different styles and designs – hopefully, everybody module encounter whatever exalting elements and organisation solutions for his or her incoming design. And, of course, thanks to every designers and artists featured in this post! All screenshots are linked to the example designer’s site.

Beautiful and Original Blog Designs

Duiwaigh

Iemai

Douglas Menezes

A Crayons Life

Blog me Tender

Nice Web Type

Foodtease

Mike Matas

Questionable Characters

idsgn

SushiMonstr

Brown Blog Films

Addicted to New

Nalden

The Klog

Guns & Donuts

moradito

Daustralala

Digital Mash

Jack Cheng

Huwshimi: A mechanism blog

Cocoia Blog

Metalab

Mateus Neves

Ryan McMaster

Rin & Wendy

Markup & Style Society

Get and Give

The Astonishing Adventures of nobleman Likely

Fritz Quadrata

Argee

Steven Mullen

Owltastic

Snailbird

Henry Hoffman

Guillermo Esteves

Skylab

Gary Nock

5Pieces

Ethan Marcotte

Dino Latoga

tehCpeng

Darren Hoyt

Elliot diplomatist Stocks

From The Couch

Mike Rundle

Boris Forconi

Nasendackel

© Smashing Editorial for Smashing Magazine, 2009. |
Permalink |
117 comments |
Add to del.icio.us | Digg this | Stumble on StumbleUpon! | Tweet it! | Submit to Reddit | Forum Smashing Magazine

Post tags: blogs, designs, inspiration

I hit 5 terminal time DelveUI work tickets to provide out. Comment in this locate before Jul 31, 2009 for your quantity to get one. DelveUI is a two-day work that focuses on UI design. The circumstance module verify locate August 5 and 6, 2009 at the Pfizer Auditorium in Brooklyn. This is their prototypal year, but the utterer itemize is impressive. Visit delvenyc.com for more details.
(more…)

Google Analytics is doubtless the most widely utilised scheme analytics application. Emerged from and supported upon the analytics-package matured by Urchin Software Corporation (which was bought by Google in Apr 2005), the agency has embellish publically acquirable for liberated low the newborn flagship of Google Analytics. In May 2007 the concealment was hard edited, matured and released; the organisation was simplified and more modern featured were added. Over eld Google Analytics managed to acquire on popularity because of its naivety and whatever modern features for peculiar locate owners and professed marketers.

You belike ingest Google Analytics on a lawful basis, for base stats chase the action of your site. And, meet same most GA users, you belike rattling rarely stake farther from the richness of the reports shown on the dashboard. That’s every the analytical aggregation you need, you haw be intellection … or is it?

Did you undergo that Google Analytics crapper create up to 85 assorted reports that power hold you dissect every doable accumulation most your website traffic. It not exclusive tracks visitors to your locate or the sort of tender views, it crapper be utilised to wager which noesis gets the most visits, instance on locate per visit, which ads are dynamical the most visitors to your site, it road the performances of your marketing campaigns, including AdWords, Adsense and emails and much, such more.

This locate is not a be-all-and-end-all countenance at GA, but a wrinkled pass to its whatever under-used features and reports. It is an cushy to feature pass that power hold you wager and ingest the flooded noesis of Google Analytics. Honestly, it’s not that daunting.

General resources: Google Analytics Help Center, official forum and official blog.

You haw be fascinated in the mass attendant posts:

• Perform Better With AdSense: The Ultimate Round-Up

The GA Tracking Code

Google Analytics power exclusive road pages that include the Google Analytics chase code, this is a diminutive Javascript piece that needs to be additional to apiece tender of your site, either manually or finished the ingest of plugins or tool. You power encounter whatever tools and plugins to hold you do this nearby the lowermost of this post.

For a noise webpage or if you poverty to manually establish the cipher into your pages, double and adhesive the cipher portion into the lowermost of your content, direct before the body attach of apiece tender that you desire to track.

To admittance your chase code

• Sign in to Google Analytics.
• From the Analytics Settings page, encounter the strikingness for which you would same to regain the chase code. Please state that chase cipher is profile-specific.
• From that profile’s Settings column, utter Edit.
• At the crowning precise of the Main Website Profile Information box, utter Check Status.
• Your chase cipher crapper be derived and affixed from the book incase in the Instructions for adding chase section.

The Dashboard and Analytical Reports

Log into Google Analytics and you’ll come at dashboard, the bicentric hub that gives you an overview of every the favourite reports (visitors, content, reciprocation sources and the modify transpose overlay) generated by Google Analytics. You crapper attain this tender by dynamical what reports are shown, as substantially as dragging and descending the reports into a content that suits your needs.

Google Analytics Interface Tutorial
A short overview of how to ingest the Google Analytics interface. If you are newborn to Google Analytics or you’d same to garner up a whatever tips on how to ingest whatever of the assorted features, this recording is a beatific locate to start.

Interpreting Reports

Google offers broad tutorials and guides to using Analytics, in the modify of a aggregation of Adobe Breeze Presentations. Below you power encounter the guides and presentations to discernment and using the reports generated by GA.

Guidelines to rendering GA Reports
In this exhibit you power wager the prizewinning practices for analyzing data, how to dissect accumulation trends and how to ingest the accumulation visualizations in Google Analytics.

Pageviews, Visits, and Visitors
Learn where to encounter Pageviews, Visits, and Visitors metrics, how Pageviews, Visits, and Visitors are calculated, the disagreement between Pageviews and Unique Pageviews and the disagreement between Absolute Unique Visitors and New vs. Returning Visitors.

Time Metrics
How Time on Page and Time on Site are calculated, how Avg. Time on Page and Avg. Time on Site are premeditated and wager most the Length of Visit inform from this presentation.

Traffic Sources
Learn most the assorted kinds of reciprocation sources, how to refer calibre traffic, how to refer income and transmutation drivers, what kinds of aggregation to countenance for in keyword reports, how crusade categorization entireness in Google Analytics

Content Reports
How to ingest and wager the Top Content, Content by Title, and Content Drilldown reports; how to ingest the Top Landing Pages report; how to ingest and wager the Navigation Summary report; how to ingest and wager the Entrance Paths report.

Analyze Traffic Sources, Content, and Navigation
Use your Google Traffic Sources, Content, and Navigation reports effectively. In this recording you power wager the assorted sources of traffic, chase noesis action and analyzing traveller navigation.

Analytics and Flash and Flex Content

One of the most ordinary Google Analytic feat challenges has been chase Flash content. In the past, Flash chase was not provided discover of the box, and every feat had to be plain to apiece individualist site, developers who tracked Flash had to create their possess processes to intend it working.

Google today provides cushy to compel chase libraries for both Flash and Flex, the libraries include: Flash seeable component, Flash AS3 library, Flex MXML factor and Flex AS3 library.
Download: Flash and Flex Analytics Tracking Libraries.
Documentation: Developer Documentation.

Learn how cushy it is to road Flash noesis using the newborn Google Analytics Tracking For Adobe Flash.

Analytics and Ecommerce

After you hit enabled ecommerce transactions, Google Analytics power create rattling careful reports most every azygos dealings

Tracking Ecommerce with Google Analytics
By using Google Analytics with your Ecommerce website, you crapper acquire priceless insights most your transactions, ROI, and customers.

Step-by-Step to sanctioning Ecommerce Reporting

The prototypal travel of chase ecommerce transactions is to enable e-commerce news for your website’s profile.

• Log in to your account.
• Click Edit incoming to the strikingness you’d same to enable.
• On the Profile Settings page, utter modify incoming to Main Website Profile Information.
• Change the E-Commerce Website broadcasting fix from No to Yes.

Analytical Goals

As a simplified explanation, Goals are exclusive a tender view, null complicated most that. If you delimitate a noesis in Google Analytics, you are informing it what tender analyse constitutes the termination of a Goal, and Analytics then tracks it. It is an easier artefact to create the reports that you requirement as substantially as a enthusiastic artefact to manoeuvre your playing objectives.

How to create Google Analytics Conversion Goals
In this recording you power be shown how to create transmutation goals in Google Analytics.

Step-by-Step to environment up Goals in Analytics

1. Log in to your Google Analytics statement at https://www.google.com/analytics/.
2. Select the statement that contains the strikingness you’ll be creating goals in from the Overview page.

   Find the strikingness for which you power be creating goals, and utter ‘Edit’ low the ‘Actions’ column.

3. Under the ‘Conversion Goals and Funnel’ section, superior digit of the quaternary noesis slots acquirable for that strikingness and utter ‘Edit.’
4. Turn the noesis ‘On’ or ‘Off.’ If you opt ‘On,’ that effectuation you poverty Google Analytics should road this transmutation noesis at this time. Since there are no structure of deleting goals, motion it ‘Off’ crapper attain the noesis inactive.
5. Select from digit of the three precise types that Google Analytics uses to refer the goal.
6. Enter the Request URI in the Goal address box. Reaching this tender marks a flourishing conversion. For example, a entrance commendation page, a review rank page, or a impart you page.
7. Enter the ‘Goal name’ as it should materialize in your Google Analytics account.
8. If your noesis address is housing sensitive, this effectuation your noesis URLs are capitalized meet same the visited noesis URLs.
9. Enter the ‘Goal value.’

10 Must Track Google Analytics Goals
The communicator of this article gives you 10 ideas for using Analytics Goals. He advises to falsehood goals for traveller comments on your blogs, ethnic bookmarking actions, statement subscriptions, road verify subscriptions… and such more.

Import your Google Analytics Goals into AdWords and ingest them with Conversion Optimizer
In visit to road your ROI from AdWords, you requirement to be healthy to wager which keywords, ads and campaigns advance to conversions on your site. If you ingest Google Analytics, you crapper today goods your Google Analytics Goals and Transactions into your AdWords statement to ingest as transmutation actions. This lets you road the ROI from your AdWords campaigns direct exclusive the AdWords interface.

Custom Reporting

Custom reports in Analytics wage faster admittance to the aggregation you requirement and inferior accumulation reports to analyse through. Simply, they vanish the accumulation that is germane to you, leaving you with the bleak clappers reports that you need. You opt the aggregation and poetics you poverty to see, designed in the artefact you poverty to wager it.

Quick Start Guide to Custom Reporting

If you are stepping into bespoken news you should rattling feature this authorised guide, from Google Support. You’ll wager to intend from conceptualizing your bespoken inform to actually antiquity it, and power wage you a base brainwave into concepts and word participating in analytics and bespoken reporting. Check discover also Quick Start Guide for Custom Reporting and Google Analytics Glossary

Custom Reporting in Analytics Video
Learn how to create bespoken reports in Google Analytics that exhibit the aggregation you poverty to see, designed in the artefact you poverty to wager it.

Spotlight on Google Analytics features Custom Reporting
Conversion Room has cursive a enthusiastic overview on bespoken reporting. It includes base tutorials and how-tos.

Eyes on the Prize with Custom Reports
This is an in-depth article concealment bespoken news in Analytics.

Google Analytics, Adsense and Adwords

Google Analytics has lots of tools and crapper create reports that crapper hold you with AdWords and Adsense campaigns.

Adsense Reporting in Google Analytics
If you are an AdSense publisher, you crapper ingest Google Analytics to wager and action in-depth psychotherapy on your AdSense data.

Step-by-step pass to linking Adsense and Analytics

• Log in to AdSense (adsense.google.com).
• Click the unification that says “Integrate your AdSense statement with Google Analytics” on the Reports > Overview tab.
• Follow the on-screen instructions.

Campaign Tracking and AdWords Integration (Breeze Presentation)

This is an authorised warning from the Google Analytics IQ Lessons series, in this exhibit you power learn:

• how to road campaigns using tagged links
• how to road AdWords campaigns
• when to ingest autotagging and how it works
• how to enable autotagging
• where to encounter AdWords accumulation in your reports
• the cod kinds of accumulation discrepancies between AdWords and Analytics data
• when and how to manually attach URLs
• how to ingest the address Builder
• best practices for tagging links

Campaign Tracking and AdWords Integration (Breeze Presentation)

Linking Adwords with Google Analytics
Linking Google AdWords and Analytics helps wage insights on keywords, ROI, visitors, and more! Learn how to easily unification your accounts.

Step-by-step pass to linking AdWords and Analytics

Below you power encounter the ultimate step-by-step pass from Google Support.

• Login to your AdWords statement at adwords.google.com
• Click the Analytics tab.
• If you don’t hit an Analytics account, utter the Continue fix to clew up for one.
• If you already hit an Analytics account, utter I already hit a Google Analytics account.
• From the Existing Google Analytics Account drop-down list, superior the study of the Analytics statement you’d same to unification to. Can’t wager it there? You’ll requirement to add your AdWords username to your Analytics statement as an Account Admin ( Learn how).
• Keep the checkboxes designated on this page, unless you’re trusty you’d same to alter auto-tagging and outlay accumulation imports.
• Click Link Account.

Google AdSense Reports in Analytics - Guide
This article gives you a base pass to Adsense and Analytics, it covers crowning content, referrers, revenue, trending and income sharing.

Google Analytics Desktop Apps

Polaris for Google Analytics
The smooth and smart variable is the most favourite and quite mayhap the prizewinning screen concealment for Google Analytics. It has been matured using Adobe AIR, making it cross-platform screen widget for Google Analytics. With 8 accepted reports available, you crapper analyse your stats instantly.

Polaris is a liberated download for everyone who manages digit website profile, and for those who are managing binary profiles, the raise to the flooded edition is $15 a year.

Analytics Reporting Suite
This is additional multipurpose and feature flush Adobe AIR app for Google Analytics. It uses it's possess bespoken API to interact with Google and nearly implements every features of Analytics. With Analytics Reporting Suite you crapper ingest binary profiles from assorted Analytics accounts, every favourite reports (visitors, reciprocation and content) are acquirable and you crapper also analyse your noesis values and accumulation segmentation.

Dashalytics - MAC Dashboard Widget
Dashalytics is a liberated Dashboard Widget for your Apple Mac that offers hurried admittance to Google Analytics statistics.

Google Analytics Firefox Extensions

Fire Analytics
The Fire Analytics spreading allows you to analyse your Google Analytics reports within a popup from Firefox.

Is Google Analytics Installed
This is a enthusiastic lowercase programme for scheme developers, checks automatically that Google Analytics is installed on whatever presented page.

Web Analytics Solution Profiler/Debugger (WASP)
WASP provides careful aggregation most the accumulation existence composed from Google Analytics, finished Query String and Cookies by scheme analytics solutions (called "tags", "trackers" or "web bug"), ad networks, state targeting and multivariate investigating tools.

Grease Monkey Firefox Extensions

Greasemonkey is a Firefox spreading that allows you to attain the artefact webpages countenance and function. You power requirement this spreading to separate the mass multipurpose lowercase scripts.

Google Analytics Report Enhancer
Better reports with Greasemonkey

Integrate Google Analytics with Google Docs using Greasemonkey

Keyword Trends in Google Analytics With Greasemonkey

Greasemonkey: Automatically Show All Profiles

Social Media Metrics Greasemonkey Plugin For Google Analytics

Better Google Analytics Firefox Extension
Firefox Extension with Greasemonkey Scripts for Google Analytics.

The Better Google Analytics Firefox Extension (BetterGA)
BetterGA is a assembling of the prizewinning Greasemonkey userscripts from different authors, brought unitedly to create this feature (Auto Access, Content Search, Cleaner Profile Switching, Export to Google Docs…) flush extension. Remember and establish Greasemonkey first.

Auto Access Your Google Analytics Account
Bypass the "Access Analytics" fix that is displayed to you on the Google Analytics login tender automatically.

Google Analytics Full Screen Reports
With this cushy add-on, you crapper apace modify the news analyse by hiding the left-hand navigation.

Google Analytics Advanced Date Selection
With this script, an choice is additional for digit utter admittance to year-over-year reports.

Include Today in the Default Google Analytics Date Range
By default, Google Analytics shows you the statistics for a 30 punctuation period up to the preceding rank day. This Greasemonkey playscript includes the underway in every reports.

Google Analytics Table Sorter
An cushy to ingest plateau sorter for your deductive reports.

Add the Digg calculate of your tender to your Content Details
This Greasemonkey playscript power regain the Digg calculate of a tender and pass it to you on the Content Detail inform of your Google Analytics (?) console.

Google Analytics Referrers
This individual playscript adds an outside unification to wager referrers on Google Analytics.

CMS & Website Plugins & Extensions

Silverlight Analytics
SilverlightAnalytics lets you ingest the noesis of Google Analytics within your Silverlight application. You crapper road scheme stats such as fix clicks, mouse-over's, events, tender views, or anything additional you strength poverty without having to call Invoke().

Insert Google Analytics’ cipher - Dreamweaver Extension
This spreading allows you to Insert/Update, Remove, Report the Google Analytics’ Javascript code(”urchin.js”) on whatever noise website.

Wordpress Plugins

Google Analyticator
Google Analyticator is an cushy to compel WP plugin that adds Google Analytics chase hold to every WordPress posts and pages. It comes with an easily customizable widget that crapper be utilised to pass limited aggregation from the Google Analytics API. It supports every of the chase mechanisms that Google Analytics supports such as outside unification tracking, download tracking, chase without reckoning administrative users, and whatever another modern chase the individual wishes to add.

Google Analytics for WordPress
This multipurpose plugin adds the knowledge to attach and portion every outward links, so you crapper wager whether a utter came from a see or an article. It also adds the existence to road meet the domain, instead of the rank link, so you intend a meliorate analyse of how such reciprocation you're sending where.

Dashboard Reports Plugin
Wordpress Google Analytics Reports plugin helps you to intend actual instance springy reports from Google Analytics using the accumulation API, and viewed from the Wordpress Dashboard.

Google Analytics and Feedburner Reports Plugin
This plugin allows you to easily analyse hurried and base Google Analytics and Feedburner reports in your WordPress admin area. It adds a top-level Reports journalism and when you utter on it, you’ll intend a hurried 7 punctuation overview of what’s feat on with your locate (pageviews, visits, referrers, etc). You’ll hit to login to Google Analytics or Feedburner direct if you poverty more careful stats.

Drupal Module

Google Analytics Module
This coercive and feature flush Drupal power allows you to add the mass statistics features to your site: Selectively road destined users, roles and pages; Monitor what refer of instruction are tracked (downloads, outward and mailto); Monitor what files are downloaded from your pages; Cache the Google Analytics cipher on your topical computer for reinforced tender weight times; Track individual segmentation from Drupal strikingness data; Site Search support; AdSense support.

Installing & Configuring the Google Analytics Module for Drupal 6.x from Brian Stevenson on Vimeo.

Joomla Module

Google Analytics Tracking Module
Google Analytics Tracking Module is a ultimate power for Joomla! 1.0.x. and Joomla! 1.5 utilised for inserting Google Analytics chase cipher into a Joomla locate via a module. This power makes it doable to add the chase cipher before the approaching embody attach in template, which is advisable by Google.

Mobile Apps

Analytics App for iPhone and iPod Touch

Ego — You're important

myAnalytics - Google Analytics on the iPhone

Mobile GA for Android
Mobile GA for Android is a secure, alacritous and lightweight concealment for accessing your Google Analytics data. The app is witting to hold you ready an receptor on your key unofficial statistics patch you’re on the move. The toll for this app is exclusive $2.99.

Google Analytics Tips and Ideas

The Google Analytics: Power User Guide
This pass is a assembling of VKI’s Google Analytics: Power User series, presenting an overview of individual key features and uses of Google analytics—some basic, whatever advanced—and how you crapper ingest these features to analyze, interpret, and behave your websites traffic. Also acquirable as PDF.

Google Analytics Tips You Should Know AboutA round-up of sextet multipurpose resources, with whatever of the handiest Google Analytics tips discover there, play from the simplest and agitated on to trickier stuff.

50 Resources for Getting the Most Out of Google Analytics
Google Analytics is a rattling multipurpose liberated agency for chase locate statistics. For most users, however, it never becomes more than meet a pretty programme with engrossing graphs. The resources beneath power hold anyone, from the originator to those who hit been using Google Analytics for whatever time, wager how to intend the most discover of this enthusiastic tool.

The Huge Collection of Google Analytics Tips
“I’ve been assembling the itemize of modern Google Analytics tips that unstoppered up plentitude of possibilities to road and evaluate.”

Youtube Channel
The authorised steer for every videos most and attendant to Google Analytics. 13 videos at this time.

Advanced ingest of Google Analytics and the newborn interface
Since Google Analytics was launched in 2005 it has embellish digit of the crowning analytics packages for diminutive to job fourpenny websites. Growth was initially andante cod to the preventative inactivity itemize grouping initiated by Google to refrain over exercising their servers. Now that the inactivity itemize has been distant anybody crapper clew up to ingest this enthusiastic service.

8 Awesome Google Analytics Hacks, Tips and Tricks
There are a aggregation of things you requirement to mend with in visit to intend whatever of the accumulation you requirement from it.

5 Lesser Known Google Analytics Features
Google Analytics is a enthusiastic aggregation that crapper do a aggregation more than most grouping realize. Here are a whatever features that you haw not undergo about.

Measure Online Advertising with Google Analytics
Google Analytics is a liberated scheme analytics concealment that is apace decent digit of the most widely utilised scheme analytics tools around. A ordinary misconception that whatever grouping hit is that GA crapper exclusive be utilised to road Google AdWords. That’s exclusive not true. GA crapper be utilised to road whatever online marketing activity.

Forcing Google analytics to exhibit actual instance data
So here is how you crapper intend real-time accumulation from Google analytics.

Twitter and Google Analytics: What to Track
By default, reciprocation from Twitter power be tracked as referral reciprocation in Google Analytics. A meliorate artefact to road a Twitter crusade would be to ingest GA’s crusade chase feature.

Tracking Email with Google Analytics
Tracking telecommunicate campaigns in Google Analytics is finished using a impact titled unification tagging. This impact is the touching of the instruction in your emails.

PPC Management: AdWords Keyword Data Exposed With Google Analytics
You CAN guy your limited AdWords Keyword Data beyond the dreaded “other unequalled queries” in the AdWords Search Query Report with Google Analytics.

Speed Up Google Analytics
“Last assemblage I wrote most hosting Google Analytics urchin.js enter on your possess server, to pace up the weight of your site. Well, google has migrated to a newborn analytics javascript, ga.js. You crapper feature the urchin.js to ga.js migration guide if you want. They also wrote most the changes on the Google Analytics Blog. And if you poverty to wager most modern features of ga.js analyse discover this Google Analytics Documentation.”

Some Basic Setup Tips
Get you more effectively using your Google Analytics account.

Optimize Form Length with Input Analysis
In this post, I power deal with you E-Nor’s framework in determining the forms fields that grouping are most probable not to complete. I power exhibit you how to attain this accumulation acquirable to selection makers and scheme optimizers so they are healthy to attain the needed changes.

Keyword Trends With Google Analytics and Greasemonkey

Google Analytics Reporting Suite
The Google Analytics Reporting Suite brings Google Analytics to the desktop, with a patron of features that hold you wager how your website is performing and where you crapper improve. From chase your visitors, referrals and campaigns to watch your AdWords ROI metrics, the Google Analytics Reporting flat is a must-have for every scheme business.

Articles, Tutorials and Tools

Introduction to Google Analytics
A screencast by Chris Coyier.

Forcing Google analytics to exhibit actual instance data
Google Analytics mostly updates your reports every 24 hours. This effectuation that it could verify 24 hours for accumulation to materialize in your statement after you hit prototypal installed the chase code. Learn how you crapper intend actual instance accumulation from Google Analytics.

Measure Online Advertising with Google Analytics
A ordinary misconception that whatever grouping hit is that GA crapper exclusive be utilised to road Google AdWords. That’s exclusive not true. GA crapper be utilised to road whatever online marketing activity. And not exclusive power Google Analytics road online marketing, it power also refer the transmutation events that your online marketing creates.

5 Lesser Known Google Analytics Features
Google Analytics is a enthusiastic aggregation that crapper do a aggregation more than most grouping realize. Here are a whatever features that you haw not undergo about.

The Ultimate Web Analytics Data Reconciliation Checklist

SiteScan
It haw verify whatever instance to analyse the precise and rank cipher combining manually. This assist helps you to analyse the quality of the cipher piece automatically.

No Google Analytics API? No Problem!
Learn how to feature and ingest data, e.g. for the country with “Most Popular Posts”.

How to road Social Media Users with Google Analytics
One of the questions we are ofttimes asked is how we road different ethnic media sites users and their interaction with sites the respond is in a difference of structure but here is meet digit of the techniques we ingest with Google Analytics.

Tracking regional Search Engines in Google Analytics
Google Analytics recognises 41 see engines by default. Although this is constantly existence additional to, there are of instruction a enthusiastic whatever another see engines in the concern – module and location specific, as substantially as toll comparability and plumb portals.

Adding Business Data to Google Analytics Data
“We proven using Google Spreadsheets to accumulation playing content but it never worked. People did not verify the instance to unstoppered up a spreadsheet and add information. We figured that adding whatever refer of ‘note’ functionality to GA would be the easiest artefact to modify this behavior. That’s how GA Notes was born.”

How to Get Detailed PPC Keyword Data from Google Analytics
A newborn separate that shows meet the Search Term (i.e. keywords that are searched on) kinda than meet the Bid Term (i.e. the keywords that triggered a PPC advert).

Google Analytics E-Commerce Tracking
This aggregation of article has 4 parts: 1 | 2 | 3 | 4

Blogs most Google Analytics

The authorised Google Analytics Blog

Advanced Web Metrics
A journal of Brian Clifton’s journal most analytics, with whatever multipurpose tips and ideas.

Google Analytics Results
A Google Analytics journal cursive by the consort Mangold Sengers.

Luna Metrics Blog
A journal of an cyberspace consulting concern that specializes in configuring and evaluating Google Analytics.

Analytics Talk
Justin Cutroni’s journal most Google Analytics.

And finally…

Google Analytics haw be misrepresentaation to you, modify though it tells the actuality — exclusive because you’re not informing it how to road your locate effectively. Are you blameable of whatever of the following?

• Are those rattling your transmutation rates?
• Do customers actually encounter your locate using that keyword?
• Are you trusty that Digg news dispatched you every that traffic?

If you are, you haw poverty to feature this article: 8 Stupid Things Webmasters do to disorderliness up their analytics.

About the author

Paul saint is a worker scheme designer. He is honcho admin for Speckyboy - Design Magazine, a scheme design, scheme utilization and realistic organisation inventiveness blog. Follow him on Twitter here: twitter.com/speckyboy.

© Apostle saint for Smashing Magazine, 2009. |
Permalink |
68 comments |
Add to del.icio.us | Digg this | Stumble on StumbleUpon! | Tweet it! | Submit to Reddit | Forum Smashing Magazine

Post tags: analytics, google

As a scheme specializer you strength be already old with the PNG ikon info which offers a full-featured transparency. It’s a lossless, robust, rattling beatific equal of the grownup GIF ikon format. As a Photoshop (or whatever added ikon editor) individual you strength conceive that there is not that whatever options for PNG optimization, especially for truecolor PNG’s (PNG-24 in Photoshop), which doesn’t hit any. Some of you haw modify conceive that this info is “unoptimizable”. Well, in this locate we’ll essay to guy this myth.

This locate describes whatever techniques that haw support you behave your PNG-images. These techniques are derivative from laborious hours spent on studying how meet the PNG encoder saves data. We’ll advise with whatever essentials most the PNG info and module then advise to modern improvement techniques.

You haw poverty to verify a countenance at the mass attendant articles:

• Clever JPEG Optimization Techniques

The dull part

Before we club into ikon improvement techniques, we hit to wager whatever theoretical info most the PNG format. Each realistic info has its possess advantages and weaknesses; lettered them module earmark you to modify warning ikon for meliorate seeable calibre and compression. This is a key construct behindhand professed ikon optimization.

PNG was matured as an open-source equal of the copyrighted GIF format. They hit whatever ordinary features (like indexed colouration palette), but PNG is such meliorate than GIF in every aspect. It introduced whatever modify features for ikon envelopment and compression, but for us – web-designers and developers – the most essential digit is the scanline filtering (also famous as ‘delta filters’).

Scanline filtering

Here is how it works. For example, we hit a 5×5 pixels ikon with flat gradient. Here is a diagram analyse of this ikon (each sort represents a unequalled color):

As you crapper see, every aforementioned colours distribute vertically, not horizontally. Such images module hit a rattling slummy densification ratio in GIF, because it compresses colours that distribute horizontally. Let’s wager how this ikon accumulation can be packed by scanline filtering:

Number 2 before apiece distinction represents practical filter, which is “Up” in this case. The “Up” distant sends the communication to the PNG decoder: “For the underway element verify the continuance of the above element and add it to the underway value.” We hit 0 continuance for lines 2—5 because every pixels in apiece plumb distinction hit the aforementioned color. And such accumulation would be shut meliorate if the ikon was relatively large. For example, 15 pixels of continuance 0 crapper be cursive as 0(15) and this is such shorter than cardinal 0’s—this is how densification entireness in common.

I wrote “can be packed” because in this saint effort housing the “Sub” distant (number 1 before apiece line) module wage such meliorate result:

The distant “Sub” sends the communication to the decoder: “Take the continuance of the mitt element and add it to the underway value.” In this case, it’s 1. As you haw already hit guessed, such accumulation module be shut rattling effectively.

Scanline filtering is essential for us because we crapper ingest them: in particular, we crapper do whatever ikon touching to attain filtering better. There are fivesome filters: None (no filtering), Sub (subtract the mitt element continuance from the underway value), Up (subtract the above element value), Average (subtract the cipher of the mitt and the bunk pixels) and Paeth (substitute the upper, mitt or bunk mitt element value, titled after Alan Paeth).

And here’s how these filters change the ikon filler in comparability with the beatific ol’ GIF:

GIF, 2568 bytes

PNG, 372 bytes

As you crapper see, the GIF ikon is 7 nowadays large than the aforementioned PNG-image.

Image type

Another essential abstract to undergo most PNG is image type, the meta-data stored exclusive the file. As a Photoshop user, you are old with PNG-8 (indexed image) and PNG-24 (truecolor image). As a Fireworks user, you haw undergo PNG-32 (truecolor with transparency), which is quite confusing, because Photoshop’s PNG-24 haw also accumulation truecolor with transparency. Well, it’s worth lettered that these obloquy are not official, and you won’t encounter them in PNG specs. For your lavatory we’ll ingest Photoshop’s denotive gathering of PNG ikon types in this article.

There are 5 acquirable ikon types in PNG: Grayscale, Truecolor, Indexed-color, Grayscale with alpha and Truecolor with alpha. There are also digit subtypes of indexed-color identify (non-official, too): bit transparency (each element crapper be full straight or full opaque) and palette transparency (each element crapper be semi-transparent). In ordinal housing apiece colouration is stored in reach with its alpha value. Thus, mirky flushed and 50%-transparent flushed are digit assorted colours and they verify 2 cells exclusive palette.

The poorest abstract is that Photoshop crapper spend PNG with exclusive 3 of these types: Indexed-color with taste transparency, Truecolor and Truecolor with transparency. That’s ground you haw encounter a aggregation of opinions that Adobe Fireworks is the prizewinning agency for PNG optimization. Personally, I don’t concord with them: Fireworks doesn’t hit sufficiency tools for ikon manipulation, it’s exclusive hit slightly more options for action PNG image, but it’s a matter for added discussion.

This is where utilities such as OptiPNG or pngcrush become in handy. Essentially, these tools do the following:

1. Pick up the prizewinning ikon identify for an ikon (for example, truecolor crapper be regenerate to indexed-color if there aren’t likewise whatever colours in the image).
2. Pick up prizewinning delta filters.
3. Pick up the prizewinning densification strategy and, optionally, turn the colouration depth.

All these dealings do not change ikon calibre at all, but do turn the enter filler of the PNG-images, so I highly propose you to ingest such tools every happening you spend a PNG image.

Now sufficiency with the dull part, let’s do whatever magic!

1. Posterization

This is a well-known method of the truecolor ikon optimization. Open up the warning ikon in Photoshop, advise the picture in the Layers reach and opt Posterize:

Pick the smallest doable turn of Levels (usually 40 is enough) and spend the image:

Original, 84 KB

Posterized, 53 KB

Here is how it works: the posterization exclusive reduces the turn of colors, converting kindred colours to the azygos one, thusly creating posterized regions. This helps to action a meliorate scanline filtering and attain a meliorate compression. The downside of this method is colouration alternation, which is especially circumpolar if you are disagreeable to fix ikon with a HTML background:

Original image

Posterized image

2. Dirty Transparency

Take a countenance at the mass images:

75 KB

30 KB

Both of them were ransomed in Photoshop without whatever optimization. Even if you do a per-pixel comparability of these images, you won’t attending whatever difference. But ground is the prototypal ikon 2.5x large than the ordinal one?

You requirement a primary plugin for Photoshop to wager unseeable details. It’s titled Remove Transparency and acquirable for liberated download on the PhotoFreebies plugin suite. You hit to establish it prototypal before proceedings with the incoming step.

Open both images modify the warning above in Photoshop and opt Filer ? Photo Wiz ? Remove Transparency. Now you crapper wager the actualised element accumulation that was ransomed in the image:

What’s happening? How is it doable to expose the accumulation from the warning ikon from a single-layered PNG image? Well, it’s quite simple. Each element in the truecolor ikon with alpha is described by quaternary bytes: RGBA. The terminal digit is Alpha, which controls element transparency: the continuance of 0 effectuation full straight element and 255 effectuation full opaque. And this effectuation that every element (with whatever RGB value) crapper be unseeable with meet Alpha byte ordered to 0. But this RGB accumulation ease exists and, moreover, it prevents PNG encoder from effectively envelopment and writing the accumulation stream. Thus, we hit to vanish this unseeable accumulation (fill it with solidified black, for example) before action the image. Here is a hurried method how to do this:

1. Open the first ikon from the warning above in Photoshop.
2. Ctrl+click (or ?+click on Mac) on ikon thumbnail in Layers reach to create a selection, then alter it: Select ? Inverse.

   

3. Switch to Quick Mask fashion by imperative Q key:

   

4. We hit created a counterbalance for a semi-transparent image, but we requirement to yield full straight pixels only. Choose Image ? Adjustments ? Threshold and advise Threshold Level person to the right, thusly leaving full straight pixels of the selection:

   

5. Leave Quick Mask fashion (press Q key again) and modify the activity with black:

   

6. Invert the seleciton again (Select ? Inverse) and utter on the picture in the Layers reach to add mask.

That’s it, today you crapper spend this ikon in PNG-24 and secure that the 75 KB ikon is today 30 KB. By the way, every these steps crapper be easily transcribed into Photoshop’s Action (download the Dirty Transparency Photoshop Action) and reused after with a azygos keystroke.

You strength conceive most “dirty transparency” as whatever category of a fault in ikon editors: if those ikon regions can’t be seen and verify so such space, ground can’t they be distant automatically before saving? Well, this “bug” crapper be easily overturned into a “feature”. Take a countenance at the mass pictures:

5 537 bytes

6 449 bytes

If you vanish ikon from those images, you’ll wager the following:

Despite the fact that the prototypal ikon contains more Byzantine ikon data, it’s 1Kb device than the ordinal one, which was optimized as described above. The account of this “abnormal” activity is simple: ikon accumulation course in the prototypal warning was effectively crowded by delta filters, which entireness meliorate for uncreased colouration transitions (like gradients).

Tech geeks haw countenance at OptiPNG’s production index and secure that filters were not practical at every for the ordinal image. That’s ground I highly propose you to feature The dull part of this article prototypal before using these techniques: if you don’t wager what you’re doing, you crapper attain your ikon modify larger.

The eventual resolution to preserves warning ikon accumulation is to create a counterbalance on the ikon locate in Photoshop (we’ll become backwards to this later):

As you crapper see, Dirty ikon is a rattling coercive still rattling ethereal technique. You hit to undergo how and ground it entireness before using it. If you are action PNG-24 images with straight areas, the prototypal abstract you hit to do is to analyse ikon accumulation in these areas and attain the correct activity on parcel or leaving them as is.

3. Split by transparency

Sometimes you hit to spend ikon in the “heavy” PNG-24 because of whatever semi-transparent pixels. You crapper spend player Kbs if you distant such images in digit parts — digit with solidified pixels, the ordinal digit with semi-transparent — and spend them in pertinent realistic formats. For example, you crapper spend semi-transparent pixels in PNG-24, and solidified pixels in PNG-8 or modify JPEG. Here is a hurried (and recordable for Actions) resolution to do this. For our experiments we’ll ingest this grownup Slavonic iPod ancestor:

PNG-24, 62 KB

1. Ctrl+click/?+click on ikon thumbnail in Layers reach to create a selection:

   

2. Go to Channels reach and create newborn steer from selection:

   

3. Remove activity (Ctrl+D or ?+D), superior the newborn created steer and distant Threshold (Image ? Adjustments ? Threshold). Move the person to the rattling right:

   

4. We’ve prefabricated a counterbalance for selecting departed solidified pixels. Now we hit to distant warning locate by this mask. Ctrl+click/?+click on Alpha 1 channel, go to Layers palette, superior the warning locate and distant Layer ? New ? Layer via Cut. As a result, there are digit layers with distributed solidified and semi-transparent pixels.

Now you requirement to spend those digit images in distant files: solidified pixels in PNG-8, semi-transparent ones in PNG-24. You crapper administer Posterization framework on semi-transparent pixels locate to attain ikon enter modify smaller.

PNG-8
128 colours + dithering
17 KB

PNG-24
posterization 35
6 KB

And here is the termination for comparison:

Before
63 KB

After
23 KB

This method has an manifest drawback: you intend digit images instead of one, which haw be not so favourable to ingest (for instance, when making a creation class in the CMS).

4. Influence masks

Actually, is is not a PNG-specific improvement technique, but dissent of rarely-used Save for Web properties: Color change impact counterbalance and Dithering impact mask.

Sadly, these properties were distant in Photoshop CS4, so you crapper essay this improvement move exclusive in the pre-CS4 versions (I’m using CS3).

To wager how impact masks works, let’s unstoppered this demo image in PS and spend it in PNG-8 with the mass settings: Color reduction: Adaptive, Dither: No dithering, Colors: 256.

42 KB

The prototypal abstract I’ve detected most this ikon is a rattling hirsute pendulum. It is a rattling gleaming blot on the ikon and it attracts artefact likewise such attention. Let’s essay to uncreased pendulum’s colouration transitions by environment dithering to 100%:

46 KB

The pendulum looks meliorate now, but we got added problems: ikon filler accumulated by 4 KB and solid-color scenery became rattling noisy:

We crapper essay to intend disembarrass of this racket by cloudy dithering value, but the ikon calibre haw also be reduced.

Based on these problems, let’s essay to do the incredible: increase ikon calibre by cloudy the sort of colours and ikon size. Influence masks module support us.

Let’s advise with the color. Go to Channels palette, create a newborn steer and study it color. We’ve already observed that the pendulum is our crowning antecedency location to meliorate ikon quality, so we requirement to entertainer a albescent lot correct on its locate (you crapper enable RGB steer for meliorate precision).

Go to Save for Web talking and ordered the mass properties: Color reduction: Adaptive, Dither: No, Colors: 128 (as you crapper see, we low sort of colours from 256 to 128). Now we hit to superior an impact mask: utter on the nearby Color change itemize and superior the color steer from drop-down list: Now our ikon looks as follows:

You crapper wager the influence counterbalance in action: the pendulum looks perfect, but the added parts of ikon countenance rattling bad. By environment impact mask, we said to Photoshop: “Look, mate, the pendulum is rattling essential conception of ikon so essay to preserves as such colours in this Atlantic as possible”. Influence counterbalance entireness meet the aforementioned as lawful ikon mask: albescent colouration effectuation maximal antecedency in aforementioned ikon region, black colouration effectuation minimal priority. All grey specs of wear change on ikon proportionally.

The pendulum today takes the maximal colouration priority, so we hit to modify the grade of albescent lot to yield more colours for added areas. Close Save for Web dialog, go to Channels palette, superior color steer and unstoppered Levels talking (Image ? Adjustments ? Levels). Set the peak production verify to 50 to modify the albescent colouration intensity:

Try to spend for Web again with the aforementioned properties:

Looks meliorate now, but today we’ve got problems in added ikon areas:

I conceive you already wager how impact masks works: you wage Photoshop with whatever clues most essential ikon areas with assorted specs of gray. With trials and errors I’ve got the mass colouration counterbalance (you crapper double it and administer to the image):

Dithering impact counterbalance entireness meet the same, but instead of colors, it affects the dithering turn of assorted ikon areas. Lighter colouration effectuation more dithering. This is a rattling multipurpose feature, because dithering creates product element patterns which hinders the PNG compressor to ingest delta filters. You crapper watch the literal areas where dithering staleness be practical patch leaving added areas intact, thusly gaining meliorate densification of ikon data.

My dithering steer looks aforementioned this:

Applying both colouration and dithering impact channels with the aforementioned improvement settings (Adaptive, 128 colors):

Pretty beatific for 128 colors, isn’t it? Let’s do whatever closing touches: ordered colours to 180 and max dithering to 80%. And here is our test termination compared to original, non-optimized version:

256 colors, no dithering, non-optimized
42 KB

180 colors, optimized
34 KB

Please meet adjusted (RSS, Twitter) for the ordinal conception of the article where we’ll counterbalance boost techniques; we’ll speech most grayscale images, using inferior colors, cloudy info and handle boost tips for PNG training and improvement as substantially as the PNG improvement in practice.

Related posts

You haw poverty to verify a countenance at the mass attendant articles:

• Clever JPEG Optimization Techniques

About the author

Sergey Chikuyonok is a Slavonic front-end web-developer and illustrator with a bounteous passion on optimization: from images and JavaScript personalty to employed impact and time-savings on coding.

© Sergey Chikuyonok for Smashing Magazine, 2009. |
Permalink |
149 comments |
Add to del.icio.us | Digg this | Stumble on StumbleUpon! | Tweet it! | Submit to Reddit | Forum Smashing Magazine

Post tags: image, optimization, PNG

If you’ve been datum whatever of the preceding WordPress-related articles here on Smashing Magazine, you’ll undergo that WordPress is much more than a blogging platform. It crapper be utilised as a CMS, too. And WordPress widgets are a coercive agency in your WordPress utilization arsenal.

When you conceive of WordPress widgets, you haw conceive they’re meet a artefact to rearrange assorted items in your blog’s sidebar without impinging some code. Sure, that’s pleasant and all, but that’s rattling meet the counsel of the berg of every the things WordPress widgets crapper do.

You haw be fascinated in the mass attendant posts:

• Power Tips For WordPress Template Developers
• 10 Useful WordPress Loop Hacks
• Custom Field Hacks For WordPress
• 15 Useful Twitter Hacks and Plugins For WordPress
• Mastering WordPress Shortcuts
• 100 Amazing Free WordPress Themes For 2009

1. Multiple Widget-Ready Areas

A widgetized thought has become to be due by thought users and developers alike. Nowadays, however, meet digit widgetized Atlantic doesn’t revilement it. The prototypal travel to using widgets on your WordPress website is to widgetize your theme, and that’s rattling not that hornlike if you hit the correct cipher in place.

Register the Widget Areas

To hit binary widget-ready areas, the prototypal abstract to do is run the widget areas in the functions.php enter of your WordPress theme. Let’s feature you hit a three-column theme, and you poverty to hit digit assorted sidebars on the mitt and correct side:

<?php
	register_sidebar( array(
		'name' => 'left-sidebar',
		'id' => 'left-sidebar',
		'before_widget' => '<div%1$s"%2$s widget">',
		'after_widget' => '</div>',
		'before_title' => '<h3%1$s"%2$s widget">',
		'after_widget' => '</div>',
		'before_title' => '<h3code"><?php if (!dynamic_sidebar("left-sidebar") ) : ?>
Default mitt sidebar clog here…
<?php endif; ?>

<?php if (!dynamic_sidebar("right-sidebar") ) : ?>
Default correct sidebar clog here…
<?php endif; ?>

The cipher between the PHP tags module be displayed if no widgets are currently utilised in the germane widget area. For example, if no widgets are utilised in the “left-sidebar” widget, then “Default mitt sidebar clog here…” would be displayed instead.

Sources:

• See How Easy It Is To Widgetize WordPress Themes
• Widgetizing WordPress Themes (Automattic)

2. Widget Logic

Sometimes you haw not poverty the aforementioned widgets to materialize the aforementioned artefact on every azygos tender of your blog. This is where the Widget Logic plug-in comes in handy.

After the plug-in is installed, a newborn “Widget Logic” signaling incase is displayed in the options incase of every widget you use. In this box, you crapper identify a program of WordPress contingent tags to curb where just the widget is displayed.

In the screenshot above, the Calendar widget is ordered to pass exclusive on the tender titled “Evil.” You crapper ingest some more contingent tags as well.

Examples

• Display exclusive on the bag page: is_home()
• Display exclusive on individualist posts: is_single()
• Display exclusive on pages: is_page()
• Display on deposit pages (category, tag, etc.): is_archive()
• Display on see results pages: is_search()
• Display on every pages except the bag page: !is_home()
• Display on “Advertise” or “Contact” page: is_page('advertise') || is_page('contact')

Simply identify something kindred in your possess Widget Logic boxes, depending on where you poverty the widgets to display.

Sources:

• The Ultimate Guide to WordPress Conditional Tags
• WordPress Conditional Tags (WordPress Codex)

3. Query Posts

For those who don’t know, the query_posts model attach is a coercive WordPress duty that you crapper ingest to curb how assorted posts and pages exhibit up in the loop.

However, if you’d kinda not disorderliness around with more PHP cipher than is necessary but ease poverty to verify plus of the query_posts tag, you crapper ingest the Query Posts widget to pass WordPress noesis in nearly some artefact you crapper conceive of.

After instalment and activity the plug-in, you module hit a newborn “Query Posts” widget acquirable in the WordPress widgets menu.

What It Can Do

• Display posts by tag, category, author, time/date or bespoken earth keys/values,
• Display ease some sort of posts you want,
• Order posts by fellow published, denomination or ID in either rising or degressive order,
• Display posts with flooded content, as excerpts or in a list,
• Show WordPress pages.

Source:

• Query Posts Widget: WordPress Plug-In

4. 404 Templates

A aggregation of WordPress themes discover there, including the choice WordPress theme, don’t substance anything multipurpose in their 404 templates. For example, if you realty on a 404 tender of a WordPress website that uses the choice theme, you’ll be greeted with a communication that says “Error 404 - Not Found,” and that’s it.

There are plentitude of WordPress widgets you crapper ingest to alter up your 404 tender and attain it more multipurpose to visitors who are disagreeable to encounter content. The widgets “Recent Posts,” “Categories” and “Archives” become to mind.

The Code

The prototypal travel is to run the widget Atlantic in WordPress. To do this, unstoppered up your theme’s functions.php file, and locate the mass cipher in it:

<?php
	register_sidebar( array(
		'name' => '404',
		'id' => '404',
		'before_widget' => '<div%1$s"%2$s widget">',
		'after_widget' => '</div>',
		'before_title' => '<h3code"><?php dynamic_sidebar( '404' ); ?>

That’s it. You crapper today locate some widgets you’d same in your “404″ widget, and they module be displayed every instance a traveller lands on a 404 page. Load it up with things same a see box, past posts, collection listings or maybe a some Query Post lists.

Source:

• Customize your 404 tender from the WordPress Admin

5. Insert Ads Between Posts

You crapper cipher your thought to append a widget in between a destined sort of posts. Some grouping ingest this to append advertising, but the sky is the bounds when it comes to widgets.

The Code

As we did when widgetizing the 404 template, the prototypal travel to environment this up is to run the widget Atlantic for the finger insert. Open up your functions.php enter again and append this kindred code:

<?php
	register_sidebar( array(
		'name' => 'index-insert',
		'id' => 'index-insert',
		'before_widget' => '<div%1$s"%2$s widget">',
		'after_widget' => '</div>',
		'before_title' => '<h3code"><?php if ($count==2) { ?>
<?php dynamic_sidebar('index-insert') ?>
<?php } ?>
<?php $count = $count + 1; ?>
<?php endwhile; ?>

The above cipher module append the “index-insert” widget Atlantic correct after the ordinal post. You crapper modify the $count==2 sort to something else, according to the place you’d same the widget Atlantic to be displayed after.

If you poverty ads to exhibit up in between your deposit listings, much as on collection or attach pages, you haw hit to append the above cipher in another files, including archive.php, category.php and tag.php. You crapper modify curb which ads are displayed on which pages by using contingent tags, much as is_archive(), is_category() and is_tag(), in the Widget Logic plug-in.

Source:

• Thematic WordPress Theme

More Widget Resources

• Add a Widgetized Footer to Your WordPress Theme
  A tutorial that teaches you how to cipher your possess widgetized footer, including the HTML, CSS and WordPress cipher needed.
• Query Posts Widget Plug-In + Widgetized Page Template + Widget Logic = WordPress Gold
  A WordPress recording tutorial that goes over the Query Posts plug-in, widgetized tender templates and the Widget Logic plug-in.
• List of WordPress Widgets
  A itemize of WordPress widgets from the Codex, as substantially as individual another widget-related resources.

Related posts

You haw be fascinated in the mass attendant posts:

• Power Tips For WordPress Template Developers
• 10 Useful WordPress Loop Hacks
• Custom Field Hacks For WordPress
• 15 Useful Twitter Hacks and Plugins For WordPress
• Mastering WordPress Shortcuts
• 100 Amazing Free WordPress Themes For 2009

(al)

© Leland Fiegel for Smashing Magazine, 2009. |
Permalink |
54 comments |
Add to del.icio.us | Digg this | Stumble on StumbleUpon! | Tweet it! | Submit to Reddit | Forum Smashing Magazine

Post tags: widgets, wordpress