Login Widget for Movable Type 4

Whats good with Movable type 4 is its enhanced widget system. Without touching the core movable template, we are able to add a new features to it with just a little additional code. Adding a login field for my multi authored blog is necessary since some my co-authors are not familiar with the Movable Type and i don't think giving in a complete path like cgi-bin/mt/mt.cgi can easily be remembered..


Here's how made it.

1. Navigate to your Blog Templates
2. On the Quickfilters click Widgets
3. Click on Create New Tempate Widget link
4. Paste the following:
<div class="widget-login widget">
    <h3 class="widget-header">Log In</h3>
    <div class="widget-content">
       <form method="post" action="<mt:CGIPath />mt.cgi">
           <label for="username">Username:</label><br>
           <input id="username" name="username" size="20">
           <label for="password">Password:</label><br>
           <input id="password" type="password" name="password" size="20">
           <input type="submit" value="Login" size="20">
        </form>
    </div>
</div>
5. Place in Login as its widget name
6. Click on Save
7. On the main Menu, Select Design-> Widget Sets
8. Depends on how many sidebar you have, click the appropriate widget set. Im using the 3 column widget set, if your using the same, click on it.
9. On the Available widgets column look for the Login widget we have created and drag it into the Installed widget column
10. Click Save Changes
11. Rebuild and publish your blog.

Login Widget for Movable Type 4Tweet this post