Z – Maps, Charts, & Ad Shortcodes

[teaser]We also include functionality for google maps, google charts, easy insertion of google adsense, and also custom advertisement bars where you can insert images/links or a vendor’s ad code.[/teaser]

[line]
[h4]Google Maps:[/h4]

[column_one_third]
Google maps lets you insert an actually google map right on your page. Setting it up can take some work though! Google requires you to manually give lattitude/longitude coordinates for things. But don’t fear! The documentation explains easy tricks for finding all this stuff! Again, we put it inside a box shortcode because it just looks nice, but you can use it anywhere!
[/column_one_third]
[column_two_thirds]

[google_map zoom= »10″ center= »42.7381872828527, -84.59335327148438″ marker= »42.7381872828527, -84.59335327148438″]

[/column_two_thirds]
[toggle_box title= »See The Shortcodes »]
[code_table]
[code_line]
[/code_line] [code_line][google_map zoom= »10″ center= »42.73, -84.59″ marker= »42.73, -84.59″][/code_line] [code_line]
[/code_line]
[/code_table]
[/toggle_box]

[line]
[h4]Google Charts:[/h4]

[column_one_third]
Google charts lets you insert charts generated by google. You will need to read about google’s chart capabilities and how to set things up. So this is a shortcode few will use. But for those that understand google charts, it’s here for you!
[/column_one_third]
[column_two_thirds]

[google_chart data= »41.52,37.79,20.67,0.03″ bg= »ffffff » labels= »Example+One|Second+Example|Another+One|Other » colors= »058DC7,50B432,ED561B,EDEF00″ size= »488×200″ title= »Example Chart » type= »pie »]

[/column_two_thirds]
[toggle_box title= »See The Shortcodes »]
[code_table]
[code_line]
[/code_line] [code_line][google_chart data= »41.52,37.79,20.67,0.03″ bg= »ffffff » labels= »Example+One|Second+Example|Another+One|Other » colors= »058DC7,50B432,ED561B,EDEF00″ size= »488×200″ title= »Example Chart » type= »pie »][/code_line] [code_line]
[/code_line]
[/code_table]
[/toggle_box]

[line]
[h4]Google Adsense:[/h4]

[column_one_third]
This is actually nothing more than doing the same thing as a « raw » tag and you paste in the adsense code. But it is helpful to have it have it’s own shortcode name so that you can keep organized in wordpress.
[/column_one_third]
[column_two_thirds]
[code][google_adsense]Copy ‘n paste your google adsense code here.[/google_adsense][/code]
[/column_two_thirds]

[line]
[h4]Custom Ad Groups:[/h4]

[column_two_thirds]
Yes, we give you custom advertisement bar abilities! You can use an « ad_group » shortcode to create an ad bar, and then fill it with ad_image or ad_code shortcodes to show your ads.
[toggle_box title= »See The Shortcodes »]
[code_table]
[code_line][ad_group adcolumns= »2″ outsidemargins= »8″ betweenmargins= »8″ box= »yes »][/code_line]
[code_line][ad_image link= »# » image= »125ad.png » width= »125″ height= »125″][/code_line]
[code_line][ad_image link= »# » image= »125ad.png » width= »125″ height= »125″][/code_line]
[code_line][ad_image link= »# » image= »125ad.png » width= »125″ height= »125″][/code_line]
[code_line][ad_image link= »# » image= »125ad.png » width= »125″ height= »125″][/code_line]
[code_line][ad_image link= »# » image= »125ad.png » width= »125″ height= »125″][/code_line]
[code_line][ad_code width= »125″ height= »125″]custom ad code from 3rd party[/ad_code][/code_line]
[code_line][/ad_group][/code_line]
[/code_table]
[/toggle_box]
[/column_two_thirds]
[column_one_third]
[ad_group adcolumns= »2″ outsidemargins= »13″ betweenmargins= »12″ box= »yes »]
[ad_image link= »# » image= »{THEME_ROOT}/images/preview/125ad.png » width= »125″ height= »125″]
[ad_image link= »# » image= »{THEME_ROOT}/images/preview/125ad.png » width= »125″ height= »125″]
[ad_image link= »# » image= »{THEME_ROOT}/images/preview/125ad.png » width= »125″ height= »125″]
[ad_image link= »# » image= »{THEME_ROOT}/images/preview/125ad.png » width= »125″ height= »125″]
[ad_image link= »# » image= »{THEME_ROOT}/images/preview/125ad.png » width= »125″ height= »125″]
[ad_image link= »# » image= »{THEME_ROOT}/images/preview/125ad.png » width= »125″ height= »125″]
[/ad_group]
[/column_one_third]