<![CDATA[
<div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/aVeZ/c793c65f4f7dfa5a5a1626a1d04ef4862f1b024a" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/aVeZ/c793c65f4f7dfa5a5a1626a1d04ef4862f1b024a" data-orgin-width="961" data-origin-height="767"></div><p style="text-align: center;"><span data-ke-size="size16">안녕하세요!</span></p><p style="text-align: center;"><span data-ke-size="size16">저는 팬갤러리에서 달글을 운영하고 있는 달글장입니다!</span></p><p style="text-align: center;"> </p><p style="text-align: center;"><span data-ke-size="size16">최근에 글쓰기 에디터가 업데이트 되면서 본문 꾸미기에 어려움을 겪으시는 분들이 많더라구요..!</span></p><p style="text-align: center;"><span data-ke-size="size16">저 역시 그랬답니다!</span></p><p style="text-align: center;"><span data-ke-size="size16">어느 날 각 잡고 외국 사이트까지 가서 배운 결과 어느정도 타파..! 한 것 같아요! (저만 그렇게 생각 할 수 있음)</span></p><p style="text-align: center;"> </p><p style="text-align: center;"><span data-ke-size="size16">개인적으로 저희 달글 찾아오셔서 문의 해주시는 분들이 늘어나고 계시기도 하고</span></p><p style="text-align: center;"><span data-ke-size="size16">댓글로 알려드리기엔 한계가 있어 이렇게 막생정을 쓰게 되었습니다!</span></p><p style="text-align: center;"> </p><p style="text-align: center;"><span data-ke-size="size16">솔직히 말하면 우리 달글만 예뻤으면 하는 맴 쪼금은 있었다...🥺 이해해주라...🥺</span></p><p style="text-align: center;"><span data-ke-size="size16">그런데 그게 다 무슨 의미가 있니~ 다 같이 예쁘고 아름다운 달글 문화 만들어요 우하하</span></p><p style="text-align: center;"> </p><p style="text-align: center;"><span data-ke-size="size16">들어가기에 앞서 저도 프로그래밍 언어 조금만 알아서 (영어나 읽는 정도,,..)</span></p><p style="text-align: center;"><span data-ke-size="size16">원리를 물어보시면 대답을 못해드릴 수 있어요..!</span></p><p style="text-align: center;"> </p><p style="text-align: center;"><span data-ke-size="size16">아무튼 서론이 길었죠 고고싱❣️</span></p><p style="text-align: center;"> </p><hr data-ke-style="style4"><p style="text-align: center;"> </p><p style="text-align: center;"><span data-ke-size="size16">먼저 본문 꾸미기는 'PC' 에서만 가능합니다!</span></p><p style="text-align: center;"> </p><hr data-ke-style="style3"><p style="text-align: center;"><span data-ke-size="size16">1. 폰트 적용</span></p><p style="text-align: center;"> </p><p style="text-align: center;"><span data-ke-size="size16">오늘 우리가 사용할 폰트는 '눈누' 라는 사이트 폰트를 사용할 거예요!</span></p><p style="text-align: center;"> </p><p style="text-align: center;"><a href="https://noonnu.cc/" target="_blank" class="ke-link"><span data-ke-size="size16">https://noonnu.cc/</span></a></p><div class="figure-open" contenteditable="false" data-ke-type="opengraph" data-ke-align="alignCenter" data-og-type="website" data-og-title="상업적 이용 가능한 무료 한글 폰트 모음 사이트 눈누" data-og-description="상업적으로 이용할 수 있는 무료 한글 폰트를 모아 놓은 사이트 눈누" data-og-host="noonnu.cc" data-og-source-url="https://noonnu.cc/" data-og-url="https://noonnu.cc" data-og-image="http://scrap.kakaocdn.net/dn/v8zM9/hyJtyEahzf/QvaFYggRlDo2qlCcXiU2D0/img.png?width=1200&height=628&face=0_0_1200_628"><a href="https://noonnu.cc/" target="_blank" data-source-url="https://noonnu.cc/"><div class="og-image" style="background-image:url(http://scrap.kakaocdn.net/dn/v8zM9/hyJtyEahzf/QvaFYggRlDo2qlCcXiU2D0/img.png?width=1200&height=628&face=0_0_1200_628)"></div><div class="og-text"><p class="og-title">상업적 이용 가능한 무료 한글 폰트 모음 사이트 눈누</p><p class="og-desc">상업적으로 이용할 수 있는 무료 한글 폰트를 모아 놓은 사이트 눈누</p><p class="og-host">noonnu.cc</p></div></a></div><p style="text-align: center;"><span data-ke-size="size16">사이트에 들어가서 폰트를 골라줍니다!</span></p><p style="text-align: center;"> </p><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/aVeZ/6034f03b99c884612fca5c094e01ea9fc337a0ff" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/aVeZ/6034f03b99c884612fca5c094e01ea9fc337a0ff" data-orgin-width="257" data-origin-height="351"></div><p style="text-align: center;"><span data-ke-size="size16">저는 '교보손글씨'를 골랐어요!</span></p><p style="text-align: center;"><span data-ke-size="size16">클릭해 주면 이런 창이 뜰 거예요.</span></p><p style="text-align: center;"><span data-ke-size="size16">여기서 우리는 '웹폰트로 사용' 을 이용할 거예요!</span></p><p style="text-align: center;"><span data-ke-size="size16">작은 노란 네모박스를 클릭하면 복사가 됩니다!</span></p><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/aVeZ/c58dc7f4a728ac25b78902f4f6d55d4971ba66fd" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/aVeZ/c58dc7f4a728ac25b78902f4f6d55d4971ba66fd" data-orgin-width="1242" data-origin-height="452"></div><p style="text-align: center;"><span data-ke-size="size16">복사를 하고 다시 컴쭉으로 돌아와주세요.</span></p><p style="text-align: center;"><span data-ke-size="size16">글쓰기 페이지에 '<>HTML' 을 클릭해주세요!</span></p><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/aVeZ/dbb6f7c0fce0b8d1df8bd9b54717d154a8a9f07a" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/aVeZ/dbb6f7c0fce0b8d1df8bd9b54717d154a8a9f07a" data-orgin-width="769" data-origin-height="95"></div><p style="text-align: center;"><span data-ke-size="size16">그럼 새 창으로 이런 창이 뜰 거예요.</span></p><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/aVeZ/5e3f7a59c4d77feddaa8e5fdfea8b7082e4378c5" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/aVeZ/5e3f7a59c4d77feddaa8e5fdfea8b7082e4378c5" data-orgin-width="711" data-origin-height="536"></div><p style="text-align: center;"><span data-ke-size="size16">여기서 집중!</span></p><p style="text-align: center;"> </p><blockquote data-ke-style="style3"><span data-ke-size="size16"><!DOCTYPE html></span><br><span data-ke-size="size16"><html></span><br><span data-ke-size="size16"><head></span><br><span data-ke-size="size16"><link href="./style.css" rel="stylesheet" type="text/css"></span><br><span data-ke-size="size16"><style type="text/css"></span><br><b><span style="color: #F89009;"><span data-ke-size="size16">"복사한 웹폰트 붙여넣기"</span></span></b><br><span data-ke-size="size16">p{font-family: '<b><span style="color: #006DD7;">폰트 패밀리</span></b>';}</span><br><span data-ke-size="size16">p{font-size: 14px;} </span><br><span data-ke-size="size16">br{font-family: '<b><span style="color: #006DD7;">폰트 패밀리</span></b>';} </span><br><span data-ke-size="size16">br{font-size: 14px;}</span><br><span data-ke-size="size16">body{font-family: '<b><span style="color: #006DD7;">폰트 패밀리</span></b>';}</span><br><span data-ke-size="size16">body{font-size: 14px;}</span><br><span data-ke-size="size16">table{font-family: '<b><span style="color: #006DD7;">폰트 패밀리</span></b>';}</span><br><span data-ke-size="size16">table{font-size: 14px;}</span><br><span data-ke-size="size16">td{font-family: '<b><span style="color: #006DD7;">폰트 패밀리</span></b>';}</span><br><span data-ke-size="size16">td{font-size: 14px;}</span><br><span data-ke-size="size16">input{font-family: '<b><span style="color: #006DD7;">폰트 패밀리</span></b>';}</span><br><span data-ke-size="size16">input{font-size: 14px;}</span><br><span data-ke-size="size16">form{font-family: '<b><span style="color: #006DD7;">폰트 패밀리</span></b>';}</span><br><span data-ke-size="size16">form{font-size: 14px;}</span><br><span data-ke-size="size16">textarea{font-family: '<b><span style="color: #006DD7;">폰트 패밀리</span></b>';}</span><br><span data-ke-size="size16">teexarea{font-size: 14px;}</span><br><span data-ke-size="size16"></style></span><br><span data-ke-size="size16"></head></span><br><span data-ke-size="size16"><body></span><br><span data-ke-size="size16"></body></span><br><span data-ke-size="size16"></html></span></blockquote><p style="text-align: center;"> </p><p style="text-align: center;"><span data-ke-size="size16">이걸 '교보손글씨'로 적용하면</span></p><p style="text-align: center;"> </p><blockquote data-ke-style="style3"><span data-ke-size="size16"><!DOCTYPE html></span><br><span data-ke-size="size16"><html></span><br><span data-ke-size="size16"><head></span><br><span data-ke-size="size16"><link href="./style.css" rel="stylesheet" type="text/css"></span><br><span data-ke-size="size16"><style type="text/css"></span><br><span data-ke-size="size16">@font-face {</span><br><span data-ke-size="size16">font-family: 'KyoboHand';</span><br><span data-ke-size="size16">src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/KyoboHand.woff') format('woff');</span><br><span data-ke-size="size16">font-weight: normal;</span><br><span data-ke-size="size16">font-style: normal;}</span><br><span data-ke-size="size16">p{font-family: 'KyoboHand';}</span><br><span data-ke-size="size16">p{font-size: 14px;}</span><br><span data-ke-size="size16">br{font-family: 'KyoboHand';}</span><br><span data-ke-size="size16">br{font-size: 14px;}</span><br><span data-ke-size="size16">body{font-family: 'KyoboHand';}</span><br><span data-ke-size="size16">body{font-size: 14px;}</span><br><span data-ke-size="size16">table{font-family: 'KyoboHand';}</span><br><span data-ke-size="size16">table{font-size: 14px;}</span><br><span data-ke-size="size16">td{font-family: 'KyoboHand';}</span><br><span data-ke-size="size16">td{font-size: 14px;}</span><br><span data-ke-size="size16">input{font-family: 'KyoboHand';}</span><br><span data-ke-size="size16">input{font-size: 14px;}</span><br><span data-ke-size="size16">form{font-family: 'KyoboHand';}</span><br><span data-ke-size="size16">form{font-size: 14px;}</span><br><span data-ke-size="size16">textarea{font-family: 'KyoboHand';}</span><br><span data-ke-size="size16">teexarea{font-size: 14px;}</span><br><span data-ke-size="size16"></style></span><br><span data-ke-size="size16"></head></span><br><span data-ke-size="size16"><body></span><br><span data-ke-size="size16"></body></span><br><span data-ke-size="size16"></html></span></blockquote><p style="text-align: center;"> </p><p style="text-align: center;"><span data-ke-size="size16">이런 모습이 되는 겁니다!</span></p><p style="text-align: center;"> </p><hr data-ke-style="style3"><p style="text-align: center;"> </p><p style="text-align: center;"><span data-ke-size="size16">2. 배경 삽입</span></p><p style="text-align: center;"> </p><p style="text-align: center;"><span data-ke-size="size16">다음은 더 간단한 배경 이미지 넣기!</span></p><p style="text-align: center;"> </p><p style="text-align: center;"><span data-ke-size="size16">배경하고 싶은 이미지나 움짤을 갠카나 아무 곳에 올려주세요~</span></p><p style="text-align: center;"><span data-ke-size="size16">올린 배경을 오른쪽 마우스로 클릭하면 '이미지 주소 복사'가 나오는데 그걸 복사해주고</span></p><p style="text-align: center;"><span data-ke-size="size16">('이미지 복사'가 아니고 '이미지 주소 복사' 입니다!!)</span></p><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/aVeZ/aef3f60b566c515f5bdccd8b2d02c1d43b402a2c" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/aVeZ/aef3f60b566c515f5bdccd8b2d02c1d43b402a2c" data-orgin-width="498" data-origin-height="352"></div><p style="text-align: center;"><span data-ke-size="size16">저는 이 움짤을 배경으로 넣어 볼게요.</span></p><p style="text-align: center;"> </p><blockquote data-ke-style="style3"><span data-ke-size="size16">div {background:url('이미지 주소 복사');}</span></blockquote><p style="text-align: center;"> </p><p style="text-align: center;"><span data-ke-size="size16">이걸 아까 위에 html 사이에 넣어주면 됩니다!</span></p><p style="text-align: center;"> </p><p style="text-align: center;"><span data-ke-size="size16">그럼 '교보손글씨'에 별 움짤로 배경을 적용하면 최종 이런 형태가 되겠죠?</span></p><p style="text-align: center;"> </p><blockquote data-ke-style="style3"><span data-ke-size="size16"><!DOCTYPE html></span><br><span data-ke-size="size16"><html></span><br><span data-ke-size="size16"><head></span><br><span data-ke-size="size16"><link href="./style.css" rel="stylesheet" type="text/css"></span><br><span data-ke-size="size16"><style type="text/css"></span><br><span data-ke-size="size16">@font-face {</span><br><span data-ke-size="size16">font-family: 'KyoboHand';</span><br><span data-ke-size="size16">src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/KyoboHand.woff') format('woff');</span><br><span data-ke-size="size16">font-weight: normal;</span><br><span data-ke-size="size16">font-style: normal; }</span><br><span data-ke-size="size16">p{font-family: 'KyoboHand';}</span><br><span data-ke-size="size16">p{font-size: 14px;}</span><br><span data-ke-size="size16">br{font-family: 'KyoboHand';}</span><br><span data-ke-size="size16">br{font-size: 14px;}</span><br><span data-ke-size="size16">body{font-family: 'KyoboHand';}</span><br><span data-ke-size="size16">body{font-size: 14px;}</span><br><span data-ke-size="size16">table{font-family: 'KyoboHand';}</span><br><span data-ke-size="size16">table{font-size: 14px;}</span><br><span data-ke-size="size16">td{font-family: 'KyoboHand';}</span><br><span data-ke-size="size16">td{font-size: 14px;}</span><br><span data-ke-size="size16">input{font-family: 'KyoboHand';}</span><br><span data-ke-size="size16">input{font-size: 14px;}</span><br><span data-ke-size="size16">form{font-family: 'KyoboHand';}</span><br><span data-ke-size="size16">form{font-size: 14px;}</span><br><span data-ke-size="size16">textarea{font-family: 'KyoboHand';}</span><br><span data-ke-size="size16">teexarea{font-size: 14px;}</span><br><br><b><span style="color: #F89009;"><span data-ke-size="size16">div {background:url('https://t1.daumcdn.net/cafeattach/aVeZ/aef3f60b566c515f5bdccd8b2d02c1d43b402a2c');}</span></span></b><br><br><span data-ke-size="size16"></style></span><br><span data-ke-size="size16"></head></span><br><span data-ke-size="size16"><body></span><br><span data-ke-size="size16"></body></span><br><span data-ke-size="size16"></html></span></blockquote><p style="text-align: center;"> </p><p style="text-align: center;"><span data-ke-size="size16">이걸 적용한 글은 최종 이런 모습!!</span></p><p style="text-align: center;"> </p><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/aVeZ/f297c63f3db277012a1d5aac90a0f788d0b22d20" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/aVeZ/f297c63f3db277012a1d5aac90a0f788d0b22d20" data-orgin-width="1080" data-origin-height="1485"></div><p style="text-align: center;"><span data-ke-size="size16">참 쉽죠?</span></p><p style="text-align: center;"> </p><hr data-ke-style="style3"><p style="text-align: center;"> </p><p style="text-align: center;"><span data-ke-size="size16">3. 폰트 색상 설정</span></p><p style="text-align: center;"> </p><p style="text-align: center;"><a href="https://html-color-codes.info/Korean/" target="_blank" class="ke-link"><span data-ke-size="size16">https://html-color-codes.info/Korean/</span></a></p><div class="figure-open" contenteditable="false" data-ke-type="opengraph" data-ke-align="alignCenter" data-og-type="website" data-og-title="HTML 컬러 코드" data-og-description="여기를 눌러 링크를 확인하세요" data-og-host="html-color-codes.info" data-og-source-url="https://html-color-codes.info/Korean/" data-og-url="https://html-color-codes.info/Korean/" data-og-image="http://scrap.kakaocdn.net/dn/bEWl4T/hyJslzEsC9/bekVxrXeeonfJ4r3fCSQv0/img.png?width=266&height=26&face=0_0_266_26"><a href="https://html-color-codes.info/Korean/" target="_blank" data-source-url="https://html-color-codes.info/Korean/"><div class="og-image" style="background-image:url(http://scrap.kakaocdn.net/dn/bEWl4T/hyJslzEsC9/bekVxrXeeonfJ4r3fCSQv0/img.png?width=266&height=26&face=0_0_266_26)"></div><div class="og-text"><p class="og-title">HTML 컬러 코드</p><p class="og-desc">여기를 눌러 링크를 확인하세요</p><p class="og-host">html-color-codes.info</p></div></a></div><p style="text-align: center;"> </p><p style="text-align: center;"><span data-ke-size="size16">배경이 검은 색이거나 글자 색상을 다른 예쁜 색으로 바꾸고 싶을 때 사용하는 방법입니다!</span></p><p style="text-align: center;"><span data-ke-size="size16">위 사이트에서 원하는 색상을 복사해주세요!</span></p><p style="text-align: center;"> </p><blockquote data-ke-style="style3"><span data-ke-size="size16">p,br,body,table,td,input,form,textarea {color:#<b><span style="color: #F89009;">색상 코드</span></b>;}</span></blockquote><p style="text-align: center;"> </p><p style="text-align: center;"><span data-ke-size="size16">이 html을 폰트 설정 아래, 배경 설정 바로 위에 삽입해주면 됩니다!</span></p><p style="text-align: center;"> </p><blockquote data-ke-style="style3"><span data-ke-size="size16">textarea{font-family: '폰트 패밀리';}</span><br><span data-ke-size="size16">teexarea{font-size: 14px;}</span><br><br><b><span style="color: #F89009;"><span data-ke-size="size16">p,br,body,table,td,input,form,textarea {color:#색상 코드;}</span></span></b><br><br><span data-ke-size="size16">div {background:url('이미지 주소 복사');}</span><br><br><span data-ke-size="size16"></style></span><br><span data-ke-size="size16"></head></span><br><span data-ke-size="size16"><body></span><br><span data-ke-size="size16"></body></span><br><span data-ke-size="size16"></html></span></blockquote><p style="text-align: center;"> </p><p style="text-align: center;"><span data-ke-size="size16">이런 모습이겠죠?</span></p><p style="text-align: center;"> </p><p style="text-align: center;"><span data-ke-size="size16">이 방법으로 폰트 색상을 바꾼 달글의 모습!</span></p><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/aVeZ/bd156855ecda807e95014f2ed926c57c5197bbbd_re_1614929256307" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/aVeZ/bd156855ecda807e95014f2ed926c57c5197bbbd_re_1614929256307" data-orgin-width="1080" data-origin-height="1531"></div><hr data-ke-style="style3"><p style="text-align: center;"> </p><p style="text-align: center;"><span data-ke-size="size16">4. 폰트 테두리 설정</span></p><p style="text-align: center;"> </p><p style="text-align: center;"><span data-ke-size="size16">배경이 짙은 색이거나 현란하게 움직이는 배경일 경우 가독성이 떨어지는 부분이 있어요!</span></p><p style="text-align: center;"><span data-ke-size="size16">그럴 때 사용하는 방법입니다!</span></p><p style="text-align: center;"> </p><blockquote data-ke-style="style3"><span data-ke-size="size16">p,br,body,table,td,input,form,textarea {color:#<b><span style="color: #006DD7;">폰트 색상 코드</span></b>; text-shadow:-1px 0 #<b><span style="color: #F89009;">폰트 테두리 색상 코드</span></b>, 0 1px #<b><span style="color: #F89009;">폰트 테두리 색상 코드</span></b>,1px 0 #<b><span style="color: #F89009;">폰트 테두리 색상 코드</span></b>, 0 -1px #<b><span style="color: #F89009;">폰트 테두리 색상 코드</span></b>,-1px 0px 20px #<b><span style="color: #F89009;">폰트 테두리 색상 코드</span></b>, 0 1px #<b><span style="color: #F89009;">폰트 테두리 색상 코드</span></b>,1px 0 #<b><span style="color: #F89009;">폰트 테두리 색상 코드</span></b>, 0 -1px #<b><span style="color: #F89009;">폰트 테두리 색상 코드</span></b>,-1px 0px 20px #<b><span style="color: #F89009;">폰트 테두리 색상 코드</span></b>, 0 1px #<b><span style="color: #F89009;">폰트 테두리 색상 코드</span></b>,1px 0 #<b><span style="color: #F89009;">폰트 테두리 색상 코드</span></b>, 0 -1px #<b><span style="color: #F89009;">폰트 테두리 색상 코드</span></b>;}</span></blockquote><p style="text-align: center;"> </p><p style="text-align: center;"><span data-ke-size="size16">이걸 위에 3번과 같은 자리에 삽입해줍니다!</span></p><p style="text-align: center;"> </p><blockquote data-ke-style="style3"><span data-ke-size="size16">textarea{font-family: '폰트 패밀리';}</span><br><span data-ke-size="size16">teexarea{font-size: 14px;}</span><br><br><b><span style="color: #F89009;"><span data-ke-size="size16">p,br,body,table,td,input,form,textarea {color:#폰트 색상 코드; text-shadow:-1px 0 #폰트 테두리 색상 코드, 0 1px #폰트 테두리 색상 코드,1px 0 #폰트 테두리 색상 코드, 0 -1px #폰트 테두리 색상 코드,-1px 0px 20px #폰트 테두리 색상 코드, 0 1px #폰트 테두리 색상 코드,1px 0 #폰트 테두리 색상 코드, 0 -1px #폰트 테두리 색상 코드,-1px 0px 20px #폰트 테두리 색상 코드, 0 1px #폰트 테두리 색상 코드,1px 0 #폰트 테두리 색상 코드, 0 -1px #폰트 테두리 색상 코드;}</span></span></b><br><br><span data-ke-size="size16">div {background:url('이미지 주소 복사');}</span><br><br><span data-ke-size="size16"></style></span><br><span data-ke-size="size16"></head></span><br><span data-ke-size="size16"><body></span><br><span data-ke-size="size16"></body></span><br><span data-ke-size="size16"></html></span></blockquote><p style="text-align: center;"> </p><p style="text-align: center;"><span data-ke-size="size16">바로 이런 모습이 되겠죠?</span></p><p style="text-align: center;"><span data-ke-size="size16"><br>검은 폰트에 흰 테두리를 적용한 달글의 모습!</span></p><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/aVeZ/438900b0ec5323cca352a7932a08521ae5863eab_re_1614929256309" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/aVeZ/438900b0ec5323cca352a7932a08521ae5863eab_re_1614929256309" data-orgin-width="1080" data-origin-height="1727"></div><p style="text-align: center;"> </p><hr data-ke-style="style3"><p style="text-align: center;"> </p><p style="text-align: center;"><span data-ke-size="size16">5. bgm 삽입</span></p><p style="text-align: center;"> </p><p style="text-align: center;"><span data-ke-size="size16">다음은 더 더 간단한 bgm 넣기!</span></p><p style="text-align: center;"> </p><p style="text-align: center;"><span data-ke-size="size16">일단 사운드클라우드에 들어가서 원하는 음악을 찾아주세요!</span></p><p style="text-align: center;"><a href="https://soundcloud.com/" target="_blank" class="ke-link"><span data-ke-size="size16">https://soundcloud.com/</span></a></p><div class="figure-open" contenteditable="false" data-ke-type="opengraph" data-ke-align="alignCenter" data-og-type="website" data-og-title="SoundCloud – Listen to free music and podcasts on SoundCloud" data-og-description="SoundCloud is a music and podcast streaming platform that lets you listen to millions of songs from around the world, or upload your own. Start listening now!" data-og-host="soundcloud.com" data-og-source-url="https://soundcloud.com/" data-og-url="https://soundcloud.com/" data-og-image="http://scrap.kakaocdn.net/dn/ekriNC/hyJtFpJEUt/J9cvhuV46UEAjlK8mWKe0k/img.png?width=1200&height=1200&face=0_0_1200_1200"><a href="https://soundcloud.com/" target="_blank" data-source-url="https://soundcloud.com/"><div class="og-image" style="background-image:url(http://scrap.kakaocdn.net/dn/ekriNC/hyJtFpJEUt/J9cvhuV46UEAjlK8mWKe0k/img.png?width=1200&height=1200&face=0_0_1200_1200)"></div><div class="og-text"><p class="og-title">SoundCloud – Listen to free music and podcasts on SoundCloud</p><p class="og-desc">SoundCloud is a music and podcast streaming platform that lets you listen to millions of songs from around the world, or upload your own. Start listening now!</p><p class="og-host">soundcloud.com</p></div></a></div><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/aVeZ/efb788526d4441a440a6a3cf31988a93589138e6" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/aVeZ/efb788526d4441a440a6a3cf31988a93589138e6" data-orgin-width="868" data-origin-height="466"></div><p style="text-align: center;"> </p><p style="text-align: center;"><span data-ke-size="size16">이렇게 원하는 bgm을 선택하면 아래 share 버튼을 클릭해주세요!</span></p><p style="text-align: center;"> </p><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/aVeZ/382a2185b17759d2d82c3186423679f2b26fffe3" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/aVeZ/382a2185b17759d2d82c3186423679f2b26fffe3" data-orgin-width="547" data-origin-height="489"></div><p style="text-align: center;"><span data-ke-size="size16">여기서 반드시 'Embed'로 들어가서 코드를 복사해줍니다!</span></p><p style="text-align: center;"><span data-ke-size="size16">컴쭉으로 돌아와서 원하는 위치에 html 창을 켜줍니다.</span></p><p style="text-align: center;"><span data-ke-size="size16">(대부분 제일 위에 있는 경우가 많으니 가장 처음 html을 삽입해줍니다.)</span></p><p style="text-align: center;"> </p><p style="text-align: center;"><span data-ke-size="size16">여기서 포인트!</span></p><p style="text-align: center;"><span data-ke-size="size16">가로와 세로 숫자를 아래와 같이 바꿔줘요.</span></p><p style="text-align: center;"><span data-ke-size="size16">그래야 본문에 재생바만 예쁘게 올라간답니다!</span></p><p style="text-align: center;"> </p><blockquote data-ke-style="style3"><span data-ke-size="size16"><iframe width="<b><span style="color: #F89009;">6</span></b>%" height="<b><span style="color: #F89009;">20</span></b>" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/url=https%3A//api.soundcloud.com/tracks/965400691&color=%234f4f4f&auto_play=true&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe><div style="font-size: 10px; color: #cccccc;line-break: anywhere;word-break: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-family: Interstate,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Garuda,Verdana,Tahoma,sans-serif;font-weight: 100;"><a href="https://soundcloud.com/cxcx9402" title="MK(ONF)" target="_blank" style="color: #cccccc; text-decoration: none;">MK(ONF)</a> · <a href="https://soundcloud.com/cxcx9402/mk-original-song-onf-difficult-ac-ver" title="넌 나의 뮤즈야 MK (feat.와이엇) [Original Song - ONF Difficult ac ver.]" target="_blank" style="color: #cccccc; text-decoration: none;">넌 나의 뮤즈야 MK (feat.와이엇) [Original Song - ONF Difficult ac ver.]</a></div></span></blockquote><p style="text-align: center;"> </p><p style="text-align: center;"><span data-ke-size="size16">이를 적용 시켜준 달글은 이런 모습!</span></p><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1Y9M4/a2becc886c51549738bd41e4edca82debcdafe52" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1Y9M4/a2becc886c51549738bd41e4edca82debcdafe52" data-orgin-width="1080" data-origin-height="1772"></div><hr data-ke-style="style3"><p style="text-align: center;"> <br><span data-ke-size="size16">이를 활용한 달글 본문들 입니다!<br>구글 폰트보다 많아진 폰트 개수와 배경의 조합은 무궁무진하다는 것!!</span></p><div class="imagegridblock" data-ke-type="imageGrid"><div class="image-container"><span data-url="https://t1.daumcdn.net/cafeattach/aVeZ/17e0a1be0fe3a33785edf936c4c3015183e20563" data-origin-width="1080.0" data-origin-height="1079.0" style="width:49.39%; margin-right: 10px;"><img src="https://t1.daumcdn.net/cafeattach/aVeZ/17e0a1be0fe3a33785edf936c4c3015183e20563" class="txc-image-grid"></span><span data-url="https://t1.daumcdn.net/cafeattach/aVeZ/a646ef179a316cfc48fbbb3da9fa1d98ab1eec2e" data-origin-width="972.0" data-origin-height="972.0" style="width:49.35%; "><img src="https://t1.daumcdn.net/cafeattach/aVeZ/a646ef179a316cfc48fbbb3da9fa1d98ab1eec2e" class="txc-image-grid"></span></div></div><div class="imagegridblock" data-ke-type="imageGrid"><div class="image-container"><span data-url="https://t1.daumcdn.net/cafeattach/aVeZ/38139b38c4efc26dc06b6ae58a91d2ffdc155d06" data-origin-width="1080.0" data-origin-height="1079.0" style="width:49.37%; margin-right: 10px;"><img src="https://t1.daumcdn.net/cafeattach/aVeZ/38139b38c4efc26dc06b6ae58a91d2ffdc155d06" class="txc-image-grid"></span><span data-url="https://t1.daumcdn.net/cafeattach/aVeZ/323b9d9a2a5df8361fcfe83f2823c4cf5611fafa" data-origin-width="1080.0" data-origin-height="1079.0" style="width:49.37%; "><img src="https://t1.daumcdn.net/cafeattach/aVeZ/323b9d9a2a5df8361fcfe83f2823c4cf5611fafa" class="txc-image-grid"></span></div></div><div class="imagegridblock" data-ke-type="imageGrid"><div class="image-container"><span data-url="https://t1.daumcdn.net/cafeattach/aVeZ/d84b7924b76deff24538eb3dbbf8a5d3d4ba9815" data-origin-width="1080.0" data-origin-height="1079.0" style="width:49.37%; margin-right: 10px;"><img src="https://t1.daumcdn.net/cafeattach/aVeZ/d84b7924b76deff24538eb3dbbf8a5d3d4ba9815" class="txc-image-grid"></span><span data-url="https://t1.daumcdn.net/cafeattach/aVeZ/27c0dff95ccde438ba8bad0229a740ec94385f75" data-origin-width="1080.0" data-origin-height="1079.0" style="width:49.37%; "><img src="https://t1.daumcdn.net/cafeattach/aVeZ/27c0dff95ccde438ba8bad0229a740ec94385f75" class="txc-image-grid"></span></div></div><hr data-ke-style="style4"><p style="text-align: center;"><span data-ke-size="size16"><br><s>이렇게 세가지 방법을 알아봤습니다!</s></span></p><p style="text-align: center;"><span data-ke-size="size16">이왕 쓰는 거 욕심이 생겨서 좀 더 추가해봤습니다!👍<br>댓글 수보다 스크랩 수가 더 많은건.. 무언의 칭찬이겠죠..?<br>하지만 허탈함은 어쩔 수가 없군요😿</span></p><p style="text-align: center;"> </p><p style="text-align: center;"><span data-ke-size="size16">구에디터에서 사용하던 html도 아까 배경 넣었던 위치에 넣으면 대부분 적용 되더라구요!</span></p><p style="text-align: center;"> </p><p style="text-align: center;"><span data-ke-size="size16">정성스럽게 썼는데 제발 다들 이해하기 쉬우셨으면...! 젭알..!!🥺<br>스크랩할 때 댓글 하나라도..! 젭알..!!🥺</span></p><p style="text-align: center;"> </p><p style="text-align: center;"> </p><p style="text-align: center;"><span data-ke-size="size16">혹시나 여기는 막생이니까 알아보기 금지!</span></p><p style="text-align: center;"> </p><p style="text-align: center;"> </p><p style="text-align: center;"><b><span data-ke-size="size18"><span style="color: #8A3DB6;">그럼 모두 Beautiful Beautiful한 하루 보내세요</span>❣️</span></b></p><p style="text-align: center;"> </p><p style="text-align: center;"> </p><p style="text-align: center;"> </p><p style="text-align: center;"> </p><div class="figure-html" data-ke-type="html" data-source="<!DOCTYPE html>
<html>
<head>
<link href="./style.css" rel="stylesheet" type="text/css">
<style type="text/css">
@font-face {
font-family: 'KyoboHand';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/KyoboHand.woff') format('woff');
font-weight: normal;
font-style: normal;
}
p{font-family: 'KyoboHand';}
p{font-size: 14px;}
br{font-family: 'KyoboHand';}
br{font-size: 14px;}
body{font-family: 'KyoboHand';}
body{font-size: 14px;}
table{font-family: 'KyoboHand';}
table{font-size: 14px;}
td{font-family: 'KyoboHand';}
td{font-size: 14px;}
input{font-family: 'KyoboHand';}
input{font-size: 14px;}
form{font-family: 'KyoboHand';}
form{font-size: 14px;}
textarea{font-family: 'KyoboHand';}
teexarea{font-size: 14px;}
div {background:url('https://t1.daumcdn.net/cafeattach/1Y9M4/4e4c4301feb65a0d347308ecd797af8c8f4d5774');}
</style>
</head>
<body>
</body>
</html>"><div data-ke-class="article"><!DOCTYPE html>
<xhtml>
<head>
<link href="./style.css" rel="stylesheet" type="text/css">
<style type="text/css">
@font-face {
font-family: 'KyoboHand';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/KyoboHand.woff') format('woff');
font-weight: normal;
font-style: normal;
}
p{font-family: 'KyoboHand';}
p{font-size: 14px;}
br{font-family: 'KyoboHand';}
br{font-size: 14px;}
body{font-family: 'KyoboHand';}
body{font-size: 14px;}
table{font-family: 'KyoboHand';}
table{font-size: 14px;}
td{font-family: 'KyoboHand';}
td{font-size: 14px;}
input{font-family: 'KyoboHand';}
input{font-size: 14px;}
form{font-family: 'KyoboHand';}
form{font-size: 14px;}
textarea{font-family: 'KyoboHand';}
teexarea{font-size: 14px;}
div {background:url('https://t1.daumcdn.net/cafeattach/1Y9M4/4e4c4301feb65a0d347308ecd797af8c8f4d5774');}
</style>
</head>
<xbody>
</xbody>
</xhtml></div></div>
<!-- -->
]]>
카페 게시글
막생정
생정
에디터 업데이트 되고 본문 꾸미기 포기한 사람? 아직까지 구글 폰트만 쓰는 사람? 달글장, 갠달 꾸미고 싶은 사람 모두 컴컴~!
다음검색
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.21.04.16 23:27
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.21.04.16 23:30
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.21.04.16 23:31
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.21.04.16 23:37
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.21.04.16 23:37
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.21.04.16 23:39
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.21.04.16 23:41
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.21.04.16 23:42
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.21.04.16 23:47
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.21.04.17 00:16
글 써 줘서 고마워 ㅠㅠㅠㅠ
명생이다
글써줘서 고마워요..!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
개인카페로 스크랩해가!! 진짜 너무너무 고마워. 진짜 하나도 몰랐는데 달글 너무 꾸미고싶었는데 알게되어서 너무 좋아 너무 고마워!!
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.21.04.28 20:34
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.21.04.28 22:16
개인카페에서 꾸며보겠습니다! 감사합니다!
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.21.04.30 16:25
고마워! 갠캎으로 스크랩할게
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.21.05.02 14:45
정말 감사합니다!! 완전 도움 됐어요
개인카페에 스크랩해가요~ 좋은 정보 고마워요~~
삭제된 댓글 입니다.
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.21.05.21 23:53
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.21.05.22 00:22
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.21.05.22 00:22
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.21.05.22 00:23
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.21.05.22 00:23
쌤..혹시 저 모눈종이 이미지 줄수있나요?ㅜㅜ
갠카로 스크랩 해갈게요 이런 정보를 알려주다니 당신은 천사일 거야...
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.21.08.25 18:26
나도 갠카로 스크랩..! 너무 친절해 고마워😭😭😭😭
고마워 유용하게 잘쓸게!!
진짜 대형연어지만... 진짜 큰 도움 됐어 너무 고마워 복받아~~~!!!!
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.23.04.09 14:28