Bloggerのカスタマイズ Ⅳ　ページ編集Tip's

<a expr:href='data:blog.bloggerUrl path (data:path + data:blog.blogId + "/" + data:post.id)' expr:title='data:top.editPostMsg' rel='noopener noreferrer' target='_blank'>

<div class="hidden_box">
	<input type="checkbox" id="labelX"/> <!-- Xを任意の数字に変更 -->
	<label for="labelX">ラベル</label> <!-- Xを上記と同じ数字に変更 -->
	<div class="hidden_show">
		ここに中身
	</div>
    </div>

<!--上下にジャンプボタン-->
    <script src='//ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js'/>
    <script>
    //<![CDATA[
    $(function() {
        var pagetop = $('#pagetop');
        var pagebottom = $('#pagebottom');
        var toTop = 1000;//最上部ヘの到達時間(ミリ秒)
        var toBottom = 1000;//最下部ヘの到達時間
        $(window).scroll(function () {
            if ($(this).scrollTop() > 1000) {
                pagetop.fadeIn();
            } else {
                pagetop.fadeOut();
            }
            if ($(this).scrollTop() > 0 && $(this).scrollTop()<$(document).height()-1200) {
                pagebottom.fadeIn();
            } else {
                pagebottom.fadeOut();
            }
        });
        pagetop.click(function () {
            $('body, html').animate({ scrollTop: 0 }, toTop);
        });
        pagebottom.click(function () {
           $('body, html').animate({ scrollTop: $(document).height()}, toBottom);
        });
    });
    //]]>
    </script>
    <style>
    #pagetop,
    #pagebottom {
        display: none;
        position: fixed;
        right: 0;
        color: #6495ed;
        z-index: 99;
    }
    #pagetop {
        bottom: 60px; /* fontを2xにしたので&#12289;位置を80pxから下げた */
    }
    #pagebottom {
        bottom: 20px;
    }
    #pagetop span,
    #pagebottom span {
        transition: .5s;
        opacity: .5;
    }
    #pagetop span:hover,
    #pagebottom span:hover {
        cursor: pointer;
        opacity: 1;
    }
    </style>
    <p id='pagetop'><span><i class='far fa-caret-square-up fa-2x' style='color: steelblue;'/></span></p>
    <p id='pagebottom'><span><i class='far fa-caret-square-down fa-2x' style='color: steelblue;'/></span></p>
	<!--上下にジャンプボタン END -->