SezWho.com Homepage

BlogCatalog.com Homepage

•  Home 
• [  Download  ]
•  Sign up 
•  My Account 

BlogCatalog Users : Download & Install SezWho Plug-in (Movable Type 3.33)

Detalied steps to Install (with pictures)

• Download the plugin source.
• Unzip or copy the files into Movable Type plugins directory {MT_INSTALL_DIR}/plugins/. This should create a folder in {MT_INSTALL_DIR}/plugins/SezWho. (see Figure 1 below)
  
  
  
  (Figure 1)
  
  
• Make sure that {MT_INSTALL_DIR}/plugins/SezWho/SezWho.cgi file has execute permission.
  
  
• Go to Plugins configuration page and click on the links highlighted in following image.
  
  
  
  (Figure 2)
  
  
• Enter your blog key recieved in Email or from here in the input box provided on the configuration page. (see Figure 3 below)
  
  
  
  (Figure 3)
  
  

After the installation is complete, access an entry that has comments and make sure that the filter bar, comment score and comment ratings bar is showing as in this screenshot.

If you are still having problems or you want more control over the automatic layout, you should check out how to manually modify your theme template.

Configuring SezWho by modifying your Individual Entry Archive

The SezWho plugin can be added to a blog by modifying the Individual Entry Archive. The SezWho template tags allow bloggers full control over the look and feel of their entry archives. Since SezWho if focused on improving comments functionality, the only template that needs to be modified is the Individual Entry Archive.

SezWho template modification example

Following is an example of the Tags insertion in Individual Archive Template. SezWho Tags are highlighted in Blue color.

SezWho template tag details

• <$MTSZ_CommentFilterBar$>: This tag adds the header bar for the comments. The header bar looks as follows:
  
  
  

   

  This template tag generates the following markup:

  <table id="cpEmbedPageTableid" class="cpEmbedPageTable cpEmbedPageFilterBarCustom">

  <tbody>

  <tr>

  <td class="cpEmbedPageTableCell cpEmbedPageFilterBarCellCustom">

  <p class="cpEmbedSelectParagraph cpEmbedSelectParagraphCustom">Highlight: <select onchange="..."><option value="0">All Comments</option><option value="5.5">Good Comment(3+)</option> <option value="7.5">Great Comments(4+)</option></select> <a href="...">What is this?</a> </p>

  </td>

  <td class="cpEmbedPageTableCellBranding cpEmbedPageFilterBranindingCellCustom"><a class="cpEmbedPageTableCellBrandingLink" href="javascript:void SezWho.Utils.openPage('home');"/></td>

  </tr>

  </tbody>

  </table>

  This tag should be placed at the beginning of the comments section of a page. This tag should be placed outside the main comment block so place it appropriately based on your formatting. (See an example above)

   

• <$MTSZ_CommentHeader$>: This tag adds the comment score and comment plus/minus button along with the profile link:
  
  
  

   

  This template tag generates the following markup:

  <table class="cpEmbedPageTable cpEmbedPageCommentHeaderCustom">

  <tbody>

  <tr>

  <td class="cpEmbedPageTablePMCell cpEmbedPageHeaderBarPMCellCustom"><input type="button" class="cpEmbedCommentImgMinus cpEmbedCommentImgMinusCustom" onclick="..." id="sz_comment_collapse:id"/></td>

  <td class="cpEmbedPageTableCell cpEmbedPageProfileCellCustom"><a rel="nofollow" href="..." class="cpEmbedPageCommentHeaderAuthorLinkCustom">Name</a> (<a id="sz_profile_link:id" class="cpEmbedPageProfileLinkCustom">Profile</a>)</td>

  <td class="cpEmbedPageTableScoreCell cpEmbedPageTableScoreCellCustom">

  <div id="sz_comment_score:id" class="cpEmbedPageCommentHeaderScoreDivCustom">

  <input type="button" class="cpEmbedScoreSquareImgon cpEmbedScoreSquareImgonCustom" title="Comment Score : 3.2"/>

  <input type="button" class="cpEmbedScoreSquareImgon cpEmbedScoreSquareImgonCustom" title="Comment Score : 3.2"/>

  <input type="button" class="cpEmbedScoreSquareImgon cpEmbedScoreSquareImgonCustom" title="Comment Score : 3.2"/>

  <input type="button" class="cpEmbedScoreSquareImgoff cpEmbedScoreSquareImgoffCustom" title="Comment Score : 3.2"/>

  <input type="button" class="cpEmbedScoreSquareImgoff cpEmbedScoreSquareImgoffCustom" title="Comment Score : 3.2"/>

  </div>

  </td>

  </tr>

  </tbody>

  </table>

  This tag should be placed at the beginning of an individual comment block. This tag marks the beginning of collapsible boundary of a comment, so place it appropriately based on your formatting. (See an example above)

   

• <$MTSZ_CommentFooter$>: This tag adds the comment footer bar along with comment rating UI. The footer bar looks as follows:
  
  
  

   

  This template tag generates the following markup:

  <div>

  <p class="cpEmbedPageCommentFooterCustom">Was this comment useful to you ?

  <input type="button" value="yes" id="sz_rating_button:yes:id" class="cpEmbedYesNoButtonClassCustom"/>

  <input type="button" value="no" id="sz_rating_button:no:id1" class="cpEmbedYesNoButtonClassCustom"/>

  </p>

  </div>

  This tag should be placed towards the end of and individual comment block. This tag marks the end of collapsible boundary of a comment, so place it appropriately based on your formatting. (See an example above)

   

Configuring the Look & Feel with CSS

If you want to change the look and feel of the SezWho tags you can do that my adding CSS rules for the following elements:

Comment Filter Bar
• cpEmbedPageFilterBarCustom
• cpEmbedPageFilterBarCellCustom
• cpEmbedSelectParagraphCustom
• cpEmbedPageFilterBranindingCellCustom

Comment Header Bar
• cpEmbedPageCommentHeaderCustom
• cpEmbedPageHeaderBarPMCellCustom
• cpEmbedCommentImgMinusCustom
• cpEmbedCommentImgPlusCustom
• cpEmbedPageProfileCellCustom
• cpEmbedPageCommentHeaderAuthorLinkCustom
• cpEmbedPageProfileCellCustom
• cpEmbedPageTableScoreCellCustom
• cpEmbedPageCommentHeaderScoreDivCustom
• cpEmbedScoreSquareImgonCustom
• cpEmbedScoreSquareImgoffCustom
• cpEmbedScoreSquareImghalfCustom

Comment Body
• cpEmbedPageCommentBodyCollapseDivCustom

Comment Footer Bar
• cpEmbedPageCommentFooterCustom
• cpEmbedYesNoButtonClassCustom

Red Carpet Widget
• szRCEmbedTableClassCustom
• szRCEmbedImageCustom
• szEmbedCommeterNameCustom
• szEmbedCommetLinkCustom
• szRCStarImgonCustom
• szRCStarImgoffCustom
• szRCStarImghalfCustom