ライブドアブログへの　埋め込みについて

失礼致します。

今、ライブドアブログに、すでに制作している2カラムのホームページを
反映させていく作業を行なっているのですが、

ブログへの埋め込みに対する知見がなく
調べつつやって見たのですが独自タグの扱いなどが分からず
行き詰まっております。

使いたいブログの機能としては、

・トップページに、
人気記事の一覧（横3列）、最新記事の一覧（横3列）、過去記事の一覧を（横3列X5行）を
それぞれ別々に表示させること

・サイドバーにあるカテゴリー一覧を、
ヘッダーメニューのカテゴリー一覧にも同じように反映させること。

・現在表示させているだけのページャーに
ページ送りの機能を持たせること。

文章だけのため非常にわかりにくいかとは思いますが、
何卒アドバイスの方をお願いできればと思います。
参考になるサイトを教えていただけるだけでも助かります。

制作したHTMLとCSSはブログ内のカスタム機能にコピペし読み込ませております。

    <!--人気記事-->
    <div class="main">
      <ul class="parent_ul2">
        <li>
          <a href=""><img src="./img/main_1.png" /></a>
          <p >テキスト。<br>2017-08-03</p>
        </li>
        <li>
          <a href=""><img src="./img/main_2.png" /></a>
          <p >テキスト。<br>2017-08-14</p>
        </li>
        <li>
          <a href=""><img src="./img/main_3.png" /></a>
          <p >テキスト。<br>2017-08-14</p>
        </li>
      </ul>
    </div>

   <!--最新記事-->
      <div class="text" class="clearfix">
      <IndexArticlesLoop>
        <IfArticleNum lt 4>
          <ul>
              <li>
                <div class="news_img">
                  <!--記事の見出し-->
                  <div class="image2">
                    <a a href="<$ArticlePermalink$>" itemprop="url"><img  src="<$ArticleCoverImage$>" />
                  </div>
                </div>
                <!--記事タイトル-->
                <div class="news_p">
                  <p><$ArticleTitle ESCAPE$></p></a>
                </div>
                  <img class="new" src="http://blog.livedoor.jp/spantonn/img/new.png" alt="">
                  <!--更新日-->
                <p class="day">
                  <time datetime="<$ArticleDateISO8601$>" itemprop="datePublished"><$ArticleDateYear$>.<$ArticleDateMonth$>.<$ArticleDateDay$></time>
                </p>
                <!--カテゴリー-->
                <a href="<$ArticleCategory2Url$>"><span class="right"><$ArticleCategory2$></span></a>
                <a href="<$ArticleCategory1Url$>"><span class="right"><$ArticleCategory1$></span></a>
              </li>
          </ul>
        </IfArticleNum>
      </IndexArticlesLoop>
      </div>

   <!--過去記事-->
      <div class="text" class="clearfix">
        <IndexArticlesLoop>
        <ul>
            <li>
              <div class="news_img">
                <!--記事見出し-->
                <div class="image2">
                  <a href="<$ArticlePermalink$>" itemprop="url"><img  src="<$ArticleCoverImage$>" />
                </div>
              </div>
              <!--記事タイトル-->
              <div class="news_p">
                <p><$ArticleTitle ESCAPE$></p></a>
              </div>
              <!--更新日-->
              <p class="day">
                <time datetime="<$ArticleDateISO8601$>" itemprop="datePublished"><$ArticleDateYear$>.<$ArticleDateMonth$>.<$ArticleDateDay$></time>
              </p>
              <!--カテゴリー-->
              <a href="<$ArticleCategory2Url$>">
                <span class="right"><$ArticleCategory2$></span>
                <a href="<$ArticleCategory1Url$>">
                  <span class="right"><$ArticleCategory1$></span>
                </a>
            </li>
        </ul>
      </IndexArticlesLoop>
      </div>


  <!--ページャー-->
        <div id="pager">
          <div class="pager">
            <div class="pager-inner">
              <div class="index-navigator-outer nextpage">
                <ul class="index-navigator">
                  <li class="paging-number">
                    <ol class="paging-number">
                    <li class="current" title="現在の表示ページ"><span>1</span></li>
                    <li><a href="<$NextArticle$>" title="2ページ目へ">2</a></li>
                    </ol>
                   </li>
                  <li class="paging-next"><a rel="next" href="<$NextArticle$>" title="次のページへ">&gt;&gt;</a></li>
                 </ul>
               </div>
             </div>
            </div>
          </div>