티스토리 방문자 수 통계 그래프 편집하기

---

원본

<s_sidebar_element>

<!-- 방문자수 통계그래프~ -->

<div class="widget" style="border:1px solid; padding:10px; background-color:#ffffff;">

<center>

<span class="Today">◇ today:   </span>

<span class="Yesterday">&nbsp;&nbsp;&nbsp;◇ yesterday: </span>

<div class="stati" style="margin:10px 0px 0px 0px; background-color:#ffffff"> 

       

</div>

</center>

</div>

<script id="_wauyd2">var _wau = _wau || []; _wau.push(["dynamic", "xmz1pwpt5m", "yd2", "3d85c6ffffff", "small"]);</script><script async src="//waust.at/d.js" > </script>

</s_sidebar_element>

예시

---

티스토리 방문자수 플러그인에 있는 통계그래프를 편집해 보려고 합니다.

간단하게 바로 집어넣고 싶으시면 <div class="sidebar">사이에 원본을 복사 붙여넣기 하시면 됩니다.

<div class="sidebar"> </div>.

.

.

.

<s_sidebar_element>

<!-- 방문자수 통계그래프~^[각주:1] -->

<div class="widget" style="border:1px solid; padding:10px;  background-color:#ffffff;">

<center>

<span class="Today">◇ today :   </span>

<span class="Yesterday">&nbsp;&nbsp;&nbsp; ◇ yesterday : </span>

<div class="stati" style="margin:10px 0px 0px 0px; background-color:#ffffff"> 

       

</div>

</center>

</div>

<script id="_wauyd2">var _wau = _wau || []; _wau.push(["dynamic", "xmz1pwpt5m", "yd2", "3d85c6ffffff", "small"]);</script><script async src="//waust.at/d.js" > </script>

</s_sidebar_element>

.

.

.

</div>

&nbsp; = 띄워쓰기 명령어

<script id="_wauyd2">var _wau = _wau || []; _wau.push(["dynamic", "xmz1pwpt5m", "yd2", "3d85c6ffffff", "small"]);</script><script async src="//waust.at/d.js" > </script> 

=> 현제 접속 인원표시 밑 관련 정보 서치사이트와 연결

<div class="widget" style="border:1px solid; padding:10px; bgcolor:#6699FF;">   </div>

=> 네모난 상자로 감싸는 명령어 입니다.  

border - 표(상자)의 두께를 설정합니다

padding - 상자와 다른 부분의 빈 공간을 설정합니다.

background-color - 상자의 배경색상을 지정합니다.

파란색 부분은 원하는대로 수정하셔도 되는 부분으로 글자를 적는 부분 입니다.

핑크색 부분은 빼도 상관없구요.

1. HTML 에서 어떤 역할을 하고 있는지 설명을 적을 수 있는 부분 [본문으로]