HTML編集枠1/6程の全記事部分を貼り換え
↓ここから

<div id="content">
<div class="archive">
<!-- 全記事リスト開始 -->
<!--titlelist_area-->
<section class="blog-con blog-con2"> 
<h2 class="entry_title" style="text-align:<%plugin_third_talign>">Title List</h2>
<div class="title_list">
<ul id="switch">
<li id="a">Titlelist</li>
<li id="b">Categorylist</li>
</ul>
<div id="divA">
<h3 class="menu_title" style="margin-bottom:15px;">全ての記事のタイトル一覧</h3>
<ul>
<!--titlelist-->
<li Name="<%titlelist_category_no>" ID="<%titlelist_category_no>" style="margin-left:7em;text-indent:-7em;border-bottom:1px dotted #ccc;">
<a href="<%titlelist_url>" title="<%titlelist_body>"><span style="color:#000;"><%titlelist_year>/<%titlelist_month>/<%titlelist_day></span>：<%titlelist_title> [<%titlelist_category>]</a><noscript>｜
<a href="<%titlelist_category_url>"><%titlelist_category></a></noscript>
</li>
<!--/titlelist-->
</ul>
</div>
<div id="divB">
<h3 class="menu_title" style="margin-bottom:15px;">カテゴリ別の記事のタイトル一覧</h3>
<!--category-->
<!--category_parent--><span style="margin-left:-17px;">■ </span><!--/category_parent-->
<!--category_nosub--><span style="margin-left:-17px;">■ </span><!--/category_nosub-->
<!--category_sub_hasnext--><span style="color:#bbb;margin-left:-17px;">■ </span><!--/category_sub_hasnext-->
<!--category_sub_end--><span style="color:#bbb;margin-left:-17px;">■ </span><!--/category_sub_end-->
<a href="<%category_link>" title="<%category_name>" style="color:#000;line-height:1.9em;"><%category_name> (<%category_count>)</a><br>
<script>
var list=document.getElementsByName("<%category_no>");var elm;var s;if(list.length>0){document.write('<ul style="padding-bottom:50px;">')}for(var i=0;i<list.length;i++){elm=list.item(i);s=elm.innerHTML;document.write('<li style="border-bottom:1px dotted #ccc;margin-left:7em;text-indent:-7em;">',s,"</li>")}if(list.length>0){document.write("</ul>")}; 
</script>
<!--/category-->
</div>
</div>
</section>
<!--/titlelist_area-->
<!-- 全記事リスト終了 -->
</div>

↑ここまで




同じく、HTML編集枠最下段までスクロールしたところの
<!--object-fit（IE対策）-->
という一文の上に下記のスクリプトを追加
↓ここから

<!--titlelist_area-->
<script>
function clickSwitch(){var d=0;var c=document.getElementById("a");var b=document.getElementById("b");var a=document.getElementById("divA");var f=document.getElementById("divB");function e(g){c.className=(g==0)?"btn inactive":"btn";a.className=(g==0)?"boxDisplay all_body":"boxNone";b.className=(g==1)?"btn inactive":"btn";f.className=(g==1)?"boxDisplay all_body":"boxNone"}e(0);c.addEventListener("click",function(){if(d==0){return}d=0;e(0)});b.addEventListener("click",function(){if(d==1){return}d=1;e(1)})}document.addEventListener("DOMContentLoaded",clickSwitch,false);
</script>
<!--/titlelist_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;
}

↑ここまで。以上です。m(__)m