■
<!-- 全記事リスト終了 -->
</div>の後、

≪ここに下記のカテゴリー・月別archiveを入れる≫

(<!--index_area-->)←これが有るかも
<div class="menu3">
<!--プラグイン３-->の前に下記を入れる




<div class="archive">
<!-- カテゴリページ記事一覧表示 -->
<!--category_area-->
<section class="blog-con blog-con2">
<h2 class="entry_title" style="text-align:<%plugin_third_talign>">Category</h2>
<div class="con_body">
<ul class="switch">
<li id="c">詳細</li>
<li id="d">リスト</li>
</ul>
<div id="divD">
<h3 class="menu_title" style="margin:15px 0;">カテゴリ「<%sub_title>」の記事のタイトル一覧</h3>
<ul>
<!--topentry-->
<li style="width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px dotted #ccc;margin-left:0;"><%topentry_year>/<%topentry_month>/<%topentry_day>：<a href="<%topentry_link>" title="<%topentry_title>"><%topentry_title></a></li>
<!--/topentry-->
</ul>
</div></div>
</section>
<ul>
<li><div id="pagenavi" style="margin-top:2.0em;"></div></li>
</ul>
<!--/category_area-->
<!-- カテゴリ別ページ記事一覧表示 ここまで -->

<!-- 月別アーカイブページ記事一覧表示 -->
<!--date_area-->
<section class="blog-con blog-con2">
<h2 class="entry_title" style="text-align:<%plugin_third_talign>">Monthly</h2>
<div class="con_body">
<ul class="switch">
<li id="e">詳細</li>
<li id="h">リスト</li>
</ul>

<div id="divH">
<h3 class="menu_title" style="margin:15px 0;">月別アーカイブ「<%sub_title>」の記事のタイトル一覧</h3>
<ul>
<!--topentry-->
<li style="width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px dotted #ccc;margin-left:0;"><%topentry_year>/<%topentry_month>/<%topentry_day>：<a href="<%topentry_link>" title="<%topentry_title>"><%topentry_title></a></li>
<!--/topentry-->
</ul>
</div></div>
</section>
<ul>
<li><div id="pagenavi" style="margin-top:2.0em;"></div></li>
</ul>
<!--/date_area-->
<!-- 月別アーカイブページ記事一覧表示 ここまで -->
</div>

↑スミマセン。この</div>を追加




■
HTML枠内1/3程のところ、トップページここから　の下に<div id="divC"><div id="divE">を追加


<div class="blog">
<!-- トップページ ここから-->
<div id="divC"><div id="divE">
<!--topentry-->
～～～






■
HTML枠内1/2程のところ、トップページここまで　の上に</div></div>を追加

～～～
<!--/topentry-->
</div></div>
<!-- トップページ　ここまで -->






■
一番下のjavascript群の中<!--object-fit（IE対策）-->の上に下記を入れる


<!--category_area-->
<script>
function clickSwitch(){var b=0;var f=document.getElementById("c");var e=document.getElementById("d");var d=document.getElementById("divC");var a=document.getElementById("divD");function c(g){f.className=(g==0)?"btn inactive":"btn";d.className=(g==0)?"boxDisplay":"boxNone";e.className=(g==1)?"btn inactive":"btn";a.className=(g==1)?"boxDisplay":"boxNone"}c(0);f.addEventListener("click",function(){if(b==0){return}b=0;c(0)});e.addEventListener("click",function(){if(b==1){return}b=1;c(1)})}document.addEventListener("DOMContentLoaded",clickSwitch,false);
</script>
<!--/category_area-->
<!--date_area-->
<script>
function clickSwitch(){var e=0;var d=document.getElementById("e");var b=document.getElementById("h");var c=document.getElementById("divE");var a=document.getElementById("divH");function f(g){d.className=(g==0)?"btn inactive":"btn";c.className=(g==0)?"boxDisplay":"boxNone";b.className=(g==1)?"btn inactive":"btn";a.className=(g==1)?"boxDisplay":"boxNone"}f(0);d.addEventListener("click",function(){if(e==0){return}e=0;f(0)});b.addEventListener("click",function(){if(e==1){return}e=1;f(1)})}document.addEventListener("DOMContentLoaded",clickSwitch,false);
</script>
<!--/date_area-->






■
スタイルシート編集枠の一番下にでも下記を追加する


.switch{
  display:block;
  list-style:none;
  padding:0;
  margin:0 auto;
  overflow:hidden;
}
.btn{
  float:left;
  width:100px;
  margin:0 0 10px 10px;
  padding:3px;
  font-size:1.0em;
  text-align:center;
  line-height:1.2em;
  background:#CCC;
  color:#FFF;
  border-bottom:2px solid rgba(0, 0, 0, .2);
}
.btn:hover{
  opacity:.8;
  cursor:pointer;
}
.inactive{opacity:.5;
}
.inactive:hover{
  opacity:.5;
  cursor:default;
}
.boxDisplay{
  display:block;
}
.boxNone{
  display:none;
}




以上です。複製を作ってから作業して下さいませ。(^_^)