bootstrap-preview.pngBootstrap Theme for MT is a Theme powered by Twitter Bootstrap and the ThemeManager plugin. It is a fully responsive theme, which means that that the layout automatically adjusts to suit the screen, so it looks great and readable on smartphone, tablets, as well as laptop/desktop browsers. Bootstrap Theme is based largely on The Bootstrap theme for Wordpress, so much of the credit goes to Konstantin Obenland.

Bootstrap Theme Demo

MT Hacks was recently updated to use Bootstrap Theme, browse the site to check out features. Be sure to try it on a tablet or smartphone too. Also, a demo/dev site can be seen here.

Features

Version 1.0 of Bootstrap Theme is designed to be simple and easy to setup. More features may be added in future. The theme supports Facebook Comments (optional) - support for MT commenting may come in a future version. Bootstrap Theme has customizable menus and sidebar widgets, as well a host of other Theme Options:

bootstarptheme-logo.png

bootstraptheme-menu.png

bootstraptheme-social.png

Boostrap Theme includes pagination powered by my Pagination plugin.

Open Source

Bootstrap Theme is open source and available at:
https://github.com/markcarey/mt-theme-bootstrap

Suggestions and contributions are welcome. Documentation is one area that is lacking...

The Twitter Tools plugin for Movable Type enables you to easily and automatically share your MT entries on Twitter. The plugin pushes tweets directly to Twitter immediately when entries are published, avoiding the delays of other services. Future versions of the plugin will add additional Twitter integration features.

Post New Entries to Twitter Within Seconds of Publishing

There are a number of free services out there that will automatically share your entries to your Twitter stream. In most cases, these services work by periodically checking your blog's RSS feed for new entries to post. While this works, it means a time lag or delay before new items get posted to Twitter. The delays get worse and more frequent when these services become popular. TwitterFeed has over 1,000,000 users -- because they have so many RSS feeds to check, it can often be a long time before they get around to yours. The Twitter Tools plugin solves this delay problem by pushing the tweets directly from MT, immediately, when the entry is published.

How it Works

The plugin is pretty simple. After installing the plugin, you authorize MT to auto-tweet when new entries are published. After that, every new entry gets tweeted quickly and directly and automatically.

Other optional features include:

  • Add a prefix to tweet (such as "New Post:")
  • Automatically add hashtags to a tweets for a blog
  • Automatically use Entry tags as hashtags
  • URL Shortening using the URL shortener of your choice (including Bit.ly, Awe.sm, Supr, YOURLS, TinyURL, and more). (yes, you can enter your own shortener API key and yes, Bit.ly Pro domains 'just work')

Twitter Tools Pro

With Twitter Tools Pro, you get the following extra features:

  • Post to both blog and author Twitter feeds at the same time. This is great for multi-author blogs, or if you want to post to both your person Twitter account and to your blog's Twitter account.
  • Optional Filters can be used to only tweet entries with specific Categories or Tags
  • Optional customized Tweet text for each entry (the default is the Entry title).
  • Option to use your own Twitter App, enabling you to customize the "via" text and link shown in Tweet metadata
  • More features are work-in-progress, including importing tweets and more.

Template Tags

Twitter Tools includes one new template tag:

  • <mt:EntryTwitterShortURL> - Outputs the short URL created when the entry was tweeted (using the URL shortener of your choice). You can use this template tag to display the short URL to your readers and/or integrate it into Twitter share links or Tweet Buttons -- great for analytics, as your readers use the the same short URL as you do. Note: if the entry was not tweeted by Twitter Tools, this tag will output an empty string. This tag also works on PHP-dynamic templates.

Requirements

All required modules are included in the download file for Twitter Tools. See installation steps below.

Installation

  1. Download and extract the zip file, then upload the contents of the 'plugins' directory into the 'plugins' directory of your Movable Type installation (often /cgi-bin/mt/plugins/).
  2. Upload the contents of the 'extlib' directory into the 'extlib' directory of your Movable Type installation (often /cgi-bin/mt/extlib/).
  3. Upload the contents of the 'mt-static' directory into the 'mt-static' directory used by your Movable Type installation.
  4. Go to the blog-level plugin settings for Twitter Tools and click the Signin with Twitter button to authorize your blog to post to Twitter.
  5. Return to the settings once again and click the "Auto-tweet" setting to enable auto-posting to Twitter, and adjust other settings as desired.
  6. (Optional for Pro) Authors can also connect their MT author profile with a Twitter account by choosing the "Twitter Account" item from the left menu of their user profile. Note that entries will be posted to Twitter only if "auto-tweet" is enabled in blog settings for the plugin.

Get Twitter Tools Pro

Commercial License for 1 to 10 blogs - $97

Blog Network License for 10+ blogs - $249

Get Twitter Tools

Twitter Tools is free for non-commercial use:

Download Now

Download Now
Downloads: 645

Membership required, please sign-in or register:

As always, comments, questions, and suggestions are welcome.

Future versions of Twitter Tools may include other integration features such as importing Tweets into a blog and more. Suggestions are welcome.

Follow @mthacks on Twitter for updates and other MT and Twitter hacks.

I have created a version of Twitter's new official Tweet Button that works as a Chrome Extension. With this extension you can view the Tweet Count and Share the page for all web pages, even pages that don't have embedded tweet buttons.

The Tweet Count shows in red over the T icon to the right of the address bar, so you immediately know how how many tweets the page has received. If you want to Tweet it, just click on the icon and Twitter's official share box will appear, the same way it would if you had clicked a Tweet Button embedded on the page itself.

Simple as that.

Click here to get the Tweet Button Chrome Extension.

Twitter Tools is a plugin for Movable Type that provides a number of Twitter integration features for Movable Type blogs.

Twitter Tools is currently in private beta on a small number of MT sites. More information coming soon, but please feel free to post feature requests in the comments.

Follow @mthacks on Twitter for updates and other MT and Twitter hacks.

A year ago, I created a Greasemonkey user script that displays the most recent 5 tweets for the query that you are searching for at the top of Google search results.

Today I have created an Extension for Google Chrome that does the same:

Get realtime Twitter results on your Google searches using Google Chrome:

  1. Install the Google Chrome Extension from the Extensions Gallery: Twitter Search Results on Google Chrome Extension.
  2. Click the "Install" button on the above page.

If you like this, please tweet it by clicking here! (short url for this page is http://mt-hacks.com/bkAB)

Feedback and suggestions are welcome, via comments on this entry, or via Twitter reply, Google Buzz, etc.

Twitter Commenters is a plugin for Movable Type that enables commenters to sign-in and comment on your blog using their Twitter account. Versions 2+ includes support for Twitter's OAuth authorization system and enables commenters to automatically share their comments to their Twitter stream.

Note: Version 2.1 fixes a serious bug when using OAuth, users would get a Comment Submission Error, saying that Name and Email are required. All sites running v2.0 should upgrade to v2.1 using the download link below. Simply upload the new files, no need to adjust settings or templates

Basic Auth (default):

OAuth:

Twitter comment authentication works like other auth methods in MT -- once you have installed the plugin you can enable Twitter as one of the auth options, as shown in the image above.

How It Works - Basic Auth

When the user enters their Twitter username and password in the form (shown above), the plugin submits those to the Twitter API to verfiy the credentials. If verified, the user can then post comments using their Twitter account. Their Twitter 'display name' will be shown beside their comments, and their Twitter avatar (profile photo) will be imported and shown beside their comments (if userpics are enabled in your templates).

Note that users' Twitter passwords are not stored in the MT database. An upcoming version of this plugin will enable Twitter's new OAuth support, in which case passwords would never be sent to MT at all. That version will like have an option for commenters to cc. their comments to their Twitter account. Stay tuned.

How It Works - OAuth

New in Version 2.0, you can optionally enable Twitter's new OAuth authorization system. With OAuth, user never have to submit their password info to your server. Instead, they click a "sign in with Twitter" button and they are taken to a page on Twitter.com asking them to authorize the application (see image above). One they click "Allow" they are returned to your site and they then post comments using their Twitter account. As with basic auth, their Twitter 'display name ' will be used as well as their Twitter avatar (profile photo).

Share Comments on Twitter

A new feature in version 2.0, only supported via OAuth, enables commenters to optionally share their comment to their Twitter stream. All they have to do is click a checkbox, no need to re-authorize or enter Twitter account info.

Try it Now

MT Hacks has the new OAuth method enabled. Try it now:

Click here to login with your Twitter account. After logging in, you will be returned to this entry, and you can leave a comment below.

Requirements

  • Net::Twitter 2.07 perl module (included with plugin) (note: do not upgrade to version 2.9+ of this module)
  • Net::Twitter::OAuth perl module (included with plugin)
  • Net::OAuth perl module (included with plugin)
  • Net::OAuth::Simple perl module (included with plugin)
  • JSON::Any perl (included with plugin)

Note: Net::Twitter requires newer versions of the libwww-perl collection of Perl modules. I am not sure what the minimum version required is, but on my server, I had to upgrade in order to get Net::Twitter to work. So if you get strange errors, try installing the latest version in your 'extlib' directory of your MT. Update: A common error message is: "Can't locate object method "default_header" via package "LWP::UserAgent" -- if you see this error, this the problem.

Download Twitter Commenters

Download Now
Downloads: 566

Installation

  1. Upload the contents of the 'plugins' folder to the 'plugins' directory for your MT install.
  2. Upload the contents of the 'mt-static' folder to your 'mt-static' directory.
  3. For each blog you want to enable, go to Preferences > Registration and check the box for 'Twitter'.

Enabling Twitter OAuth

Unfortunately, this is not as easy as it could be, maybe Twitter will make it easier in future. To set this up you need to create an Application on Twitter:

  1. While logged in to your Twitter account, go to http://twitter.com/oauth_clients/new.
  2. Fill out the form on that page:
    • Give it a unique name and description.
    • For 'Application Website', enter http://mt-hacks.com/twittercommenters.html. For 'Organization', enter MT Hacks.
    • For 'Website' enter http://mt-hacks.com.
    • For 'Application Type' choose 'Browser'.
    • For 'Callback URL' enter the full URL to your comments script followed by '?__mode=login_external&key=Twitter'. Example: http://www.domain.com/cgi-bin/mt/mt-comments.cgi?__mode=login_external&key=Twitter
    • For 'Default Access type' choose 'Read & Write'.
    • Check the box for 'Yes, use Twitter for login'
    • Hit the 'Save' button.
  3. After saving the application, you should now see a screen with a 'Consumer key' and 'Consumer secret'. Copy those to the system plugin Settings (System Overview > Plugins > Twitter Commenters > Settings). and save the plugin settings.
  4. To enable the share comment on Twitter option, add the <mt:TwitterShareCommentOption> tag below the comment text part of your comment form. This will display a checkbox option to people logged in via Twitter OAuth.
  5. Rebuild your entry pages and test it out

As always, feedback is appreciated.

Follow @mthacks on Twitter for updates and other MT and Twitter hacks.

Twitter Commenters is a plugin for Movable Type that enables commenters to sign-in and comment on your blog using their Twitter account. Versions 2 includes support for Twitter's OAuth authorization system and enables commenters to automatically share their comments to their Twitter stream.

Basic Auth (default):

OAuth:

Twitter comment authentication works like other auth methods in MT -- once you have installed the plugin you can enable Twitter as one of the auth options, as shown in the image above.

How It Works - Basic Auth

When the user enters their Twitter username and password in the form (shown above), the plugin submits those to the Twitter API to verfiy the credentials. If verified, the user can then post comments using their Twitter account. Their Twitter 'display name' will be shown beside their comments, and their Twitter avatar (profile photo) will be imported and shown beside their comments (if userpics are enabled in your templates).

Note that users' Twitter passwords are not stored in the MT database. An upcoming version of this plugin will enable Twitter's new OAuth support, in which case passwords would never be sent to MT at all. That version will like have an option for commenters to cc. their comments to their Twitter account. Stay tuned.

How It Works - OAuth

New in Version 2.0, you can optionally enable Twitter's new OAuth authorization system. With OAuth, user never have to submit their password info to your server. Instead, they click a "sign in with Twitter" button and they are taken to a page on Twitter.com asking them to authorize the application (see image above). One they click "Allow" they are returned to your site and they then post comments using their Twitter account. As with basic auth, their Twitter 'display name ' will be used as well as their Twitter avatar (profile photo).

Share Comments on Twitter

A new feature in version 2.0, only supported via OAuth, enables commenters to optionally share their comment to their Twitter stream. All they have to do is click a checkbox, no need to re-authorize or enter Twitter account info.

Try it Now

MT Hacks has the new OAuth method enabled. Try it now:

Click here to login with your Twitter account. After logging in, you will be returned to this entry, and you can leave a comment below.

Requirements

  • Net::Twitter 2.07 perl module (included with plugin) (note: do not upgrade to version 2.9+ of this module)
  • Net::Twitter::OAuth perl module (included with plugin)
  • Net::OAuth perl module (included with plugin)
  • Net::OAuth::Simple perl module (included with plugin)
  • JSON::Any perl (included with plugin)

Note: Net::Twitter requires newer versions of the libwww-perl collection of Perl modules. I am not sure what the minimum version required is, but on my server, I had to upgrade in order to get Net::Twitter to work. So if you get strange errors, try installing the latest version in your 'extlib' directory of your MT. Update: A common error message is: "Can't locate object method "default_header" via package "LWP::UserAgent" -- if you see this error, this the problem.

Download Twitter Commenters

Download Now
Downloads: 566

Installation

  1. Upload the contents of the 'plugins' folder to the 'plugins' directory for your MT install.
  2. Upload the contents of the 'mt-static' folder to your 'mt-static' directory.
  3. For each blog you want to enable, go to Preferences > Registration and check the box for 'Twitter'.

Enabling Twitter OAuth

Unfortunately, this is not as easy as it could be, maybe Twitter will make it easier in future. To set this up you need to create an Application on Twitter:

  1. While logged in to your Twitter account, go to http://twitter.com/oauth_clients/new.
  2. Fill out the form on that page:
    • Give it a unique name and description.
    • For 'Application Website', enter http://mt-hacks.com/twittercommenters.html. For 'Organization', enter MT Hacks.
    • For 'Website' enter http://mt-hacks.com.
    • For 'Application Type' choose 'Browser'.
    • For 'Callback URL' enter the full URL to your comments script followed by '?__mode=login_external&key=Twitter'. Example: http://www.domain.com/cgi-bin/mt/mt-comments.cgi?__mode=login_external&key=Twitter
    • For 'Default Access type' choose 'Read & Write'.
    • Check the box for 'Yes, use Twitter for login'
    • Hit the 'Save' button.
  3. After saving the application, you should now see a screen with a 'Consumer key' and 'Consumer secret'. Copy those to the system plugin Settings (System Overview > Plugins > Twitter Commenters > Settings). and save the plugin settings.
  4. To enable the share comment on Twitter option, add the <mt:TwitterShareCommentOption> tag below the comment text part of your comment form. This will display a checkbox option to people logged in via Twitter OAuth.
  5. Rebuild your entry pages and test it out

As always, feedback is appreciated.

Follow @mthacks on Twitter for updates and other MT and Twitter hacks.

Twitter Commenters is a plugin for Movable Type that enables commenters to sign-in and comment on your blog using their Twitter account.

Twitter comment authentication works like other auth methods in MT -- once you have installed the plugin you can enable Twitter as one of the auth options, as shown in the image above.

How It Works

When the user enters their Twitter username and password in the form (shown above), the plugin submits those to the Twitter API to verfiy the credentials. If verified, the user can then post comments using their Twitter account. Their Twitter 'display name' will be shown beside their comments, and their Twitter avatar (profile photo) will be imported and shown beside their comments (if userpics are enabled in your templates).

Note that users' Twitter passwords are not stored in the MT database. An upcoming version of this plugin will enable Twitter's new OAuth support, in which case passwords would never be sent to MT at all. That version will like have an option for commenters to cc. their comments to their Twitter account. Stay tuned.

Try it Now

Click here to login with your Twitter account. After logging in, you will be returned to this entry, and you can leave a comment below.

Requirements

  • Net::Twitter perl module (included with plugin)
  • JSON::Any perl (included with plugin)

Note: Net::Twitter requires newer versions of the libwww-perl collection of Perl modules. I am not sure what the minimum version required is, but on my server, I had to upgrade in order to get Net::Twitter to work. So if you get strange errors, try installing the latest version in your 'extlib' directory of your MT.

Download Twitter Commenters

Download Now
Downloads: 566

Installation

  1. Upload the contents of the 'plugins' folder to the 'plugins' directory for your MT install.
  2. Upload the contents of the 'mt-static' folder to your 'mt-static' directory.
  3. For each blog you want to enable, go to Preferences > Registration and check the box for 'Twitter'.

As always, feedback is appreciated.

Follow @mthacks on Twitter for updates and other MT and Twitter hacks.

Over at my Moopz site, I have just released a new Twitter Bookmarklet that make it easy to submit the link of the page you are reading. A pop up appears with a Twitter-like interface, enabling you to quickly tweet the page you are reading. It is designed to be clean and easy to use, a few seconds and you are done. The Twitter Bookmarklet looks like this:

Click here to head over to Moopz to get the Bookmarklet or to try it now.

During the past few weeks, there has been a lot of discussion about whether Twitter's "real time search" could pose a threat to Google.

While I am not sure if Twitter poses a threat to Google, I think it is clear that real-time search is increasingly important. And you can be sure that Google knows it. Will Google try to acquire Twitter, or take some other approach? Time will tell, but rather that wait, I decided to get realtime twitter search results on Google today. I created a Greasemonkey user script that does exactly this. It displays the most recent 5 tweets for the query that you are search for, giving both real-time Twitter search results and Google results on the same page:

I have been using it for a few days now and I think it really adds some freshness to Google search results pages. Not only do you get the web pages that have been indexed by Google, but also relevant twitter conversations that are happening right now. One day I think we may see Google release something like this, but until then there is the Twitter Search Results on Google Greasemonkey script.

Get realtime Twitter results on your Google searches:

  1. If you don't already have it, install the Greasemonkey add-on for Firefox.
  2. Click the "Install" button on the "Twitter Search Results on Google" page on userscripts.org.

If you like this, please tweet it by clicking here! (short url for this page is http://moopz.com/9ZDS)

Update: Also see my new Twitter Bookmarklet and Tweet This Page Link tool.

Feedback and suggestions are welcome, via comments on this entry, or via Twitter reply, FriendFeed, etc.