블로그 성능을 최적화 하여 로딩 속도를 빠르게 하는 것이 중요한 이유는, 길고 긴 로딩 시간을 기다려주는 방문자는 없기 때문입니다.

저 역시도 그래요. 어떤 사이트에 들어갔는데, 사이트가 로딩을 하는 건지, 컴퓨터가 다운이 된 건지 한참 동안 반응이 없다면, 그 웹사이트나 블로그 창을 닫아 버립니다. 요즘 들어 제 블로그에 들어왔을 때 창을 자꾸 닫아 버리고 싶더군요. 저야 제 블로그니까 좀 느려도, 최적화가 안되어 있어도 참고 쓸 수 있지만, 다른 사람들이 방문했다면, 느려서 속이 터질 것이란 생각이 들었어요. 어떻게 하면 블로그를 최적화해서 속도를 빠르게 만들 수 있을까요? 몇 가지 방법을 알아보도록 하겠습니다.

by 月風

블로그 속도 최적화

최적화 이전-'블로그 속도 최적화'
최적화를 하기 전 블로그의 속도

구글 웹마스터 도구에서 블로그 성능 측정을 해보니,
전세계의 웹사이트들 중에 무려 83%가 제 블로그보다 빠르군요.
그렇다면 제 블로그에 방문하는 분들은 한번 와보고는 다시 찾지 않게 될 확률이 높습니다.
평소에 즐겨 찾는 다른 사이트 보다 '느려 터진' 블로그로 인식이 될 테니까요.
그럼 단계별로 블로그 성능을 최적화해서 속도를 올려보겠습니다.


메인화면(위젯이 적음) 기본적인 최적화 후의 속도 측정-'블로그 속도 최적화'
메인화면(위젯이 적음) 기본적인 최적화 후의 속도 측정

메인화면(위젯이 적음) 기본적인 최적화 후의 속도 측정-'블로그 속도 최적화'
메인화면(위젯이 적음) 기본적인 최적화 후의 속도 측정

포스트(위젯이 많음) 기본적인 최적화 후의 속도 측정-'블로그 속도 최적화'
포스트(위젯이 많음) 기본적인 최적화 후의 속도 측정

-'블로그 속도 최적화'
포스트(위젯이 많음) 기본적인 최적화 후의 속도 측정

기본적인 속도 최적화를 하는 방법은 간단합니다.
CSS는 위에 위치하게, Javascript는 아래에 위치하도록 합니다.
script tag 의 defer속성과 async속성을 잘 이용하면 큰 효과를 볼 수 있어요.
CSS와 Javascript는 압축하여 사용 합니다. (css compressor, javascript compressor와 같은 도구가 있습니다.)
이미지 용량을 줄입니다. (Smushit, RIOT과 같은 도구가 있습니다.)
img 태그를 사용할 땐 width와 height를 이용하여 이미지 크기를 지정 합니다.
이것으로 약간의 속도 개선이 이루어졌지만, 체감상으로는 큰 차이를 못느꼈어요.
그래서 블로그 성능 저하의 가장 큰 원인인 위젯을 정리했습니다.


메인화면(위젯이 적음) 위젯 최적화 후의 속도 측정-'블로그 속도 최적화'
메인화면(위젯이 적음) 위젯 최적화 후의 속도 측정

메인화면(위젯이 적음) 위젯 최적화 후의 속도 측정-'블로그 속도 최적화'
메인화면(위젯이 적음) 위젯 최적화 후의 속도 측정

포스트(위젯이 많음) 위젯 최적화 후의 속도 측정-'블로그 속도 최적화'
포스트(위젯이 많음) 위젯 최적화 후의 속도 측정
포스트(위젯이 많음) 위젯 최적화 후의 속도 측정-'블로그 속도 최적화'
포스트(위젯이 많음) 위젯 최적화 후의 속도 측정

우선 블로그 성능 저하에 아주 크게 영향을 끼친 mixsh버튼을 제거했어요.
하지만 여전히 facebook과 Disqus라는 무거운 위젯이 남아 있군요.
위젯을 몽땅 지워버리자니 허전하고, 

그렇다고 이대로 사용하자니 블로그가 느려서 속터집니다.
어떻게 해야 위젯의 속도를 빠르게 할 수 있을까요?
How To Speed Up Your Website Page Load Performance By Delaying The Load Of JavaScript And Widgets - Part 2에서 그 방법을 아주 잘 설명해 두었습니다.

javascript의 async속성과 defer속성을 잘 활용해서 위젯 속도를 최적화 하는 방법이에요.
위젯 최적화 전과 비교해보니 확실히 속도가 빨라졌죠?^^
블로그의 느린 속도에 속이 터졌던 분들에게, 이 글이 도움이 되었으면 좋겠네요.

아래의 유용한 웹 페이지 성능 분석 도구를 이용하면, 블로그 성능을 분석 할 수 있어요.


Webpagetest

Page Speed

YSlow




by


Tags : , , , , ,

  • 재미있게 읽으셨나요?
    광고를 클릭해주시면,
    블로그 운영에 큰 도움이 됩니다!

저는 블로그에 포스팅일 할 때 파이어폭스 브라우져를 주로 씁니다.
그런데 요즘 들어 글쓰기 버튼을 누르면 파이어폭스가 삼 분은 멈춰 있는 거에요.
'최적화가 잘못 된 건가? 혹시 나도 모르게 아주 느린 속도로 최적화 시킨 건가?'
도대체 원인을 알 수 없었죠.
그래서 설치했던 애드온을 하나씩 껐다 켜 보았습니다.
구글 블로거 글쓰기에서 파이어 폭스가 멈춰 버리게 만드는 애드온!
그 애드온의 이름은 아이러니하게도 '최고 빠른 폭스!(FastestFox - Browse Faster)' 에요.
이럴수가.

브라우징을 빠르고 편리하게 도와 준다는 FastestFox는,
무려 구백 만 명이 다운로드를 한 인기 애드온이에요.
한 명이 백 번씩 받았을 수도 있지만, 그렇다고 쳐도 엄청난 숫자죠?
택스트를 선택해서 우 클릭을 하면,
바로 위키나 구글등에서 검색을 해주는 편리한 기능도 있죠.
하지만 이 애드온 개발자는 구글 블로거 서비스를 이용하지 않나 봅니다.
파이어폭스를 그로기 상태로 만들 정도의 충돌이 일어나는 걸 보면 말이죠.
FastestFox와 구글 블로거의 글쓰기가 만나면,
정말 빠르게 파이어폭스를 쓰러뜨릴 수 있습니다.
전 파이어 폭스가 쓰러지는 걸 원치 않아서 FastestFox를 지워 버렸지요.
혹시나 파이어폭스를 이용하여,
구글 블로거를 이용할 때 저와 같은 문제로 고생 하는 분이 계시다면!

애드온을 모두 끄고 하나씩 켜 보세요.:D



by


Tags : , , , , ,

  • 재미있게 읽으셨나요?
    광고를 클릭해주시면,
    블로그 운영에 큰 도움이 됩니다!

디스쿠스 서비스 메인 화면 - 구글 블로거. 디스쿠스 댓글 서비스로 외딴 섬에 다리를 놓자.(DISQUS Comment)
디스쿠스 서비스 메인 화면 - 구글 블로거. 디스쿠스 댓글 서비스로 외딴 섬에 다리를 놓자.

텍스트큐브 서비스를 이용할땐 다른 블로거들과 교류를 가지는 편이었습니다.
이웃 블로거 분들도 꽤 계셨죠.
하지만 갑작스러운 블로그의 이전으로,
제 블로그는 무인도에 고립되어 버렸습니다.
블로그 이전 초기엔 옛 페이지에 대한 링크가 모두 깨져버려서,
망해버린 블로그가 되었었죠.
트랙백을 보내거나 받을 수 없으니,

글을 쓰고 비슷한 주제의 글을 쓰는 블로거와 교류하기가 쉽지 않습니다.
댓글은 반년전에 끊겼고,
평균 방문자 수는 십분의 일로 줄었어요.
'아~ 소통하는 블로거가 되고 싶다!!!'
구글 블로거에서 트랙백을 사용 할 수 있는 방법을 찾던 중,
아주 마음에 드는 서비스를 발견했습니다.
디스쿠스!
트랙백을 받을 수 있는 주소를 제공하고, SNS와 연동해서 댓글도 달 수 있어요.
정말 마음에 듭니다.
멀리 떨어져 있는 외딴 섬에 다리가 놓인 것 같아요.:D

디스쿠스(DISQUS) 서비스 바로가기



by


Tags : , , , , , , , ,

  • 재미있게 읽으셨나요?
    광고를 클릭해주시면,
    블로그 운영에 큰 도움이 됩니다!

압축 결과 - 스타일시트 압축으로 블로그 속도를 빠르게!
압축 결과 - 스타일시트 압축으로 블로그 속도를 빠르게!

클라이언트가 다운로드 해야 할 용량이 클 수록,
블로그 혹은 홈페이지의 로딩 속도는 느려집니다.
비록 약간이긴 하지만 스타일시트(CSS)를 압축하여,
블로그 로딩 속도를 빠르게 할 수 있어요.

순서는 다음과 같습니다.

  1. 블로그 스킨에서 스타일시트(CSS) 코드를 복사한다.
  2. 스타일시트(CSS) 압축기로 압축을 한다.
  3. 압축된 코드를 다시 스킨에 붙여 넣는다.
  4. 스킨 저장 후 블로그에 올린다.
  5. 빨라진 블로그 로딩 속도를 만끽한다.

구글 블로거의 경우를 예로 들면,
/* Content 주석 부분부터, ]]></b:skin>  전까지 부분을 압축하면 됩니다.

스타일 시트(CSS) 압축기는 여러 곳에서 제공하고 있어요.
저는 야후 스타일시트 압축기를 이용했습니다.
어떤 분이 친절하게 온라인에 올려 주셨더라고요.
사용해 보니 압축 잘 됩니다.^^

아래 링크를 클릭하면, 압축기 사이트로 이동합니다.
온라인 야후 스타일시트 압축기 (Online YUI Compressor)



by


Tags : , , , , ,

  • 재미있게 읽으셨나요?
    광고를 클릭해주시면,
    블로그 운영에 큰 도움이 됩니다!

최근글 - 최근글 가젯 수정으로 블로그 속도를 빠르게!
최근글 - 최근글 가젯 수정으로 블로그 속도를 빠르게!

텍스트큐브와 블로거의 갑작스러운 통합으로,
작년 말에 구글 블로거로 이전했습니다.
처음 써보는 서비스라, 익숙하지가 않았어요.
우선 급하게 스킨을 좀 손보고, 가젯을 몇개 추가해 놓았죠.
그런데 제 블로그에 접속할 때마다 로딩 시간이 너무 긴 거에요.
'구글 블로거는 원래 느린가?'
그렇게 생각하고 한동안 그냥 지냈죠.
아무래도 의심이 되어 로딩될때 페이지를 유심히 보았더니,
최근글 가젯이 눈에 띄더군요.
다른페이지 다~~ 로딩 되고 한참 후에 나타나는 최근글.
뭔가 이상합니다.

블로거 가젯 추가 - 최근글 가젯 수정으로 블로그 속도를 빠르게!
블로거 가젯 추가 - 최근글 가젯 수정으로 블로그 속도를 빠르게!

구글 블로거의 관리자 모드에서 디자인 페이지는,
스킨을 수정할 수 있는 페이지 입니다.
'페이지 구성요소'에서 손쉽게 가젯을 추가 할 수 있죠.
이곳에서 '가젯 추가'를 눌러 최근글 가젯을 추가 했었어요.
이 가젯이 저의 블로그 속도를 통 플레쉬 홈페이지만큼 느리게 만든 원인 중 하나였던 겁니다.
최근글을 없에자니 허전하고,
블로그 속도는 너무 느리고..
검색을 해 보았더니, 해결책이 나왔습니다.

피드버너 버즈부스트 - 최근글 가젯 수정으로 블로그 속도를 빠르게!
피드버너 버즈부스트 - 최근글 가젯 수정으로 블로그 속도를 빠르게!

바로 피드버너를 이용하는 방법이에요.
피드버너에 로그인후,
Publicize메뉴에서 버즈부스트(BuzzBoost)를 찾을 수 있어요.
버즈부스트 페이지에서 상세 설정을 합니다.
글을 몇개나 보여줄 건지, 내용을 보여줄 건지 등을 말이죠.
그리고 맨 아래에서 Active버튼을 눌러 활성화 시켜주세요.
그럼 버즈부스트를 사용할 수 있게 됩니다.
마지막으로 Use as a widget in에서 Blogger를 선택후 Go! 버튼을 누르면!
피드버너 버즈부스트를 이용한 최근글 가젯이 블로거에 추가됩니다.
확실히 속도가 빨라졌어요.^^

참조글(Reference)
Fast Loading Recent Posts Widget for Blogger



by


Tags : , , , , , , ,

  • 재미있게 읽으셨나요?
    광고를 클릭해주시면,
    블로그 운영에 큰 도움이 됩니다!

좋아요 버튼 코드 생성 - 페이스북 좋아요 버튼 설치하기
좋아요 버튼 코드 생성 - 구글 블로거에 페이스북 좋아요 버튼 설치하기

구글 블로거가 외부와 소통할 수 있는 방법중 하나는 페이스북의 좋아요 버튼을 다는 것 입니다.
블로거에 방문한 페이스북 사용자가 블로그 게시물을 좋아한다면,
다른 페이스북 친구들도 그 블로그 게시물에 대해 알 수 있죠.
좋아요 버튼을 다는 방법은 간단합니다.
우선 페이스북의 좋아요 버튼 만들기 페이지로 갑니다.
아래 링크를 통해 가실 수 있어요.

페이스북 좋아요 버튼 생성 페이지

제일 위의 URL엔 블로그 게시물의 주소가 들어갈 예정이니,
우선 post_url처럼 알아볼 수 있게만 써 두고 코드를 받습니다.
Show faces는 standard 형식에서만 적용이 되요.
코드를 받았으면,
스킨에 설치하기전에 약간 수정을 해야해요.
iframe 형식을 기준으로 설명하겠습니다.
원래 받은 부분에서 약간만 수정하면 돼요. ^^
<iframe allowTransparency='true'
expr:src='&quot;http://www.facebook.com/plugins/like.php?href=
&quot; + data:post.url + &quot;
&amp;layout=box_count&amp;show_faces=false&amp;width=100&amp;action=like
&amp;font=trebuchet+ms&amp;colorscheme=light&amp;height=65&quot;'
frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:74px; height:65px;'/>
수정한 부분을 빨간 글씨로 표시해 두었어요.
우선 src 앞에 expr:을 추가합니다.
클라이언트에서 src를 읽기 전에 서버에서 블로그 게시물  주소를 받아오기 위한 거에요.
그리고 href 값에data:post.url을 넣어주면 됩니다.
간단하죠.

"주소"+게시물 주소(data:post.url)+"나머지 주소"  처럼 &quot;로 주소를 묶어 주는 것은,
서버에서 게시물 주소를 인식하기 위해서 에요.
코드 수정이 끝났다면,
스킨에서 '<data:post.body/>'로 검색하고, 바로 그 아래에 붙여 넣으면 됩니다.

블로그에 달린 좋아요 버튼 - 페이스북 좋아요 버튼 설치하기
블로그에 달린 좋아요 버튼 - 구글 블로거에 페이스북 좋아요 버튼 설치하기

좋아요 버튼으로 이제 페이스북 유저와도 소통할 수 있는 구글 블로거가 되었습니다.:D



by


Tags : , , , , , , , , ,

  • 재미있게 읽으셨나요?
    광고를 클릭해주시면,
    블로그 운영에 큰 도움이 됩니다!


mixup 위젯 - 믹시 mixup 위젯 설치
mixup 위젯 - 믹시 mixup 위젯 설치

구글 블로거는 다른 서비스를 이용하는 블로거들과 소통할 방법이 마땅치 않습니다.
그래서 메타블로그인 믹시 서비스에 가입했죠.
믹시에선 블로그에 설치할 만한 몇 가지 위젯을 제공하는데요.
저는 게시물에 믹시 mixup 위젯을 달아보았습니다.
게시물이 마음에 든다면 원 클릭으로 추천을 할 수 있는 위젯이죠.
우선 믹시에 로그인을 한 후.
마이믹시 → 블로그/위젯등록 → 블로그 도구 →Mixup 위젯 에서 코드를 받을 수 있어요.
코드를 받아 제 블로그에 설치를 해보니 영 모양새가 마음에 안드는군요.
제 블로그는 어두운 배경인데, 믹시의 mixup위젯은 밝은 배경이어서 그럴까요?
코드를 약간 손보아, 위젯을 버튼형으로 달았습니다.
믹시에서 받은 코드에서 iframe의 크기만 조절했어요.
width= 402 , height = 91 이라 되어있는 부분을,
width = 72, height = 68 로 바꾸어 주시면 위젯이 버튼처럼 보여요.
이제 이 코드를 블로그  스킨에 붙여 넣으시면 설치가 끝나요.
스킨에서 '<data:post.body/>'로 검색하고, 바로 그 아래에 붙여 넣으면 됩니다.


크기를 줄인 버튼형 mixup 위젯 - 믹시 mixup 위젯 설치
크기를 줄인 버튼형 mixup 위젯 - 믹시 mixup 위젯 설치

버튼형이 제 블로그엔 더 어울리는군요.
iframe이라 내부 코드에 손을 댈 수 없는게 아쉽습니다.
화면엔 보이지 않는 부분도 로딩은 되니까요.
어쨌거나 믹시의 mixup 위젯 덕분에,
구글 블로거도 다른 블로거들과 소통 할 수 있게 되었어요.^^



by


Tags : , , , , , ,

  • 재미있게 읽으셨나요?
    광고를 클릭해주시면,
    블로그 운영에 큰 도움이 됩니다!

블로그내의 연관글을 검색하여 보여주고 싶다던가,

다른 관련 있는 블로그 혹은 사이트에서 관련주제를 검색하여 보여주고 싶을때,

간편하게 구글 블로그 검색 바를 블로그에 추가할 수 있습니다.

우선 구글 API를 이용하기 위해선 API키를 받아야 합니다.

아래 링크에서 구글 API키를 받으세요.

구글 API키 받기(http://code.google.com/apis/ajaxsearch/signup.html)

그리고 블로그 검색 바 생성 마법사를 이용해서 코드를 생성합니다.

구글 블로그 검색 바 생성 위자드(http://www.google.com/uds/solutions/wizards/blogbar.html)

구글 블로그 검색 바 생성 마법사  (Google blogbar wizard) [블로그 검색,blog search]

블로그 검색 바 마법사의 각종 옵션을 선택하고 3번의 Generate Code를 누르시면 블로그 검색 바 코드가 생성되죠.

코드가 생성되면 블로그 검색 바 코드를 '<body>'태그 안의 원하는 부분에 붙여넣으세요.

그럼 블로그내에 블로그 검색 바가 추가됩니다.:D

생성된 블로그 검색 바 스크립트 예제.

[code javascript]
<!-- ++Begin Blog Bar Wizard Generated Code++ -->
  <!--
  // Created with a Google AJAX Search Wizard
  // http://code.google.com/apis/ajaxsearch/wizards.html
  -->

  <!--
  // The Following div element will end up holding the actual blogbar.
  // You can place this anywhere on your page.
  -->
  <div id="blogBar-bar">
    <span style="color:#676767;font-size:11px;margin:10px;padding:4px;">Loading...</span>
  </div>

  <!-- Ajax Search Api and Stylesheet
  // Note: If you are already using the AJAX Search API, then do not include it
  //       or its stylesheet again
  //
  // The Key Embedded in the following script tag is designed to work with
  // the following site:
  // http://dorajistyle.pe.kr
  -->
  <script src="http://www.google.com/uds/api?file=uds.js&v=1.0&source=uds-blbw&key=YOUR_APIKEY"
    type="text/javascript"></script>
  <style type="text/css">
    @import url("http://www.google.com/uds/css/gsearch.css");
  </style>

  <!-- Blog Bar Code and Stylesheet -->
  <script src="http://www.google.com/uds/solutions/blogbar/gsblogbar.js?mode=new"
    type="text/javascript"></script>
  <style type="text/css">
    @import url("http://www.google.com/uds/solutions/blogbar/gsblogbar.css");
  </style>

  <script type="text/javascript">
    function LoadBlogBar() {
      var blogBar;
      var options = {
        largeResultSet : false,
        title : "월풍도원(月風道院) 블로그 검색 바",
        horizontal : true,
        orderBy : GSearch.ORDER_BY_DATE,
        autoExecuteList : {
          executeList : ["여행", "소프트웨어", "스윙댄스", "무술","블로그 검색"]
        }
      }

      blogBar = new GSblogBar(document.getElementById("blogBar-bar"), options);
    }
    // arrange for this function to be called during body.onload
    // event processing
    GSearch.setOnLoadCallback(LoadBlogBar);
  </script>
<!-- ++End Blog Bar Wizard Generated Code++ -->
[/code]

혹시 블로그 검색 바에 검색할 사이트의 범위를 제한하고 싶다면 option란에 아래처럼 siteRestriction를 추가하시면 됩니다.

[code javascript]
      var options = {
    siteRestriction : "http://dorajistyle.pe.kr/",
        largeResultSet : false,
        ...
      }
[/code]

구글 블로그 검색 바에 대해 더 자세히 알고 싶으시다면, 아래의 블로그 검색 바 페이지를 방문하세요.

구글 블로그 검색 바 가이드 (http://www.google.com/uds/solutions/blogbar/reference.html)

세로 블로그 검색 바 (Vertical blog search bar) [블로그 검색,blog search]

세로 블로그 검색 바 예제

가로 블로그 검색 바 (Horizontal blog search bar) [블로그 검색,blog search]

가로 블로그 검색 바 예제

블로그 검색 바의 스타일 시트를 손보면, 위의 예제 처럼 자신의 블로그에 맞게 블로그 검색 바를 꾸밀 수 있습니다.

간단하죠?

이제 블로그에 블로그 검색 바를 달아보세요!:D


----

Open english content




by


Tags : , , , , ,

  • 재미있게 읽으셨나요?
    광고를 클릭해주시면,
    블로그 운영에 큰 도움이 됩니다!


blog,블로그,스킨,Textcube skin,purple,텍스트큐브,1단,스킨

"텍스트큐브 1단 상콤한 보라색 광폭(800px) 스킨"

텍스트큐브로 블로그를 이사온 이후로, 스킨은 귀찮아서 거의 손대지 않았습니다.

그러나 갑자기 바람이 불어서 '1단 스킨으로 좀 넓게 쓰고 싶다.'는 생각을 하게되었고,

텍스트큐브 블로그용 1단 스킨을 찾았습니다.

'이쁜 텍스트큐브 블로그용 스킨, 1단,Textcube skin' 등으로 열심히 검색한 끝에,

noiyes 님께서 디자인 하신  CKA-noiyes-bom스킨을 찾을 수 있었죠.

저의 텍스트큐브 블로그용 스킨 이름앞에 CKAND는  celli , Khism , Artbrain , naya et noiyes , dorajistyle 의 약자입니다.

처음엔 스킨의 폭만 조금 손봐서 사용하려고 했지만,

간만에 바꾸는 스킨이라 신경써서 오류도 좀 수정하고, 레이아웃도 손대다보니 시간이 꽤 많이 흘렀네요.

색상도 오랫동안 무채색 계열을 선호하다가 파격적으로 상큼한 보라색 배경을 적용했습니다!

상콤한 보라색 1단 텍스트큐브 스킨 (Textcube skin [Purple world wide]). 

혹시라도 필요로 하는분이 계시다면, 마음껏 가져다 쓰세요. :D

텍스트큐브 닷컴 블로그 사용자용 스킨 설치 메뉴얼

  1. 텍스트큐브 블로그용 스킨을 받아 압축을 푼다. (Skin 폴더에 풀었다고 가정.)
  2. 우측 상단 메뉴의 내 블로그 관리하기 -> 꾸미기 -> 스킨편집 으로 들어간다.
  3. 하단의 파일 업로드에서 모든 파일을 삭제한다.
  4. Skin 폴더의 모든 파일을 업로드 한다. (style_normal.css 제외 - css 편집시 이 파일을 편집하여 style.css로 이름을 바꾸어 사용하면 된다.)
  5. Skin/images 폴더의 모든 파일을 업로드한다. (_ori 가 붙은 파일 제외 - 용량이 큰 원본 파일이다.)
  6. 적용하기 버튼을 눌러 스킨을 적용한다.
  7. 위젯 설정으로 가서 사이드바를 설정한다. (사이드바1 은 카테고리와 링크용으로 상단에 만들어 놓은것임)
  8. 블로깅을 즐긴다!

Skin Install guide for Textcube.com blogger
  1. Download the Textcube blog skin and extract it.
  2. Go to skin editor.
  3. Erase all old skin files.
  4. Upload all Purple Wild Wide Skin files. (except style_normal.css - It's for edit CSS your own.)
  5. Upload all images (except _ori postfix. - It's huge original image.)
  6. Apply the skin.
  7. Config sidebars. (top sidebar for Category and Link)
  8. Enjoy blogging!
----------------------------------------------------------------
"텍스트큐브 1단 상콤한 보라색 광폭(800px) 스킨"
내려받기 (Download)
----------------------------------------------------------------



by


Tags : , , , , , , , , , , , , , , ,

  • 재미있게 읽으셨나요?
    광고를 클릭해주시면,
    블로그 운영에 큰 도움이 됩니다!

지금 테마는 너무 코드가 지저분해서, 속도가 많이 느리다..



그래서 봄도 되고 했으니.. 차근차근 생각해서 테마를 하나 만들어볼 생각이다.



좀 제대로 속도도 나고…



분위기도 좀 산뜻(?) 하게 바꿔 볼 생각이다.



봄도 되고 했으니..ㅋㅋ



———————————————————



사진첩에 댓글다는 기능 현재 테스트중!



테마 제작시에 방명록과 사진첩을 통합할 예정.ㅋ



by


Tags : , , ,

  • 재미있게 읽으셨나요?
    광고를 클릭해주시면,
    블로그 운영에 큰 도움이 됩니다!