블로그 관련 태그들

티스토리 더보기/접기 태그

</p>
<div data-text-more="더보기" data-text-less="닫기" data-ke-type="moreLess"><a class="btn-toggle-moreless">더보기</a>
<div class="moreless-content">

</div>
</div>

각주 태그

<a class="footnote"><sup>[1]</sup><span class="note"><b>註 1.&nbsp; </b>주석 내용</span> </a>

각주 태그 관련 CSS - 스킨 HTML에 포함

/* footnote */
a.footnote {
    cursor: Pointer;
    position: relative;
    text-decoration: none!important;
    color: #000;
    text-indent: 0
}
.footnote sup {
    color: blue
}
.footnote span.note {
    margin-left: -999em;
    position: absolute;
    padding: 10px;
    background: #ffe;
    border: 1px solid #ffad33;
    text-align: justify;
    line-height: 1.3em
}
.footnote:hover span.note {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    position: fixed;
    right: 50px;
    bottom: 2.5em;
    z-index: 99;
    width: 400px
}
.note_ttl {
    display: block;
    width: 100%;
    margin: 0 auto 3px auto;
    padding-bottom: 2px;
    text-align: left;
    border-bottom: 1px solid #fea;
    color: crimson
}
div.footnote_desc {
    border-top: 1px solid #ccc
}
.footnote:hover span.note:before {
    content:"";
    position: absolute;
    bottom: -6px;
    left: 105px;
    border-width: 6px 6px 0;
    border-style: solid;
    border-color: #ffa transparent;
    display: block;
    width: 0;
    z-index: 100
}
.footnote:hover span.note:after {
    content:"";
    position: absolute;
    bottom: -7px;
    left: 104px;
    border-width: 7px 7px 0;
    border-style: solid;
    border-color: #ffad33 transparent;
    display: block;
    width: 0
}

Wordpress 더보기/접기 태그

<p>[expand title="더 보기" swaptitle="접기" expanded="false"]</p>

<p>[/expand]</p>