환율 위젯 링크
https://www.fxexchangerate.com/exchange-rates-widget.html
환율 위젯 설정하기
Base Currency을 기준으로 리스트에 추기한 나라들의 환율을 보여준다.
완성된 이미지가 아래 표시된다.
생성된 code를 붙여넣으면 됨.
4. 블로그에 출력하기.
설정에 있는 꾸미기로 이동 후 사이드바에 들어간다.
기본 모듈 중에 HTML 배너 출력을 + 해준다.
편집 버튼을 눌러준다.
위에서 생성한 코드를 붙여넣고 확인을 누르면 끝.
마치며
환율 정보 위치 옮기기.
이동 전 모습.
환율 정보가 왼쪽에 붙어있어서 보기가 안 좋다
가운데로 옮겨줘야겠다.
생성된 코드에 약간 수정이 필요하다.
| <div style="font-size:16px;font-family:sans-serif,Arial,Helvetica;width:198px; line-height:24px;border:1px solid #64CD3C;background-color:#FFFFFF; margin:0 auto"> <div style="background-color:#64CD3C;height:24px; font-weight:bold;text-align:center;padding-top:3px; width:100%;"> <span style="background-image:url(https://www.fxexchangerate.com/static/flag.png); background-position: 0 -2064px;float:left; margin:4px 0 0 20px; width:20px;height:15px; background-repeat:no-repeat;"> </span> <a rel="nofollow" style="color:#FFFFFF;padding-left:5px;text-decoration:none;" href="https://kr.fxexchangerate.com/usd/">미국 달러 </a> </div> <script type="text/javascript" src="https://w.fxexchangerate.com/converter.php?fm=USD&ft=KRW,EUR,CAD,CNY,JPY,&lg=kr&am=1&ty=2"> </script> </div> | cs |
맨위 줄에 끝에 margin:0 auto을 추가하면 가운데로 옮겨진다.
이동 후 모습.
끝
환율 계산기 링크
https://www.fxexchangerate.com/currency-converter-widget.html
환율 계산기 생성된 코드
| <div style="width:198px;height:auto;border:1px solid #64CD3C;text-align:center;font-size:16px;font-family:sans-serif,Arial,Helvetica;border-top-right-radius:5px; border-top-left-radius:5px;background-color:#FFFFFF; margin:0 auto"> <div style="width:100%; height:24px;padding:5px 0px 0px 0px;background-color:#64CD3C;font-weight:bold;"> <a rel="nofollow" style="color:#FFFFFF;text-decoration:none;" href="https://www.fxexchangerate.com/"> Currency Converter </a> </div> <script type="text/javascript" src="https://w.fxexchangerate.com/converter.php?fm=USD&ft=KRW&lg=kr&am=1&ty=1"> </script> </div> | cs |
사이드바에 출력 방법은 위에 환율 정보와 동일하기 때문에 생략함.