부록 : 코드의 힘

|

################ 동영상 삽입 ################

<p>
<iframe width="560" height="315" src="해당 동영상의 주소" frameborder="0" allowfullscreen></iframe>
</p>

 

################ 댓글 기능 추가 ################

DISQUS, LiveRe 서비스 활용.

 

ex) DISQUS 의 코드 예시

<div id="disqus_thread"></div>
<script>

/**
* RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
* LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables*/
/*
var disqus_config = function () {
this.page.url = PAGE_URL; // Replace PAGE_URL with your page's canonical URL variable
this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
};
*/
(function() { // DON'T EDIT BELOW THIS LINE
var d = document, s = d.createElement('script');
s.src = 'https://web1-2.disqus.com/embed.js';
s.setAttribute('data-timestamp', +new Date());
(d.head || d.body).appendChild(s);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>

 

################ 채팅 기능 추가 ################

TAWK 서비스 활용.

 

 

################ 방문자 분석기 ################

구글애널리틱스 활용.

 


'HTML & CSS' 카테고리의 다른 글

입력양식 - form  (0) 2019.06.27
표 - table  (0) 2019.06.27
서버와 클라이언트  (0) 2019.06.21
부모 자식과 목록  (0) 2019.06.19
기본 문법 - 태그  (0) 2019.06.19
And