Jan
18
2012

Gtug Ankara Google Chrome Extension

This extension is a kind of mashup (Wikipedia Mashup). If you have an WordPress based website and you want an extension for your web site, you can start to use this extension after doing necessary changes in settings. The key feature is that, we used “JSON API” WordPress plugin. This plugin allows you to get WordPress content JSON format. This extension gets JSON data from your WordPress website with the help of JSON API plugin and manipulates raw data with jQuery.

Please follow link to download extension files: Gtug Ankara Google Chrome Extension Files

Please follow link to install extension: Ankara Gtug Chrome Extension

If you want to use this extension, you need to do some changes, please follow directions:

  1. Install “JSON API” WordPress plugin your website.
  2. Open “index.html” and change settings with yours.
    • $LastPostsLink: Default value retrieves the latest 5 posts’ url and title. To understand JSON API arguments visit this page.
    • $LastAppsLink: Default value retrieves the latest 5 posts’ url and title from “applications” category.
    • $WorkingGroupsLink: Default value retrieves our working groups page’s url, title and content JSON source.
    • $AboutContent: This content will be used as welcome message or about your Gtug organization. Content must be HTML encoded.
    • $GtugCity: Your Gtug organization’s city name.
    • $Website: Your Gtug organization’s website with http:// prefix.
    • $GoogleGroupLink: Your Gtug organization’s Google Group link with http:// prefix.
    • $hasAboutContent: If you want to hide about section set it false, else set it true.
    • $hasWorkingGroups: If you have working groups page set it true, else set it false.
    • $hasFacebookLink: If you have Facebook page set it true, else set it false.
    • $hasRssLink If you have RSS feed set it true, else set it false.
    • $hasTwitterLink: If you have Twitter account set it true, else set it false.
    • $hasGoogleGroupLink: If you have Goole Group page set it true, else set it false.
    • $FacebookLink: Your Gtug organization’s Facebook page with http:// prefix.
    • $RssLink: Your Gtug organization’s website RSS feed link with http:// prefix.
    • $TwitterLink: Your Gtug organization’s Twitter account link with http:// prefix.
  3. Don’t forget to change values with yours in “manifest.json” file.

After changes, you can pack your extension and make your own .crx file with this tutorial “Packaging”. Then, you can install your .crx file by drag-drop on Google Chrome. But you don’t have to package extension to see how its work. You can see how its work by clicking index.html or can active “Google Chrome Extensions Developer Mode” by going to “chrome://settings/extensions” and click to “Developer Mode”. So, now you will see “Load unpacked extension” button by clicking it you can install your extension without packaging.

Yazar Hakkında: Burak Aydın

Yorum yaz