Movabletypeで質問です。

スクリーンショットのように表示するには、ブログ記事ページ用のテンプレート（「ブログ記事」テンプレートなど）に以下のサブテンプレートをはりつけます。

<div class="breadcrumb">
  <a href="<$mt:BlogURL$>">TOP</a> »
<mt:ParentCategories glue=" » ">
  <a href="<$mt:CategoryArchiveLink$>"><$mt:CategoryLabel$></a>
</mt:ParentCategories>
<mt:if tag="EntryCategory"> » </mt:if><$mt:EntryTitle$>
</div>

構造は１項のサブテンプレートとほぼ同じです。異なるのはカテゴリを表示したあとに、ブログ記事を表示するようにしています。

カテゴリに属さないブログ記事があることも考慮し、MTIfタグでMTEntryCategoryタグを判定し、カテゴリが設定されている場合のみ、ブログ記事タイトルの直前に「»」を表示するようにしています。

この制御を行うことで、カテゴリに属していないブログ記事のパンくずリストは次のように表示します。

ｈttp://www.koikikukan.com/archives/2012/02/19-033333.php

プラグインの PageBute を使うと良いのではないでしょうか。
http://www.skyarc.co.jp/engineerblog/entry/2642.html

PageButeは何も手を加えない状態で使うと、ブログ記事やウェブページのページ分割についてはサポートされていないようです。
メインページやアーカイブページのページ分割はできます。

以下は、PageButeに一手間加えて、ブログ記事やウェブページのページ分割を実現する方法の記事となります。
http://www.koikikukan.com/archives/2013/11/08-015555.php

今回ブログ記事の分割だと思いますので、
上記の方法を試してみてはいかがでしょうか。