가독성을 높여라, 내 블로그 글자 크기 변경하기


블로그 뿐만아니라 모든 글에 대해서 적용 되는 좋은 글의 조건 중 하나가 바로 가독성입니다. 읽는 사람으로 하여금 얼마나 글이 눈에 잘 들어오는가, 이것이 좋은 글이 가지는 특징 중에 하나라고 할 수 있는데요. 따라서 많은 블로거 분들이 가독성이 높은 글에 대해서 연구하고 가독성이 높은 글쓰기를 원하시고 있습니다.

가독성이 높은 글에는 여러가지가 있을 수 있는데요. 문장이 간결해서 한눈에 한 문장이 잘 들어오는 글이 가독성이 높기도 하고, 쉬운 단어들을 이용해서 설명을 할 경우 전문지식이 없는 분들도 잘 이해 할 수 있는 글이 될 수 있습니다. 또 빽빽한 글로만 쓰지 말고 적절한 이미지나 동영상 같은 멀티미디어를 구석구석에 집어 넣어 이해를 돕는 것도 가독성을 높이는 방법이 될 수 있습니다.


하지만 그런 글의 구성은 따로 배우지 않는 한 초보자 분들께서 따라하기가 힘들 수 있습니다. 좋은 글을 쓰기 위해서는 글을 많이 써봐야 하기 때문이지요.

Kayısı-Apricot
Kayısı-Apricot by Marchnwe 저작자 표시비영리변경 금지


하지만 초보분들도 쉽게 가독성을 높이는 방법이 있습니다. 바로 글의 포맷을 변경하는 것 입니다. 글의 포맷에는 문장간 간격이라든가 글자의 크기, 글꼴의 종류 등이 있습니다. 사람들에게 잘 읽히는 글꼴과 글자 크기가 있는데, 여러분의 블로그를 좀 더 가독성이 좋게 만들기 위해서는 적당히 큰 글자크기와 보기 좋은 글꼴을 선택하는 것이 중요합니다.

이번 시간에는 여러분 블로그의 기본 글자크기와 글꼴 등을 바꿀 수 있는 방법을 알아보도록 하겠습니다.


글자 크기를 바꾸어 보자.

 티스토리의 가장 큰 매력중에 하나가 바로 HTML/CSS 코드가 수정 가능하다는 것인데요. 블로그의 기본 글자크기와 글꼴도 이 기능을 통해서 설정 할 수 있습니다.



[관리자 메뉴] 에서 [스킨] - [HTML/CSS 편집] 기능을 선택합니다.



style.css 부분에서 .article 로 시작하는 부분을 찾습니다. 그 곳이 여러분이 글을 썼을 때 글이 어떻게 보여지는지에 대한 설정입니다.

font-size 부분에서 11pt 부분의 숫자를 알맞은 숫자로 바꿉니다. 저도 원래는 10pt였는데 다소 작은감이 있어서 보기 편하게 11pt로 바꾸었습니다. 참고로 제 스킨의 경우 10pt, 11pt, 12pt는 다음과 같이 보입니다.



여러분 입맛에 맞는 글자 크기를 선택하시기 바랍니다. 저의 경우 11pt 정도가 딱 알맞은 것 같아서 11pt로 세팅을 해 놨습니다. ^^

그 동안 제가 쓴 글을 보면서 글자 크기가 너무 작은게 아닌가 생각을 했었습니다. 실제로 다른 블로거 분들이나 인터넷 뉴스 등과 비교를 해봐도 다소 작아보이더군요. 그래서 이번 기회에 기본 폰트사이즈를 하나 키워봤습니다. 예전에 비해서 가독성이 좀 나아진 듯 합니다만, 다른 글꼴 등을 계속 찾으면서 좀 더 가독성을 향상 시켜봐야겠습니다. ^^

여러분은 가독성을 위해서 어떤 작업을 해보셨나요?

  1. 이전 댓글 더보기
  2. BlogIcon mark 2011.01.13 17:37 신고

    컴퓨터를 많이 알아야 따라 갈 수 있게습니다. ㅜ.ㅡ

  3. BlogIcon 조증체셔 2011.01.13 18:29 신고

    저는 10pt로 계속 쓰고 있는데.
    흐음
    많이들 10pt를 쓰셔서 괜찮은 것 같기도 합니다 ^^ㅋ

  4. BlogIcon 남시언 2011.01.13 19:32 신고

    잘 보고 갑니다 ^^
    저도 몇폰트로 할까 엄청 망설인다는.....
    본문 폰트는 조금 차이가 크게 작용하는거 같아요 ㅠ

  5. BlogIcon Jaaaaay 2011.01.13 19:43 신고

    왜 내글은 눈에 안들어올까... 다른분들처럼 가독성이 좋지 않을까..고민많이 하고..이래저래 노력해왔으나..
    만족할만한 수준이 못되었는데..한가지 팁배웠네요^^ 감사합니다!!
    줄간격늘리는법이 궁금하네요..ㅋㅋㅋ 글쓰기상에 줄간격은..바꿔도 적용이안되더라구요ㅜㅜ

  6. BlogIcon 이베이날다 2011.01.13 20:46 신고

    낙타님 글 읽다보면 항상 읽기 편하다고 생각했는데,
    그런 이유가 있었군요 ..... 바로 적용 해야 겠네여 ^^

  7. BlogIcon 신기한별 2011.01.13 22:01 신고

    저도 11pt로 하고 있습니다..
    처음에는 맛집만 11pt로 했는데, 지금은 제가 쓰고 있는 분야 전체 11pt로 맞추고 있습니다.

  8. BlogIcon B.C냥이 2011.01.13 22:10 신고

    제 블로그는 폰트 크기를 12로 지정했는데도 불구하고 작게 보여요-_ㅠ
    중간 중간 이미지 삽입을 하면서라도 가독성을 높이는 수 밖에 없을 것 같아요..ㅠㅠ

    • BlogIcon 파프리 꼬마낙타 2011.01.14 13:52 신고

      스킨마다 다르군요 ㅠㅠ
      CSS 배운지 오래되서 메커니즘을 다 까먹었어요 ㅋㅋ

    • BlogIcon B.C냥이 2011.01.15 00:48 신고

      스킨마다 다른 건지 아니면......
      멀쩡한 스킨도 제 손에 들어오면 12포인트를 10포인트로 보이게 하는 효과가 나는건지 모르겠어요ㅎㅎㅎㅎ

      오늘 '가독성'을 높이기 위해 책 리뷰할 때 하나씩 써먹을라고 디카 들고 나가서 사진 몇 장 찍어왔어요 ㅎㅎ

  9. BlogIcon 아하라한 2011.01.13 22:20 신고

    하하 좋은 팁 고맙습니다. 저두 가독성 쪽으로 포스팅 한번 해볼려구 했는데...
    좋은 글을 먼저 써 주셨네요...ㅋㅋ
    저는 11폰트 쓰는게 제일 좋더라구요...

  10. BlogIcon 역기드는그녀 2011.01.13 23:10 신고

    좋은 정보 감사합니다.
    html을 전혀몰라서 ;;
    그냥 포스팅 다해놓고 수정하곤 했는데
    당장 바꿔야 겠네요 ~

  11. BlogIcon 잡학왕 2011.01.13 23:35 신고

    안그래도 글자가 작아서 바꾸려고 했는데...잘 되었네요. 바로 해야겠습니다~

  12. 문단 2011.01.13 23:37 신고

    아...글쓸때마다 일일이 수정했었는데 좋은 정보 감사합니다.. 한번만 설정하면 될 것을;;
    IT 관련 분들은 9포인트로 하는 경우도 많더라구요. 전 11포인트로 하니 왠지 조금만 써도 풍족해보이는게 만족합니다. ㅎㅎ

  13. BlogIcon 굄돌 2011.01.13 23:39 신고

    11이 약간 큰 것 같기도 하고.
    10은 약간 작은 것 같기도 하구요.
    전 10에 맞춰놓고 대신 행간을 넓게 합니다.200정도로.

  14. BlogIcon Deborah 2011.01.14 03:34 신고

    오오 아주 멋진 팁인데요.. 잘 활용할게요.

  15. BlogIcon SocialWon 2011.01.14 08:42 신고

    앗 저는 하나하나 쓸때마다 수정했는데 그럴 필요가 없군요;;ㅎㅎㅎ

  16. BlogIcon 타카코 2011.01.25 17:07 신고

    블로그관련글이 많네요 HTML/CSS에 대해 전혀~ 모르는저는 자주 찾아뵈어서 팁도 알아가야겠네요~
    좋은하루되세요 ^^

  17. BlogIcon Elite999 2011.02.01 14:21 신고

    이런 방법이 있었군요 ! ㅎ
    저는 12로 바꾸러 갔다가 이미 폰트가 12로 되어있었던... ㅡ.,ㅡ
    13으로 바꿨습니다..감사합니다 ^^

    • BlogIcon 파프리 꼬마낙타 2011.02.05 23:52 신고

      적당한 크기로 맞추기 까지 여러분 바꿔야 해요 ㅎㅎ
      폰트 종류 별로도 다르더라구요 ㅜㅜ
      복잡합니다. ㅎ

  18. BlogIcon Air Jordan 2013 2013.02.07 14:52 신고

    一月一日,全国政治协商会议在北京举行茶, http://www.airjordanshoes2013.us Jordan Shoes 2013。胡锦涛主席出席会议,中共中央委员会总书记,中央军事委员会主席的中国共产党习近平的讲话在茶党。新华通讯社照片请勿转载



    欢迎联系我们,您的宝贵意见,电子邮件:“中国sina.com.cn阵列。

    的。

    |版权1996-2013

    |新浪公司,保留所有权利





    新浪公司保留所有权利

  19. BlogIcon Mulberry Roxanne 2013.02.12 02:38 신고

    Chestnut Uggs I want you to keep in mind that a themed celebration with all the situation of Hallowe
    The creature disposes of a handful of with the researchers and kidnaps the fiance of one of them, but at some point, it basically Moncler Kids is killed. For that up coming Oct 31, I heard the kids in the vicinity preparation for a group of green army guys. I speculate who the skipper are going to be. Whilst I like number in Halloween costumes, I am essentially looking ahead to discover this.

    3. Alice in Wonderland Costumes. I'm particularly particular that everybody is accustomed on the tale Alice in Wonderland. You'll find loads of characters within this guide for kids and older people, and just about every a single of them is rather unique, which leaves a lot of openings for identifiable costumes. Possibly in the event you desire to be Alice, the Chesire Cat, the March Hare, or the Queen of Hearts, any of your Alice in Wonderland fits would make a fairly decent notion.

    Funerals are viewed as currently being an essential portion of our grownup lives. Regardless of what form of revenue bracket a person might possibly fall into as they really are gracing the earth, they however will need to have got a right funeral engagement and burial subsequent to they've handed on. Traditionally, the dying of the cherished a person is actually a unhappy and somber time; having said that aside from pondering the psychological side belonging to the celebration, family members can also be compelled to think about the Cheapest Uggs personal factor of using funeral properties plus the products and services they offer you.

    Funerals, are found being a somber occasion. Believe it or not, the majority of folks solely despise speaking about funerals or anything which has to do with demise, simply because it provides them a sour feeling within their stomachs. Nevertheless, http://cheapmulberryshoulderbagsonlinestore.quebecblogue.com/ Mulberry Shoulder Bags, it is crucial to remember that practically nothing on this earth is at no cost. So, bear in mind that every person that is certainly born is expected to shell out capital to separate entities, http://mulberrywomenbagssaleinmulberryfactoryshop.yolasite.com/ Mulberry Bags Collections, this fact will not adjust when an individual passes on, http://cheapmulberrywomenbagsonlinestore.webstarts.com/ Mulberry Women Bags.

    Despite the fact that, many of us want that we could bury our loved types for no moolah from our pockets, the truth with the make a difference is every thing during this country contains a selling price, http://mulberryroxanne.blog.sohu.com Mulberry Roxanne. Regardless of what your present cash flow is, there is a simple payment that every family that has missing a cherished one particular could have to shell out so as to guarantee that their loved kinds remains are disposed of thoroughly. The basic charge that a family members needs to spend for providers will differ from parlor to parlor.

    Irrespective of what variety of company you are opting to have to your cherished just one, you will want to render funds for fundamental charges that come about during the whole burial activity. The basic expenses that family members must spend are used to cover demise certificates, arrangements at a crematory or cemetery, notices with the loved kinds passing, and boarding for housing the remains from the deceased.

    Optional charges could be dollars that is definitely rendered for transporting Uggs On Clearance the continues to be, embalming the body and issues of that nature.

    If you need further information just follow this:
    Prada Handbags Have you been considering having a memory foam mattress
    Uggs For Baby The present financial downturn has turned the idea of roommates into an alternative not just for higher education students
    Bailey Button Uggs When students visit college sharing an apartment is incredibly preferred

  20. BlogIcon Clarisonic Mia 2013.02.14 14:07 신고

    AP National Quality Inspection Administration said yesterday, has met with New Zealand ambassador on milk powder of dicyandiamide residue, and requirements of the new party as soon as possible detailed description of the situation, http://www.sneakersisabelmarantsoldes.com/ Isabel Marant Sneakers, provide a risk assessment report.


    January 24th, New Zealand primary industry announced the suspension containing dicyandiamide chemical information on the ranch, attracted widespread attention at home and abroad.Deputy director of the office of the General Administration of quality inspection of Fu Wenbiao in a press conference yesterday, said, quality inspection administration has repeatedly with the New Zealand Department concerned, and made an appointment to see New Zealand ambassador, new requirements as soon as possible detailed to explain the situation, provide a risk assessment report.Quality Inspection Bureau will continue to pay attention to and the investigation on the matter.


    day, New Zealand ambassador Wu Kaiwen at the embassy held a press conference, http://www.isabelmarantsneakerseshop.com/isabel-marant-wedge-sneakers-c-1.html Isabel Marant Wedge Sneakers, many times to the Chinese consumers said "sorry".He said, in the New Zealand announced the suspension of the application containing Dicyandiamide (DCD) fertilizer before, did not inform the Chinese regulatory authorities, the Chinese consumers are more prone to unnecessary doubts.


    Wu open said, he in the morning to the Chinese national quality inspection administration are described.The new party is trying to Chinese regulators and provide consumers with more information, to enable them to make independent judgments on the New Zealand dairy safety, http://www.buydieseljeans.co.uk/ Diesel Uk.


    Wu Kaiwen said, many local regulators that, trace of dicyandiamide residue on the health of the human body does not produce any safety hazards.


    since there is no safety hazards, why to suspend the application of dicyandiamide?Wu open said, this is because the dicyandiamide residue no internationally recognized standards, http://www.christianlouboutintrainers.co.uk/ Louboutin Uk, and international consumers expect New Zealand dairy is zero residue.Before the international standards, http://www.clarisonicmiaonlinesale.com/clarisonic-mia-c-2.html Clarisonic Mia, to suspend the application of dicyandiamide is out of caution, designed to eliminate any anxiety, doubt and confusion.

    相关的主题文章:


    http://www.sgcin.gov.cn/E_ReadNews.asp?NewsID=435 CCTV for 15 years 1 Studio reflect thrift to do its _ news _ tencent.com principle

    http://buddhateam.com/index.php/blogs/342/2199/diesel-jeans-tapered-primary-sch Diesel Jeans Carrot Primary school opening ceremon

    http://trishkirby.com/how-to-get-over-anger-and-bitterness/ Isabel Marant Boots The villagers witnessed a car accident a

  21. BlogIcon SuperCard DS Two 2013.03.18 12:33 신고

    さくら、悔しさリセットも「闘志は変わっていない」今年の開幕戦「ダイキンオーキッドレディスゴルフトーナメント」でプレーオフに敗れ、惜敗を喫した横峯さくらが、今週、高知県の土佐CCで開幕する「ヨコハマタイヤゴルフトーナメントPRGRレディスカップ」に出場する, http://www.monclersjp2013.com/ モンクレール ジャケット。2009年の賞金女王も、未勝利に終わった昨年度, http://www.r4r4i-jp.com/Acekard2i/ Acekard2i。2011年の「リゾートトラストレディス」を制して以来、約1年半ぶりの優勝は目前で手からすり抜けた。

    横峯さくらのスイングをスーパースローでチェック

    先週の悔しさは「もうリセットされました」と、この日行われたプロアマ大会では笑顔を見せるも、「闘志は変わっていません。もうちょっとしっかりコースマネジメントができればいいと思っています」とリベンジに向け強い眼差しを向けた。

    この日横峯は、時折、強風の吹く中で行われたプロアマ大会に出場し、開幕戦から好調と話すショットも、飛距離が落ちることなく手応えを感じたと話す。「守るホールと、攻めるホールといったマネジメントが必要, http://www.r4ikarter4.org/R4-SDHC/ r4 sdhc。ドライバーを使用するホールではしっかりと飛ばしていきたい。ロング(パー5)で(バーディが)獲れればプレーは楽になる」と攻略を狙う。

    ショットに加え、開幕からパッティングのフィーリングも良く、「あとはラインが読めるかどうかだけ。良い意味で考えすぎず、シンプルに打つことだけです」と手応えを得ている, http://www.monclersjp2013.com/ モンクレール ショップ。「スタートダッシュもそうですが、3日間アンダーで回ることを目標にします」。開幕戦で掴んだ手応えを自信に、今季第2戦に挑む。(高知県香南市/糸井順子)【関連記事】 「PRGRレディス」練習場を連日ライブ中継 今年はこの14本で勝負! 横峯さくらのクラブセッティング 横峯さくら、イーグルパットを決めていれば・・・(3月10日) 続々更新, http://www.monclersjp2013.com/ モンクレール サイズ! 注目プロの最新スイング集
    Related articles:


    http://www.flashcardcompact.com/blog/2013/03/17/ 15日付日本経済新聞は、13年3月期で営業利益が13%/  15日付日本経済新聞は、13年3月期で営業利益が13%増の200億円程度になると報じた

    http://xzs.zajihe.com/forum.php?mod=viewthread&tid=3306887&extra= acekard 2i  続いて、「MEP-F10」側面の電源ボタンを押して電源を入れる


티스토리 팁 - 내 글을 SNS로 보내자



정말 오랜만에 티스토리 팁을 쓰게 되네요. 중간고사부터 시작해서 계속 바쁘다는 핑계로 인터넷 산업에 대한 얘기만 했었는데, 본격적으로 다시 티스토리 팁을 써 보도록 하겠습니다. 워낙 오랜만에 팁을 쓰다보나 뭐 어떻게 어디부터 써야 할 지 막막하네요. ㅎ

오늘의 티스토리 팁은 내가 티스토리에 발행한 글을 SNS 사이트로 보내주는 기능을 사용해 보는 것입니다. 요즘 여기저기서 소셜소셜 하고 있는데요. 특히 트위터와 페이스북의 강세가 무섭습니다. 이런 열풍에 힘입어 티스토리에서도 여러분이 작성한 글을 트위터나 페이스북으로 자동으로 보내주는 기능이 있습니다. 트위터를 개설만 해놓고 사용을 하지 않으시는 분, 페이스북 계정만 있고 아직 사용하지 않으시는 분들께 추천하는 플러그인 기능입니다.


기능을 사용해 봅시다.

여러분의 글을 자동으로 SNS로 보내주는 기능은 플러그인 형태로 제공이 됩니다.



관리자 메뉴에서 [플러그인] -> [플러그인 설정] 을 선택합니다.




플러그인 메뉴 중, SNS 글보내기 항목을 선택합니다.




SNS 글 보내기 항목에서 적절하게 세팅을 해 줍니다. 예제로 보여드리자면,


이게 큰 아이콘이고,



이게 작은 아이콘입니다.
여러분의 스킨 상황에 따라서 적절하게 맞춰 사용하시면 좋을 것 같습니다. 참고로 저는 작은 아이콘을 사용하고 있습니다. 조그마한게 귀엽기도 하고 아이콘이 너무 커다라면 보기에도 부담스러워서요. ㅎ


연결을 시켜봅시다.

이제 귀여운 아이콘들은 여러분의 스킨에 포함이 되었구요. 자동으로 글을 발행 할 수 있도록 연결을 시켜 보도록 하겠습니다. 자동으로 글을 보내고 싶은 SNS의 아이콘을 클릭하시면,


이런식으로 로그인 페이지가 나오게 됩니다.
트위터에 글을 보내고 싶으시면 트위터 계정으로 로그인을 하시고, 페이스북, 미투데이, 요즘으로 글을 보내고 싶으시면 해당 서비스로 로그인을 하시면 됩니다.


그러면 여러분이 블로그에 글을 발행 할  때마다 자동으로 글이 SNS로 보내지게 됩니다.



예제

지금 저는 트위터로 글을 자동으로 보내고 있습니다.



제 트위터를 보시면 빨간색 네모친 글처럼 Tistory라는 해시태그가 붙고 제목이 나온뒤 해당 글의 URL이 단축 URL의 형태로 표시가 됩니다.


SNS 이제 단순한 인맥 형성의 통로가 아닙니다. 소셜 미디어, 소셜 커머스 등의 응용들이 나오고 있습니다. 이런 상황에서 넋을 놓고 있을 수는 없지요. 만일 블로그를 조금 더 북적거리게 만들고 싶고 내가 쓴 글을 좀 더 많은 사람들이 봐주었으면 하고 생각을 하신다면 SNS 글 보내기 플러그인을 이용해서 여러분의 글을 홍보하시기 바랍니다. ^^

SNS 플러그인 사용하고 계신가요?
  1. 이전 댓글 더보기
  2. 2010.12.24 00:36

    비밀댓글입니다

  3. BlogIcon 티비의 세상구경 2010.12.24 00:53 신고

    최근에 나온 SNS보내기 플러그인 디자인도 예쁘고
    너무 마음에 들더라구요 ^^;;

  4. BlogIcon 잡학왕 2010.12.24 00:54 신고

    이 버튼 생겨서 페이스북에 글 보내는게 정말 쉬워진것 같아요~
    참~ 베스트 축하드립니다~ ^^

  5. BlogIcon 732ga 2011.01.03 23:37 신고

    아직 소셜이라는 단어에 거부 증세가 있네요. IT 뒤쳐지는중인것 같습니다.
    빨리 이 세계에 적응해서 알아듣도록 해야겠습니다 ^^

  6. BlogIcon Air Jordans 2013 2013.02.07 14:51 신고

    吻是一个美国乐队成立于纽约市,美国1973集团不断记录,因为它们的形成, http://www.newairjordans2013.us Jordans 2013。吻已经售出了1 00000000张专辑在全世界已夺得45金纪录至今,已售出19 000000张唱片在美国美国。



    容易确定其商标表面涂层(登记的美国专利和商标办公室),舞台服装,吻迅速上升到突出的基础上,详细,现场表演,其中精选喷火,吐血,吸烟的吉他和|烟花。

    |原始阵容(低音与声乐),(节奏吉他和主唱(铅),吉他,和声乐(鼓手和主唱)成为公认的最成功和)在乐队的历史,并发布了一系列的黄金和白金唱片在上世纪70年代作为一个。结果,药物滥用问题和创造性的差异,2彼得安排在一个纵横交错,索伦fleli走出集团以1982乐队的商业命运也大大削弱了这一点。



    克里斯和frehley离开亲吻,并已取代了孙耀威歌手汤米塞耶,分别。乐队继续执行,但斯坦利和西蒙斯仍然是唯一不变的成员。



    1983,吻放弃他们的化妆和享受商业复兴中期至80 ' s.they开始再到90年代初,然而。是一种强亲怀旧在90年代中期,乐队宣布一个团圆的原始阵容(化妆品)1996所产生的“拥抱世界活着”巡演票房收入最高的1996的行为

  7. BlogIcon pandora charms sale 2013.03.22 22:41 신고

    말도 아름다운 꽃처럼 그 색깔을 지니고 있다.

  8. BlogIcon chaussures louboutin 2013.03.22 23:18 신고

    니가 눈물 흘릴 필요없어, 널 이렇게 하게 할수 있었던 사람이라면 널 울리질 않았을거야.

  9. Who Should Be an All-Star Starter, Blake Griffin or Tim Duncan?

    The starters for the 2013 NBA All-Star Game will be announced January 17th, and it seems that the final frontcourt spot in the Western Conference is going to come down to Blake Griffin and Tim Duncan.

    Both players have had very good seasons, and both are forwards for top-three squads in the NBA, but the way it's looking, only one of them will be grabbing a starting spot.

    Vote totals were last announced on January 3rd, and it showed Griffin with a substantial, yet potentially surmountable lead. Griffin's vote total was approaching 600, 000, while Tim Duncan was about 240, 000 votes behind him.



    Stephen Dunn/Getty Images
    If we were to take the players that "should" be starting, it would be Kevin Durant (who is second behind Kobe Bryant in Western Conference voting), Duncan and Griffin. Dwight Howard isn't having the year that either of the other two are having.

    So who is having the better season? Well, that's going to take a few questions before we can really nail down an answer.

    As far as being a certifiable All-Star goes, http://www.csnthunder.com/ Thunder Westbrook Road Jersey, there are a lot of qualifications a player must meet. Obviously it helps if he's on a good team, but the impact he makes on a team can be taken into consideration regardless of the team's record.

    Overall, it's wise to look at how productive a player has been statistically, while balancing a more intangible-based observation at the same time.

    Of course, you can't ignore the fact that this game is for the fans, that's why they vote. There is some intrinsic value in how fun it is to watch a guy play basketball.

    That being said, the most basic place to start is to look at each player statistically.

    Tim Duncan is coming into the home stretch averaging 17. 1 points per game on 50 percent shooting. He's piling on 9. 6 rebounds, 2. 7 assists, and a combined 3. 5 blocks and steals, all while committing just 1. 7 fouls per game and turning the ball over twice.

    Griffin, meanwhile, is averaging 17. 7 points on 53. 4 percent shooting, dropping in 8. 6 rebounds, 3. 2 assists and a combined 2. 1 steals and blocks.

    Simply put, Griffin is having the better offensive season and Duncan is having the better defensive season.

    Both players have shown an impressive amount of improvement compared to last season—only when you're talking about Duncan it's not so much improvement as it is a "turn back the clock" type season.

    The thing that impresses me most about Duncan is the fact that he is anchoring San Antonio's defense without the help of an above-average frontcourt player to manage the post alongside him.

    Duncan's improvement is almost solely responsible for bringing defense back into the forefront for the Spurs, as San Antonio's defensive efficiency ranking moved from 10th in the league last season to fourth this year.

    In reality, he is a legitimate Defensive Player of the Year candidate.

    Meanwhile, Griffin has shown a ton of improvement compared to a season ago in a way that makes it seem he's taking the necessary steps to really become a much better player in the coming seasons, and it's starting this season.

    Pretending he doesn't have a post-game is a part of the past. Few players have as strong a drop-step, and his hook shot is becoming a piece of beauty.

    On top of that, his mid-range shot is steadily improving; he's shooting 38 percent from outside of the paint, compared to 34 percent two years ago.

    Griffin takes high-percentage shots directly at the rim because he can. He's able to get there as easily as any other big man in the NBA.

    Going further, Griffin is the perfect example of a guy who needs to be in the All-Star Game, if only because his game is so entertaining.

    If we're talking about a guy who can contribute to a team, become an unquestioned leader and is just a stellar basketball player overall, then Duncan deserves to have the start.

    However, this is an All-Star Game. These two players have had very different, yet similar seasons. Both have played a huge part in the success of a very good basketball team, and both have their strengths and weaknesses at this point in their career.

    I'm more impressed with what Duncan is doing, but an All-Star Game isn't some sort of lifetime achievement award; it's a goofy-midseason game meant to be entertaining.

    Based off that definition of the game, Griffin is your All-Star Starter, as he should be. He's not only the fan choice, but he's got a game that lends itself to these situations.

    The fans are voting for the guy they most want to see, and that's what the All-Star Game is. Griffin has played good enough for people to withhold their outrage when he is inevitably starting over Duncan, so it shouldn't be too much of a big deal.

    However, if we want to get into a debate over who is more deserving of an All-NBA First Team selection, then the choice is definitely Duncan.

  10. BlogIcon burberry purses 2013.03.23 16:44 신고

    인생의 위대한 목표는 지식이 아니라 행동이다.

  11. BlogIcon chaussures louboutin 2013.03.23 18:54 신고

    다른 사람에서 다른 사람의 정신적 활동을 이해하고, 사물을 보는 개념은 자신의 미래에 대해 전혀 걱정할 필요가 없습니다.

  12. BlogIcon air max 90 2013.03.23 20:07 신고

    누구나 자신의 진정으로 사랑하는 사람을 만나기 전에는 하늘이 안배해주신 다른 한 사랑을 하게 도리거예요.그러나 진정으로 당신이 원하는 사랑을 만났을때애는 반드시 맘 속으로 항상 감하해야해겠죠.

  13. BlogIcon louis vuitton tote 2013.03.23 21:30 신고

    다른 사람에서 다른 사람의 정신적 활동을 이해하고, 사물을 보는 개념은 자신의 미래에 대해 전혀 걱정할 필요가 없습니다.

  14. 행운 만이 개인 능력 당신이 일생 동안 도와 드릴까요 평생 할 수 없습니다 않습니다.

  15. BlogIcon pandora charms 2013.03.24 00:24 신고

    질병은 몸의 고장이 아니라 마음의 고장이다.

  16. BlogIcon louboutin soldes 2013.03.24 06:02 신고

    행운 만이 개인 능력 당신이 일생 동안 도와 드릴까요 평생 할 수 없습니다 않습니다.

  17. BlogIcon pandora 2013.03.24 18:21 신고

    매우 지원 및 이월하고 있습니다.

  18. BlogIcon lisseur ghd styler 2013.03.24 19:49 신고

    말도 아름다운 꽃처럼 그 색깔을 지니고 있다.

  19. 新たな企業標識オリジナルデザインの美しい寓意の上に、さらに強調する新戦略の勢いで、同時に企業戦略、企業文化の核心の要素を完璧なイメージを体現している.7月25日、厦航は盛大な新表示発表式典が、式典で社会に大衆に発表したすべては新たな企業LOGOと胴体塗装.






    に従って厦航ここ数年の発展を大股に、元のヴィジョンシンボルがついていけない厦航の発展戦略を必要とする、十二五の戦略の転換で、要求厦航切り開く同時に謀新求变、着実に実行する独自の特色を持つ顧客優先アジア太平洋の一流”のビジョン、新しい発展時期で見せ厦航進取の精神状態を、高らかに.


    VIは企業戦略が決定するとともに、企業戦略の調整、VIも新しく変わってなければならない, http://www.drebeatsale.com/beats-by-dre-limited-edition-skeleton-headphones-black-p-50.html Beats By Dre Limited Edition Skeleton Headphones Black.根海峡西岸の厦航28年の発展を経て、成功した靑空シラサギのスタート、奮まで飛び飛び回る.元LOGO


    2012年は厦航実施「十二五戦略企画の上を受けて下を起こすの重要な一年、新しい情勢の下で、もっと良い伝承、続き、発展厦航輝かしい業績に応じて、新しい情勢の発展戦略を要求し、新しい起点ブランドの新しいイメージを高めるために、厦航をビジュアルイメージ認証システムのアップグレードの仕事、最も中心のは企業のLOGOと胴体塗装のデザインの仕事は、厦航総合国内外の有名なデザインチームの豊富な経験を、繰り返し改正、論証、確定した最終バージョン.

















    新浪航空のニュースに企業の発展戦略の新しい変化を、従来の企業厦航視覚認識システム(Visual Identity、略称VI)アップされ、新しいデザインの企業LOGOと胴体塗装を7月25日に正式発表され、なじみの靑空LOGOシロサギや五線譜(別名改革楽章)が新表示に胴体, http://www.drebeatsale.com/heartbeats-by-lady-gaga-with-controltalk-headphones-gold-p-12.html Heartbeats By Lady Gaga With ControlTalk Headphones Gold.

  20. As we see into a terrific poker performer and even one daily you at a rugby adventure, you can procurable never even describe within addition to the the watch of them. External high-quality is exceedingly important,although can not be offer mental chance,approximately because Institution surrounded Michigan top of your head teacher Lloyd Carr quickly that proclaimed, "Mental may be apt external everything that five may be apt one". On the access apt the altitude apt a severe adventure, http://www.factorypriceelectronic.com/new-apple-mac-pro-dual-24ghz-xeon-12-core-64gb-ram-480gb-ssd-9tb-hdd-9480gb-p-235.html NEW APPLE MAC PRO DUAL 2.4GHz XEON 12 CORE 64GB RAM 480GB SSD + 9TB HDD (9480GB), once always of them are almost worn-out,not one can clench ones your teeth and even maintain the altitude might be an important main persona.
    Individuals experience within journal life, you can get fundamental seconds which will demand a good-looking deal significantly greater perils rather than among the sporting domain, http://www.factorypriceelectronic.com/original-cheap-canon-xh-g1-dv-camera-p-262.html Original Cheap Canon XH G1 DV Camera. A number of horrors take place for a outcome promptly which we contain almost likewise engaged to support you put off within the slightest degree. The best herbal result may be to flee away that scenario, selecting one important derailed go out,one important wrecked post for well as a host to growing mall Yet, this type of emergent seconds shriek for characters, men and women not one can stand against fright and even have a shot by his particular better to outcome and allow babe folk using caustic peril, http://www.factorypriceelectronic.com/original-cheap-sony-vaio-vpcf1390x-173-ghz-core-i7740qm-p-314.html Original Cheap Sony VAIO VPCF1390X 1.73 GHz Core i7-740QM.
    As a substitute as showing much of our accident and conquering much others, what accurate surrounded significant amount may be apt propel outdoor much of our rules and even hang aboard designed for some additional six a short period Certainly major extremely so this means among daily life once extra.

  21. BlogIcon pandora uk 2013.03.28 03:29 신고

    사랑해,Topics related articles:


    http://www.contentskorea.or.kr/6661 复件 (18) 韩文

    . 니가 어떤 사람이여서가 아니라 ,Topics related articles:


    http://window31.com/73 复件 (4) 韩文

    , 단지 너랑있는 느낌이 좋아서 함께 있고 싶은거야,Topics related articles:


    http://essay119.com/130 复件 (16) 韩文

    .


블로그 팁 - 브라우저 호환성 확인 하시나요?




브라우저 시장이 마이크로 소프트의 인터넷 익스플로러 위주에서 파이어 폭스나 구글의 크롬, 사파리, 혹은 다른 모바일 웹 브라우저로 많이 옮겨 가고 있습니다. 그러면서 인터넷 익스플로러가 지배하고 있던 웹 세계의 문제점이 드러나고 있습니다. 참고로 저도 올해부터 파이어 폭스라는 다른 웹 브라우저를 쓰고 있습니다. 그러다가 오늘에서야 문제가 있다는 것을 발견하게 되었네요.

(photo of Stormtroopers watching a photo of Stormtroopers)²
(photo of Stormtroopers watching a photo of Stormtroopers)² by Stéfan 저작자 표시비영리동일조건 변경허락



다르게 보이는 스킨

얼마전에 블로그 하단의 추천 버튼을 정리했습니다. 재아님의 포스트를 응용해서 블로그 하단의 다음뷰 추천, 믹시 추천 위젯을 정리하고 빈 공간에 링크프라이스 CPC 광고를 게재했습니다. <fieldset> 태그를 이용해서 다음뷰 구독 버튼도 추가 했구요. 나름 깔끔하게 정리해 놨었습니다.



파이어 폭스에서는 이렇게 보이거든요. ㅎ 그래서 만족스럽게 몇 일을 달고 있었습니다. 그러다가 오늘 인터넷 익스플로러 8을 이용해서 블로그에 접속해보니..




이 따위로 깨져 있었떤 것입니다. 황당했죠 ㅋㅋ
제가 주로 사용하는 웹 브라우저인 파이어 폭스에서는 깔끔하게 안쪽의 내용들의 사이즈에 맞게 겉을 둘러싸고 있는 테두리를 확장시켜 줬지만 이 놈의 인터넷 익스플로러는 지정해 준 사이즈 그대로 반영하고 있었습니다. 안에 뭐가 들어 있던 상관안하고 말이죠 ㅎ

크롬이나 사파리, 혹은 모바일 웹 브라우저에서는 어떻게 보일지 잘 모르겠지만 당황 스러웠습니다.




스킨 편집으로 다시 들어가서 <fieldset> 태그의 속성을 조금 조절해 준 뒤에야 파이어 폭스와 똑같이 보이게 되었습니다. 인터넷 익스플로러로 무심결에 들어와 보지 않았더라면 흉물스럽게 계속 남아 있을 뻔 했습니다. 크롬이나 사파리도 확인해 봐야겠네요.


3D Character and Question Mark
3D Character and Question Mark by 姒儿喵喵 저작자 표시비영리



왜 그럴까?
 
이런 브라우저 간의 차이는 왜 발생 할 까요? 여기에는 사연이 있는데, 우리가 배우고 있는 HTML의 표준과 관계가 있습니다. 넷 스케이프와 인터넷 익스플로러가 서로 싸우던 고대의 웹 브라우저 시대에는 표준이 없었습니다. HTML 파일을 어떻게 표현 해야 한다는 표준이 없었기 때문에 같은 HTML 파일을 가지고 두개의 브라우저가 서로 다르게 표현 하는 상황이 계속 되었죠. 후에 웹 표준이 제정되어, 웹 브라우저간의 해석 차이가 줄어들긴 했지만 아직도 남아 있습니다.

똑같은 HTML 코드를 두 웹 브라우저가 다르게 해석하는 것 때문에 웹 프로그래머들이 골치를 썪고 있는 상황이 많은데요. 특히 인터넷 익스플로러는 버전 6까지 웹 표준과 다소 다른 동작을 해서 문제가 있었습니다. 웹 프로그래머들이 인터넷 익스플로러에 맞춰야 할 지 웹 표준에 맞춰야 할 지를 두고 많이 고민을 했었는데요. 우리나라 같은 경우엔 웹 표준이고 뭐고 무조건 인터넷 익스플로러에 맞춰야지요 ㅎ

인터넷 익스플로러의 버전이 높아짐에 따라 이런 차이는 거의 없어졌지만 아직도 있을 줄은 몰랐네요. ㅎ


Un Indizio ! - A Clue
Un Indizio ! - A Clue by mastrobiggo 저작자 표시비영리동일조건 변경허락


블로그 스킨을 바꿀 때에 적어도 한 두번은 여러분의 웹 브라우저가 아닌 다른 웹 브라우저로 보시기 바랍니다. ^^ 특히 우리나라를 점령하고 있는 인터넷 익스플로러는 꼭 확인해야 할 부분인 것 같습니다. 블로그는 내가 보기 위한 것이기도 하지만 그 보다 방문자에게 보여 주기 위한 공간이기도 하니까요 ㅎ



  1. 이전 댓글 더보기
  2. BlogIcon @hungreen 2010.10.15 12:35 신고

    웹 브라우저가 다양해지고 있군요...
    저는 익스플로러만 알고 있었네요.^^;;

  3. BlogIcon 백전백승 2010.10.15 12:53 신고

    정말 그런 것 자주 느낍니다. 네이버 블로그를 할 때 익스플로러만 해서 티스토리 블로그 초기에는 익스플로러쓰고 후에 크롬으로변경했더니 익스플로러에서 멀쩡하던 글이 크롬에서는 이상하게 나오더라고요. 저도 가끔 PC 방등 여러곳에서 제 블로그를 봐요.

  4. BlogIcon killerich 2010.10.15 13:07 신고

    좋은 공부하고 갑니다^^.. 자주 배우러 와야겠어요^^..

  5. BlogIcon 둔필승총 2010.10.15 13:21 신고

    아, 오늘도 대략난감이라능...^^;;;

  6. BlogIcon 아하라한 2010.10.15 13:27 신고

    저두 파이어폭스 사용하다가 그냥 다시 익스플로어로 넘어 왔어요...ㅠㅠ
    아무래도 호환성 문제가 좀 있고 익스플로어에 익숙해져 있어서 그런가 좀 불편하더라구요...

  7. BlogIcon 칼리오페 2010.10.15 14:40 신고

    배울게 너무 많아요 ㅠ
    다 되어진거 받고 싶어요 ㅋㅋㅋㅋㅋ

    점심은 맛있게 드셧나요?
    오늘은 나른해 죽겠네요 ㅠ
    저녁에 야구볼 생각에 일도 안되고^ ^ ㅋㅋㅋㅋ

    암튼 화이팅요:)

  8. BlogIcon ☆북극곰☆ 2010.10.15 14:42 신고

    전혀 신경쓰지 못하고 있었네요.
    흐음... 파이어폭스는 거의 사용을 안하고 구글크롬과 익스플로러를 사용하는데..
    다양한 사람들이 블로그에 들렸을때 거부감이 없도록 만들어 놓는 것이 쉽지가 않네요~
    저도 재아님것을 이용하고 있는데 확인한번 해봐야 겠구요..
    호환성은 전혀 신경안쓰고 있는데 이거이거 ~ 큰일입니다. 어느곳에서 오류가 있을지.

  9. BlogIcon 잡학왕 2010.10.15 15:16 신고

    한때 브라우져를 여러 개 썼던 적이 있습니다. 그래도 어쩔수 없는건 한국에선 익스플로러를 안쓰면 힘들어요. ㅠㅠ

  10. BlogIcon 꿍디 2010.10.15 15:57 신고

    오 이런, 몰랐던 사실이..!! 그나저나 익스플로러만 써왔던지라, 다른건 이름만 들었지, 생소하네요..ㄸ어떤 디자인인지 참 궁금합니다.ㅎㅎ

  11. BlogIcon Houstoun 2010.10.15 16:02 신고

    저도 그게 고민입니다.
    파이어폭스를 쓰고 있는데 익스플로어로 가보니 몬양 말이 아니예요
    그래도 뭘 어떻게 손대야 할지 몰라 걍 놔두고 있는 상황이랍니다. ㅠㅠㅠ

  12. BlogIcon 멋진성이 2010.10.15 16:16 신고

    반드시 필요한거 같아요
    전 다른데 가면 잘 안보이고 그래서..흠..

  13. BlogIcon 블루버스 2010.10.15 17:09 신고

    전 스킨이 복잡하지 않아 그런 일은 없는 듯 합니다.ㅋㅋ
    IE와 크롬 둘다 사용하는데 큰 차이가 없더라구요.

  14. BlogIcon 재아 2010.10.15 17:12 신고

    저는 제가 배포한 하단 추천바 소스에 문제가 있나 했습니다.

    제가 분명 모든 브라우저를 확인 했었거든요~..// ie8 ie9 크롬, 파이어폭스
    아무튼 ^^// 브라우져 호환성은 저도 블로그에 소스를 삽입할때마다 확인하긴 합니다.

    중요한 부분이긴 하죠~

    블로그의 경우에는 파폭을 더 많이 쓰더군요 아무래도 확장기능 때문이겠죠??
    ㅋㅋ

    • BlogIcon 파프리 꼬마낙타 2010.10.20 16:21 신고

      네 ㅎㅎ
      부가기능들이 재미있는게 많더라구요..
      써보려고 파폭사용하는데 아직 사용은 안하고 있습니다. ㅎ

  15. BlogIcon 자수리치 2010.10.15 19:09 신고

    저도 익스, 파이어폭스, 크롬 3개로 확인해보고 있어요.
    블로그 하시는 분들은 적어도 이 3개로는 확인하는 게 좋을 것 같아요.^^

  16. 문단 2010.10.15 20:01 신고

    아 저도 점검해야될 부분이군요.
    그런데, 꼬마낙타님 같은 경우가 닥쳤을때
    과연 제대로 고칠 수 모르겠어요. HTML은 너무 어려워서
    그래도 그런 경험이 공부가 되겠죠.?

    • BlogIcon 파프리 꼬마낙타 2010.10.20 16:22 신고

      조금씩 HTML 배워나가다 보면 숙달되게 되어 있어요 ㅎ
      HTML은 다른 프로그래밍 언어처럼 어려운 편이 아니거든요.. ㅎ

  17. BlogIcon ecology 2010.10.15 20:11 신고

    저는 거기까지 생각못 했는데
    유용한 글 도움이 되었네요

  18. BlogIcon 꽁보리밥 2010.10.15 20:17 신고

    가끔 가다 호환성때문에 사진 액박현상이 보이고 하더군요.
    요즘은 괜찮지만 그러면 자동호환기능이 이어 별 무리없이
    사용하고 있습니다.
    추천위젯 부분 깔끔하니 좋군요.^^

  19. BlogIcon 요트나루 2010.10.15 22:48 신고

    다듬뷰 버튼을 저렇게 다니..정말 잘되네요! 그리고 낙타님 믹스업..장난아니시네요 ㅎㅎㅎ 역시 파워블로그님.ㅎ

  20. BlogIcon mami5 2010.10.15 22:50 신고

    저는 겁나서 스킨변경 잘 못한답니다..^^
    꼬마낙타님 감사합니다..^^
    잘 붙혀 보겟습니다..
    잘 될지~~^^*

  21. BlogIcon 파프리 꼬마낙타 2010.11.01 10:33 신고

    홍보/광고성 댓글로 삭제하였습니다.


티스토리 팁 - 서식을 이용해서 보다 편리한 블로깅을..


티스토리에서 제공하는 편리한 기능 중에 "서식"이라는 기능이 있습니다. 자주 사용하는 글의 패턴을 저장해 놔서 쓸 수 있도록 하는 기능인데요. 티스토리의 서식 기능을 적절히 이용하면 보다 편리한 블로깅을 하실 수 있습니다. 제가 사용하는 방법을 예로 들면서 설명을 드리겠습니다.


서식이란?

 아시는 분은 잘 알고 계실 티스토리의 편리한 기능, 서식에 대해서 알아 보도록 하겠습니다. 서식은 클릭 한번으로 저장해 놓은  글을 본문에 삽입해 주는 기능입니다.


글쓰기 화면에서 오른쪽에 보시면 "서식"이라는 부분이 있습니다. 기본적으로 "블로그 연말 결산", "크리스마스 카드", "10Q/10A" 등의 서식이 들어 있습니다. 이 서식을 클릭하면 티스토리에서 제공하는 기본 서식들이 블로그 글쓰기 영역에 복사가 됩니다. 참 편리한 기능이지요.

더 편리한 점은 여러분이 직접 서식을 만들 수 있다는 점입니다. 위 그림에서 보시면 "문단 제목과 내용1" 과 "미션 임파서블 서식" 이라는 새로운 서식들이 보일 겁니다. 저 서식들이 바로 제가 만들어서 저장해 놓고 사용하고 있는 서식들입니다.


서식을 저장하는 방법은 보통 글쓰기와 똑같습니다.
여러분이 글쓰기 화면에서 써 놓은 글, 혹은 글쓰기 레이아웃 등을 서식으로 저장을 하면, 그때 그때 불러와서 쓰기 편리합니다.
그럼 시험삼아 하나 써보겠습니다.


서식 만들기

서식으로 자주 사용할 수 있는 소제목 모양을 등록해 보겠습니다.
글쓰기 화면을 열어서 여러분이 앞으로 사용 할 소제목을 만들어 봅니다.



저는 이렇게 세개의 소제목을 꾸며서 서식으로 저장해 놓겠습니다.


<div style="padding: 3px 6px; margin-bottom: 10px; font: bold 14pt/1 Dotum,Sans-serif; border-left: 19px solid rgb(230, 230, 230); width: 420px; color: rgb(255, 255, 255); background-color: rgb(107, 185, 177);">
1번 메뉴</div>
<br />

<div style="padding: 3px 6px; margin-bottom: 10px; font: bold 14pt/1 Dotum,Sans-serif; border-left: 19px solid rgb(230, 230, 230); width: 420px; color: rgb(255, 255, 255); background-color: rgb(139, 204, 82);">
2번 메뉴</div>
<br />

<div style="padding: 3px 6px; margin-bottom: 10px; font: bold 14pt/1 Dotum,Sans-serif; border-left: 19px solid rgb(230, 230, 230); width: 420px; color: rgb(255, 255, 255); background-color: rgb(255, 156, 14);">
3번 메뉴</div>

제가 사용한 소제목의 소스입니다. 필요하면 가져다 쓰세요 ^^
그리고 "문단 제목과 내용2" 라는 제목을 써 넣고 저장하기 버튼을 누릅니다.




저장된 글을 확인할 수가 있습니다. 보통의 글과는 드라게 분류가 "서식"으로 되어 있는 것을 볼 수 있습니다.
그럼 이제 다시 글쓰기 화면으로 가봅니다.



서식 탭에 방금 저장한 "문단 제목과 내용2" 라는 항목이 추가 된 것을 볼 수 있습니다.
이 서식을 클릭하면,



저장된 서식을 바로 바로 불러서 쓸 수 있게 되었습니다.. ㅎ




제 블로그의 글들을 보시다 보면 중간 중간 소제목이 들어가 있는 것을 볼 수 있는데, 이 소제목들 전부 서식으로 지정해서 필요 할 때마다 삽입해서 사용하고 있는데, 정말 편합니다. ㅎ

여러분들도 서식을 적절하게 활용해서 편하게 블로깅 하세요.. ^^


  1. 이전 댓글 더보기
  2. BlogIcon LiveREX 2010.10.14 15:38 신고

    서식 잘 활용하면 글쓰기 정말 용이하죠~ 잘 보고 갑니다 ^^

  3. BlogIcon 비바리 2010.10.14 15:47 신고

    서식이 있다는거..
    저도 처음알았습니다..ㅎㅎㅎㅎ

  4. BlogIcon 행복한안경사 2010.10.14 15:48 신고

    한번 써봐야지 생각만 하고 있었는데..생각보다 간단한 거였군요..감사합니다.^^

  5. BlogIcon 블로군 2010.10.14 16:42 신고

    이어어어어~~~~+_+
    티스토리 전문가 되시겠는데요....ㅎㅎㅎㅎ

  6. BlogIcon 잡학왕 2010.10.14 16:42 신고

    서식 만들다가 포기했는데요 ㅠㅠ 다시 한 번 도전해야겠습니다. ^^

    • BlogIcon 파프리 꼬마낙타 2010.10.15 09:50 신고

      네 ㅎㅎ
      처음 만들기가 귀찮고 어려워서 그렇지
      한번 만들어 놓으면 계속 사용 할 수 있어서 편합니다. ^^

  7. BlogIcon 원영.. 2010.10.14 20:08 신고

    이거 한 번 만들어 놓는 게 귀찮아서 그렇지..
    한 번 만들어놓으면 무척 편하죠..^^
    오늘도 유용한 팁이네요.

  8. BlogIcon HyunJun 2010.10.14 20:34 신고

    음.. 저런것도 있네.ㅋㅋ
    난 그냥 PPT로 만들어서 이미지로 저장한담에 올리는데.

    • BlogIcon 파프리 꼬마낙타 2010.10.15 09:50 신고

      저도 PPT 가끔 사용하는데 ㅎㅎ
      검색에는 문단 제목 같이 중요한건 텍스트로 해 놓는게 좋은 것 같아요..

    • BlogIcon HyunJun 2010.10.16 00:01 신고

      음 난 최근부터는 KeyWord를 따로 넣어주고 있다는..ㅋㅋ
      검색을 위해서.ㅋ

  9. BlogIcon mami5 2010.10.14 20:35 신고

    아주 유용하네요..
    저두 이런게 있는 줄 몰랐는데..^^
    잘 배우고 갑니다..^^
    저는 잘 보입니다..^^

  10. BlogIcon 끝없는 수다 2010.10.14 21:56 신고

    이런 기능도 있군요. 신기한데요? 오호~~~

  11. 2010.10.15 22:51

    비밀댓글입니다

  12. BlogIcon Dancer Alex 2010.10.28 15:43 신고

    퍼가기 안되요. ㅜ_ㅜ;;

  13. BlogIcon 몽돌잉 2010.11.05 16:31 신고

    감사합니다!!!!!!!!!!!!!

    서식도 잘쓸게요^^

  14. BlogIcon 기도하는이브 2010.11.30 09:10 신고

    감사합니다. ^^ 이제 막 시작하는 블로거인데 >.< 서식도 챙겨가도 되지요?!! 잘쓸게용~ >ㅅ<

  15. BlogIcon 이야기캐는광부 2010.12.06 11:46 신고

    서식 항상 눈으로 만 보고 어떻게 써야할지 몰랐네요 ㅎㅎ
    좋은 팁 감사합니다잉.^^

  16. BlogIcon Haroo.L 2011.01.06 14:06 신고

    꼬마낙타님은 티스토리 전도사 같습니다.^^ 좋은 정보 감사합니다.

  17. 잘 봤습니다. 감사합니다.

  18. BlogIcon Nams858 2011.03.04 13:42 신고

    또하나 배워갑니다.^^
    그런데요~ 꼬마낙타님께서쓰시는 서식중에(소제목) 밑줄긋는거좀 가르쳐주시면 안될까요?^^;;
    정말 깔끔해보여서요..ㅎㅎ

  19. BlogIcon 에어로엔진 2012.02.20 15:27 신고

    css를 열심히 공부하면 되는 건가요??

  20. BlogIcon jual baju online 2012.06.16 12:21 신고

    당신은 진정으로 훌륭한 사본 작가로 바뀌 있어요. 내가 처음 당신을 상상이 사이트로 여행 개시 한 시간은 가능성의 큰 거래를 홀리고. 그것은 감소의 노력 얘기를 잘 쫓아낼 당신 열어 응답 AA을 많이받을 수 일어날 것 같습니다. 축하합니다!

  21. BlogIcon 화니^^& 2012.09.03 17:18 신고

    좋은 정보 감사드립니다.


티스토리 팁 - 사이드바 만들기


대다수의 블로거들을 보면 사이드 바에 여러가지 기능들을 제공하고 있습니다. 티스토리에서 기본적으로 제공하는 기능도 있고, 블로거가 외부에서 퍼온 위젯을 달아 놓는 경우도 있습니다. 오늘 살펴 볼 티스토리 팁은 티스토리에서 제공하는 기능이 아니라 블로거가 사이드바 항목을 만들 수 있는 방법에 대해서 다룰 예정입니다.


티스토리 팁

내가 직접 만든 사이드바


티스토리의 가장 큰 장점이 바로 스킨을 편집 할 수 있다는 점이었는데요. 스킨을 편집해서 사이드바를 만들어 낼 수 도 있습니다. 특히 블로거가 만든 사이드바를 사이드바 편집 메뉴에서 조정을 할 수 있도록 하고, 좀 더 부드럽게 사이드바 처럼 보이게 해 놓을 수도 있습니다. 사이드 바를 보기 좋게 만드는 법에 대해서 알려드리겠습니다.


사이드바 만들기

이제 사이드바를 만들어서 "꼬마낙타 블로그에 오신 것을 환영합니다." 라는 글자를 출력해 보도록 하겠습니다.
관리자 메뉴에서 [스킨] - [HTML/CSS 편집] 메뉴를 선택합니다. HTML 편집 페이지에서 skin.html 부분을 선택합니다.
HTML 편집 창에서 "<s_sidebar>" 라는 부분을 찾습니다.

티스토리 팁

<s_sidebar>과 한참 밑의 </s_sidebar> 사이의 공간이 사이드바 항목들을 추가해 주는 부분입니다. 이 곳에 추가를 해주셔야 사이드바에 적절하게 표시가 되니 유의 하시기 바랍니다.

<s_sidebar_element>

꼬마낙타 블로그에 오신 것을 환영합니다.

</s_sidebar_element>


기본적인 골격은 위와 같습니다.
이 소스를 아무 </s_sidebar_element> 태그 밑에 삽입 합니다.

티스토리 팁

<s_sidebar_element>와 </s_sidebar_element> 사이에 있는 내용이 사이드 바의 항목이 되는 것 입니다.

티스토리 팁


사이드바에 추가가 된 것을 볼 수 있습니다. 하지만 뭔가 이상하죠? 다른 사이드바와 달리 흰색 박스 배경이 없습니다. 이래가지고는 사이드바 같다고 할 수가 없겠네요. 이제 흰색 배경을 한번 넣어 보겠습니다.

<s_sidebar_element>
<div class="boxTopR"><div class="boxTop-left"></div><div class="boxTop-mid"></div><div class="boxTop-right"></div></div>
<div class="boxMidR">
                      
꼬마낙타 블로그에 오신 것을 환영합니다.

</div>
<div class="boxBtmR"><div class="boxBtm-left"></div><div class="boxBtm-mid"></div><div class="boxBtm-right"></div></div>
</s_sidebar_element>

위 소스를 아까 넣었던 소스 대신에 넣어 봅니다. 아까 넣었던 부분은 지우고 그 자리에 한번 넣어 보세요.

티스토리 팁

아까와는 좀 달라진 것을 볼 수 있습니다.
"꼬마낙타 블로그에 오신 것을 환영합니다." 라는 메시지가 흰색 박스에 들어 있는 것을 볼 수 있습니다.

설명

<div class="boxTopR"><div class="boxTop-left"></div><div class="boxTop-mid"></div><div class="boxTop-right"></div></div>

이 부분이 흰색 박스의 위쪽을 담당합니다. 박스를 잘 보시면 왼쪽 구석과 오른쪽 구석이 각지지 않고 둥글게 마무리 되어 있는 것을 볼 수 있습니다. boxTopR 이 박스의 윗 쪽 부분을 꾸미는 역할을 하며, boxTop-left 박스 상단의 왼쪽 둥근 모서리를, boxTop-mid 가 박스 위쪽 라인을, boxTop-right오른쪽 귀퉁이 모서리를 담당하고 있습니다.

<div class="boxMidR">
꼬마낙타 블로그에 오신 것을 환영합니다.
</div>

boxMidR은 글자가 쓰여지고 있는 부분을 담당하며 글자가 쓰여지고 있는 부분의 배경 색을 흰색으로 만들어 줍니다.

<div class="boxBtmR"><div class="boxBtm-left"></div><div class="boxBtm-mid"></div><div class="boxBtm-right"></div></div>

이 부분도 마찬가지로 하단의 양쪽 모서리를 둥글게 만들어 주는 부분입니다. Top 부분과 똑같이 생각하시면 됩니다.

"꼬마낙타 블로그에 오신 것을 환영합니다." 라는 부분에 다른 태그를 넣어도 됩니다. 예를 들면, 이미지 태그를 이용해서 배너를 넣어 줄 수도 있구요. 알라딘이나 다른 광고 코드를 넣어서 광고를 달아 놓을 수도 있습니다. 그냥 회색 배경에 광고가 덜렁 있는 것보다 다른 사이드바 항목처럼 흰색 박스에 넣어서 보여주면 좀 더 깔끔하게 보여 줄 수 있습니다.


사이드바 메뉴에 사용하기

여러분이 만든 사이드바는 티스토리가 제공하는 사이드바 관리 메뉴에 나타나게 됩니다. <s_sidebar_element> 태그를 이용해서 나타내 주고 싶은 사이드바 항목을 감싸 줬기 때문에 티스토리 메뉴는 <s_sidebar_element>와 </s_sidebar_element>사이에 있는 항목들을 하나의 사이드바 항목으로 인식하게 됩니다.

티스토리 팁

사이드바 메뉴에 들어가보면 "(이름 없음1)" 이라는 새로운 사이드바 항목이 있음을 알 수 볼 수 있습니다.
새롭게 추가된 항목인데요. 만약 이 사이드바에 이름을 부여해서 사이드바 관리 메뉴에서 순서를 바꿀 때 편하게 쓰고 싶을 수 있습니다. 사이드바 항목에 이름을 부여 할 수 있습니다.

<s_sidebar_element>
<!-- 블로그 환영 인사 -->
<div class="boxTopR"><div class="boxTop-left"></div><div class="boxTop-mid"></div><div class="boxTop-right"></div></div>
<div class="boxMidR">
                      
꼬마낙타 블로그에 오신 것을 환영합니다.

</div>
<div class="boxBtmR"><div class="boxBtm-left"></div><div class="boxBtm-mid"></div><div class="boxBtm-right"></div></div>
</s_sidebar_element>

아까 소스에서 바뀐 부분은 <s_sidebar_element> 태그 밑에 "<!-- 블로그 환영 인사 --> 라는 것을 써 넣어 준 것 뿐입니다. 사실 이건 HTML의 주석인데 티스토리 사이드바 관리 메뉴는 이 주석을 사이드바 이름으로 인식하나 봅니다. 아까 소스에 새로운 부분만 추가해서 넣어주면,

티스토리 팁

사이드바 항목에 이름이 생긴것을 볼 수 있습니다. 새로운 사이드바 항목을 만들고 이름을 부여하고 싶으면 <s_sidebar_element> 태그 바로 다음에 "<!--" 와 "-->" 사이에 사이드바에 할당하고 싶은 제목을 써 넣어 주면 됩니다. 저는 "블로그 환영 인사"라는 제목을 넣었구요. ㅎ


블로그를 운영하다보면 사이드바를 직접 만들어야 하는 경우가 많이 생깁니다. 광고를 유치할 수도 있고, 여러분의 배너를 만들 수도 있고 이웃들의 목록을 정리해서 넣을 수도 있습니다. 그럴때, 다른 사이드바 항목들과 잘 어울리도록 흰색 박스에 넣어서 보여주면 더 깔끔한 블로그를 만들 수 있을 겁니다. ^^

  1. 이전 댓글 더보기
  2. BlogIcon 티비의 세상구경 2010.10.12 14:37 신고

    하나하나~ 상세한 설명~ 너무 도움이 되네요
    잘 배우고 갑니다~!

  3. BlogIcon 실버스톤 2010.10.12 15:06 신고

    일주일을 못버티고 돌아왔습니다~~~ ㅋㅋ
    근데 이거... 다음에 못써먹잖아요!!! ^^;;;

    • BlogIcon 파프리 꼬마낙타 2010.10.13 00:42 신고

      그런가요 ㅎㅎ
      티스토리 플러그인이군요 ㅜㅜ
      다음 블로그도 개설해서 사용법을 파볼까 생각중입니다 ㅎ

  4. BlogIcon 꽁보리밥 2010.10.12 15:19 신고

    블로그를 운여아다보면 필요에 의해서 배우게 되죠.
    유용한 포스팅입니다.^^

  5. BlogIcon Boan 2010.10.12 15:25 신고

    꼬마낙타님 좋은 정보 감사합니다.. 즐거운 오후 시간 되세요.

  6. BlogIcon 내영아 2010.10.12 16:37 신고

    좋은 정보네요. 전 티스토리가 아니라서 ㅜㅜ아웅~

  7. BlogIcon *저녁노을* 2010.10.12 19:31 신고

    잘 배워갑니다.ㅎㅎ

  8. BlogIcon 핑구야 날자 2010.10.12 20:36 신고

    저도 잘활용하고 있어요

  9. 울릉갈매기 2010.10.12 20:51 신고

    참 다양한 방법들이 있군요~^^
    알면 참 유용한데 모르면 바보가 되는것 같아요~^^

    • BlogIcon 파프리 꼬마낙타 2010.10.13 00:44 신고

      모르셔도 상관은 없지만 스킨을 좀 더 잘 꾸미고 싶으시다면 알아 두시는게 좋은것 같아요 ㅎ

  10. BlogIcon 허벅다리 2010.10.12 21:13 신고

    ^^ 아직은 어렵게만 느껴집니다. ㅎㅎ
    여유를 가지고 찬찬히 보고 싶습니다. ^^*

  11. BlogIcon LiveREX 2010.10.12 21:52 신고

    요즘은 하도 스킨은 만지지 않아서 보고 있으니 새록새록 하네요 ㅎㅎ

  12. BlogIcon Claire。 2010.10.13 02:59 신고

    예전에는 html 코드에서 바로 수정하였는데, 얼마전부터는 사이드바 꾸미기를 이용하고 있습니다.
    순서를 자유자재로 바꿀 수 있어서 편하더군요. 보기에도 그렇고요 ㅎㅎㅎ

  13. 2010.10.14 20:52

    비밀댓글입니다

  14. BlogIcon 저수지 2010.11.09 23:18 신고

    고맙습니다. 저도 요즘 사이드바에 주렁주렁 단 게 많아서
    하얀 색에 넣고 싶었는데
    아주 자세하게 설명되어 있군요.

  15. BlogIcon 쫀득한인생 2010.11.10 09:53 신고

    신세계내요. 무려 프로그래머임이였음에도 불구하고 .ㅋㅋ

  16. BlogIcon MIS경영정보 2011.01.13 23:52 신고

    우와 좋은팁 잘 얻어갑니다
    HTML의 주석을 이름으로 자동으로인식하다니

  17. BlogIcon  Suvi Kim 、 2011.01.19 13:22 신고

    이것저것 건드려보았는데..
    사이드바를 열어놓고 싶은데 블로그 오픈될때만 잠깐 뜨고 자동으로 사라지더라구요-
    뭐가 문제인지.. 흑 사이드바 아래로 이동도 가능한가요?

  18. BlogIcon 유니찡♥ 2011.01.19 16:51 신고

    잘보고 갑니다...
    저도 한번 해보야 겠어요~

  19. BlogIcon 토모카 2011.01.24 21:33 신고

    미리보기 했을때 왜 사이드바 메뉴가 안나오는지 몰랐는데 알았어요^^

  20. BlogIcon 포스티 2011.01.25 02:15 신고

    텍스트파일로 html을 올려주셨으면 더 좋았겠지만..
    정보성만으로도 충분히 만족할만큼 좋은자료네요 ^_^

  21. BlogIcon 쥬기 2014.02.04 15:36 신고

    안녕하세요, 꼬마낙타님~
    안그래도, 사이드바 추가했다가 "이름없음"으로 나와서
    어떻게 수정하나 했는데... 하나 배우고 갑니다.^^


티스토리 팁 - 인터파크 책 정보 넣기, 책 리뷰도 하고 수익도 얻고..


이제 굉장히 많은 블로거 들이 인터넷 상에서 활동을 하게 되면서 블로거들의 전공들이 생겨나고 있습니다. 저 같은 경우, 블로그 서비스, 인터넷, 소셜 네트워크 등 실제 제가 대학원에서 공부하고 있는 분야를 포스팅하고 있고, 어떤 분은 맛집에 대한 블로그를 운영하고 계시고 어떤 분은 리뷰 블로그를 운영하고 계십니다.

저도 도서 리뷰를 조금씩 하고 있는데, 도서 리뷰를 하시는 분들께 도움이 될 만한 티스토리 플러그인을 소개해 드리겠습니다. ( 예전에 다음 도서 정보를 본문에 삽입 할 수 있는 플러그 인이 있었는데, 지금 보니까 없네요. ) 바로 "인터파크 도서" 플러그인입니다. 티스토리 공지에서 이전에 봤었는데 정작 사용하기까지는 좀 걸렸네요.


bookshelf spectrum, revisited
bookshelf spectrum, revisited by chotda 저작자 표시비영리변경 금지

요약을 하자면 인터파크에서 판매되고 있는 도서 정보를 요약해서 본문에 보여 줄 수 있는 플러그인입니다. 간단히 정보만 보여주는 것이 아니라 보여주는 정보에 인터파크에서 해당 도서를 구입 할 수 있는 페이지로 링크가 걸리고 그 링크를 통해서 책이 팔릴 경우 판매 금액의 일부가 여러분의 인터파크 아이디에 적립금으로 쌓이게 되는 어찌보면 수익 모델입니다.

물론 알리딘의 "thanks to blogger 2" 가 더 좋다고 생각하시는 분도 있을 겁니다. 이 경우엔 클랙당 지급이 아니기 때문이죠. 하지만 선택의 폭을 넓힐 수 있다는 점에서 사용해 보면 좋을 것 같습니다. 알라딘이 좋은 경우가 있고 인터파크 플러그인이 좋을 경우가 있을 테니까요.



인터파크 도서 플러그인 사용하기

인터파크 도서 플러그인을 사용하기 위해서는 인터파크 아이디가 필요합니다. 가입한 아이디에 판매 수익금이 적립되기 때문인데요. 번거롭더라도 한푼이라도 벌어야 하니 가입을 해둡니다. ( 저 같은 경우에는 인터파크 아이디로 시사회 응모나 기타 다른 구매활동도 가끔하기 때문에 아이디가 이미 있었네요. ㅎ )


관리자 페이지에서 [플러그인]->[플러그인 설정] 으로 들어갑니다


플러그인 목록에서 "인터파크 책 정보넣기" 라는 항목을 선택하면 위와 같은 창이 뜨게 됩니다. 이 창에서 "인증키 발급받기 ( 북피니언 가입 후 발급) " 버튼을 누릅니다.


이런 메시지가 뜨는데 [확인] 버튼을 누릅니다.
인터파크에 아이디가 있고, 북피니언이라는 인터파크 서비스에 가입을 하셔야 플러그인을 사용하실 수 있습니다. 굉장히 번거롭네요. 그래도 인터파크 도서 플러그인을 써보려면 해야 겠네요 ㅜㅜ



북피니언 이용약관을 잘 읽어보시고 동의 하시면 "예, 동의합니다." 버튼을 눌러서 다음으로 진행합니다.


북피니언 가입 정보를 입력합니다.
북피니언 가입을 하면 인터파크에 블로그 비슷한게 생기게 되는데, 그냥 가입만 해놔도 되는 모양입니다.
적절한 정보들을 입력하고 "등록합니다" 버튼을 눌러서 진행합니다.


그렇죠?
이상한 블로그가 하나 생성되었습니다. 뭐 저도 여기 가입할 때 한번 들어가보고 지금까지 사용하고 있지 않습니다. ㅎㅎ


이제 북피니언도 가입되어 있으니 다시 플러그인 페이지로 가서 "인증키 발급받기 ( 북피니언 가입 후 발급 )" 버튼을 다시 누릅니다.


다시 누르면 키 발급 이용 약관이 나옵니다.
북피니언은 끼워 팔기 같은 느낌이 강하게 나오지만 어째튼 약관을 잘 읽어보시거 "인증 키 발급하기" 버튼을 눌러서 진행합니다.


그러면 인증키가 발급됩니다.
오늘의 사용 쿼리는 아마 플러그인을 넣으려 할 때, 책 검색을 해야 하는데 책 검색을 하루에 1만번으로 제한하는 것 같습니다.
일반적으로 혼자서 사용하는 경우 하루에 100개 넘기기도 힘드니 안심하시기 바랍니다.
인터파크 아이디를 여러 블로거가 공유하는 경우에는 만개가 작아 보일 수도 있겠네요. ㅎ
인증키를 복사합니다.



다시 플러그인 페이지로 돌아와서 인증키 입력에 복사해놓은 인증키를 입력하고 "사용" 버튼을 누릅니다.



이제 글쓰기 화면에서 우측에 보면 "인터파크 도서"를 볼 수 있습니다. 한번 사용해 볼까요?


잘 검색이 되죠?
"책 정보 넣기" 버튼을 누르시면 글쓰기 영역으로 책 정보가 들어갑니다.


깔끔한 정보가 들어간 것을 볼 수 있습니다. ㅎ
이제 저 링크를 클릭하고 인터파크로 들어가서 책을 구입 할 경우 그 구입 금액의 일부가 여러분의 계정에 적립금으로 쌓이게 됩니다.
책 정보도 제공하고 적립금도 쌓이고 일석이조 인 것같습니다.

인터파크 도서 플러그인으로 손쉽게 도서정보를 본문에 삽입 할 수 있지만 알라딘과 비교해서 제공하는 정보가 좀 부족하다는게 아쉬운 점이네요. 일단 인터파크 플러그인 사용해보고 알라딘과 어떤것이 더 나은지 비교해 봐야겠습니다.


  1. 이전 댓글 더보기
  2. BlogIcon 칼리오페 2010.10.11 14:23 신고

    인터파크도 이게 되네요~~~~~

    이제 인터파크를 이용해 봐야겠어요 ㅋㅋㅋㅋㅋ
    덕분에 좋은 정보 얻어가요~+_+

    월요일인데 상큼한 생각만 해서 활기차게 보내세요~~:)

    • BlogIcon 파프리 꼬마낙타 2010.10.12 09:57 신고

      인터파크가 아무래도 시장이 커서 수요가 많을 수도 있는데
      알라딘과 비교해서 어떨지 모르겠네요 ㅎ

  3. BlogIcon 설보라 2010.10.11 14:41 신고

    인터파크 플러그인을 사용하고 있는데, 책 리뷰 올리면서 사용해 보니
    책 표지가 넘 작게 나와서 별로 눈에 안 띄어 보기가 안좋더라구요~
    그래서 책표지만 따로 복사해서 확대해서 올렸어요~
    글에 맞게 한 번씩 이용하면 일석이조가 될것 같아요~
    잘 보고 갑니다.~^^*

  4. BlogIcon 국민건강보험공단 2010.10.11 16:26 신고

    수익을 낼 수 있는 부분에 대해 생각있으신 분들에게
    좋은 정보 될 것 같습니다.
    건강천사는 수익보다는 활용 방법을 배워 가네요~
    정말 여러 기능이 가능한 블로그같습니다 ~ :)

    • BlogIcon 파프리 꼬마낙타 2010.10.12 09:58 신고

      알라딘과 비교를 해 볼 수 있지만
      수익쪽에서 어떨지 모르겠네요..
      정보쪽에서는 각각 장단점이 있구요 ㅎ

  5. BlogIcon Seen 2010.10.11 17:04 신고

    저도 책 리뷰를 써볼까하는데, 일석이조의 정보로군요.
    티스토리에 계속해서 좋은 플러그인이 나왔으면 좋겠어요.
    즐거운 일주일 시작하세요 꼬마낙타님 ^^

  6. BlogIcon ★입질의 추억★ 2010.10.11 17:16 신고

    아~ 플러그인 형식으로 제공되나봐요? 책 리뷰까지 쓰시면 약간의 수익도 기대할 수 있고 책에 관심이 많으신 분들에게 아주 유용하겠습니다~^^

  7. BlogIcon 언알파 2010.10.11 17:49 신고

    호오.. 이런 플러그인이있었군요^^ 잘보고갑니다!

  8. BlogIcon *저녁노을* 2010.10.11 18:18 신고

    알라딘...달아만 놓고 있는데...ㅎㅎㅎ
    잘 보고 갑니다.
    즐거운 하루 되세요.

  9. BlogIcon 너돌양 2010.10.11 19:15 신고

    인터파크 플러그인이 있는 것은 알고있습니다. 하지만 전 알라딘이 있기에^^''''

  10. BlogIcon 둔필승총 2010.10.11 19:29 신고

    오홋, 좀 어렵긴 해도 프린트해서 도움을 받으면 될 것 같네요. 울 마눌이 인터파크 통해서 책을 구입하거든요. ^^

  11. BlogIcon 달빛천사7 2010.10.11 20:05 신고

    안녕하세염 날씨가 어제 오늘은 약간은 높은거 같네염..

    인터파크 도서 넣기는 첨보네염 좋은 정보 감사드립니다..

  12. BlogIcon 꽁보리밥 2010.10.11 22:02 신고

    도서관련 정보는 많은 분들이 하고 있어서
    설치하지 않았답니다.
    별다른 광고가 없다면 해볼만 하겠군요.^^

  13. BlogIcon 팰콘스케치 2010.10.12 01:05 신고

    나중에 함 시도를 해봐야겠는걸요~!

  14. BlogIcon Claire。 2010.10.12 06:03 신고

    북피니언 인증을 한 후 등록해야하는군요.
    저도 알라딘 TTB를 사용하고 있지만 이것도 한번 고려해보아야겠습니다.
    좋은 정보 감사합니다 ^^

  15. BlogIcon 핑구야 날자 2010.10.12 20:38 신고

    알라딘만 하고 있는데 한번 고민해봐야 겠어요

    • BlogIcon 파프리 꼬마낙타 2010.10.13 00:47 신고

      네 ㅎㅎ
      알라딘이랑 별 차이는 없지만 편하다는게 가장 큰 장점인것 같아요.
      처음엔 좀 번거롭지만 말이죠 ㅎ

  16. BlogIcon 역기드는그녀 2011.01.08 17:25 신고

    요즘 머리가 영 안돌아 가는거 같아요
    저만 어려운가요 ㅠㅠ

  17. BlogIcon Grimm~★ 2011.01.20 00:49 신고

    검색으로 들어왔는데 또 꼬마낙타님 블로그네요... ㅎㅎ
    도움 많이 받고 갑니다~ ^^

  18. この時、死者の皆さんが聞いて現場を発見しようと略奪ナンバー証拠隠滅、タクシーがを囲まれた男が、4形勢が危ういと、慌てて走って道端の菜の花を隠され、その男の村民扭住、その後に任せて駆けつけた警察処理を聞い.


    記者の理解によると、死者童光田に70代の老人がいて、中学校の娘で、家族で彼と妻は耕作養魚生活.現在の警察は事故の車のナンバーをによるとオーナー、まっすぐでこの案をさらに審査.











    本社ニュース(記者李爱华高星)昨晨5時ごろ、新洲区の境界内の陽(巡回する)大(町)国道、村人に1台の乗用車にはねられて通行された.運転手が逃走発見後に失われたナンバープレートも現場復帰し、人を派遣して現場を取り戻すように後患ナンバー」の結果にしようとする略奪ナンバーの男をつかんでいる村人のさ, http://www.drebeatsale.com/beats-by-dre-limited-edition-skeleton-headphones-black-p-50.html Beats By Dre Limited Edition Skeleton Headphones Black.


    の事故発生後、童光田の兄は童光焰現場に到着して、現場で発見され、湖北AV&times, http://www.drebeatsale.com/beats-dr-dre-studio-kobe-bryant-headphone-p-96.html Beats Dr Dre Studio Kobe Bryant Headphone;26の場合、彼はすぐに警察に通報.約20分後、1台の前後ナンバーもCDの赤いタクシーに駆けつけたを発見場、車の上で人を探して4ナンバー.この数をあやつる湖北なまりの発見後西男を強奪しようとして車を出して、その中の一人は村民管制に刃物.








    調査によると、死者と童光田、35歳、双柳陈路村西街に灣の村民.紹介によると目撃村人、昨晨5時ごろ、自宅生け簀に童光田バイクに乗って、1台の乗用車に沿って黒い陽大道路ひだまり巡回する方向に急速に広がり、童光田を突き出し数十メートルをその場で死亡し、事故の後の乗用車は止まって現場の保護ではなく、加速ひだまり巡回する方向に逃げる.

  19. BlogIcon 新全讯网 2013.03.26 13:28 신고

    双色球12057期预测:尾数重点关注12589
    上期红球让低迷的连号走势再次遭到冷落,这一空缺现象已经延伸到了第4期,首位号码之间的间距虽然有所扩展,但是三个区域均衡的分布让红球之和以99点继续留在了和值百位线的下方,至此百位线上下近10期回到了5:5的平稳状态,由于大小和值中短期的热度有了明显的变化,关联到比例上的差异和短线趋势的发展,相信本期偏大的和值应该是最佳的选择范畴, http://www.gg.mu 太阳城。从尾数的角度来看,上期红球以1467这4个数值予以表现,当期同尾走势出现了两组。从尾数分布的走势图上可以看到,近段时间同尾数走势一直比较平衡,尾数的个数多期都保持在5个,在近15期里小尾数的同尾走势几乎是大尾数的两倍,考虑到大小尾数的理论对比并没有这么悬殊的差距,所以当上期大尾数同尾走势出现后,结合到这一指标直落的需求,相信本期同尾数会出现在大尾数当中。从单双的比例来分析,上期双方在出现频率上平分秋色,可是往上追溯几期就会发现双号尾数在整体上处于绝对的优势,特别在是连庄形态上,尾数024是明显的热点,单号低迷的局面不用细数也能得出清晰的判断,考虑到短线多个指标都有所变化,所以本期对于单号尾数上扬的选择值得信赖。综上所述,本期在选择红球的时候,建议将12589这几个尾数中的号码作为关注的重心。(三峡晚报) (本文来源:网易彩票 )

  20. BlogIcon Hermes Birkin bags 2013.03.27 16:20 신고

    MAKE THE MOST OF WINTER FAITES LE PLUS DE L'HIVER
    Huit style des cabanes en rondins et la Finlande, de dormir deux à quatre personnes, ont été construits plus t?t cette année dans le acres terrain 100 de l'h?tel Hall Raven, à Ravenscar, North Yorkshire. Inside they are more city penthouse flat than wilderness lodge, with deep red or boldly patterned walls and retro Bond-villain-style armchairs in front of giant plasma TVs. UGG L'intérieur, ils sont plus plat attique ville de Wilderness Lodge, http://go2hermes.webs.com Hermes Birkin bags, de rouge ou de murs hardiment motifs profonds et Bond-vilain de style rétro fauteuils en face de téléviseurs à écran plasma géant. But the setting is wild enough - overlooking Robin Hood's Bay and the North Yorkshire Moors . Mais le décor est assez sauvage - donnant sur la baie de Robin Hood et le Yorkshire Moors du Nord. Lodges cost from pounds 125 to pounds 165 per night for a weekend.Ice-climbing You can tackle gully features and much else on the vast ice wall at Ice Factor near Glencoe in Scotland - the biggest indoor ice-climbing facility in the world.Three-hour "Hit the Ice'' introductoryice-climbing courses are held four times a week and cost pounds 45 per person . co?t Lodges de livres de 125 à 165 livres par nuit pour une weekend.Ice l'escalade Vous pouvez lutter contre ravin fonctionnalités et bien d'autres sur le mur de glace à grande glace facteur près de Glencoe en écosse - le plus grand centre d'escalade sur glace à l'intérieur de la world.Three heures "Hit the Ice''introductoryice-cours d'escalade ont lieu quatre fois par semaine et co?te 45 livres par personne.Snow -holing.If you really want to pit yourself against the elements, http://go2hermes.webs.com ,Hermes Evelyn bags, Mountain Innovations runs snow -holing expeditions in the Cairngorm Mountains from January to March. Bottes UGG Snow-holing.If vous voulez vraiment vous faire dresser contre les éléments, Innovations Mountain court-per?age expéditions de neige dans les montagnes de Cairngorm de Janvier à Mars. Groups first learn how to use ice-axes and crampons, then trek up into the mountains to dig a communal snow hole where they hunker down, cook supper and spend the night. Groupes d'abord apprendre à utiliser les piolets et crampons, puis trek dans les montagnes de creuser un trou de neige communal où ils se replier en, souper cuisiner et passer la nuit. It's very peaceful, but pack your thermals. Three-day trips from pounds 360 per person .Indoor skiingOld-style dry ski slopes were never very satisfactory - hard to land on and covered with thumb-wrenching mesh. Il est très pacifique, mais Pack votre thermiques. Trois excursions d'une journée de livres 360 par personne. SkiingOld intérieure de style pistes sèches n'ont jamais été très satisfaisant - dur à la terre et couvert de sur-arrachement maillage pouce. But it's a different story at Chill Factor, near Manchester, which opened last year with an 180-metre indoor slope covered in real snow . Mais c'est une autre histoire à Chill Factor, près de Manchester, qui a ouvert l'an dernier avec une pente m, piscine 180 couverts dans la vraie neige. Ninety-minute sessions cost from pounds 19 adult, pounds 14 children and students; lessons are also available . Quatre-vingt dix minutes co?ts sessions de livres 19 adultes, 14 enfants de livres et les étudiants, les le?ons sont également disponibles. Other indoor " snow' ' slopes include the Xscape centres at Castleford, Braehead and Milton Keynes . à l'intérieur "de neige" pentes Parmi les autres centres de Xscape à Castleford, Braehead et Milton Keynes.Feed a reindeerVisit Britain's only herd of reindeer at the Cairngorm Reindeer Centre, Glenmore reindeerVisit la Grande-Bretagne ne troupeau de rennes d'un flux à l'rennes Centre Cairngorm, Glenmorenear Aviemore .The centre runs daily guided visits to the reindeer enclosure in the nearby hills, where visitors can feed and pet the animals. près d'Aviemore. Le centre fonctionne tous les jours des visites guidées de l'enclos des rennes dans les collines avoisinantes, où les visiteurs peuvent se nourrir et caresser les animaux. It's a 20-minute trek to the enclosure , but if this is too strenuous, a few reindeer are kept in a paddock down at the centre. C'est un trek minutes 20 à l'enceinte, mais si cela est trop important, quelques rennes sont gardés dans un enclos bas au centre. Hill visits usually depart at 11am and 2.30pm daily, but ring in advance to check. Hill se rend généralement partira à 11h et 14h30 tous les jours, mais appeler à l'avance pour vérifier. Adults pounds 9, children pounds 4.50, paddock visits pounds 2.50. Adultes 9 livres, livres d'enfants 4.50, visites paddock livres 2,50. Cross-country skiingA mile-long undulating synthetic ski trail winds through the grounds of Stockeld Park near Wetherby, North Yorkshire - part of the Christmas Adventure attraction there that also includes an ice-rink and an atmospheric Enchanted Wood. Boot and ski hire included in the cost of pounds 8.50 adult, pounds 6.50 child . Cross-country skiingA long ondulé mile synthétiques sentier de ski dans le parc de Stockeld Park, près de Wetherby, North Yorkshire - partie de l'aventure attraction No?l, qui comprend également une patinoire et une atmosphère enchantée de bois. Boot et de location de skis inclus dans le co?t des livres pour adultes 8,50, 6,50 livres d'enfants. Christmas markets Les marchés de No?lThe ultimate antidote to overheated, overcrowded shopping malls, UGG Bottes festive outdoor markets with stalls selling crafts, foodie treats and mulled wine are springing up in some of Britain's most attractive cities this winter. L'antidote ultime de surchauffe, les centres commerciaux surpeuplés, festive des marchés de plein air avec des stands vendant de l'artisanat, gourmands de friandises et vin chaud voient le jour dans quelques-unes des villes les plus attrayantes Bretagne cet hiver. Bath Christmas Market runs from next Thursday to December 7, with 120 stalls close to the Abbey and Roman Baths . Bain Marché de No?l se déroulera du jeudi prochain au 7 Décembre, avec 120 stands à proximité de l'abbaye et des thermes romains. Winchester's Bavarian-style market will be held beside the ice rink in the Cathedral close from next Thursday until December 14 . style marché bavarois Winchester se tiendra à c?té de la patinoire à la fin de la cathédrale, jeudi prochain, jusqu'au 14 Décembre. Bury St Edmunds will hold a Victorian-style market in the Angel Hill area from next Friday until Sunday . Bury St Edmunds tiendra une de style victorien du marché dans la région de Hill Angel partir de vendredi prochain jusqu'à dimanche. Drink in an ice barAt the Absolut Ice Bar in Heddon Street, London W1, the temperature doesn't get much above minus 5C - and everything is made of ice: walls, bar, tables and glasses. Boire dans un barat glace l'Absolut Ice Bar de Heddon Street, Londres W1, la température ne soit pas beaucoup au-dessus 5C moins - et tout est fait de glace: les murs, le bar, les tables et les verres. To stop it all getting a bit soggy, the interior is rebuilt every six months. Pour arrêter le tout devient un peu détrempé, l'intérieur est reconstruit tous les six mois. Entry costs from pounds 12.50 to pounds 23 per person for 40 minutes and includes the use of a cape and gloves - as well as your first ice-glass cocktail . Les co?ts d'entrée des livres 12,50 à livres 23 par personne pour 40 minutes et comprend l'utilisation d'une cape et des gants - ainsi que votre glace verre à cocktail en premier.

  21. BlogIcon 민동민동 2014.06.15 14:06 신고

    이 기능을 이제야 알았네요. 블로그에 써 놓은 책 정보들 다 연동해서 바꾸는 중입니다.
    좋은 정보 감사합니다!


티스토리 사용의 스피드업!! 단축키 사용법



티스토리라는 블로그 플랫폼은 정말 공부를 해도해도 끝이 없는것 같습니다. 기본적으로 스킨을 편집 할 수 있게 해주는 강력한 기능이외에도 많은 분들이 잘 모르시는 기능들도 있는데요. 오늘의 티스토리 팁에서 알아볼 티스토리의 기능은 바로 단축키 기능입니다. 웹 페이지인 티스토리에도 단축키가 있다는 사실! 모르시는 분들이 더 많을 꺼라고 생각되는데요. 하나하나 알아보도록 하겠습니다.

오늘 살펴 볼 단축키들은 다음과 같습니다.

※ 티스토리 단축키

Q : 관리자 페이지로 이동 / 블로그로 이동
S: 이전글 보기
A : 다음글 보기
Z : 사이드바의 최신 글로 이동
X : 사이드바 최신 댓글로 이동
C : 사이드바 최신 트랙백으로 이동

이 밖에도 티스토리에 글을 쓸 때 사용 할 수 있는 편리한 단축키들이 많이 있습니다. 글쓰기 단축키에 대해서는 이 글의 마지막 부분에 언급을 하도록 하겠습니다.


관리자 / 블로그 전환 단축키 "Q"

 가장 많은 분들께서 사용하고 계신 단축키가 "Q" 입니다.  블로깅을 하면서 수시로 "관리자 페이지" 와 "블로그 화면" 을 오갈 것입니다. 단축키를 사용하지 않으시는 분들은 "Admin" 버튼과 "블로그로" 라는 버튼을 눌러서 움직이실 텐데요.

[사진 : 티스토리 단축키]
[사진 : 티스토리 단축키]

관리자 페이지 / 블로그로 이동


이걸 "Q" 키만 누르면 한번이 오갈 수 있어 편리하게 블로깅을 즐길 수 있습니다. 특히 다른 블로그를 방문했을 때, Q 를 누르면 여러분의 메인 블로그 관리자 화면으로 바로 갈 수 있어서 편리하게 사용할 수 있습니다.


이전 글 / 다음 글 보기 단축키 "A"와 "S"

블로그의 글들을 보면 순서가 발행 날짜로 되어 있는 것을 볼 수 있습니다. 가장 최근에 쓰여진 글이 가장 먼저 보이고 최근에 쓰여진 순서대로 정렬이 되어 있는데요. 현재 보고 있는 글의 이전 글, 혹은 다음 글을 볼 수 있는 단축키가 있습니다. 이전글을 볼 수 있는 단축키는 "S", 다음 글을 볼 수 있는 단축키는 "A" 입니다.

[사진 : 티스토리 단축키]

예를 들어보면, 블로그 하단에 위 그림처럼 번호가 매겨져 있습니다. 현재 블로그에서 볼 수 있는 글들이 최신순으로 정렬이 되어 있는 형태죠. 지금 4번 글을 보고 있다고 했을 때, "S" 키를 누르면 5번 글을 읽을 수 있고, "A" 키를 누르면 3번 글을 읽을 수 있게 되는 것입니다. 블로그글이 시리즈로 되어 있을 때나 다른 글들을 보고 싶을 때 유용한 단축키입니다.



최근 포스트 / 댓글 / 트랙백 보기 "Z", "X", "C"키

티스토리의 사이드바를 보시면, 최근에 해당 블로거가 쓴 포스트의 목록, 최근에 블로그에 달린 댓글, 최근 블로그에 걸린 트랙백을 볼 수 있는 목록이 있는데요.

[사진 : 티스토리 단축키]

제 블로그엔 최신 포스트 목록( 최신 글 목록 )과 최근에 달린 댓글의 리스트를 볼 수 있는 메뉴가 사이드바에 달려있는데요. 각각 "Z"키와 "X"키를 누르면 해당 부분으로 바로 가게 됩니다. 관리자의 경우 관리자 페이지에 댓글 관리나 트랙백 관리를 할 수 있는 메뉴가 있기 때문에 잘 안 쓰이는 단축키 입니다.


글쓰기 화면에서의 단축키

 티스토리의 단축키는 블로그의 글을 볼 때 뿐만아니라 블로그에 글을 쓸 때에도 적용이 됩니다. 글쓰기 화면에서 사용하는 단축키들은 글쓰기 속도를 비약적으로 향상시킬 수 있는데요.

[사진 : 티스토리 단축키]

글쓰기 화면을 보시면 위와 같이 글쓰기 에디터가 뜨는 것을 볼 수 있습니다.
이 화면에서 "F2" 키를 누르시면 단축키 목록을 보실 수 있습니다.

[사진 : 티스토리 단축키]

"F2"키를 누르시거나 글쓰기 에디터의 메뉴버튼 중에 "?" 표시를 누르면 위 사진처럼 사용할 수 있는 단축키 목록을 보실 수 있습니다. 다른건 몰라도 "굵게", "밑줄", "기울임", "링크" "인용", "임시저장" 단축키는 다른 워드프로세서와 단축키가 같거나 비슷하기 때문에 무의식적으로 사용해 왔었습니다. ㅎ

아시다시피 컴퓨터 작업을 할 때 마우스와 키보드를 같이 사용해서 작업을 할 경우와 키보드만 사용해서 작업을 할 경우 생산성의 정도가 다르다는 것을 아실 수 있을 겁니다. ( 숙달된 사람들의 경우 키보드의 단축키를 이용해서 굉장히 빠른 속도로 작업을 하는 것을 볼 수 있지요. )

여러분도 단축키를 잘 이용해서 티스토리 고수의 길로 들어서 보세요 ^^



  1. 이전 댓글 더보기
  2. BlogIcon 아바래기 2010.10.08 11:49 신고

    티스토리에 둥지를 튼지 반년 가까이 되가는데 이런 기능이 있는 줄 몰랐네요...
    Q만 알고 있었거든요~ 유용한 정보 얻어갑니다^^

  3. BlogIcon 재아 2010.10.08 12:01 신고

    깔끔한 정리가 좋습니다.

  4. BlogIcon 자수리치 2010.10.08 12:47 신고

    단축키가 유용한 건 알지만, 도무지 외울 수가 없네요.ㅠㅠ
    당분간 모니터 앞에다 붙여 놓고 외울가봐요.

  5. BlogIcon ,,., 2010.10.08 13:31 신고

    아하 이러한 단축키 기능이 있었군요 Q키는 알고 있었는데 다른것은
    오늘 새로배웠습니다. 감사드려요^^

  6. BlogIcon 카타리나^^ 2010.10.08 13:49 신고

    별 기는이 다 있네요
    ㅎㅎ 잘 기억해 놓으면 도움이 될듯

  7. BlogIcon 둔필승총 2010.10.08 13:49 신고

    와우, 오늘은 반갑네요.
    둔필도 Q는 잘 사용하고 있습니다.~~

  8. BlogIcon 설보라 2010.10.08 14:02 신고

    키보드의 단축키~ 그것은 몰랐네요
    한번 사용해 봐야겠어요~~
    잘 보고 갑니다. 좋은 시간 되세요~~^^*

  9. 2010.10.08 16:20

    비밀댓글입니다

  10. BlogIcon 백전백승 2010.10.08 16:26 신고

    Q 정말 많이 사용할 것 같은데요. Q가 블로그 전환에 이용된다는 사실을 몰랐거든요.

  11. BlogIcon 아하라한 2010.10.08 16:35 신고

    오호호호 좋은 정보네요...
    일일이 클릭하기 귀찮기도 했는데 이런게 있다는거는 첨알았네요
    감사합돠...블로그 운용하는 시간이 좀 줄어 들것는데요 ^^

    • BlogIcon 파프리 꼬마낙타 2010.10.09 13:35 신고

      마우스로 클릭하려면 여간 귀찮은게 아니죠 ㅎㅎ
      키보드로만 블로그 할 수 있으면 정말 좋은것 같습니다. ㅎ

  12. BlogIcon 씨디맨 2010.10.08 16:43 신고

    저는 Q 키 엄청 애용하고 있어요. admin 버튼 찾아다가 누르는 분도 계시긴 하던데. Q 키가 훨씬 빠르죠. 초고속 접속 ㅎ

  13. BlogIcon *아루마루* 2010.10.08 17:11 신고

    이거 상당히 유용한 팁이네요...^^

  14. BlogIcon Boan 2010.10.08 17:32 신고

    우와, 너무나 좋은 정보 감사합니다.. 이런게 있는지 몰랐네요...

  15. BlogIcon 니자드 2010.10.08 18:13 신고

    티스토리도 단축키가 있었군요. 저는 그냥 무조건 마우스로만 썼더니... 이제부터라도 자주 쓰는 기능은 단축키로 해봐야겠네요^^;;

  16. BlogIcon 달빛천사7 2010.10.08 18:30 신고

    뉴론입니다 님 강좌보고 나도 배경무뉘 댓글창에 넣었담니다 ..

  17. BlogIcon 탐진강 2010.10.08 22:17 신고

    단축키 활용도 중요하군요
    저는 워낙 기계치라서 ㅠ
    그런데 요건 외워두면 좋을 듯 합니다

  18. BlogIcon 팰콘스케치 2010.10.09 01:25 신고

    새로운 사실을 알게 되네요^^*

  19. BlogIcon ★입질의 추억★ 2010.10.09 01:55 신고

    단축키가 있었다는 사실을 오늘 첨 알았어요. 충격..;
    잘 보고 갑니다~!

  20. BlogIcon ☆북극곰☆ 2010.10.09 13:26 신고

    블로그 한지 6개월째인데 아직도 단축키를 한번도 안썼어요 --;
    이번기회에 단축키 활용좀 해야겠습니다. ㅋ

  21. BlogIcon SnoopyBox2 2012.01.11 05:18 신고

    크롬에서는 지원을 하지 안나봐요?


댓글 쓰게 유혹하는 댓글창에 배경 사진( 이미지 ) 넣기


블로거를 힘내게 하는 것들 중에 하나가 바로 내 글을 읽어주신 독자로부터의 댓글일텐데요. 한 시간, 두 시간 공을 들여서 작성한 게시물에 댓글이 많이 달리게 되면 신나게 글을 작성 할 수도 있고, 간혹 댓글에서 더 없이 소중한 정보들을 얻기도 하는데요. 이전에 작성한 포스팅에서도 좋은글의 요소  중에 댓글이 많이 달리는 글이 있음을 언급했던 적이 있습니다.


많은 분들이 자신의 글에 댓글이 많이 달리기를 바라는데요. 댓글이 많이 달리도록 하는 여러가지 방법 중에서 댓글창을 이쁘게 꾸며 놓는 방법이 있습니다. 그 중에서도 댓글창에 댓글을 바라는 이미지를 배경 사진으로 넣어 놓으면 그냥 가려던 방문자분들도 관심을 보일 것입니다.


그냥 하얀색 입력창이었던 기존의 댓글창 대신에 귀엽게 댓글을 구걸하는 사진이나 댓글을 바라는 메시지등을 댓글창 배경 이미지로 지정을 해주면 방문자 분들의 댓글 참여율을 높일 수 있을 겁니다. ( 평범한 흰색 배경의 댓글 창은 시시하니까요. ^^ ) 오늘 티스토리 팁에서는 댓글창의 배경을 원하는 사진으로 꾸미는 방법에 대해서 알아보도록 하겠습니다.


댓글창에 배경 사진을 씌워 보자!!

댓글창에 배경 이미지를 씌우기 위해서 가장 먼저 필요한 준비물은 바로 사진입니다. 댓글창에 배경으로 설정해 두고 싶은 이미지를 준비해야 합니다. 제가 준비한 사진은 주인옆에서 구걸하는 개님의 사진인데, 거기에 "댓글 주세요~" 라는 글자를 입혀봤습니다. 일단 멋진 사진은 나중에 구하고 개님의 유머러스한 사진을 댓글창에 적용해 보겠습니다.


이 사진을 댓글창 배경으로 넣어 보겠습니다. 어떤 사진을 쓰던 상관 없으니 직접 하실 때 더 멋진 사진을 쓰시기 바랍니다. ( 너무 급조한 티 나죠 ㅋㅋㅋ )


관리자메뉴에서 [스킨]->[HTML/CSS 편집] 메뉴를 선택한 다음, "파일 업로드" 탭에서 (1) 파일 업로드버튼을 눌러서 사진을 업로드합니다. 그러면 (2) 아래 목록에 여러분이 올리신 파일이 등록된 것을 볼 수 있습니다. 업로드하신 파일을 선택하시면 좌측 미리보기 화면에 작은 화면으로 사진을 볼 수 있습니다.


위 사진의 빨간 화면이 업로드 된 사진인데요. 우클릭을 해서 속성(R)을 클릭해서 그림의 주소를 확인합니다.

참고

파이어폭스와 인터넷 익스플로러의 경우가 다른데요.



파이어 폭스의 경우 우클릭을 해서 "그림 정보 보기(F)"를 선택하시면 위와 같은 화면이 나옵니다. 여기서 위치라고 나와 있는 부분이 이 사진의 주소( URL )입니다.


인터넷 익스플로러의 경우 속성(R)을 들어가 보시면 "주소(URL)" 부분에 나와있는것이 사진의 주소입니다. 다른 웹 브라우져도 다르지 않을 겁니다. ㅎ


이 주소를 알아야 댓글창의 배경을 수정 할 수 있습니다. 메모장이나 다른 곳에 복사를 해 놓습니다.


다시 [HTML/CSS 편집] 부분으로 돌아와서 skin.html 을 클릭한뒤 [Ctrl] + F 를 눌러서 "##_rp_input_comment_##" 를 찾습니다. 아마 한 군데 밖에 없을 것인데 바로 이 부분이 댓글창을 의미합니다.


이런 코드가 있을 겁니다. 이제 이 부분을 바꿔줘야 합니다. 이제 아까 복사해 놓은 주소를 써야 할 때가 왔습니다.


위 소스의 빨간색 부분에 아까 복사해 놓은 주소를 써 넣습니다. 위 소스는 "댓글창 꾸미기" 파일에 있으니 다운받아 쓰세요 ^^
그리고 원래 있던 <textare>를 지우고 그 자리에 위 소스를 붙여 넣습니다.
그리고 미리보기를 하면,


위 처럼 댓글 창에 이미지가 들어간 것을 볼 수 있습니다. 이미지 크기에 따라 댓글창에 사진이 다 안 나올 수도 있습니다. 이럴 경우 rows="9" 부분과 cols="50" 부분을 조절해서 댓글창의 크기를 조절 할 수 있습니다. 확인을 하셨으면 [저장] 버튼을 누릅니다.

저는 일단 허접한 사진을 댓글창의 배경으로 설정했지만, 여러분은 더 멋진 사진, 더 어울리는 사진으로 댓글창을 꾸며보세요. ^^



아 그리고 위 소스코드에서 onClick 부분을 추가해서 댓글창을 클릭했을 때, 배경 사진이 없어지도록 했습니다. 클릭 후에도 배경사진을 그대로 유지하고 싶으시면 onClick="this.style.backgroundImage=''" 이 부분을 지우시면 됩니다. ^^

  1. 이전 댓글 더보기
  2. BlogIcon 형석 2010.11.04 04:35 신고

    재밌는 팁 감사드려요 ㅋ

  3. BlogIcon 에셈스타즈 2010.12.02 17:06 신고

    감사합니다~ 많은 도움이 됐어요

  4. BlogIcon N복돌 2011.01.02 13:43 신고

    많은걸배워갑니다ㅎㅎ

    저기 사진퍼가도됩니까??

  5. BlogIcon 심플게임 2011.01.25 13:24 신고

    많이 배우고 갑니다 ^^

  6. BlogIcon 외계소년32 2011.01.29 17:03 신고

    와우 너무 깔끔하게 설명해주셨내요. 저도 적용해 보았어요. 저는 center 를 left 로 응용해보았내요. 잘되서 기뻐요. 항상 많이 배웁니다.

  7. BlogIcon 핑키하리 2011.02.01 19:54 신고

    성공했어요!! ㅎ_ㅎ 오른쪽으로 하니까 옆이 짤려서... 왼쪽으로 해놨어요 ㅎㅎ 아 감사합니다!

  8. BlogIcon Rinne 2011.02.03 17:59 신고

    좋은 팁이네요!!
    아직 마땅한 사진을 못구해서 이걸 해보진 못했지만..
    인터넷을 돌아다니며 마땅한 사진을 구하면 꼭 해봐야 겠네요!! ㅎㅎ

  9. BlogIcon 봉봉♬ 2011.02.05 20:47 신고

    꺅.ㅎㅎ 저도 덕분에 예쁜 댓글창을 만들었습니다!!^^
    그림사진 불러다가 파워포인트로ㅋㅋ;;;헷헷
    감사합니다!!

  10. BlogIcon 이누스트 2011.02.27 23:49 신고

    아 사진 넘 웃기네요 ㅋㅋㅎㅎ

  11. BlogIcon q6828 2011.07.14 14:54 신고

    님 네이버는 어떻게하나요???
    네이버 할려는데 안되요,.
    ㅠ.ㅠ

    • BlogIcon 파프리 꼬마낙타 2011.07.17 22:46 신고

      네이버는 스킨 편집이 앋되서 다른 방법으로 해야 하는 걸로 알고 있습니다.
      그건 잘 모르겠네요 ㅜ

  12. BlogIcon MLB Caps 2013.03.20 20:33 신고

    Robert Griffin III couldn't run, at least not in any way resembling his usual sprints through the line and into open turf. Robert Griffin III couldn't throw, at least not the deep darts that move the chains and keep defenses honest.

    Robert Griffin III couldn't lead the Washington Redskins' offense, not after his knee buckled in the first quarter of this NFC wild-card game against Seattle. A couple plays later Washington took a two-touchdown lead but the deal was done. It would gain just 41 yards over the next two and a half futile quarters with Griffin as quarterback, all but assuring Seattle's 24-14 victory.

    Robert Griffin III couldn't do much of anything Sunday except lie, which is what he's been trained to do in situations like this.

    Lie to himself that he can still deliver like no backup could. Lie to his coach that this was nothing big. Lie to the doctors who tried to assess him in the swirl of a playoff sideline.
    Robert Griffin was a shell of himself in Sunday's loss to the Seahawks. (AP)
    So Robert Griffin III lied, which is to be excused because this is a sport that rewards toughness in the face of common sense, a culture that celebrates the warrior who is willing to leave everything on the field, a business that believes such lies are part of the road to greatness.
    [Related: Twitter reaction to decision on RG3]

    "I'm the quarterback, it doesn't matter what percentage I am, " Griffin reasoned later. "If you can play, you play. "

    First off, that's a cliché. Second, he couldn't play. Not well enough to win the game anyway.

    And with each snap there was the risk of not just further injuring that valuable knee, but of being injured in a different way because he was no longer capable of defending himself by avoiding a hit in the pocket or scrambling away from a linebacker.

    "I did put myself at more risk being out there, " Griffin said.

    At least that was the truth, although he quickly reverted into more clichés.

    "But every time you step on the football field between those lines you're putting your life, your career [and] every single ligament in your body in jeopardy, " RG3 said.

    [Related: Doctor disputes Mike Shanahan on RG3's knee]

    Of course you can be injured at any moment. You can really get injured at any moment though when you can no longer move around and avoid hits.

    It was all a lie and that's why rookie quarterbacks aren't supposed to make the call. Coaches are.

    Griffin didn't have a coach Sunday.

    He had Mike Shanahan, who looked at this mess, looked at each hapless Redskins drive, looked at every painful RG3 step, looked at every awkward, overthrown pass, and instead bought Griffin's weak arguments and then closed his eyes and lied to himself that it would all turn out OK.

    Except it didn't. Not on the scoreboard. And not in Griffin's knee, which was eventually done in when he wasn't even capable of bending over and scooping up an errant snap in the fourth quarter. Instead a world-class athlete awkwardly reached until his right knee hyper-extended underneath him.

    He wound up in a heap on the turf, clutching that knee while Seattle recovered a gift fumble that led to an easy, game-clinching field goal.

    It was the final proof that he never should've been out there. And finally, too late, his day was done.


    The NFL world is second-guessing Mike Shanahan. (USA Today)"If you don't pull him out then, you should get fired, " Shanahan said.

    Washington was in desperate need of such common sense long before that. It was desperate for Shanahan to pat this eager-to-please wunderkind on the back, show him the bench and insert the very capable backup, Kirk Cousins.

    Not just for the future of the franchise, although that would be enough. The Redskins needed it for the present opportunity to win Sunday's game.

    Instead it got silly discussions.

    "I talked to Robert and he said to me, 'Coach, there's a difference between being injured and being hurt, ' " Shanahan relayed later. "He said, 'I can guarantee I'm hurt right now but give me the chance to win this football game because I guarantee I'm not injured. '

    "That, " Shanahan said, "was enough for me. "

    That, Shanahan should've realized, was just a young player repeating another baseless cliché he probably picked up from a grainy NFL Films voiceover set to soaring symphonic music.

    [Photos: Rough outing for RG3, Redskins]

    Shanahan acknowledged later that, "I'll probably second-guess myself" and for that he deserves a measure of credit. He wasn't defiant about blowing it on Sunday.

    Still, this wasn't some snap decision in the heat of the moment. This played out over hours, with a halftime even built in the middle. There were five consecutive series of futility for a 60-year-old coach to start trusting his own eyes rather buying the b. s. of a 22-year-old.

    "He said to me, 'Trust me, I want to be in there and I deserve to be in there, '" Shanahan said. "And I couldn't disagree with him. "

    Shanahan is paid to disagree with him. That's his job.

    At one point in the fourth quarter Shanahan decided he wanted to test if RG3 could still run, calling for a simple QB keeper. It was, on paper, effective, a 9-yard gain to the left. To see the play, however, was to see one of the greatest rushing machines in the league hobble to the outside, his knee practically wobbling on each step. It was strong blocking and the element of surprise that made it work.

    "I asked him about it at that time, " Shanahan said. "He said, 'Coach, I could've run faster. Nobody was there. I got [9] yards. That's not too bad. I promise if I have to do it again I could go faster.

    "He gave me the right answer. "

    That's only because Shanahan was asking the wrong question. Which is to say he wasn't asking any questions at all.

    On and on Shanahan's media conference went. The coach even unwittingly explained why he kept hearing the same answers from Griffin, when he took time to praise the very heart and fight of this prodigy and declared that a player who refuses to leave a game is "the type of player that you want. " It's a circle of nonsense.

    Shanahan was already hit with accusations Sunday from Dr. James Andrews, the famed sports surgeon, about Griffin's original injury against Baltimore on Dec. 9. Shanahan previously claimed that he put RG3 back in that game only because Andrews cleared the player. Andrews disputed that, saying the quarterback wouldn't even let the doctor examine him and he never blessed the return, http://www.esportoutlet.com/ Cool base Jersey.
    An MRI on Monday will determine the extent of Robert Griffin III's knee injury. (AP)
    "It wasn't our opinion, " Andrews told USA Today. "We didn't even get to touch him or talk to him. Scared the hell out of me. "

    Shanahan seemed to blame it all on miscommunication but it spoke to a sideline in disarray. The player is brushing off doctors? The coach is inventing conversations to the media? Who exactly is in charge around here?

    As for the extent of Griffin's latest injury, who knows at this point? An MRI is scheduled Monday. At first Griffin said it didn't feel any worse than the December injury. Then after the game, as things stiffened, he admitted it might be worse.

    "I don't know how bad it is, " he said.

    He didn't know after the game. He didn't know in the game. He isn't supposed to know. He is, as the football system taught him well, supposed to lie to his coach and prove to his teammates that he's indestructible and invincible.

    So Robert Griffin III did his job Sunday, only to have Mike Shanahan not do his.

    And now Washington can only hope a playoff loss was the worst thing that happened because of it.

  13. BlogIcon 德国舒蜜加刃具 2013.03.22 23:02 신고

    http://www.jiaji568888.cn/ 上海佳吉快运有限公司成立于1994年,是一家以公路运输为主,兼营航空、海运的全国网络型运输公司, 乃全国名列三甲的现代化的大型第三方物流企业, 拥有国内最先进的运输工具和管理设施。 总部设在上海市青浦区徐泾镇北青公路2999号。


    企业注册资金人民币一亿元;现拥有员工近万人,其中高学历、高职称、物流专业人员近半;2005年运输网点总数近1000个;拥有3000余台车辆,其中95%以上是标准箱式货车,长途车约1200余辆,市内配送货车辆约1800辆。另外拥有可调配车辆1500余台;2005年运输总收入逾10亿元,发展速度每年以30%以上的增长率递增。


     作为现代化的大型第三方物流企业, http://www.jiaji568888.cn/ 佳吉快运拥有庞大的运输车队,在全国各等级公路上,均可看到 http://www.jiajish.com 佳吉快运的车辆。在车辆管理体系、吞吐量、仓储面积等方面,均能满足不同层次的客户群体需求;在风险保障上,通过强大的整体保险支持,全面保障了客户的利益,降低了运输风险,使佳吉的客户没有后顾之忧。


     "工欲善其事,必先利其器"。 http://www.jiaji568888.cn/ http://www.jiaji568888.cn 佳吉物流已摆脱传统意义上的运输,迈入数字化运输新时代。物流信息管理系统、仓库管理系统、车辆管理系统、GPS卫星定位系统、财务管理系统、决策分析系统、网上查询系统、短信通知等, http://www.jiajish.com 佳吉快运,无不预示着数字化运输时代的来临。


     庞大的网络是佳吉能提供优质服务的又一前提。 http://www.jiaji568888.cn/ http://www.jiaji568888.cn 上海佳吉快运建成以 上海 、 天津 、 广州 、 武汉 、 西安 五地为中枢的全国性货运网络体系,以高速公路和国家高等级公路为依托的运作模式。


     未来的 http://www.jiaji568888.cn/ http://www.jiaji568888.cn 佳吉快运,将以货物运输业的纵深发展为龙头,带动其它产业的横向联合。


     纵深发展的方向是:提高运输效率,加速货物流通,缩短货物在途时间,充分发挥运输设备的效能,达到人、车、物三位一体化。同时以国内为基地向海外拓展,逐步实现构筑全球化的陆、海、空立体交叉运输网络。


     横向发展是以货物运输逐步带动绿色食品基地、国内租赁服务、国际航空等其它产业的开发,形成多元化发展格局,增加抗风险能力,形成以运输业为主业的科技密集型产业集团。

  14. BlogIcon 子母钟 2013.03.22 23:03 신고

    上海聚起计算机科技有限公司是专业生产各类显示设备,计时仪器的综合公司,本公司有多年研制生产经验,技术先进,质量上乘.

       本公司技术人员从八十年代初开始研究开发各种类型不同显示器件的信息显示屏.显示器件从白织灯、CRT像元管到LED.发关颜色有单色到如今的红、绿、蓝三基色.而显示内容更是从只显示数字到 现在可显示数字、二三维动画、电视图像.我们制作的显示屏涉及各领域体

    育畅、体育馆、工矿企业、商店、智能化办公大楼、公共场所等.

    建筑物大钟(塔钟)、子母钟及各类计时仪器是本公司又一主导产品.生产的塔钟、 http://www.sh-haosheng.com http://www.sh-haosheng.com 子母钟现已涉及各领域.从简单的晶体震荡器到目前的高精度恒温晶体震荡器,及GPS卫星定位接收.走时精度从原来10^-3到目前的10^-8. 我公司产品遍布全国各地,我们将提供最完善的计时器材<田径、摔跤、柔道、乒乓、棋类、换人牌>竭诚为您服务, http://www.sh-haosheng.com 子母钟.

      我们谨向一贯支持我们的各界同仁、朋友表示衷心的感谢,并愿在今后的交往中更加密切关系、共同发展、本公司以"优质、高效、诚信、超越"的宗旨,为广大新老客户献上最满意的服务。

       公司实力雄厚,本着"质量第一、信誉第一"的服务宗旨,以全新的业务模式、优质的服务态度,竭诚为广大新老客户提供完善的服务 http://www.jiajish.com http://www.jiaji568888.cn 佳吉快运,欢迎惠顾垂询、我们将与您共创辉煌前程。

       上海聚起计算机科技有限公司产品覆盖全国各省市区专业性特殊钟表生产企业,我们的售后服务有一套国际标准的程序文件,本着对每一件产品、每一位客户负责的态度,建立了业界唯一完善的服务网络,时刻以优质的产品为服务,以完善的服务为产品,以用户的满意为准则。

       质量第一,信守合同,重视信誉,服务社会是我们一贯,欢迎各界朋友来厂考察、调研,欢迎来电来函垂询我们的产品,祝愿我们的合作成功。

    快速完美的售后服务:

  15. BlogIcon 佳吉物流 2013.03.22 23:03 신고

    上海荃安贸易有限公司以世界知名的刀具产品、优质的服务来满足客户的需求!

    科技使我们超越时代,优质的服务帮助我们更好的满足客户的需求。"工欲善其事,必先利其器"。我们希望以自己专业化的知识,为越来越多的厂家提供最佳的技术革新方案,并将百分百地为客户提供最优质的服务。

    2002年,上海荃安贸易有限公司正式成立,以经营进口刀具为主,公司秉着"诚信服务、广交朋友"的经营宗旨,在过去的几年时间里已经在全国建立了较为完善的销售服务网络。代理的进口品牌主要有: http://www.shquanan.com.cn http://www.shquanan.com.cn 德国舒蜜加刃具 SCHUMACHER丝锥系列(SPT);奥地利 NORSS刀具系列;以色列NOGA诺佳修边器、磁性表架系列;日本YAMAWA 丝锥系列;日本 KYOC京瓷刀片系列;日本 TUNNGALOY刀片系列;日本 NACHI 不二越铣刀、钻头系列;工、量、刃具等十余种,产品类别覆盖了金属加工的各个层面。

    , http://www.yingsheng.com.cn 租赁打印机;相信以我们高素质的销售及服务团队,定能为广大用户提供最佳的服务。

  16. BlogIcon 人造石英石 2013.03.22 23:03 신고

    上海经马速递有限公司.是一家经国家工商局批准的专业从事国际、国内货运快件业务,长久以来累积丰富的经验. http://www.jingmakd.com http://www.jingmakd.com 上海快递公司拥有一支敬业高素质,有责任的优秀团队,软硬件设施齐全,公司与多家航空公司有着长期密切的合作关系,操作方式应客户所需,灵活多样,价格合理,服务周到.

    公司经营理念:提供最完美的服务

    1.基本理念:"客户至上,一切以客户满意为目标坚持为客户提供优质,快捷的时效服务.

    2.企业宗旨:时效第一

    按时送达是运输行业的生命基石.

    3.公司目标:提供全方综合性运输服务,以科学管理的手段及高素质专业人才队伍, http://www.sh-haosheng.com 子母钟,以航空运输代理为基础,建立集空运,陆运,海运,快递,一体的综合性运输服务体系,为客户提供安全快捷的服务.

  17. BlogIcon 子母钟 2013.03.22 23:04 신고

    我公司是经营现代办公设备销售、 http://www.yingsheng.com.cn http://www.yingsheng.com.cn 复印机租赁、维修及办公耗材、办公用品配送为主的专营性公司,代理东芝复印机、理光 http://www.yingsheng.com.cn 复印机、佳能传真机、惠普 http://www.yingsheng.com.cn http://www.yingsheng.com.cn 打印机租赁、IBM电脑、联想电脑等品牌。作为从事现代办公设备的企业,我们不懈努力塑造企业形象和完善服务质量,倡导品牌服务。几年来我们一直工作在办公领域的最前线上, http://www.yingsheng.com.cn http://www.yingsheng.com.cn 复印机为广大客户提供专业的办公解决方案, http://www.yingsheng.com.cn http://www.yingsheng.com.cn 上海打印机有效提高客户办公效率,得到广大客户的认可。


      目前我们的队伍不断壮大, http://www.yingsheng.com.cn http://www.yingsheng.com.cn 租赁复印机我们的员工是经过专业培训、考核上岗。我们的客户与日俱增,行业覆盖医院,金融,科研学院,电信公司, http://www.yingsheng.com.cn 复印机租赁,特别是得到广大国际货运公司的认可,同时客源还在稳步上升,在此希望我们的产品和服务能得 http://www.yingsheng.com.cn http://www.yingsheng.com.cn 租赁打印机到更广泛的客户认可,成为您身边的品牌服务商。


      您只需拨打本公司订购电话,告诉您所需就可轻松获得最具竟争力的价格和及时的送货服务,外环线内不加收任何送货费用。

  18. BlogIcon air max 1 2013.03.23 08:57 신고

    당신이 슬퍼 느낄 때 고통, 무슨 내용을 보려면하는 것이 가장 좋습니다. 학습은 천하무적 할 것입니다.

  19. BlogIcon jordan 8 2013.03.23 21:34 신고

    가장 감사해야 할 것은 신이 주신 능력을 제대로 이용하는 것이다.

  20. BlogIcon pandora charms cheap 2013.03.24 18:28 신고

    젊을 때에 배움을 소홀히 하는 자는 과거를 상실하고 미래도 없다.

  21. BlogIcon 김대오 2014.04.03 13:11 신고

    우아... 사진 크기를 보이는 것보다 작게 해야 하네요 ㅎㅎ 잘보고 갑니다~



티스토리 팁 - 다음뷰 애드박스 ( Daum View Ad Box ) 정리하기



블로그를 하면서 다음뷰를 접한지 얼마 안 되었는데요. 다른 블로거 분들을 보니 "다음뷰 애드박스"라는 것을 달고 계시더라구요. 뭔가해서 찾아봤는데, 다음뷰에 가입한 블로거분들이 이 애드박스를 달게 되면 랭킹에 따라서 활동 지원금을 주는 새로운 수익 모델이라고 합니다.


다음뷰 애드를 적용하면 본문의 상단에 적절하게 섞여서 애드박스가 등장하게 되는데요. 하지만 대부분의 블로거 분들이 제목과 본문 사이에 애드센스 광고 단위를 2개씩 게재하고 있기 때문에 애드박스를 적용하게 될 경우 애드박스가 보기 안 좋게 추가됩니다.


위에서 보듯이 (1) 번과 (2) 번이 구글의 애드센스 광고단위이고 (3)번이 다음뷰 애드박스의 광고 단위입니다.
본문의 도입 부분이 찌그러져서 시작하기 때문에 약간 답답함을 느낄 수 있습니다. 게다가 다음뷰 추천 버튼도 시작 부분에 달아 놔서 더욱 더 답답함이 느껴지는데요.


오늘 티스토리 팁에서 할 일은 이렇게 보기 않 좋은 배치를 좀 더 보기 좋게 바꿔 보자는 것입니다. 좀 더 자세히 말하면 구글 애드센스 광고 단위인 (2) 번을 없에고 그 자리에 다음뷰 애드박스인 (3)번을 배치해 보도록 하겠습니다. ( 지금도 많은 블로거 분들이 구글 애드센스 단위 한개와 다음뷰 애드박스를 나란히 배치해서 보기 좋게 만들어 놓고 계십니다. )


다음뷰 애드박스 정리하기

이번 티스토리 팁에서도 스킨 설정을 건드려야 합니다. 관리자 페이지에서 [스킨] -> [HTML/CSS 편집] 메뉴로 들어갑니다. 이 메뉴에 대한 자세한 설명은 다음 링크를 참조하시기 바랍니다.


스킨 편집메뉴의 skin.html 부분에서 구글 애드센스가 출력되는 부분, 혹은 본문이 출력되게 되는 치환자를 찾습니다. 티스토리에서 본문 치환자는 "[##_article_rep_desc_##]" 입니다. "[Ctrl] + F" 를 이용해서 찾으시면 더 빨리 찾을 수 있습니다.


구글 애드센스를 게재하고 계신 분들은 아마 본문 주변이 위와 같이 되어 있을 겁니다.
"[##_article_rep_desc_##]"이 본문을 출력하는 것이고 그 위에 구글 애드센스 코드를 출력하는 HTML코드가 출력되고 있습니다. ( <table><tr><td> 이 부분은 없는 분도 계실텐데 없어도 상관없습니다. 전부 뜯어 고칠테니까요 ^^ )

자 "[##_article_rep_desc_##]" 윗 부분을 다음과 같이 고칩니다.

<div align="center" style="float:left">

구글 애드센스 코드 1 --- (1)번 부분

</div>
[##_article_rep_desc_##]

이러면 일단 기초는 다져진 것인데요. 아직 [저장] 버튼을 누르지말고 [미리보기] 버튼을 눌러서 어떻게 출력 되는지 보고 넘어갑니다.

주의

[미리보기] 버튼은 괜히 있는게 아닙니다. [저장]버튼을 누르면 수정 결과가 바로 반영이 되기 때문에 잘 못된 수정의 경우, 망할 수도 있습니다. 항상 [미리보기] 버튼으로 확인하는 습관을 들여야 합니다. ^^


자, 바로 저장을 하면 저 같은 경우엔 이런 식으로 화면이 출력이 됩니다. (1) 번 광고 단위가 왼쪽으로 붙고 나머지는 본문의 영역으로 인식되어 본문이 출력되기 때문입니다. ( CSS를 아시는 분은 'float'의 특징을 아시겠지요 ^^ ) 또 본문의 시작부분의 오른쪽으로 애드박스가 띄워지기 때문에 위 화면처럼뜨게 됩니다.

이런 현상을 제거하는 방법은 (1) 번 애드센스 광고역역의 넓이를 적당하게 조절하면 되는데요. 다음과 같이 따라하시기 바랍니다.

<div align="center" style="float:left;width:410px">

구글 애드센스 코드 1 --- (1)번 부분

</div>
[##_article_rep_desc_##]

<div> 태그의 style 속성 안에 애드센스 (1)번 단위의 너비 조절을 해주는 부분을 추가해 주면 됩니다. 제 블로그의 경우 410px로 설정을 해주니 보기 좋게 위로 잘 올라가더라구요. 블로그마다 본문 출력 영역의 너비가 다르기 때문에 이 부분을 잘 조절하면서 보기 좋게 맞춰주셔야 합니다.


width 속성을 너무 크게 주면 위 사진처럼 애드박스가 들어갈 공간이 부족하기 때문에 밑으로 밀려납니다. width 속성을 늘리다 위 처럼 어긋나게 되면 조금씩 줄여 주세요. 그러다보면 깔끔하게 보이는 사이즈가 있을 겁니다. ^^

주의

나중에 본문의 폭을 편집하게 될 때, 아마도 또 깨질 겁니다. 그 때는 다시 width 를 조절해 주시면 되니 걱정하지 마시기 바랍니다. ^^


<div align="center" style="float:left;width:410px">

구글 애드센스 코드 1 --- (1)번 부분

</div>
[##_article_rep_desc_##]

다시 위 소스코드를 적용한 모습을 보면,


자 이제 깔금하게 구글 애드센스와 다음뷰 애드박스가 나란히 배치된 것을 볼 수 있습니다. ^^
참고로 구글 애드센스 광고 단위를 2개에서 한개로 줄였다고 해서 광고 수익이 절반으로 줄어 들지는 않는 것으로 보입니다.
일단 많은 블로거 분들이 이런식으로 배치를 하고 있고, 구글 애드센스 수익보다 다음뷰 애드박스에서 얻어지는 활동 수익금이 더 많은 경우가 있기 때문에 이런 식으로 배치하는게 더 이익이라고 할 수 있습니다.


인쇄쟁이님의 글을 읽어보시면 그닥 영향이 없음을 알 수 있습니다.
어짜피 클릭할 사람은 클릭하고 그렇지 않은 사람은 이렇건 저렇건 보기만 좋으면 된다는 말이죠 ^^
그래도 수익이 조금 줄긴 할 테니 적용 여부는 잘 생각하시기 바랍니다. ^^
해당 광고단위를 다른 곳으로 옮기셔도 됩니다. ㅎ


  1. 이전 댓글 더보기
  2. BlogIcon ecology 2010.10.06 20:02 신고

    저도 정리를 좀하고 싶지만
    처음 만들때 고생을 하고 해서
    쉽게하고 싶지않네요
    나중에 다시와서 보고 참고 해야 겠습니다.

  3. BlogIcon 꽁보리밥 2010.10.06 21:50 신고

    오늘은 머리가 아픈 관계로 인사만 하고 갑니다.
    좋은 저녁시간 되세요.^^

  4. BlogIcon 탐진강 2010.10.06 22:43 신고

    좋은 정보군요
    저는 한번 정하면 그냥 하염없이 놔두는 체질이라...

  5. BlogIcon 건강정보 2010.10.06 23:36 신고

    애드박스 순위에 든다는 보장만 있으면 달아둘텐데....
    순위가 높지 않으면 수익이 그리 좋지 않아서 저 같은 경우 다음뷰 활동도 잘 안해서 내버려두고 있는데
    순위높은분들은 수익이 장난이 아니더라구요^^

    근데 낙타님 해놓은거 보니낀 너무 깔끔한데요^^ 특히 글 앞에 추천버튼 달려있는거 너무 괜찮은것 같아요..^^

  6. BlogIcon 팰콘스케치 2010.10.07 00:35 신고

    전 애드박스를 달았다가 떼어냈어요~!
    달면 모양새가 좀 이상해지더라고요~!

  7. BlogIcon ☆북극곰☆ 2010.10.09 15:22 신고

    다음뷰 애드박스 정리하는것이 보통일이 아니죠~ ㅋ
    저도 결국에 이리해보고 저리해보다가
    옆에 이미지로 대처하는 방법을~! ㅋㅋ

  8. BlogIcon 로나루 2010.10.15 12:08 신고

    꼬마낙타님 제 블로그 위치가 잘 조정이 안되네요.. 계속 이런데

    좀 도와주세요 ㅠ.ㅠ

  9. BlogIcon SpadeAce 2010.10.25 22:03 신고

    첨에는 헤맷는데 계속 하다보니까 제대로 적용되었네요 감사합니다! ^^

  10. BlogIcon 인쇄쟁이 2010.11.11 15:17 신고

    아이구 제글 링크가 달려있네요^^ 감사감사^^

    즐거운 하루 되세요^.~

  11. BlogIcon Rinne 2010.12.15 16:08 신고

    정말 도움이 많이 됬습니다~!!!!
    너무너무 감사합니다~!

  12. BlogIcon 러플리 2010.12.25 14:34 신고

    잘읽었습니다. 문의드릴게 있어요. 다음블러그에서 손가락추천제를 이미 사용하고 있는데요 티스토리로 옮기면서
    손가락추천제도 옮기고 싶어요 그런데 view 가입하기박스를 찾을수가 없어 외부 블러그를 등록을 못하고 있어요
    이미 다음블러그에 사용하던 손가락추천제를 어떻게 티스토리로 옮길 수 있나요?

  13. BlogIcon integerii 2011.01.28 18:55 신고

    광고하나 달아볼까 하고 찾다가 들렸네요..
    잘 보고 갑니다.

  14. BlogIcon Nams858 2011.03.09 09:05 신고

    오늘도 다녀갑니다.^^ㅎ
    이건 일단 구글먼저설치하고 해야겠네요^^;;
    할일이 참으로 많은데 시간이 부족하네요..ㅠㅠ 스킬은 더욱더 부족하구요..;;;
    암쪼록 오늘도 즐거운 하루 보내세요...

  15. BlogIcon 창고쟁이 2011.08.05 13:19 신고

    도움이 많이 됐습니다.

  16. BlogIcon 영조대왕 2011.08.18 18:52 신고

    잘보고 갑니다. ^^
    저는 다음뷰 오류라고 뜨면서 안나오던데 ;;ㅜㅜ
    몇시간째 이러고있네요 ㅋ

  17. BlogIcon LcMPark 2011.10.09 18:17 신고

    좋은글 감사합니다. 저는 초보자이니 뷰 애드박스에 적합하다는 걸 깨달았습니다! ^^
    저 뚱딴지같은 소리일 수도 있는데... 티스토리 관리하면서 어제까지 분명히
    뷰 애드박스가 없었는데 오늘 제 글을 눌러보니 뷰애드박스가 생겼습니다.
    사실 기분은 좋아야 하는데.... 글쓸 때, 레이아웃같은게 애매해져 버렸습니다.
    일단 그것은 둘째치고 왜 갑자기 애드박스가 생겼는지, 그런 경험 있으신지 궁금합니다 ^^

  18. BlogIcon LcMPark 2011.10.10 23:34 신고

    아 그렇군요 ㅠ 다음미워 ㅠ

  19. BlogIcon 德国舒蜜加刃具 2013.03.22 22:11 신고

    上海中意石英石工程有限公司引进意大利 http://www.1995zy.com 人造石英石生产技术,结合本企业的生产实际,采用高科技纳米技术研制开发生产的人造石英石系列产品,以其坚硬耐磨、无明显色差、无毒无放射、搞冲击、不开裂、抗污染、不渗透的优良产品性能,在众多的商场、宾馆、学校、会所及家庭装修等工程应用中得于首肯,是理想的绿色环保新型装饰石材。多次被评为"人造石产品奖"和"AAA级信的过绿色环保产品"。


    在2006全国品牌产品评审中,我公司生产的中意牌人造 http://www.1995zy.com http://www.1995zy.com 石英石台面系列产品以其上乘的质量,可靠的信誉,被评为"中国著名品牌"称号,公司多年被评为"诚信经营企业"。另外, http://www.sh-haosheng.com 子母钟,根据市场需求,生产制作的人造石英石茶几、方桌、圆桌、壁炉、实验室台面、橱柜配套台面、卫生间洗漱台面,而腐蚀,而减酸,美观耐用。产品远销美国、澳大利亚、韩国、日本。公司有一支专业安装的队伍,根据不同的客户要求,服务到家,满意到人。


    公司还具有建筑业企业石材安装专业资质 http://www.sh-haosheng.com http://www.sh-haosheng.com 子母钟,提供 http://www.1995zy.com 人造石英石,天然石材安装服务,多年来承接了上海多项重点工程:上海国际会议中心、上海图书新馆、上海广播大厦、上海和平饭店改建、上海青少年素质教育中心(东方绿洲)等项石材安装工程,多次荣获"石材经典工程奖"、"金石奖"。"质量"是公司的生命体系,"诚信"是公司的经营理念,中意人将一如即往,创造出更多的"中意"产品和"中意"工程,服务于大众,服务于社会。


  20. Robert Griffin 3 could not operate, a minimum of not really by any means like their typical sprints with the collection as well as in to open up grass. Robert Griffin 3 could not toss, a minimum of not really the actual heavy darts which proceed the actual stores as well as maintain protection truthful.

    Robert Griffin 3 could not guide the actual Wa Redskins' criminal offense, not really following their leg buckled within the very first one fourth of the NFC wild-card online game towards Seattle. A few performs later on Wa required the two-touchdown guide however the offer had been carried out. It might obtain simply 41 back yards within the following 2 . 5 useless groups along with Griffin because quarterback, basically guaranteeing Seattle's 24-14 triumph.

    Robert Griffin 3 could not perform high of something Weekend other than lay, that is exactly what he is already been educated to complete within circumstances such as this.

    Lay in order to themself he may nevertheless provide such as absolutely no back-up might. Lay in order to their trainer this had been absolutely nothing large. Lay towards the physicians that attempted in order to evaluate him or her within the swirl of the playoff sideline.
    Robert Griffin had been the spend associated with themself within Sunday's reduction towards the Seahawks. (AP)
    Therefore Robert Griffin 3 humiliated, that will be forgiven simply because this can be a activity which benefits strength when confronted with good sense, the lifestyle which celebrates the actual soldier who's prepared to depart every thing about the area, a company which thinks this kind of is tend to be the main street in order to success.
    [Related: Twitter reaction to decision on RG3]

    "I'm the actual quarterback, no matter what portion I'm, inch Griffin reasoned later on. "If you are able to perform, a person perform. inch

    To begin with, this is a cliché. 2nd, he or she could not perform. Not really good enough in order to earn the overall game anyhow.

    With every click there is the danger associated with not only additional hurting which useful leg, however to be hurt in different ways simply because he or she had been no more effective at protecting themself through staying away from popular within the wallet or even rushing from the linebacker.

    "I do place personally from much more danger becoming available, inch Griffin stated.

    A minimum of which was the facts, even though he or she rapidly reverted in to much more clichés.

    "But each time a person action about the soccer area in between individuals outlines you are placing your lifetime, your job [and] each and every tendon within your body at risk, inch RG3 stated.

    [Related: Doctor disputes Mike Shanahan on RG3's knee]

    Obviously you may be hurt from any time. You are able to truly obtain hurt from any time although when you are able no more maneuver around and steer clear of strikes.

    It had been just about all the lay so in retrospect first year quarterbacks are not designed to help to make the phone call. Instructors tend to be.

    Griffin did not possess a trainer Weekend.

    He'd Paul Shanahan, that looked over this particular clutter, looked over every hapless Redskins generate, looked over each and every unpleasant RG3 action, looked over each and every uncomfortable, overthrown move, as well as rather purchased Griffin's fragile quarrels after which shut their eye as well as humiliated in order to themself it might just about all come out OKAY.

    Other than this did not. Not really about the scoreboard. And never within Griffin's leg, that was ultimately carried out within whenever he or she was not actually effective at twisting more than as well as scooping upward a good errant click within the 4th one fourth. Rather the world-class sportsman awkwardly arrived at till their correct leg hyper-extended beneath him or her.

    He or she ended up inside a pile about the grass, clutching which leg whilst Seattle retrieved a present fumble which resulted in a simple, game-clinching area objective.

    It had been the ultimate evidence he in no way should have already been available. Last but not least, as well past due, their day time had been carried out.


    The actual NATIONAL FOOTBALL LEAGUE globe is actually second-guessing Paul Shanahan. (UNITED STATES These days)"If you do not draw him or her away after that, you need to obtain terminated, inch Shanahan stated.

    Wa is at eager require associated with this kind of good sense well before which. It had been eager for Shanahan in order to jim this particular eager-to-please wunderkind about the back again, display him or her the actual table as well as place the able back-up, Kirk Cousins.

    Not only for future years from the business, even though that might be sufficient. The actual Redskins required this for that existing chance to earn Sunday's online game.

    Rather this obtained foolish conversations.

    "I spoken in order to Robert as well as he or she believed to me personally, 'Coach, there is a distinction in between becoming hurt as well as becoming harm, a inch Shanahan relayed later on. "He stated, 'I may assure I am harm at this time however provide me personally the opportunity to earn this particular soccer online game simply because We assure I am not really hurt. a

    "That, inch Shanahan stated, "was sufficient personally. inch

    Which, Shanahan should have recognized, had been only a youthful participant duplicating an additional baseless cliché he or she most likely acquired from the grainy NATIONAL FOOTBALL LEAGUE Movies voiceover arranged in order to leaping symphonic songs.

    [Photos: Rough outing for RG3, Redskins]

    Shanahan recognized later on which, "I'll most likely second-guess myself" as well as for your he or she warrants the way of measuring credit score. He or she was not rebellious regarding coming this upon Weekend.

    Nevertheless, this particular was not a few click choice within the warmth from the second. This particular performed away more than several hours, having a halftime actually constructed in the centre. There have been 5 consecutive number of futility for any 60-year-old trainer to begin having faith in their own eye instead purchasing the w. utes. of the 22-year-old.

    "He believed to me personally, 'Trust me personally, I wish to maintain presently there as well as We should have to stay presently there, '" Shanahan stated. "And We could not don't agree along with him or her. inch

    Shanahan is actually compensated in order to don't agree along with him or her. That is their work.

    From 1 stage within the 4th one fourth Shanahan made the decision he or she desired to check in the event that RG3 might nevertheless operate, phoning for any easy QB keeper. It had been, in writing, efficient, the 9-yard obtain left. To determine the actual perform, nevertheless, had been to determine one of the biggest hurrying devices within the category hobble towards the outdoors, their leg virtually wobbling upon every action. It had been powerful obstructing and also the component of shock which managed to get function.

    "I requested him or her about this in those days, inch Shanahan stated, http://www.snclippers.com/ Clippers Eric Bledsoe Jersey. "He stated, 'Coach, We could've operate quicker. No one had been presently there. I acquired [9] back yards. That isn't as well poor. We guarantee in the event that I must try it again I possibly could proceed quicker.

    "He offered me personally the best solution. inch

    That is just simply because Shanahan had been requesting the incorrect query. That is to express he or she was not requesting any kind of queries whatsoever.

    Upon as well as upon Shanahan's press meeting proceeded to go. The actual trainer actually unwittingly described the reason why he or she held listening to exactly the same solutions through Griffin, whenever he or she required time for you to compliment the center as well as battle of the natural born player as well as announced that the participant that will not depart a game title is actually "the kind of participant you want. inch It is a group associated with rubbish.

    Shanahan had been strike along with allegations Weekend through Doctor. Wayne Andrews, the actual famous sports activities doctor, regarding Griffin's unique damage towards Baltimore upon 12 ,. 9. Shanahan formerly stated he place RG3 in which online game just simply because Andrews removed the ball player. Andrews problematic which, stating the actual quarterback would not actually allow physician look at him or her as well as he or she in no way fortunate the actual come back.
    A good MRI upon Mon may figure out the actual degree associated with Robert Griffin III's leg damage. (AP)
    "It was not the viewpoint, inch Andrews informed UNITED STATES These days. "We did not actually reach contact him or her or even speak with him or her. Frightened the actual heck from me personally. inch

    Shanahan appeared to fault everything upon miscommunication however it talked to some sideline within disarray. The ball player is actually cleaning away physicians? The actual trainer is actually inventing discussions towards the press? That precisely is within cost close to right here?

    When it comes to degree associated with Griffin's most recent damage, that understands at this time? A good MRI is actually planned Mon. In the beginning Griffin stated this did not really feel any kind of even worse compared to Dec damage. After that following the online game, because points stiffened, he or she accepted it may be even worse.

    "I have no idea exactly how poor it's, inch he or she stated.

    He or she did not understand following the online game. He or she did not understand within the online game. He or she is not designed to understand. He's, since the soccer program trained him or her nicely, designed to lay in order to their trainer as well as convince their teammates which he is indestructible as well as invincible.

    Therefore Robert Griffin 3 do their work Weekend, and then possess Paul Shanahan not really perform their.

    And today Wa may just wish the playoff reduction had been the actual most detrimental point which occurred due to this.

  21. as i do not favor which ambition of sorts things is going surrounded a restrain.
    the application crops up because namely for a outcome best.
    as i namely defraud as a outcome of ough a few. eliminate does sound chaste,although depart after it looks favor as i hardly ever could quite well.
    ough a few utterly do never understand which want the class of i must eliminate ough.
    and even the class of as i forget ough.though once ough killed that faith ough killed all sorts of things this includes playing.
    as i absence apt understand equitable who apt support you faith at present.
    you three alternatively more possessed a lot of great haphazard path memory.plus even groundbreaking, i was quickly learn how apt depart behind each one of them.as yet as i make sure to cover up that damaged.
    really handle with it. once a product is without a doubt erroneous, i usually stated to ourselves which will of sorts things might be okay.
    and even we could work with everythig, http://www.factorypriceelectronic.com/brand-new-sealed-factory-unlocked-black-apple-ipad-3-64gb-wifi-4g-newest-model-p-226.html BRAND NEW SEALED Factory Unlocked BLACK APPLE IPAD 3 64GB Wi-Fi + 4G NEWEST MODEL, contribute apt this was all of us, this was playing.
    I usually ruined for a outcome of, mustn't interact with one. In cases where have never accomplished one,apt help you even now As i moreover namely a wash daughter, fails to entirely comprehend take pleasure surrounded everything that fails to comprehend tremendous saddness. As i regretted which ambition certainly a great handle regretted, a moreover virtuous compunction. , http://www.factorypriceelectronic.com/original-cheap-acer-aspire-as57509668-notebook-i72630qm-4gb-laptops-p-242.html Original Cheap Acer Aspire AS5750-9668 Notebook i7-2630QM 4GB laptops。。Only is without a doubt Used to do not even have a clue how have to do primarily after simply won't be capable to allows you to presume My team is i am hurting one? As i was confident in cases where this type of makes downward moreover among order anew as being a problem within the kill,amid whose everybody reaches its destination at long last never one person children abolish up Though understood is without a mistrust chaste As i apt support you wake up immediately, this type of have not sunk confuses, http://www.factorypriceelectronic.com/original-cheap-canon-xh-g1-dv-camera-p-262.html Original Cheap Canon XH G1 DV Camera. Fairly recently that prefix would never paucity to be favor ones own equivalent favor apt are affected great mourning is without a mistrust maybe even troublesome apt support you siesta by night forever never even best? Face the to fail to be important apt carry on with which aspiration not even apt achieve end up thought, everything that relevancy that qualified this description among addition has you because me? How come ashore meal 。。
    . Definitely you no longer completely comprehend all of us, moreover fails apt belief all of us, actually it's never feasible apt take notice of many others thinking absurdity. 。。You was confident this was never even that quite unlikely problem yourself to assume surrounded the annihilate As i namely extremely disenchanted you, As i consideration you may prefer apt entirely comprehend all of us, We could notthink you may realise that eligible this description: “If do never contain your ex boyfriend to assistance you meddle you certainly aboard mutually. ” One at the same time have been entirely impervious, you comely disenchanted.


티스토리 팁 - 댓글 창을 위로 먼저 띄우는 방법


블로그를 하는 이유 중에 가장 먼저 꼽히는 것 중에 하나가 바로 내가 쓴 글을 읽어주는 독자와의 소통입니다. 내 글을 읽고 느낀 점이나 추가 정보, 논쟁 등을 다시 알려주는 피드백 시스템인데요. 흔히 댓글( 혹은 답글 ), 트랙백의 형태로 이루어집니다. 그 중에서 오늘의 티스토리 팁에서 살펴 볼 것은 댓글에 관한 것입니다.

여러 블로그들을 방문하다 보면 댓글 창의 위치가 어디에 나오느냐에 따라서 두 가지 형태로 분류 할 수 있습니다. 댓글의 리스트가 먼저 나오는 형태와 댓글 창이 먼저 나오는 형태가 있습니다. 선택한 스킨에서 기본적으로 위치를 지정해 놓은 경우도 있고 블로거가 임의로 댓글창의 위치를 변경한 경우도 있는데요.

[사진 : 티스토리 팁 - 댓글 창이 나중에 나오는 경우]

포스트에 달린 댓글의 리스트가 먼저 나오는 경우는 위와 같습니다. 어찌보면 가장 기본적인 형태인데요. 댓글의 리스트가 10개 미만이거나 감당 할 수 있는 정도의 갯수라면 상관이 없습니다. 오히려 댓글을 달기 위해 스크롤을 내리면서 다른 블로거의 댓글들을 보는 즐거움을 줄 수도 있지요.

하지만 댓글의 갯수가 10개, 20개가 넘어가게 되면 댓글을 쓰기 위해 내려야하는 스크롤의 양이 많아집니다. 흔히 "스크롤 압박" 이라는 단어를 많이 쓰는데요. 이렇게 되면 스크롤을 내리거나 "End" 키를 누르는 대신 열려있는 탭이나 윈도우 창을 꺼버리고 다른 곳으로 가는 경우가 많이 있습니다. 댓글이 많이 달리기를 바라는 분들에겐 안 될 일이죠. ㅎ

[사진 : 티스토리 팁 - 댓글 창이 먼저 나오는 경우]

반면 댓글 입력창이 먼저 나오는 경우는 위와 같습니다. ( "꽁보리밥" 님의 블로그 댓글창 부분 캡쳐입니다. ) 이 경우 댓글을 쓰기위해 내려야 하는 스크롤의 양이 매우 적기 때문에 조금이라도 댓글을 달고 싶으신 분이 계시면 쉽게 댓글을 달 수 있습니다. 다만 다른 블로거 분들의 댓글을 읽으려면 어짜피 스크롤을 내려야 하고, 자신이 단 댓글을 보기 위해서는 한참 스크롤을 내려야 하는 불편함이 있습니다. ( 이 점은 나중에 자바스크립트 프로그래밍으로 어찌 해 볼 수 있습니다만 ㅎㅎ )

아무튼 이렇게 두 가지 댓글창의 위치가 있습니다. 각각 장단점이 있구요. 그럼 오늘의 티스토리 팁에서는 댓글창의 위치를 임의로 바꾸는 방법에 대해서 알아 보도록 하겠습니다.


댓글창 위치 바꾸기

댓글 창의 위치를 바꾸기 위해서는 티스토리의 HTML/CSS 편집 기능을 이용해야 합니다. HTML 코드부분을 직접 수정해서 댓글 창의 위치를 조정해 볼 텐데요. 저의 경우는 기본 스킨이 댓글 창을 댓글 리스트 다음에 출력해 주고 있습니다. 이 댓글 창을 댓글 리스트 전에 먼저 출력하도록 바꿔 보도록 하겠습니다.


티스토리의 관리자 메뉴에서 [HTML/CSS 편집] 메뉴를 선택합니다.
[HTML/CSS 편집] 메뉴에 대해서 더 알고 싶으신 분은 다음 링크를 참조하시기 바랍니다.


[HTML/CSS 편집] 메뉴를 여시고 skin.html 부분을 살펴 봅니다.



티스토리의 스킨은 댓글 창을 구분해서 나눠 놓았는데요.


위 처럼 "<s_rp_input_form>" 라는 태그로 둘러 쌓여 있는 부분이 바로 댓글 쓰기 부분입니다. 댓글을 써 넣을 수 있는 <textarea> 부분과 쓴 댓글을 달아 놓을 수 있도록 하는 "확인" 버튼 등이 있습니다.

위 사진처럼 "<s_rp_input_form>" 부터 "</s_rp_input_form>" 까지의 부분을 잘라내기 합니다. ( 복사를 해서 위에다 붙여 넣으면 댓글을 써 넣는 부분이 2개가 되겠지요. 미관상 좋지도 않고 동작을 안 하는 경우도 있습니다. 잘라내기를 해서 붙여 넣도록 합니다. ㅎ )


이제 잘라낸 소스파일( 댓글 창을 표현하는 HTML 코드 )을 붙여 넣어야 합니다. 당연히 댓글 리스트를 나타내는 부분 위에 붙여 넣어야 댓글 리스트 위에 댓글 창이 나오는 형태로 바뀌겠지요. 댓글 리스트를 나타내는 부분은 다음과 같이 시작합니다.


댓글 리스트는 위와 같이 나타나구요. "..." 부분에 독자분이 남겨주신 댓글과 링크, 닉네임, 파비콘, 블로그 아이콘에 대한 정보가 들어갑니다. 소스 파일에서 "<div class="commentList">"를 찾아서 그 위에 잘라내기 했던 댓글창 소스를 붙여 넣기 합니다. 그러면 최종 적으로 다음과 같은 형태의 소스코드가 됩니다.


이제 [미리보기] 버튼을 이용해서 스킨이 어떻게 적용 되었는지 확인합니다.

주의

여기서 바로 [저장] 버튼을 누르시면 위험합니다. 스킨을 잘 못 편집했을 경우 예상과 다른 결과가 나오게 되는데, [저장] 버튼을 그대로 눌러버리면 스킨 편집의 결과가 바로 블로그에 반영되기 때문입니다.

반드시 [미리보기] 버튼을 눌러서 실제로 어떻게 적용되는지 확인을 하시기 바랍니다. ^^ 잘 못 하면 블로그 스킨 다 날아가는 수도 있습니다. ( 저도 몇 번 그런적이 있습니다 ㅜㅜ )

Before

After



댓글 입력 부분이 댓글 리스트 위로 올라간 것을 볼 수 있습니다.
마음에 안 드시면 위에서 했던 단계를 거꾸로 가시면 된까 간단합니다. ㅎㅎ
각자 자신의 블로그에 맞는 댓글 창 위치를 만들어 보세요 ^^



  1. 이전 댓글 더보기
  2. BlogIcon 미디어리뷰 2010.10.05 17:45 신고

    와우... 정말 디테일한 점을 잘 찾으셨네요
    다만 제 블로그엔 리플이 얼마 없어서 아직은 상관없겠네요 ㅎㅎ

  3. BlogIcon 티비의 세상구경 2010.10.05 17:54 신고

    댓글창이 아래에 있으면 댓글적을때
    불편할때가 많이 있더라구요~!
    유용한 정보 잘 배우고 갑니다. ^^;;

  4. BlogIcon 스카이링 2010.10.05 18:01 신고

    오~ 좋은 정보 감사합니다.
    저야 댓글이 별로 안달리니 상관없지만 미리 한번 바꿔봐야겠네요 .ㅎ_ㅎ

  5. BlogIcon 둔필승총 2010.10.05 18:33 신고

    아, 이거 괜찮은데요.~~
    단지 주위사항 때문에 건들지 못하겠다능...^^;;; 전에도 스킨 죄다 날아가고 구글광고도 날아가서 한동안 맘 고생이 심했습니다.
    아,글구 티스토리 초대장 감사합니다.~~ 동료가 인사 전해달랍니다. ^^

  6. BlogIcon 꽁보리밥 2010.10.05 18:36 신고

    많은 분들께 도움이 되겠군요.
    저도 이웃블로그 티비님 덕으로 현재의 댓글창이 되었답니다.
    이웃분들 수고를 조금이라도 줄여드리고 싶어서요.
    제 블로글 모델로 삼아주시니 기분 딥따 좋습니다...ㅎㅎㅎ

    댓글에 질문이 달리는 경우는 관리자모드에서 자주 댓글을
    확인하면 어렵지 않더군요. 다만 그 글을 보자면 스크롤을
    내려야 하지만 방법이 없으니..

    • BlogIcon 파프리 꼬마낙타 2010.10.06 10:35 신고

      저도 티비님 블로그에서 많이 배우고 있어요 ㅎㅎ
      이것 저것 적용해보고 제가 좀 더 보완도 하구요 ㅎ

  7. BlogIcon 국민건강보험공단 2010.10.05 18:36 신고

    css랑 결합되서 마구 어려움을 느끼고 있습니다 .ㅎ
    티스토리 사용시 공부 좀 할라고 했는데 ....
    어느새 공부가 뒷전이 되어버렸고... ㅠ

    • BlogIcon 파프리 꼬마낙타 2010.10.06 10:35 신고

      티스토리 스킨 편집은 HTML과 CSS 없이는 불가능하지요 ㅎㅎ
      그래도 그 두개는 어려운 편이 아니니까 쉽게 할 수 있습니다. ^^

  8. BlogIcon 달빛천사7 2010.10.05 18:44 신고

    날씨가 쌀쌀해지네염 블러그 팁 잘보고가염 좋은 저녁되세염..

  9. BlogIcon 한스~ 2010.10.05 20:21 신고

    저도 위에 올려볼까 하다가 그래도 댓글 읽는 재미도 솔솔한지라 그냥 두었어요.
    위에 올리면 방문하시는 분들에게 편하긴 한데..ㅎ
    꼬마낙타님처럼 댓글이 많은 분들에게는 꼭 필요한 스틸인것 같아요.

    • BlogIcon 파프리 꼬마낙타 2010.10.06 10:36 신고

      저도 댓글이 많이 달리는 편은 아닌데요 뭐 ㅎㅎ
      100 개 이상 달리는 블로그에서는 그냥 확 내리게 되더라구요 ㅎ

  10. BlogIcon 비바리 2010.10.05 20:42 신고

    저도 위로 올릴까?
    하다가 그대로 두었답니다.
    내려오면서 남이 단 댓글 읽는재미가 있는지라서요..ㅎㅎㅎ

    • BlogIcon 파프리 꼬마낙타 2010.10.06 10:37 신고

      네 ㅎㅎ
      위, 아래 위치에 따라 장단점이 있으니 잘 선택하시면 됩니다. ^^
      정답은 없으니까요 ㅎ

  11. BlogIcon @hungreen 2010.10.05 22:50 신고

    아주 좋은 블로그 팁 같아요. 그래서 저도 얼마전 이렇게 바꿨어요.
    앞으로 자주 방문하여 좋은 팁 많이 얻어 가겠습니다. ^^

  12. BlogIcon HyunJun 2010.10.06 23:52 신고

    아아아아.. 이거..
    그냥 혼자서 해버렸었는데..

    이런것도 좋은 팁이 되는 거였구나.ㅋㅋㅋㅋ

    학교 생활은 할만하심?

  13. BlogIcon Angel. 2010.11.15 19:18 신고

    항상 좋은 정보 감사합니다~

  14. BlogIcon 쥬빌리 2010.11.27 19:14 신고

    감사요! 덧글 많이 달릴 일은 별로 없겠지만 시험삼아 바꿔봤어요 ㅎㅎ 그런데 본문 제목이나 글은 스킨 html에서 수정할 수 있는 것 같은데 덧글 글자 크기나 색깔은 변경하는 데를 모르겠네요 ㅠ

    • BlogIcon 파프리 꼬마낙타 2010.11.30 04:31 신고

      흠..
      아마도 CSS 쪽을 이용해야 할 겁니다. ㅎ
      관련 자료도 포스팅 해보도록 하겠습니다. ^^

  15. BlogIcon 외계소년32 2011.01.29 17:17 신고

    와우 정말 필요했던건데 말이죠. 우히히 주말에 두개나 완성했내요 ㅎ

  16. BlogIcon 핑키하리 2011.01.30 15:21 신고

    몇번의 고생 끝에 드디어 ㅎ_ㅎ!! 성공했습니다 ^ ^ 좋은 정보 감사해요!

  17. BlogIcon 니가사 2011.03.06 01:10 신고

    좋은 정보 감사드립니다 ^_^ 당장 시행했습니다~

  18. BlogIcon samaleph 2011.04.21 14:10 신고

    궁금한게 있습니다. 댓글에 댓글을 달려고 할 때(관리자 화면에서가 아닌) 새로운 창에서 글을 쓰게 되잖아요?
    그 창에서는 글씨가 작게 써지던데 해결할 방도가 있는지 궁금합니다.
    아니면 네이버 처럼 창으로 뜨는게 아니라 쓸려고 하는 댓글 아래에 네모난 글박스가 생겨서 쓰게 할수 있는 방법을 알고 싶습니다.

    다음에 질문을 올렸더니 티스토리에서 만는 스킨제작 가이드에 링크만 걸어주고는 제대로 된 답변을 해주지 않더라구요..
    그래도 찾아 보았지만 제가 보기엔 나오지 않는것 같습니다.

    도움을 부탁드립니다. :)

    • BlogIcon 파프리 꼬마낙타 2011.04.22 00:20 신고

      스킨에 대한 자세한 내용은 저도 잘 몰르겠네요 ㅜㅜ
      죄송합니다 ㅜㅜ

    • BlogIcon samaleph 2011.04.22 05:19 신고

      아닙니다..;;
      그런데 지금 여기에 댓글 다는데 새창에 뜨는데 글씨가 작은데, 꼬마낙타님도 저랑 같은 가요?
      저만 그런건지 궁금하네요.

  19. BlogIcon Air Jordan Shoes 2013 2013.02.07 14:51 신고

    巴西著名八卦网站“glamurama”,罗纳尔多和他的妻子,一个托尼的感情一直存在危机,双方最终决定分手。目前, http://www.newairjordans2013.us Jordan Shoes 2013,东亚银行,托尼已经与自己的女儿和一个朋友去西班牙伊比萨圣诞及新年假期,但罗纳尔多海滨度假酒店乌拉圭

    的埃斯特角城。

    罗纳尔多和他的妻子也发表公开声明,双方已经分手,承认,“这是我们经过认真协商决定。但我们之间的感情,友情,和对女儿的爱,这将不会改变。”目前,罗纳尔多和托尼还需要提高他的2个女儿和离婚|成本进行了讨论。

    |事实上罗纳尔多夫妇不和已经出现,一个月后,罗纳尔多和齐达内的慈善比赛,所以齐达内尼玛米螺和其他夜总会庆祝。然后还有三个漂亮女人见面,齐达内很害羞,但罗纳尔多接受的吻,

    玩。

    罗纳尔多在游戏过程中征服了所有球迷,他对女性的吸引力很强,可以说是他的许多朋友。但外国人到目前为止只有三个正式结婚,第一次在1999,罗纳尔多和巴西女子足球运动员米兰妮结婚,有一个儿子叫罗纳德,但罗纳尔多仍然经常光顾妓院在马德里,最终米兰妮和罗纳尔多在十一月2003







    外国婚姻和巴西名模达妮埃拉大卡蕾莉,2人作了一个特别的仪式在2005年2月14日情人节。但这并没有给婚姻带来好运,仅仅几个月后,他们宣布一分为two.2008东罗纳尔多和托尼结婚,当托尼怀孕了,在5年的婚姻生活,夫妇有二二个女儿。



    除了米兰妮和托尼,罗纳尔多给他生了3个女儿,2011个罗纳尔多也发现了同样的巴西非洲舞蹈的日本女孩,非婚生子女,与外国人承认孩子。现在,罗纳尔多的第三次离婚,不知道未来将能够找到自己的终身伴侣。

    吻是一个美国乐队成立于纽约市,美国1973集团不断记录,因为它们的形成。吻已经售出了1 00000000张专辑在全世界已夺得45金纪录至今,已售出19 000000张唱片在美国美国。



    容易确定其商标表面涂层(登记的美国专利和商标办公室),舞台服装,吻迅速上升到突出的基础上,详细,现场表演,其中精选喷火,吐血,吸烟的吉他和|烟花。

    |原始阵容(低音与声乐),(节奏吉他和主唱(铅),吉他,和声乐(鼓手和主唱)成为公认的最成功和)在乐队的历史,并发布了一系列的黄金和白金唱片在上世纪70年代作为一个。结果,药物滥用问题和创造性的差异,2彼得安排在一个纵横交错,索伦fleli走出集团以1982乐队的商业命运也大大削弱了这一点。



    克里斯和frehley离开亲吻,并已取代了孙耀威歌手汤米塞耶,分别。乐队继续执行,但斯坦利和西蒙斯仍然是唯一不变的成员。



    1983,吻放弃他们的化妆和享受商业复兴中期至80 ' s.they开始再到90年代初,然而。是一种强亲怀旧在90年代中期,乐队宣布一个团圆的原始阵容(化妆品)1996所产生的“拥抱世界活着”巡演票房收入最高的1996的行为

  20. BlogIcon shoe lift 2013.02.24 11:01 신고

    컨셉 블로그의이 상쾌한 신선한, 의심의 여지없이 그 사람들 빌고 발생 블로그 것이다 확실히 포인터 .에서 더 자세한 의견 , 나는 한다 설명 우리의 선택 뒤에 이유의 일부를 .

  21. BlogIcon 五湖四海全讯网 2013.03.26 13:28 신고

    巧合!异地俩761万得主同时兑奖 投注金额皆10元
    信息时报讯 (记者 陈学钢 通讯员 丁点) 8月6日一早,浙江省福彩中心迎来了双色球两位大奖得主:来自杭州的朱先生和台州的张先生。他们都以10元的彩票获得第12090期双色球一等奖,奖金为761万元。两个不同城市的人,同样花了10元投注双色球彩票,同一期中奖,同一天领奖,真是巧。
    反复核对几天没睡着
    坐在福彩中心的兑奖室里,说起这次幸运的中奖过程,朱先生依然激动万分:“我买福利彩票已经15年了,可以说是铁杆老彩民,对于彩票有一份自己的喜爱,也有一份中奖的期待。由于收入有限,我每次也不会多买,基本都是花10块钱买5注自选号码,多以守号为主,这次中奖的这注号码已经整整守了5年,没想到真的被我守到了。”在跟工作人员的交谈中,朱先生一直强调:中奖运气很重要,但是坚持购买才是关键。很多人都说自己不会中奖,我总是问他们买了吗?只有参与了,你才有中奖的机会,不然什么都是空话。朱先生说,他是第二天通过上网查询得知自己中奖的,当时心情很复杂,一时不敢相信这是真的, http://www.baijiale077.com 百家乐论坛,拼命反复核对号码,连续几个晚上都睡不着觉。
    大脑空白烧菜忘放盐
    一旁同样是大奖得主的张先生,一直没讲话,右手托着下巴,整个人状态看起来非常的紧张。工作人员跟张先生说了兑奖要办的手续,让张先生不必太紧张。一旁的朱先生也帮着说:没事,放松点,到这里绝对安全,等一会儿就能拿到奖金了。张先生的状态这才稍微放松了点,渐渐打开了话匣子。张先生从外地到台州打工已经有些年头了。他从2003年开始购买双色球,每次都是10元机选,在这次中大奖之前,最多只中过5元的小奖,所以这次中得大奖,自己也有点不敢相信。张先生有个习惯,每次核对号码都会先看蓝色球有没有对上,因为只要蓝色球对上,就会有5块钱。没想到,这次不但蓝球对上了,连6个红色球也都对上了!张先生说:“这两天,我的脑袋一直处于空白状态,吃不下,睡不着,自己烧的菜吃着没味道,才想起盐都忘记放了。对于中奖这件事情我觉得很不真实,时不时地会把彩票拿出来看一下,很怕弄丢了。”说起这些,一旁的朱先生也表示深有同感。
    对于这笔奖金如何使用,朱先生表示会结束手上的工作,回老家去。家里的条件不太好,他想用这笔奖金改善下家里的生活条件,让父母晚年过得舒服些。张先生则表示来领奖之前还没跟家人说,奖金的使用暂时还没考虑,回去之后再慢慢打算。


티스토리 팁-티스토리의 무한계정을 이용해보자. (파일 업로드 주소 따기)



티스토리의 가장 큰 장점 중에 하나가 웹상의 저장공간을 무한대로 제공한다는 것입니다. 사진을 몇 천개를 올리던, 음악 파일을 몇 천개를 올리던 티스토리는 묵묵히 저장공간을 제공하며, HTML 태그로 그 사진과 음악 파일을 접근 할 수 있게 해줍니다. 물론 하나의 파일에 용량 제한이 걸려있어 20MB 이상의 파일은 업로드 할 수 없습니다. 하지만 20MB라면 고화질의 사진을 업로드 할 수 있으며 음악파일의 경우 고음질의 음악파일을 제공할 수 있습니다. ( 동영상의 경우는 인코딩을 다르게 하거나 해야 하지만 일반적으로 고화질을 제공하기는 어려울 것 같습니다. )


지난번 포스트에서 HTML/CSS 편집하기와 파일 업로드에 대해서 배웠는데요.

2010/09/14 - [블로그/블로그팁 - 연재] - 티스토리 초보팁 20편 - HTML/CSS 편집을 이용한 블로그 스킨 수정

파일업로드 부분에서 파일을 업로드하고 그 파일을 가져다 쓰는 방법을 설명하지 않았네요. 오늘은 그 파일을 가져다 쓰는 방법, 그러니까 HTML 태그에서 src 속성이나 href 속성에 사용할 수 있는 URL 을 따오는 방법을 알아보겠습니다.


업로드한 파일 가져다 쓰기

티스토리 초보팁 20번째 팁에서 스킨 편집을 위한 파일 업로드 기능이 있음을 배웠는데요. 깜빡하고 업로드한 파일의 URL을 따올 수 있는 방법을 설명 안 해드렸네요. ( 한 블로거 분께서 비밀글로 조언을 해주셨습니다. 감사합니다. ( -- )( __ )( -- )


파일 업로드 메뉴를 들어가보면 위와 같이 되어 있습니다. 현재 스킨에서 사용중이거나 여러분이 업로드 해 놓은 파일들의 목록이 보입니다. 하지만 이 파일에 어떤 경로로 접근해야 하는지는 나오지 않습니다. 파일 목록에서 우클릭을 해서 속성보기를 해봤자 해당 파일의 경로가 아니라 파일업로드 페이지의 경로만 볼 수 있죠..

손수 제작한 배너를 스킨 상단에 배치하고 싶어도 이걸 가져다 쓸 방법이 없으니 있으나 마나한 기능입니다. 하지만 방법이 있습니다. ( 치환자로 어떻게 할 수도 있을 것 같지만 약간은 다른 방법을 이용해 보겠습니다. )


파일 업로드 탭에는 업로드한 사진의 미리보기를 지원합니다. 확장자가 gif 인 파일을 아무거나 선택해보면 미리보기 화면에 해당 사진이 출력되는 것을 볼 수 있습니다. 이 미리보기 기능을 이용해서 '파일업로드'를 이용해서 업로드한 파일이 어디에 저장되는지 알 수 있습니다.


대충 목록에서 그림 파일 하나를 선택하면 미리보기 쪽에 그림 파일의 미리보기 항목이 있는 것을 볼 수 있습니다.
미리보기에 띄워진 그림파일에서 우클릭을 한다음 속성(R)을 클릭합니다. ( 파이어폭스 사용자 여러분은 '그림 정보보기' 가 되겠죠. )


그러면 '주소(URL)' 라는 항목에 복잡한 주소가 뜨는 것을 볼 수 있습니다. 이게 바로 '파일 업로드'에 올려진 파일들의 주소입니다.
재미있는 사실은 '파일 업로드' 페이지에서 볼 수 있는 모든 파일의 주소에서 'http://cfs.tistory.com/custom/blog/10/100974/skin/' 부분까지 똑같다는 것입니다. ( 마지막에 나와있는 preview.gif 를 제외하고는 모두 /images/ 까지 똑같죠. )

물론 앞으로 여러분들이 업로드 할 모든 파일들도 다 같은 경로에 업로드가 됩니다. 이를 이용하면 사진 뿐만아니라 플래시 파일, HTML 문서, 동영상 파일 등도 업로드를 해서 가져다 쓸 수가 있습니다.

모든 파일들이 같은 경로, 즉 'http://cfs.tistory.com/custom/blog/10/100974/skin/'에 있는 것을 볼 수 있는데요.
중간에 100974 라는 부분이 아마도 티스토리 내부에서 블로그를 구분할 수 있게 해주는 ID 같은 건가 봅니다.



시험삼아 올려보기

그럼 시험삼아 파일을 하나 올려보고 링크를 시켜 보겠습니다.
간단한 HTML 파일을 하나 작성해서 올려보도록 하겠습니다.

<!-- 파일 업로드 테스트 -->
<html>
<head>
   <title>여러분의 무한계정!!</title>
</head>
<body>
   안녕하십니까? 여기는 티스토리의 업로드 공간에 올려져 있는 문서입니다.!!!<br />
  <a href='http://plusblog.tistory.com/457>다시 돌아가기</a>
</body>
</html>

이와 같은 HTML 파일을 작성한 다음 업로드를 해보겠습니다. 편의상 파일이름은 aaa.html로 하겠습니다.
파일 업로드를 이용해서 파일을 업로드하면,


업로드 된 파일 목록에 aaa.html 이라는 항목이 생긴걸 볼 수 있습니다.
업로드 된 aaa.html 파일역시 다른 파일들과 마찬가지로 'http://cfs.tistory.com/custom/blog/10/100974/skin/' 까지는 동일한 주소를 갖고 그 다음에 images/aaa.html 이라는 추가적인 주소가 됩니다. ( 즉 업로드한 aaa.html 파일은 'http://cfs.tistory.com/custom/blog/10/100974/skin/images/aaa.html' 이라는 경로로 접근을 할 수가 있다는 말입니다. )


업로드한 파일의 경로로 따라가보니 HTML 문서 하나가 열리는 것을 볼 수 있습니다. ( 인코딩 설정을 안 해놔서 이상한 문자가 뜰텐데 인코딩을 한국어로 바꾸어 주시면 제대로 보입니다 ^^ )

aaa.html 보러가기

이렇게 티스토리에서는 스킨을 편집 할 수 있도록 블로거분들에게 무한 계정을 제공하고 있습니다. 여러분들이 직접 만든 배너나 플래시 파일( 플래시 게임이라든지 아니면 위젯 어플리케이션 등.. ) 등도 이곳에 업로드를 하고 이처럼 주소를 따와서 블로그에 게재, 혹은 링크를 걸 수 있습니다.

어떤가요? 이 정도면 티스토리 블로그 참 편하지 않나요?? ㅎㅎ


  1. 이전 댓글 더보기
  2. BlogIcon 설보라 2010.09.16 09:16 신고

    파일 업로드는 어려워서 근처도 안 갔는데 한번 이대로
    시도해보는것도 아주 좋을것 같네요~~
    잘 보고 갑니다. 좋은 하루 보내세요~^^*

  3. BlogIcon 머니야 머니야 2010.09.16 09:19 신고

    정말로 무한계정 맞는것 같아요..으으
    예전에 플래쉬 업로드도 무한였다가...얼마전 공지에서...안쓰는것은 지운다..이런 것을 얼핏본 기억이 나긴하는데..
    정말 대단한 시스템입니다^^

  4. BlogIcon ♣에버그린♣ 2010.09.16 09:58 신고

    전 따라했는데 잘 안되더라구요 ㅠㅠ

  5. BlogIcon Boan 2010.09.16 11:07 신고

    좋은 정보 감사드려요.
    다음에 어딘가에 써먹겠습니다.ㅎㅎ

  6. BlogIcon 마이다스의세상 2010.09.16 13:34 신고

    정말 만족하고 사용하고 있는 중입니다. 뭐 사실 저같은 경우 20메가 이상 올릴 일이 없는지라... 파일 업로드에 불만이 전혀 없답니다~ ㅎㅎ

  7. BlogIcon 티비의 세상구경 2010.09.16 15:01 신고

    많은 분드이 헷갈려 하시고 어려워하시더라구요
    유용한 정보 잘 배우고 갑니다 ^^;;
    즐거운 하루되세요

  8. BlogIcon 블로군 2010.09.16 15:48 신고

    활용하기에 따라 정말 유용하게 사용할 수 있을것 같아요...^^a
    좋은정보네요...ㅎㅎ

  9. BlogIcon 미디어리뷰 2010.09.16 16:49 신고

    도움되는 정보 감사합니다
    플리커 유료계정 바꿔야겠군요 ㅎㅎㅎ

  10. BlogIcon 인쇄쟁이 2010.09.16 16:51 신고

    저도 이렇게 많이 애용해요~~

    호스팅은 꽤나 하지만 귀찮아서 말이죠^^

  11. BlogIcon LiveREX 2010.09.16 21:00 신고

    저도 가끔 이거 이용하는데 ㅎㅎ

    • BlogIcon 파프리 꼬마낙타 2010.09.17 10:26 신고

      저도 자주는 아니고 가끔 이용하는데,
      티스토리 밖으로도 가져 갈 수 있어서
      나중에 플래시나 만들어서 돌아다닐까 합니다. ㅎ

  12. BlogIcon 탐진강 2010.09.16 21:21 신고

    티스토리가 여러가지로 블로그에서는 최고인 것 같아요

  13. BlogIcon mami5 2010.09.16 23:31 신고

    그래서 티스토리 하는게 아닌지..^^
    잘 보고 갑니다..^^

  14. BlogIcon 모르겐 2010.09.17 01:14 신고

    첨 티스토리 시작할 때 어려웠던 부분인데^^ 초보님들한테 도움이 많이 될 거 같아요!~~

    • BlogIcon 파프리 꼬마낙타 2010.09.17 10:27 신고

      도움이 되었으면 좋겠네요 ^^
      블로거 분들이 쉬고, 더 많은 정보를 교류할 수 있는 곳이 되었으면 좋겠습니다. ㅎ

  15. BlogIcon Kinswolrd 2010.09.20 23:41 신고

    저는 속성에서 gif가 안나오고 뒤에 adit 로 나오는데 왜그런거죠 ㅠㅠ?

    • BlogIcon 파프리 꼬마낙타 2010.09.27 13:18 신고

      adit 라는 확장자를 가진 그림 파일인가요?
      흠.. 아니면 우클릭을 그림이 아니라 다른 곳에 했을 수도 있겠네요..

  16. BlogIcon 탑컨디션 2010.09.21 21:36 신고

    어쩌다 들어오게 되었는데, 좋은 정보 감사드립니다!!
    티스토리 말로만 활용도 높다는 수없이 들어보았는데
    정말 왠만한 호스팅보다 낫다는 말도 이해가 되네요.
    리뷰 잘 보고갑니다~

  17. BlogIcon KiHun 2010.10.09 15:58 신고

    블로그 초보입니다.
    무한계정이용말인데요, 주소따기는 익혔는데, 스킨파일 업로드할때,
    전체 스킨 20mb로 되어있던데, 더쓰려면 어떻게 하나요?

  18. BlogIcon 체리보이 2011.01.29 20:18 신고

    딱 제가 필요로 하던 정보였는데 너무 감사합니다
    안 그랬으면 엄청 헤맬 뻔했어요

  19. BlogIcon 슈이suy 2011.08.16 10:07 신고

    감사합니다...조금씩 초보에서 올라가는 느낌을 팍팍 받네요

  20. BlogIcon 에말이오 2012.02.04 11:02 신고

    하하하~
    감사합니다.
    좋은 정보 얻어가네요.
    이제막 시작했는데 어리버리 헤메고 있는중인데 어렵지만
    이사해오고나서 정말 잘했다는 생각만 드네요.
    티스토리 할수록 매력에 빠지네요^^*

  21. BlogIcon 노세찬 2015.02.12 23:32 신고

    호스팅처럼 XXX.tistory.com/YYY 에 YYY를 마음대로 바꾸고 싶은데 어떤 방법이라도 없나요ㅠㅠ


티스토리 블로그 20가지 초보팁 - 티스토리 초보 탈출


티스토리에 처음 입주 하신 분들을 위해서 훌륭하지는 않지만 제 나름대로의 '티스토리 사용법' 을 정리해 봤는데요. 글을 다 쓰고 보니까 20개나 되는 군요.

길었던 연재를 끝마치고 티스토리 블로그 20가지 초보팁 연재를 정리합니다.

2010/08/24 - 티스토리 초보팁 1편 - 티스토리 초대장을 받고 가입해 보자
2010/08/25 - 티스토리 초보팁 2편 - 블로그에 글을 써보자!!
2010/08/26 - 티스토리 초보팁 3편 - 카테고리로 글을 관리하자!
2010/08/27 - 티스토리 초보팁 4편 - 댓글, 댓글 알리미
2010/08/28 - 티스토리 초보팁 5편 - 트랙백 걸기
2010/08/29 - 티스토리 초보팁 6편 - 한번에 하나의 글만 보이기 화면 설정
2010/08/30 - 티스토리 초보팁 7편 - 유입 경로, 유입 키워드
2010/08/31 - 티스토리 초보팁 8편 - 링크 설정하고 관리하기
2010/09/01 - 티스토리 초보팁 9편 - 스팸 댓글 걸러내기
2010/09/02 - 티스토리 초보팁 10편 - 초대장 보내기
2010/09/03 - 티스토리 초보팁 11편 - 사이드바 설정하기
2010/09/04 - 티스토리 초보팁 12편 - 플러그인 사용하기
2010/09/05 - 티스토리 초보팁 13편 - 팀 블로그 만들어 보기
2010/09/06 - 티스토리 초보팁 14편 -티스토리 위젯 사용하기
2010/09/07 - 티스토리 초보팁 15편 -프로필 만들기
2010/09/08 - 티스토리 초보팁 16편 -파비콘, 블로그 아이콘 만들기
2010/09/09 - 티스토리 초보팁 17편 -블로그 주소 형식
2010/09/10 - 티스토리 초보팁 18편 -태그를 이용한 블로그 포스트 관리
2010/09/11 - 티스토리 초보팁 19편 -CCL을 통한 저작권 표시
2010/09/12 - 티스토리 초보팁 20편 - HTML/CSS 편집을 이용한 블로그 스킨 수정




티스토리에 관심이 있으시거나 티스토리 블로그를 운영하고 계신분들은 위 포스트 들을 참고하시기 바랍니다. ^^
위 포스트들을 다 읽으셨다면 여러분은 이제 티스토리 초보가 아닌겁니다..!! ㅎㅎ


ps. 티스토리 초보 팁 메뉴얼을 하나씩 만들어 나갈 계획인데, 티스토리에 메뉴가 하나씩 추가되거나 티스토리 초보팁의 서식을 조금씩 바꾸는 식으로 해서 개선해 나갈 생각입니다. ^^ 언제가 될지 모르겠지만 '티스토리 초보팁 v2.0' 이 나오겠죠. ㅎㅎ


  1. 이전 댓글 더보기
  2. BlogIcon mc.space 2010.09.15 16:20 신고

    와!! 작성하시느라 수고하셨습니다. 언제 다 익히냐 ㅠㅠ

  3. BlogIcon 모르겐 2010.09.15 22:27 신고

    오~ 정말 땀 냄새 나는 포스팅이네요~
    처음 시작할 때 이런 정보가 있었다면.... ^^

  4. BlogIcon 불탄 2010.09.16 05:56 신고

    정말 멋지게 정리를 해주셨네요.
    저도 틈틈이 한번 처음부터 살펴보도록 해야 되겠습니다. ^^

  5. BlogIcon ,,., 2010.09.16 06:23 신고

    와우 깔끔하게 정리 잘하셨습니다
    초보시절 엄청 해멨답니다^^

  6. BlogIcon shinlucky 2010.09.17 00:12 신고

    ㅎㅎ 초보를 위한 깔끔한 정리군요.
    입문하는 주변사람들에게 소개시켜줘야겠습니다.!

  7. BlogIcon [터프가이] 2010.10.05 10:50 신고

    대박정보군요..캬~
    이런정보가 있었으면 저도 조금 쉽게 했었을텐데;;
    좋은 정보 감사드립니다 ~

  8. BlogIcon 비잔틴 2010.10.10 20:23 신고

    안녕하세요

    초보자인데

    ..

    님 블로그 이웃추가도어떻게하는지도모르겠네요;

  9. 2010.11.23 20:53

    비밀댓글입니다

  10. 2010.12.24 15:29

    비밀댓글입니다

  11. BlogIcon Haroo.L 2011.01.06 13:10 신고

    며칠 전 티스토리를 새로 시작했는데 참 알기 쉽게 잘 설명해주셔서 도움이 많이 됩니다. ^^

  12. BlogIcon jbcom 2011.01.27 20:03 신고

    한번 쭉 읽어 보겠습니다..

    감사합니다

  13. BlogIcon Elite999 2011.01.30 01:39 신고

    어떻게 하면 방문자수가 늘어날까요??
    시작한지 이제 4일째인데 방문자가 하루에 100명에서 150사이네요..
    댓글도 전혀 안달리고,,ㅠ-ㅠ

  14. BlogIcon 곰고옴 2011.02.15 10:29 신고

    와, 감사합니다. 어제 초대장 받고 오늘 막 가입했거든요. 카테고리 만드는 법도 몰라 검색하다 들어오게 됐습니다. 팁 목록만 봐도정말 든든합니다. 앞으로 이 글 보고 차근차근 블로그 꾸며보려구요.

  15. BlogIcon nukodomo 2011.04.23 11:56 신고

    감사합니다 도움이 많이 됬어요 그런데 스킨을 다르게 변경했을 때 카테고리가 갑자기 안보여지면 이거 어디서 설정해야 되나요? 티스토리 너무 어렵네요ㅠ 올려주신 글 중에 뭘 클릭해야 알 수있는지 모르겠습니다ㅠ

    • BlogIcon 파프리 꼬마낙타 2011.04.25 00:33 신고

      티스토리가 오류가 많은 편입니다. 최근 글 보기 같은 경우에도 자주 오류가 나더라구요 ㅜㅜ

  16. BlogIcon 미친소녀 2011.08.14 23:35 신고

    너무 많이 도움 받고 갑니다
    완전 기초적인 것부터 조금 까다로운 것 까지
    디테일하게 설명이 잘되어있어서
    보기 넘좋네요 ^^

  17. 하추리 2011.08.26 14:54 신고

    티스토리 초보입니다. 이글을 읽으면서 많은 도움 받을수 있겠네요^^
    자주 들려서 많은 정보 얻어가겠습니다.^^

  18. BlogIcon 맛과멋 2012.05.10 17:38 신고

    정말 최고에요! 진심으로 감사드립니다. 몇주전에 가입해놓고 무턱대고 어렵다는 생각에 하지도 않고 있었는데, 오늘 이 블로그를 만나게되어서 너무좋아요 최고최고 ^0^
    꼬마낙타님은 저에게 블로그의 신세계를 열어주셧어용 감사합니다~!

  19. BlogIcon 닐리리닝구 2012.07.10 09:38 신고

    와, 좋네요!! 활용해봐야겠어요, 잘 쓰겠습니다!

  20. 朱ある書いて遺書後電話警報.彼は首をつってシーツしで、2度の未成功、座って待つしかない部屋で警察の到来.





    本紙新余のニュース黎衍斌記者漆玉梅報道:笑うからルームメートの性感染症、男性が昔親友刺され.


    朱某と黄は元々は仲間だけでなく、同じ会社で出勤して、また同じ寮に住んでいる.今年1月、2人はそれぞれさんを風流一試合、事後朱あると下半身が調子が悪くて、黄疑わ染まった性病、まだそれを伝えたら.4月18日、朱、下半身を何度もある痛みがトイレに行くし、悲鳴を上げる.黄を風刺した彼は一言、もし本当にが性病私は出て行く, http://www.drebeatsale.com/beats-diddy-with-controltalk-inear-headphones-pink-p-3.html Beats Diddy With ControlTalk In-Ear Headphones Pink.羞愤の朱某持ち上げ金槌朝黄の頭上に当たって、その後2人捩じ合う, http://www.drebeatsale.com/beats-by-dre-high-performance-headphones-black-orange-p-41.html Beats By Dre High Performance Headphones Black Orange.バタバタで、朱あるパソコンで機の上に果物ナイフ朝黄首を刺しの2刀にその亡くなった.


    4月18日13時31分、新余市公安局110指揮センターを受けて男子警報:“私は人を殺しました!」警察署の刑事警察艮山大隊その後艮山鎮周宇路寮の発見に男が血まみれで倒れてで.アラーム人朱ある(男性、27歳、承徳人)を現行犯逮捕されされて.初公判を経て、朱某引継ぎ自分の犯罪事実.

  21. BlogIcon 博彩网 2013.03.26 13:28 신고

    大乐透074期生肖乐预测:心水组合03 12
    上期号码:02 07 形态:一奇一偶 一大一小 21路组合
    奇偶:上期开出常态组合,近10期全奇组合1期;全偶组合4期;常态组合5期。根据近期分布来看,整体偶数分布突出,全奇组合不足,新的一期关注重点依然锁定常态组合,留意全偶数组合分布增加。
    大小:上期开出一大一小组合,近10期全大组合1期;全小组合3期;常态组合6期。根据近期分布来看,整体大数组合分布欠佳,目前常态组合上奖频繁,新的一期优先参考常规组合防全大组合回归。
    012路:上期开出21路组合,近10期0路开出6枚;1路开出6枚;2路开出8枚。根据近期分布来看,目前0路上奖减少,近期1、2路上奖走势活跃,新的一期关注0路出号反弹。
    12074期生肖乐推荐:
    复试推荐:03 04 06 07 08 12
    胆码推荐:12
    推荐组合:03 12, http://www.huangguanwang077.com/ 077皇冠网;04 12;06 12;07 12、08 12
    心水组合:03 12
    (众彩网)


티스토리 초보팁 20편 - HTML/CSS 편집을 이용한 블로그 스킨 수정



이전에 티스토리를 '가입형 블로그'와 '설치형 블로그'의 중간 정도의 성격을 갖는 블로그 플랫폼이라고 언급한 적이 있었습니다. 가입형 블로그의 쉽고 빠른 블로그 글의 배포와 쉬운 블로그 편집의 특성과 설치형 블로그의 강력한 블로그 편집기능의 특성을 동시에 가지고 있습니다.

이게 무슨말이냐하면, 티스토리에 초대장을 받고 가입만하면 누구든지 티스토리 블로그를 통해서 글을 발행할 수 있습니다. 게다가 티스토리가 제공하는 관리자 페이지를 이용해서 쉽게 티스토리의 블로그 세팅을 할 수 있습니다. ( 지금까지 우리가 배워 웠던 기능들을 사용할 수 있다는 말입니다. ) 이런 특징은 네이버 블로그나 다음 블로그 같은 가입형 블로그의 특징입니다.

이 뿐만아니라 티스토리는 직접 HTML 코드를 조작해서 블로그를 꾸밀 수 있는 보다 강력한 블로그 편집 기능을 제공하여 설치형 블로그의 특징도 가지고 있습니다. 이번 시간에는 바로 이런 블로그의 HTML을 조작 할 수 있는 설정 페이지에 대해서 알아 볼 예정입니다.


내 블로그의 HTML 코드를 수정해 보자.

  티스토리에서 HTML 편집을 제공하기 때문에 구글의 애드센스를 이용하여 수익도 얻을 수 있고, 다른 블로그 플랫폼보다 수익 창출에 훨씬 유리한 이점을 가지고 있어서 프로 블로거 분들이 많은 편입니다. 실제로 블로그를 이용하여 어마어마한 수익을 얻고 계신분들도 많이 있죠. ( '머니야머니야'님이라든지, '못된준코'님이라든지, 'Kay'님이라든지.. 많은 수익을 내고 계신 분들이 꽤나 있습니다. )


반면에 가입형 블로그인 네이버 블로그같은 경우에는 직접 HTML을 편집 할 수 없기 때문에 애드센스를 붙이기가 힘들죠. ( 그렇기 때문에 네이버 블로그의 많은 블로거 분들이 티스토리로 이주하기를 희망하고 있었습니다. 저도 네이버 블로그에서 활동하다가 접고 티스토리로 넘어 온 케이스구요 )

물론 네이버도 '애드 포스트'라는 수익 모델을 제시하고 있지만 티스토리의 HTML 편집 기능은 블로거에게 블로그 편집에의 자율성을 주기 때문에 여전히 매력적인 기능입니다. ( 심지어 블로그에 팝업 광고를 할 수도 있고, 악성코드 배포도 가능한 걸로 알고 있습니다. 물론 그런 용도로 사용하시는 분들은 없겠지만요. )


아무튼 티스토리의 가장 큰 장점이자 매력인 HTML 편집에 대해서 알아보도록 하겠습니다. 
관리자 메뉴에서 '스킨'->'HTML/CSS 편집'을 선택합니다.


뭔가 엄청난 것들이 나오죠?
여러분 블로그의 스킨이 HTML 형식으로 보여지는 것입니다. 이곳의 HTML 파일을 수정하면 여러분의 블로그에 수정된 사항이 반영이 되고, 이곳의 HTML을 수정함으로써 여러분 블로그를 여러분 나름대로 꾸밀 수 있습니다. 더 자세한 내용을 살펴 보자면,

'HTML/CSS 편집' 탭에는 HTML 소스와 CSS 소스를 편집할 수 있습니다. 'skin.html' 이라고 나오는 곳이 여러분 블로그의 HTML 소스가 나오는 부분이구요. 'style.css' 부분에 나오는 내용은 여러분 블로그의 스타일 시트 파일이 나오는 곳입니다.

간략하게 소개를 해드리자면, HTML 은 여러분 블로그의 구조를 나타내구요.  CSS 는 HTML 태그와 독립적으로 여러분 블로그의 스타일을 나타냅니다.

HTML은 집의 기둥과 벽 같은 커다란 구조를 의미하고 CSS는 집에 걸어 놓는 액자나 창문, 벽지 정도의 꾸미는 기능이 되겠습니다. 더 자세한 내용은 나중에 설명해 드리겠습니다.


'파일 업로드'여러분 블로그를 꾸밀 때 필요한 여러가지 소스들을 업로드 하는 곳입니다. 예를 들면, 새로 만든 배너를 블로그 상단에 게제하고 싶은데 그러려면 일단 서버에 업로드를 하고 그 주소를 가져와서 img 태그를 이용해 붙여야겠지요? 이 때 서버 역할을 할 수 있는 부분이 바로 이부분입니다. 이곳에 사진을 업로드 하고 그 사진을 이용해서 스킨을 편집할 수 있습니다.

사진 파일 뿐만아니라 플래시 파일이나 음악 파일도 업로드가 되는 것으로 보입니다. 뭐 플래시 게임 같은거 제작해서 이곳에 올린다음 배포를 해도 될 것 같네요..

이 곳을 이용해서 여러분의 블로그를 좀 더 잘 꾸밀 수 있습니다.


애드센스에 가입을 해서 블로그에 광고를 게재할 때나, 새로운 위젯을 블로그에 달고 싶을 때, 아니면 티스토리에서 제공하지 않는 기능을 구현해보고 싶을 때, 이 페이지를 이용하게 됩니다.

이제 티스토리 초보는 탈출 하셨으니 더 많은 것들을 배워 보도록 하세요~ ^^



▲ 이전 글 : 티스토리 초보팁 19편 -CCL을 통한 저작권 표시

  1. 이전 댓글 더보기
  2. 2010.09.14 10:11

    비밀댓글입니다

    • BlogIcon 파프리 꼬마낙타 2010.09.14 23:57 신고

      아.. 그게 있었네요 ㅎㅎ
      조언 감사합니다. ^^
      내일 모레 발행되는 포스트로 작성하도록 하겠습니다.!!

  3. BlogIcon 무릉도원 2010.09.14 10:17 신고

    스킨이라는 말만들어도 현기증이 납니다...
    마음대로 바꾸고 싶은데 잘 안되네요..ㅜㅜ...
    좋은 정보 잘 보고 갑니다....*^*

  4. BlogIcon *저녁노을* 2010.09.14 10:32 신고

    노을인 고정입니다. 태그를 잘 몰라서리..ㅋㅋㅋ
    잘 보고 가요.

  5. BlogIcon Seen 2010.09.14 11:02 신고

    정리를 깔끔하게 잘해놓으셨네요.
    저도 스킨 수정할 때 html, css 전혀 모르고 시작한터라 너무 고생했던 기억이. ㅋㅋ
    좋은 글 잘 보고 갑니다 ^^