Sep 18 2009

Newly Developed Widgets Live and Tracking Death Statistics!

SEO company and Web Design & Development studio collaborate

Our design & development studio recently completed a widget development project for a local SEO company here in Denver, Colorado. Together, we developed a strategy for creating the all-important backlinks to a Texas attorney’s web site. The group over at seOverflow here in Denver is quite a talented group of SEO gurus that assisted the Studio 119 Design & Development team with the preliminaries for creating widgets for the Jim Adler & Associates team in Houston, Texas.

seOverflow-Studio119-logo

The Widget for Car Accidents

What do these ‘Death Statistic Widgets’ do?

Good question! They simply track 5 different types of deaths across the United States. There’s a widget for Car Accidents, one for 18 Wheeler Accidents, one for Drunk Driving Deaths, one for Mesothelioma Deaths, and also one for Motorcycle Deaths. All five come in 3 different sizes; 300 x 250 pixels, 240 x 400 pixels, and 160 x 300 pixels. All perfectly suited to implement into your blog or web site. Each one respectively tracks the total death numbers to date for each specific type of death. Each day a new number is displayed and oftentimes these numbers are updated hourly using a javascript which deducts the current day, compares it to the national daily average of deaths and returns a total number to date for the specified year.

You can download these widgets at either of these two landing pages:

  1. The Accident Awareness site.
  2. The Jim Adler Death Statistics site.

Why create Widgets for SEO?

Yet another good question… and the answer is easy. ‘To Gain Valuable Backlinks to Your Site‘, simply put. In the SEO (Search Engine Optimization) community, we all know that if you are able to gain links back to your site you can gain some valuable exposure within the Search Engines. Strategically placing targeted keywords within your anchor text (the words that appear within the actual link on the page, for those of you who aren’t familiar with the term) also help the spiders that are crawling your site help determine what your site is about and how they should categorize it. Changing up the anchor text is also a common task. Backlinks also function as a sort of voting system in that they indicate that someone has taken the time to add a link back to your site and find your site’s content valuable.

The Death Statistic widgets have appearing on each one of them 2 and sometimes 3 backlinks. Two anchor text links and one image alt tag set on the image link. So as you can see, we’ve placed these within the actual widgets in hopes that people will implement them into their blogs and web pages to give us our precious backlinks to our site. A very unique strategy in my opinion and one that also worked well with our previously developed Dex Yellow Pages widgets.

It’s all done in the name of  ’Gaining Valuable Backlinks to Your Site‘.

Happy Widgeting everybody!

Chris J. Politzki
Studio 119 Degrees Web Design & Development Studio


Mar 9 2009

DexKnows.com Yellow Page Site Update – New Widgets

February 24th saw the release of the new and improved DexKnows.com 2.0 web site. With it, also came the updated Free Tools page. As with the 1.0 site, I helped develop not only this page, but also the newly-branded Banner AdsSearch Boxes, Widgets & Gadgets, and Text Links. I will, for purposes of this post, only go over the Search Boxes and Widgets.

What’s New With The Dexknows.com Site, Search Boxes & Widgets?

All of us who work at Dex are really excited about the new 2.0 site launch. I’m especially excited about the new Search Boxes, Widgets & Gadgets. So what’s new about these from the previous versions? Good question! Keeping in mind that the Search Boxes are mainly used by Dex Affiliates, I wanted to streamline the code that needed to be copied and pasted to implement them into pre-existing sites. In order to accomplish this, I used div tags instead of the previous methods of using tables in the HTML. These div tags were then controlled by specific CSS to perform better across all browsers. There’s even a custom CSS rule to accomodate the Safari browser, which I think everyone should download. It’s available for both the Mac & PC and is quickly becoming one of the up-and-coming browsers people use today.

Code Implementation for the DexKnows.com Search Boxes

So how does one go about using these so-called Search Boxes? It’s as easy as copying and pasting two bits of code into your HTML. 

  • Step 1 – Paste this code below between the <head></head> tags in your HTML.

<script type=”text/javascript” src=”http://images.dexknows.com/logo/searchbox-files/widget.js”></script>

  • Step 2 – Paste this code below between the <body></body> tags in your HTML.
  • <form class=”search” name=”search” id=”search” action=”http://www.dexknows.com/rd/” onsubmit=”return checkform();”> <input type=”hidden” class=”dku” name=”dku” value=”http://www.dexknows.com/search/?mkt=dk20&mkw=L2Us300x250″ /> <div id=”dex_widget300x250″> <div id=”top300x250″><IMG SRC=”http://images.dexknows.com/logo/searchbox-files/300x250_top.gif” alt=”Dex is one of the leading Yellow Pages publishers. Dex publishes the AT&T Real Yellow Pages in Illinois and NW Indiana, the EMBARQ™ Yellow Pages, and the Dex® Yellow Pages (as the official publisher of Qwest®).” width=”300″ height=”70″ border=0 usemap=”#DexLogoLink”></div> <div id=”bottom300x250″> <div class=”styleWhat300x250″><LABEL for=”what”>What</LABEL><br> <input name=’what’ type=’text’ class=”formbox300x250″ id=’what’ tabindex=’1′ value=’category, business name, keyword or phone number.’ maxlength=”50″ onClick=”clearWhatData();” onKeyPress=”this.style.color = ‘#000000′;” /> </div> <div class=”styleWhere300x250″><LABEL for=”where”>Where</LABEL><br> <input name=’where’ type=’text’ class=”formbox300x250″ id=’where’ tabindex=’2′ value=’city, state, address, ZIP code or landmark.’ maxlength=”50″ onClick=”clearWhereData();” onKeyPress=”this.style.color = ‘#000000′;” /> </div> <div id=”search300x250″> <input name=”image” type=’image’ tabindex=’3′ src=’http://images.dexknows.com/logo/searchbox-files/300x250_button.gif’ title=”Begin Your Search” /></div> <div align=”center”><a href=”http://www.dexknows.com/rd/?dku=http%3A%2F%2Fwww.dexknows.com%2F%3Fmkt%3Ddk20%26mkw%3DL2Us300x250″ title=”Visit DexKnows.com” target=”_blank” class=”styleYP300x250″>DEX YELLOW PAGES</a></div> </div> </div> </form> <map name=”DexLogoLink” id=”Map”> <area shape=”rect” coords=”-196,1,300,70″ href=”http://www.dexknows.com/rd/?dku=http%3A%2F%2Fwww.dexknows.com%2F%3Fmkt%3Ddk20%26mkw%3DL2Us300x250″ target=”_blank” alt=”Dex is one of the leading Yellow Pages publishers. Dex publishes the AT&T Real Yellow Pages in Illinois and NW Indiana, the EMBARQ™ Yellow Pages, and the Dex® Yellow Pages (as the official publisher of Qwest®).” title=”Visit DexKnows.com” /> </map>

And that’s all there is to it to get a Search Box working on you web site. Now anyone can perform a business search on the DexKnows.com site directly from your site! Here’s how the above code looks once implemented:

The code has been stream-lined to dynamically load the necessary CSS for each separate Search Box from the javascript call within the header. And since this code and all the images are hosted on a DexKnows.com server, this means no taxing of the users server and translates to better load time and functionality. There are 8 different IAB-approved sizes for the Search Boxes, so you should easily be able to find one that fits your web page.

The New and Improved Dex Gadgets & Widgets

Not only did the Search Boxes get and overhaul, but so did the Gadgets & Widgets. There are currently 4 choices to choose from. A Dex iGoogle Gadget for your iGoogle Home Page, a Dex Google Gadget to install in your Google Desktop, a Dex Yahoo! Widget for Yahoo! Widgets, and finally a Dex Mac Widget for the Mac Dashboard. The latter three contain a version checking script which will allow easy validation for users of the Gadget or Widget to check if they are up to date on the most current version. A 5th Widget will be added in the future, but for now will be posted here for you in advance so that you can test it out. This would be the WidgetBox Widget and is shown below:

 

 

 
Thanks and enjoy the new DexKnows.com site and all of it’s new features!

Chris J. Politzki
Studio 119 Degrees


Jul 17 2008

Developed Widgets & Gadgets Live Now!

The DexKnows.com site recently posted a new page I helped develop.

It contains all of the current Widgets, Gadgets, Text Links, Banner Ads as well as ‘What & Where’ Search boxes. It’s known as the Free Tools page and is available anywhere on the Dex site if you head to the bottom of the page and click on the link, ‘Free Tools’ in the footer. This is right in between the ‘Direct Marketing’ & ‘View Phone Books’ links.

These are nifty little free tools that one can use to search the Dexknows site.

The Search Boxes are great for embedding into your own HTML page. They come complete with Javascript, CSS, & HTML code for a great looking resulting search box! They come in a few varied sizes to perfectly fit into the right spot on your web site. 728 x 90, 468 x 60, 300 x 250, 234 x 60, 160 x 600, & even a 120 x 90 size, which is pretty small, but could very well fit in a tight spot.

If you only want a text link, this is also available. Banner Ads as well.

The Gadgets and Widgets include an iGoogle Gadget for your iGoogle Home page. There’s a Google Desktop Gadget which you’ll have to download the Google Desktop application first, but the link for that downloaded is provided. Then there’s a Yahoo! Widget that also requires an external application to run, but once again the link is conveniently provided. There’s even a Apple / Mac Dashboard Widget, which I’m quite fond of being a Mac user. ;-)

The next feature is a Widgetbox Widget and I’ll embed it below to show you how easy it is to obtain. Go ahead and try typing something into the ‘What’ & ‘Where’ boxes and hitting enter or the ‘Find’ button above and see how the widgets work and function.


I personally like the cohesive design on all of these. Some sites have multiple platform widgets and gadgets, but haven’t kept the design the same across the board. Maybe because there were multiple people working on the different platforms? Perhaps. Not the case here though. I saw the design & development from end to finish and the result is there for you to see.

Can’t wait for our next versions of these to come out! In the meantime, enjoy!

Chris J. Politzki
Studio 119 Degrees