유유자적(悠悠自適): [기타] 정보

요즘 티스토리에서 구글블로그로 넘어와서 포스팅을 시작했는데, Syntax Highlighting 기능이 없어서 일반 텍스트로 넣었었는데, 혹시나 하고 검색해보니 역시나 해결방법이 있었다.
기본적으로 SyntaxHighlighter.css 파일과 js 파일들을 등록해놓고 사용할 수 있다.

SyntaxHighlighter.css 파일 입력

1) 디자인 -> HTML편집 -> <b:skin></b:skin> 사이에 입력
2) 디자인 -> 템플릿디자이너 -> 고급 -> CSS추가 에 입력

.dp-highlighter
{
 font-family: "Consolas", "Courier New", Courier, mono, serif;
 font-size: 12px;
 background-color: #E7E5DC;
 width: 99%;
 overflow: auto;
 margin: 18px 0 18px 0 !important;
 padding-top: 1px; /* adds a little border on top when controls are hidden */
}

/* clear styles */
.dp-highlighter ol,
.dp-highlighter ol li,
.dp-highlighter ol li span 
{
 margin: 0;
 padding: 0;
 border: none;
}

.dp-highlighter a,
.dp-highlighter a:hover
{
 background: none;
 border: none;
 padding: 0;
 margin: 0;
}

.dp-highlighter .bar
{
 padding-left: 45px;
}

.dp-highlighter.collapsed .bar,
.dp-highlighter.nogutter .bar
{
 padding-left: 0px;
}

.dp-highlighter ol
{
 list-style: decimal; /* for ie */
 background-color: #fff;
 margin: 0px 0px 1px 45px !important; /* 1px bottom margin seems to fix occasional Firefox scrolling */
 padding: 0px;
 color: #5C5C5C;
}

.dp-highlighter.nogutter ol,
.dp-highlighter.nogutter ol li
{
 list-style: none !important;
 margin-left: 0px !important;
}

.dp-highlighter ol li,
.dp-highlighter .columns div
{
 list-style: decimal-leading-zero; /* better look for others, override cascade from OL */
 list-style-position: outside !important;
 border-left: 3px solid #6CE26C;
 background-color: #F8F8F8;
 color: #5C5C5C;
 padding: 0 3px 0 10px !important;
 margin: 0 !important;
 line-height: 14px;
}

.dp-highlighter.nogutter ol li,
.dp-highlighter.nogutter .columns div
{
 border: 0;
}

.dp-highlighter .columns
{
 background-color: #F8F8F8;
 color: gray;
 overflow: hidden;
 width: 100%;
}

.dp-highlighter .columns div
{
 padding-bottom: 5px;
}

.dp-highlighter ol li.alt
{
 background-color: #FFF;
 color: inherit;
}

.dp-highlighter ol li span
{
 color: black;
 background-color: inherit;
}

/* Adjust some properties when collapsed */

.dp-highlighter.collapsed ol
{
 margin: 0px;
}

.dp-highlighter.collapsed ol li
{
 display: none;
}

/* Additional modifications when in print-view */

.dp-highlighter.printing
{
 border: none;
}

.dp-highlighter.printing .tools
{
 display: none !important;
}

.dp-highlighter.printing li
{
 display: list-item !important;
}

/* Styles for the tools */

.dp-highlighter .tools
{
 padding: 3px 8px 3px 10px;
 font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: silver;
 background-color: #f8f8f8;
 padding-bottom: 10px;
 border-left: 3px solid #6CE26C;
}

.dp-highlighter.nogutter .tools
{
 border-left: 0;
}

.dp-highlighter.collapsed .tools
{
 border-bottom: 0;
}

.dp-highlighter .tools a
{
 font-size: 9px;
 color: #a0a0a0;
 background-color: inherit;
 text-decoration: none;
 margin-right: 10px;
}

.dp-highlighter .tools a:hover
{
 color: red;
 background-color: inherit;
 text-decoration: underline;
}

/* About dialog styles */

.dp-about { background-color: #fff; color: #333; margin: 0px; padding: 0px; }
.dp-about table { width: 100%; height: 100%; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; }
.dp-about td { padding: 10px; vertical-align: top; }
.dp-about .copy { border-bottom: 1px solid #ACA899; height: 95%; }
.dp-about .title { color: red; background-color: inherit; font-weight: bold; }
.dp-about .para { margin: 0 0 4px 0; }
.dp-about .footer { background-color: #ECEADB; color: #333; border-top: 1px solid #fff; text-align: right; }
.dp-about .close { font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; background-color: #ECEADB; color: #333; width: 60px; height: 22px; }

/* Language specific styles */

.dp-highlighter .comment, .dp-highlighter .comments { color: #008200; background-color: inherit; }
.dp-highlighter .string { color: blue; background-color: inherit; }
.dp-highlighter .keyword { color: #069; font-weight: bold; background-color: inherit; }
.dp-highlighter .preprocessor { color: gray; background-color: inherit; }

JS 파일 인클루드

<head></head> 사이에 입력.
</head> 태그 바로 앞에 입력하면 된다.

스크립트 붙여넣기

<body></body> 사이에 입력.
</body> 태그 바로 앞에 입력하면 된다.

사용하기

글쓰기할때 HTML 편집모드로 해서 pre나 textarea 태그로 감싸면 된다.

참고로, HTML 코드를 넣기 위해서는 "<" 를 "<", ">" 를 ">" 로 변경하고 입력하면 된다.

지원언어

class 속성값으로 입력할 수 있는 언어

언어	class
C/C++	cpp, c, c++
C#	c#, c-sharp, csharp
CSS	css
Delphi	delphi, pascal
Java	java
Java Script	js, jscript, javascript
PHP	php
Python	py, python
Ruby	rb, ruby, rails, ror
Sql	sql
VB	vb, vb.net
XML/HTML	xml, html, xhtml, xslt

출처: http://anshnote.blogspot.kr/2011/07/syntax-highlighter-blogger.html?showComment=1431567335717#c3433844348594219144

해외송금을 위해서는 기본적으로 은행계좌의 영문정보가 필요하다. 여기서 중요한 게 SWIFT 코드인데 이 코드를 통해 은행으로 직접적인 송금이 이루어 진다고 한다.

예전에 만들어 둔 한국시티은행 계좌에 대한 정보이다.

은행명: CITIBANK KOREA INC
주소: #24, CHUNGGAECHEONRO, JUNG-GU, SEOUL, KOREA 100-180 C.P.O. Box 3949
SWIFT: CITIKRSX
IBAN: 한국시티은행은 IBAN 이나 short 코드 대신에 SWIFT 를 사용함. 입력할 필요 없음.

아래는 우리나라 은행들에 대한 SWIFT 코드표이다.

ID	Bank or Institution	City	Branch	Swift Code
1	AGRICULTURAL BANK OF CHINA SEOUL BRANCH	SEOUL		ABOCKRSE
2	AUSTRALIA AND NEW ZEALAND BANKING GROUP LIMITED	SEOUL		ANZBKRSX
3	BANCO BILBAO VIZCAYA ARGENTARIA SA.	SEOUL		BBVAKRSE
4	BANK OF AMERICA, N.A. SEOUL BRANCH	SEOUL		BOFAKR2X
5	BANK OF CHINA SEOUL BRANCH	ANSAN	(ANSAN BRANCH)	BKCHKRSEANS
6	BANK OF CHINA SEOUL BRANCH	DAEGU	(DAEGU BRANCH)	BKCHKRSEDAE
7	BANK OF CHINA SEOUL BRANCH	INCHEON	(INCHEON BRANCH)	BKCHKRSEICN
8	BANK OF CHINA SEOUL BRANCH	SEOUL	(GURO BRANCH)	BKCHKRSEGRO
9	BANK OF CHINA SEOUL BRANCH	SEOUL	(GURO BRANCH)	BKCHKRSEGUR
10	BANK OF CHINA SEOUL BRANCH	SEOUL		BKCHKRSE
11	BANK OF COMMUNICATIONS CO. LTD SEOUL BRANCH	SEOUL	(SEOUL BRANCH (RMB CLEARING BANK))	COMMKRSE888
12	BANK OF COMMUNICATIONS CO. LTD SEOUL BRANCH	SEOUL		COMMKRSE
13	BANK OF KOREA	SEOUL		BOKRKRST
14	BANK OF KOREA, THE	SEOUL		BOKRKRSE
15	BANK OF NOVA SCOTIA, THE, SEOUL BRANCH	SEOUL		NOSCKRSE
16	BANK OF TOKYO-MITSUBISHI UFJ, LTD., THE	SEOUL	(SEOUL BRANCH)	BOTKKRSX
17	BARCLAYS BANK PLC, SEOUL BRANCH	SEOUL		BARCKRSE

18	BNP PARIBAS SEOUL BRANCH	SEOUL		BNPAKRSE
19	BUSAN BANK	BUSAN		PUSBKR2P
20	BUSAN BANK	MASAN	(MASAN BRANCH)	PUSBKR2PMAS
21	BUSAN BANK	SEOUL	(INTERNATIONAL DEPARTMENT SEOUL)	PUSBKR2PINT
22	BUSAN BANK	SEOUL	(SEOUL BRANCH)	PUSBKR2PSEL
23	CHEIL INDUSTRIES INC.	UIWANG-SI		CIISKR22
24	CHEIL WORLDWIDE, INC	SEOUL		CIWWKRSE
25	CHINA CONSTRUCTION BANK SEOUL BRANCH	SEOUL		PCBCKRSE
26	CITIBANK KOREA INC	SEOUL	(WORLDLINK OPERATION)	CITIKRSXWLS
27	CITIBANK KOREA INC	SEOUL		CITIKRSX
28	CONSTRUCTION GUARANTEE COOPERATIVE	SEOUL		KCGCKRSE
29	CREDIT AGRICOLE CIB	SEOUL		CRLYKRSE
30	CREDIT SUISSE AG, SEOUL BRANCH	SEOUL		CRESKRSE
31	CREDIT SUISSE SECURITIES (EUROPE) LIMITED, SEOUL BRANCH	SEOUL		CSFBKRSE
32	DAEGU BANK, LTD.,THE	DAEGU		DAEBKR22
33	DAEGU BANK, LTD.,THE	SEOUL		DAEBKR22SEL
34	DAEWOO SECURITIES CO., LTD.	SEOUL		DWSEKRSE

35	DAIMLER TRUCKS KOREA LTD.	SEOUL		DTKRKRSE
36	DAISHIN SECURITES CO., LTD	SEOUL		DSSCKRSE
37	DBS BANK LTD, SEOUL BRANCH	SEOUL	(SEOUL BRANCH)	DBSSKRSEIBD
38	DBS BANK LTD, SEOUL BRANCH	SEOUL		DBSSKRSE
39	DEUTSCHE BANK AG, SEOUL BRANCH	SEOUL		DEUTKRSE
40	DEUTSCHE BANK AG, SEOUL BRANCH	SEOUL		DEUTKRSEF4C
41	ELAND WORLD LIMITED	SEOUL		ELGTKRSE
42	GOLDMAN SACHS (ASIA) L.L.C. SEOUL BRANCH	SEOUL		GSALKRSE
43	GOLDMAN SACHS INTERNATIONAL BANK, SEOUL BRANCH	SEOUL		GSIBKRSE
44	HANA BANK	SEOUL		HNBNKRSE
45	HANA BANK	SEOUL		HNBNKRSETCS
46	HANA DAETOO SECURITIES	SEOUL		HNDTKRSE
47	HANWHA LIFE INSURANCE	SEOUL		HWLIKRSE
48	HONGKONG AND SHANGHAI BANKING CORPORATION LIMITED, THE	BUSAN	(BUSAN BRANCH)	HSBCKRSEBSN
49	HONGKONG AND SHANGHAI BANKING CORPORATION LIMITED, THE	SEOUL		HSBCKRSE
50	HONGKONG AND SHANGHAI BANKING CORPORATION LIMITED, THE	SEOUL		HSBCKRSEC

출처: http://www.theswiftcodes.com/south-korea/

유유자적(悠悠自適)

2015년 5월 14일 목요일

구글블로거(Blogger)에 Syntax Highligher 추가하기

SyntaxHighlighter.css 파일 입력

JS 파일 인클루드

스크립트 붙여넣기

사용하기

지원언어

해외송금을 위한 시티은행 영문 계좌정보