:: TTacom,NET ::

블로그 이미지
by TTacom.NET
  • 770,603Total hit
  • 56Today hit
  • 131Yesterday hit

'Knowledge/Web'에 해당되는 글 15건

  1. 2012.04.15
    토렌트 사이트 추천!!!(갱신) (5)
  2. 2010.04.26
    메인화면에 적당한 플래쉬..ㅎ :: 예쁘네용.
  3. 2010.02.17
    xe 레이아웃 (2)
  4. 2009.06.30
    카테고리 펼침 효과 (2)
  5. 2009.04.10
    무료 이미지 제공 사이트 모음 (4)
  6. 2009.04.10
    초간단 날짜계산 스크립트
  7. 2008.03.31
    html 색상코드표 :: 간단하게 사용하세요 (4)
  8. 2008.03.18
    티스토리 2차도메인 연결하기! (10)
  9. 2007.11.30
    TTacom.NET 도메인 구입!
  10. 2007.11.26
    애드클릭스 vs 애드센스
  11. 2007.11.25
    애드클릭스 설치후 6일만에 2클릭 달성! (6)
  12. 2007.11.10
    블로그 타이틀을 이미지로 바꾸기
  13. 2007.11.08
    티스토리에 웹폰트 적용하기!!
  14. 2007.11.08
    화이트데이10 웹폰트를 적용하다!
  15. 2007.11.08
    작고 귀여운 플래쉬 mp3 플레이어
http://www.btzoa.kr/  ( http://www.114s.kr/ : 여기서 btzoa.kr 주소 바뀌면 확인할수 있다. )

http://btorrent.co.kr/



없어지지 않기를..;;;;;





TRACKBACK :0 AND COMMENT 5

출처는 http://notepad.wo.tc/ 이곳입니다.
자세한건 이곳에서 찾아보시면 나오구요.
저도 아직 정확히 모르는 지라 질문에 대한 답변도 어려울듯..ㅎ
한번 해보세요..ㅎ









위와 같은 Slide 효과의 플래시를 사용할 수 있도록 마련된 설명서 입니다.

카페 대문 문제로 고민하시는 분들께 좋을 것 같습니다.

?용도
- 사이트 첫 화면, 네이버 카페 대문, 다음카페 대문


?장점
- 비교적 적은 노력으로 멋진 디자인을 연출할 수 있습니다.
- 플래시를 다룰줄 몰라도 됩니다.
- 스크립트 위주로 제작되어 용량이 적습니다.


?활용 예
http://cafe.naver.com/lovetaylor


?준비물
- 어떤 문구를 사용할 것인가 정해야 합니다.
- 너비 및 높이를 정해야 합니다. (네이버 대문은 플래시 가로 사이즈 741을 권합니다)
- 이미지를 5개 이상 준비해야 합니다. (가로 사이즈를 구하는 방법은 아래에서 소개합니다)
- 사이즈를 바꾸려면 플래시(Flash MX 2004 이상)가 있어야 합니다. (디폴트 741*320)


?방법
아래에서 소개합니다.


 

1. 다운로드
첨부된 4개의 파일을 받으세요. load.fla snow.swf slide.swf slide.txt
load.fla 파일을 열어 너비와 높이를 바꾸어 퍼블리싱 해줍니다.
load.swf 라고 하겠습니다.

 

2. 역할 및 데이터 연동
slide.txt : 세팅 파일
load.fla : 너비 및 높이를 정해주는 껍데기파일
slide.swf : 핵심파일입니다.
snow.swf : 눈내리는 효과
붉은 색으로 된 파일은 자신이 수정해야 합니다.
다음 태그가 작동하는지 게시물에 테스트해보세요.
<embed src="http://fs.textcube.com/blog/2/26747/attach/XVvj9phvvS.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="741" height="320" flashvars="var_url_txt=http://elkha.textcube.com/119/attach/slide_3.txt"></embed>
정상적으로 나온다면 3번으로 넘어갑니다.

 

3. 이미지 사이즈 결정
세로 이미지 사이즈는 플래시 높이와 같습니다.
이미지 가로 사이즈를 결정하는데는 두가지 방법이 있습니다.
- 이미지 너비를 직접 결정: ㄱ 으로 이동
- 플래시 너비에 비례하여 이미지 너비 결정: ㄴ 으로 이동
 ㄱ. 이미지 너비를 정하면 플래시 너비가 바뀌게 됩니다.
slide.txt 파일을 열어 var_img_width 값을 입력합니다.
그리고 ㄴ 과정으로 갑니다.
 ㄴ. slide.txt 파일을 열어 다음 항목들을 찾아 설정합니다.
var_images=이미지갯수
var_var_test=info
저장하여 웹에 업로드 합니다 (저는 텍스트큐브를 이용했습니다)
위의 2. 과정에 쓰인 태그에서 http://elkha.textcube.com/119/attach/slide_3.txt 부분을 텍스트파일 주소로  태그를 입력해봅니다.
그럼 다음과 같은 화면이 나옵니다.

@ Width_i 최적화된 플래시 너비를 가리킵니다.
@ img_width 최적화된 이미지 너비를 가리킵니다.
이미지를 @ img_width 값에 맞게 리사이징하면 됩니다.
Width 값과 @ Width_i 값이 일치하지 않으면 load.fla 너비를 @ Width_i 에 맞게 퍼블리싱 해주는 것이 좋습니다.
너비를 정하면 var_var_test=;info 라고 돌려놓습니다.

 

4. 설정
slide.txt 파일을 열고 값을 입력하면 됩니다. (주석참조)
* 값을 입력할 때 의미없는 줄바꿈과 주석제거는 삼가해주세요.

 

5. 입력


<embed src="http://fs.textcube.com/blog/2/26747/attach/XVvj9phvvS.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="너비" height="높이" flashvars="var_url_txt=slide.txt"></embed>
위의 태그를 입력합니다.

 

- 질문 및 건의
궁금하신점이나 제안사항은 http://notepad.wo.tc/qna 에 올려주세요.

TRACKBACK :0 AND COMMENT :0
http://www.premiumxe.com/?mid=market&category_srl=34685&page=1&package_srl=35941
TRACKBACK 2 AND COMMENT 2
제 블로그의 메뉴 카테고리 펼침효과는 다음과 같습니다.


 BlogIcon Seollem 님께서 제 블로그의 카테고리 펼침 효과에 대해서 궁금해 하셔서 이렇게 글을 남깁니다.

저도 제가 잘하는것도 아니라.. 제가 아는 선에서만 알려드릴게요.
그래도 충분히 혼자서 이렇게 만드실수는 있을거에요..^-^//

우선 밑에있는 걸 보시면 저기에서

 <div class="caca">
<h5><a onmouseover="slide('c_ttacom')" href='http://'상위메뉴1'의 주소'"><span>ㆍ상위메뉴1<span></a></h5>
<div id="c_ttacom" style="display:none">
 <div class="cacas"><a href='http://'하위메뉴1'의 주소'">- 하위메뉴1</a></div>
 <div class="cacas"><a href='http://'하위메뉴2'의 주소'">- 하위메뉴2</a></div>
 <div class="cacas"><a href='http://'하위메뉴3'의 주소'">- 하위메뉴3</a></div>
</div></div>

 
파란색은 각 카테고리 주소..
그리고 빨간색은 메뉴바에 표시될 것들입니다.

제 껄 예로 든다면 아래와 같은 모습이죠..^-^
이걸 작성해서 스킨편집하는 곳에 넣으시면 됩니다..^-^;;;;

 <div class="caca">
<h5><a onmouseover="slide('c_ttacom')" href='http://ttacom.net/category/TTacom'"><span>ㆍ따꼼's Story<span></a></h5>
<div id="c_ttacom" style="display:none">
 <div class="cacas"><a href='http://ttacom.net/category/TTacom/Gossip'">- 끄적거림</a></div>
 <div class="cacas"><a href='http://ttacom.net/category/TTacom/View'">- 나의시선</a></div>
 <div class="cacas"><a href='http://ttacom.net/category/TTacom/Products'">- 나만의작품</a></div>
 <div class="cacas"><a href='http://ttacom.net/category/TTacom/Rehabilitation'">- 재활일기</a></div>
 <div class="cacas"><a href='http://ttacom.net/category/TTacom/Travel'">- 여행일기</a></div>
</div></div>


이해가 되시나요?
부족하시다면...
다시금 질문을 주세요..^^


제 블로그의 전체적인 카테고리 모습은 다음과 같습니다..^^;;;; 

카테고리 전체보기


TRACKBACK :0 AND COMMENT 2
[무료 이미지 제공 - 국내 사이트 목록]
http://www.imagewide.com/
http://www.imagegood.co.kr/
http://ne4jin.com/bbs/board.php?bo_table=design3
http://www.iclickart.co.kr/
http://sinbd.com/bbs/board.php?bo_table=design
http://www.freeimagenet.com/
http://cm-builder.com/bbs/board.php?bo_table=design3
http://www.changhoji.co.kr/image.html
http://image.hobbyworld.co.kr/free/
http://www.allfreeimages.net (호이호이님이 추가해주신 곳)

[무료 이미지 제공 - 외국 사이트 목록]
http://www.animalpicturesarchive.com/
http://aarinfreephoto.com/gallery/index.shtml
http://www.ars.usda.gov/is/graphics/photos/
http://amazingtextures.com/textures/index.php
http://www.burningwell.org/gallery2/main.php
http://www.bigfoto.com/
http://www.buzznet.com/
http://www.barrysfreephotos.com/
http://commons.wikimedia.org/wiki/Category:Images
http://www.cepolina.com/freephoto/
http://creativity103.com/
http://www.diwiesign.com/index.php?page=stockphotos
http://www.dcnature.com/Index-list.htm
http://www.deviantart.com/
http://www.everystockphoto.com/
http://freephotosbank.com/
http://www.freepixels.com/
http://www.fontplay.com/freephotos/
http://www.freephotosbank.com/
http://www.freephotostation.com/
http://www.freephotosweb.com/
http://www.freeimages.com/photos/
http://www.freeimages.co.uk/
http://www.freefoto.com/index.jsp
http://www.free-graphics.com/
http://www.fatesoft.com/picture/
http://gillesgonthier.com/Photos/insecta.html
http://www.ironorchid.com/clipart/
http://joiimg.tistory.com/
http://www.imageafter.com/
http://www.insectimages.org/
http://www.morguefile.com/archive/
http://orangetrash.d2.hu/index2.html
http://openphoto.net/
http://www.pixelperfectdigital.com/free_stock_photos/
http://www.photogen.com/
http://www.photorack.net/
http://www.picture-newsletter.com/
http://photoeverywhere.co.uk/
http://www.studio25.ro/
http://www.stockvault.net/
http://stockcache.com/gallery/
http://www.sxc.hu/
http://visipix.dynalias.com/search/search.php?q=&u=1&l=en
http://www.woophy.com/map/index.php
http://yotophoto.com/

 

 

 

Most Popular
1. http://www.FreeFoto.com/index.jsp
2. http://www.KAVEWALL.com/stock/
3. http://www.aDigitalDreamer.com/gallery/index.php
4. http://www.FreePhotosBank.com/
5. http://www.FreeDigitalPhotos.net/
6. http://PDPhoto.org/
7. http://Visipix.dynalias.com/index_hidden.htm
8. http://www.Cepolina.com/freephoto/
9. http://www.DexHaus.com/v2/
10. http://www.FreeStockImages.net/
11. http://www.TurboPhoto.com/Free-Stock-Images/
12. http://YotoPhoto.com/
13. http://www.StockVault.net/
14. http://www.DreamsTime.com/
15. http://www.OpenStockPhotography.org/

Community-Powered Content
1. http://www.ImageAfter.com/
2. http://www.Unprofound.com/
3. http://www.FontPlay.com/freephotos/
4. http://www.Studio25.ro/
5. http://www.VintagePixels.com/
6. http://www.AbstractInfluence.com/forums/album_cat.php?cat_id=2
7. http://Amygdela.com/stock/
8. http://www.EveryStockPhoto.com/
9. http://www.Photocase.com/en/
10. http://stockart.deviantART.com/

Artists Welcome
1. http://www.SXC.hu/
2. http://www.Morguefile.com/
3. http://www.Woophy.com/map/index.php
4. http://www.photolib.NOAA.gov/
5. http://www.PixelPerfectDigital.com/free_stock_photos/
6. http://FreeRangeStock.com/
7. http://www.AMGMedia.com/freephotos/
8. http://www.Free-Photographs.net/
9. http://www.FreePhotos.com/
10. http://www.AnimationFactory.com/en/
11. http://www.Graphicsarena.com/
12. http://www.Fotogenika.net/modifica/igallery.asp
13. http://www.ImageTemple.com/
14. http://www.Flickr.com/
15. http://FreeLargePhotos.com/

Less is Sometimes More
1. http://www.Mayang.com/Textures/
2. http://www.FromOldBooks.org/
3. http://www.TextureWareHouse.com/gallery/index.php
4. http://FreeStockPhotos.com/
5. http://www.BurningWell.org/
6. http://www.DesignPacks.com/
7. http://AmazingTextures.com/textures/index.php
8. http://AarinFreePhoto.com/
9. http://davidniblack.com/ImageBase/
10. http://MajesticImagery.com/
11. http://www.Diwiesign.com/index.php?page=stockphotos
12. http://www.zurb.com/ZurbPhotos/
13. http://TOFZ.org/index.php
14. http://www.LIGHTmatter.net/gallery/
15. http://www.InsectImages.org/

Stock Images Plus
1. http://search.CreativeCommons.org/
2. http://www.FreeImages.co.uk/
3. http://www.CreatingOnline.com/stock_photos/
4. http://www.ArtFavor.com/
5. http://www.GeekPhilosopher.com/MainPage/photos.htm
6. http://Gimp-Savvy.com/PHOTO-ARCHIVE/index.html
7. http://www.Creativity103.com/
8. http://www.Afflict.net/
9. http://www.OneOddDude.net/
10. http://www.Megite.com/url/:iconfactory_com/home
11. http://www.PhotoshopSupport.com/resources/stock-photos.html
12. http://www.AncestryImages.com/
13. http://www.FreeMediaGoo.com/
14. http://photo.ITC.NPS.GOV/storage/images/
15. http://digitalgallery.nypl.org/NYPLdigital/index.cfm

Miscellaneous
1. http://BackgroundsArchive.com/
2. http://www.ARS.USDA.gov/is/graphics/photos/
3. http://www.HolyLandPhotos.org/
4. http://Stockcache.com/gallery/
5. http://www.FourBees.com/fourbees/phoelm.asp
6. http://clipmarks.com/Clipmark/96ED8A78-BE48-4D21-9A93-840203222B63/
7. http://www.nps.gov/archive/Yell/SlideFile/
8. http://www.hear.org/starr/HiPlants/images/
9. http://www.Microshots.org/
10. http://www.In-Texture.com/
11. http://www.TripAlbum.net/
12. http://OrangeTrash.d2.hu/index2.html
13. http://www.LogoDesignWeb.com/stockphoto/
14. http://www.BAJstock.com/
15. http://www.NWYHstockimages.com/

General
1. http://www.Public-Domain-Photos.com/
2. http://www.Bigfoto.com/
3. http://www.Photogen.com/
4. http://www.FreePixels.com/
5. http://Gallery.HD.ORG/index.jsp
6. http://PIX.halal.dk/
7. http://www.PhotoRack.net/
8. http://Free-StockPhotos.com/
9. http://www.BarrysFreePhotos.com/
10. http://Cromavista.ricardomartin.info/
11. http://www.IronOrchid.com/clipart/
12. http://www.ImageBlowout.com/
13. http://www.FreeImages.com/photos/
14. http://www.IloveFreePhoto.com/
15. http://www.FreePhotoStation.com/


출처 : http://blog.naver.com/50948?Redirect=Log&logNo=120051134387
TRACKBACK :1 AND COMMENT 4
엄청 간단하지만 좋네요.^-^//

출처는 http://mindeater.tistory.com/823 요기 입니다.


<script language="JavaScript">
var today = new Date();
var meetday = new Date(2008, 6, 22);  // 여기에 카운팅 시작 날짜를 넣습니다. 6이면 실제 7월입니다.
var days = Math.ceil((today-meetday)/24/60/60/1000);
days=days-1
document.write("금연(禁煙) 시작한지 " + days + " 일 "+ today.getHours() + "시간이 지남")  // 녹색부분을 적당히 수정해서 사용
</script>
TRACKBACK :0 AND COMMENT :0
블로그 꾸밀때 색상코드가 필요할때가 있죠?
그래서 하나 퍼왔습니다.
혹시나 저말고도 필요하신분이 계신가요? ^-^;;

출처 : http://qnsi.tistory.com/

  1. ■ BLACK #000000
  2. ■ DIMGRAY #696969
  3. ■ GRAY #808080
  4. ■ DARKGRAY #A9A9A9
  5. ■ SILVER #C0C0C0
  6. ■ LIGHTGREY #D3D3D3
  7. ■ GAINSBORO #DCDCDC
  8. ■ WHITE #FFFFFF
  9. ■ SNOW #FFFAFA
  10. ■ GHOSTWHITE #F8F8FF
  11. ■ WHITESMOKE #F5F5F5
  12. ■ FLORALWHITE #FFFAF0
  13. ■ LINEN #FAF0E6
  14. ■ ANTIQUEWHITE #FAEBD7
  15. ■ PAPAYAWHIP #FFEFD5
  16. ■ BLANCHEDALMOND #FFEBCD
  17. ■ BISQUE #FFE4C4
  18. ■ MOCCASIN #FFE4B5
  19. ■ NAVAJOWHITE #FFDEAD
  20. ■ PEACHPUFF #FFDAB9
  21. ■ MISTYROSE #FFE4E1
  22. ■ LAVENDERBLUSH #FFF0F5
  23. ■ SEASHELL #FFF5EE
  24. ■ OLDLACE #FDF5E6
  25. ■ IVORY #FFFFF0
  26. ■ HONEYDEW #F0FFF0
  27. ■ MINTCREAM #F5FFFA
  28. ■ AZURE #F0FFFF
  29. ■ ALICEBLUE #F0F8FF
  30. ■ LAVENDER #E6E6FA
  31. ■ LIGHTSLATEGRAY #778899
  32. ■ SLATEGRAY #708090
  33. ■ DARKSLATEGRAY #2F4F4F
  34. ■ LIGHTSTEELBLUE #B0C4DE
  35. ■ STEELBLUE #4682B4
  36. ■ ROYALBLUE #4169E1
  37. ■ MIDNIGHTBLUE #191970
  38. ■ NAVY #000080
  39. ■ DARKBLUE #00008B
  40. ■ MEDIUMBLUE #000CD
  41. ■ BLUE #0000FF
  42. ■ DODGERBLUE #1E90FF
  43. ■ CORNFLOWERBLUE #6495ED
  44. ■ DEEPSKYBLUE #00BFFF
  45. ■ LIGHTSKYBLUE #87CEFA
  46. ■ SKYBLUE #87CEEB
  47. ■ LIGHTBLUE #ADD8E6
  48. ■ POWDERBLUE #B0E0E6
  49. ■ PALETURQUOISE #AFEEEE
  50. ■ LIGHTCYAN #E0FFFF
  51. ■ CYAN #00FFFF
  52. ■ AQUA #00FFFF
  53. ■ TURQUOISE #40E0D0
  54. ■ MEDIUMTURQUOISE #48D1CC
  55. ■ DARKTURQUOISE #00CDE1
  56. ■ LIGHTSEAGREEN #20B2AA
  57. ■ CADETBLUE #5F9EA0
  58. ■ DARKCYAN #008B8B
  59. ■ TEAL #008080
  60. ■ SEAGREEN #2E8B57
  61. ■ DARKGREEN #006400
  62. ■ GREEN #008000
  63. ■ FORESTGREEN #228B22
  64. ■ MEDIUMSEAGREEN #3CB371
  65. ■ DARKSEAGREEN #8FBC8F
  66. ■ MEDIUMAQUAMARINE #66CDAA
  67. ■ AQUAMARINE #7FFFD4
  68. ■ PALEGREEN #98FB98
  69. ■ LIGHTGREEN #90EE90
  70. ■ SPRINGGREEN #00FF7F
  71. ■ MEDIUMSPRINGGREEN #00FA9A
  72. ■ LAWNGREEN #7CFC00
  73. ■ CHARTREUSE #7FFF00
  74. ■ GREENYELLOW #ADFF2F
  75. ■ LIME #00FF00
  76. ■ LIMEGREEN #32CD32
  77. ■ YELLOWGREEN #9ACD32
  78. ■ OLIVEDRAB #6B8E23
  79. ■ OLIVE #808000
  80. ■ DARKOLIVEGREEN #556B2F
  81. ■ DARKKHAKI #BDB76B
  82. ■ PALEGOLDENROD #EEE8AA
  83. ■ CORNSILK #FFF8DC
  84. ■ BEIGE #F5F5DC
  85. ■ LIGHTYELLOW #FFFFE0
  86. ■ LIGHTGOLDENRODYELLOW #FAFAD2
  87. ■ LEMONCHIFFON #FFFACD
  88. ■ WHEAT #F5DEB3
  89. ■ BURLYWOOD #DEB887
  90. ■ TAN #DEB48C
  91. ■ KHAKI #F0E68C
  92. ■ YELLOW #FFFF00
  93. ■ GOLD #FFD700
  94. ■ ORANGE #FFA500
  95. ■ SANDYBROWN #F4A460
  96. ■ DARKORANGE #FF8C00
  97. ■ GOLDENROD #DAA520
  98. ■ PERU #CD853F
  99. ■ DARKGOLDENROD #B8860B
  100. ■ CHOCOLATE #D2691E
  101. ■ SIENNA #A0522D
  102. ■ SADDLEBROWN #8B4513
  103. ■ MAROON #800000
  104. ■ DARKRED #8B0000
  105. ■ BROWN #A52A2A
  106. ■ FIREBRICK #B22222
  107. ■ INDIANRED #CD5C5C
  108. ■ ROSYBROWN #BC8F8F
  109. ■ DARKSALMON #E9967A
  110. ■ LIGHTCORAL #F08080
  111. ■ SALMON #FA8072
  112. ■ LIGHTSALMON #FFA07A
  113. ■ CORAL #FF7F50
  114. ■ TOMATO #FF6347
  115. ■ ORANGERED #FF4500
  116. ■ RED #FF0000
  117. ■ CRIMSON #DC143C
  118. ■ MEDIUMVIOLETRED #C71585
  119. ■ DEEPPINK #FF1493
  120. ■ HOTPINK #FF69B4
  121. ■ PALEVIOLETRED #DB7093
  122. ■ PINK #FFC0CB
  123. ■ LIGHTPINK #FFB6C1
  124. ■ THISTLE #D8BFD8
  125. ■ MAGENTA #FF00FF
  126. ■ FUCHSIA #FF00FF
  127. ■ VIOLET #EE82EE
  128. ■ PLUM #DDA0DD
  129. ■ ORCHID #DA70D6
  130. ■ MEDIUMORCHID #BA55D3
  131. ■ DARKORCHID #9932CC
  132. ■ DARKVIOLET #9400D3
  133. ■ DARKMAGENTA #8B008B
  134. ■ PURPLE #800080
  135. ■ INDIGO #4B0082
  136. ■ DARKSLATEBLUE #483D8B
  137. ■ BLUEVIOLET #8A2BE2
  138. ■ MEDIUMPURPLE #9370DB
  139. ■ SLATEBLUE #6A5ACD
  140. ■ MEDIUMSLATEBLUE #7B68EE
TRACKBACK :0 AND COMMENT 4
 그동안 잘못된 생각으로 인해서 티스토리 2차도메인 연결을 잘못하고 있었습니다. 그래서 매번 댓글알리미도 작동을 하지 않았죠! 멍청하게도 이걸 알아내는데 하루종일 걸렸습니다. 꼬세님의 도움이 아니였다면 알아내지도 못했겠죠? 물론 알고 나니 별거 아닌 착각이였더군요. ;; 그래도 늦게나마 알아내서 성공했기때문에 기분은 좋습니다.
 이 글은 글재주가 없는 제가 쓴것은 아니고 rukxer.net님이 써놓은신 글을 적당히 수정(솔직히 말하면 복사 수준이지만요.죄송합니다! ㅠ_ㅠ)하여 포스팅 한것입니다. 저같이 실수 하시는 분이 없도록 한번에 성공하길 바라면서 이 글을 시작하겠습니다.


1. 도메인 구매란?
 도메인(ex. TTacom.NET)을 구매하였다는 것은 바로 그 도메인의 주인이 되었다는 것입니다. TTacom.NET이라는 도메인을 구매시 계약한 기간동안 사용할 수 있는 권한을 획득한 것입니다.
  도메인을 구입은 검색사이트에서 '도메인등록'을 검색하면 나오는 많은 사이트에서 할 수 있으니 마음에 드는 곳에서 구입하면 됩니다. 필자는 통큰아이에서 3,300원으로 닷넷을 구입했는데, 지금 시점에서는 통큰아이가 제일 싼 것 같습니다.

 하지만 도메인은 그 자체만으로는 아무런 역할을 할 수 없습니다. 자동차에 비유하면 도메인은 자동차번호판이라고 볼 수 있습니다. 번호판은 샀지만 자동차에 부착하지 않은 것과 같습니다.



2. DNS란?
 구입한 도메인을 티스토리로 연결하기 위해서는 DNS를 이용하여야 합니다. DNS란 네트워크에서 도메인이나 호스트 이름을 숫자로 된 IP 주소로 해석해주는 TCP/IP 네트워크 서비스입니다. 이 DNS를 이용하여 구입한 도메인을 티스토리로 연결할 수 있는 것입니다. DNS서비스는 무료로 제공하는 http://www.codns.com이나 http://kr.dnsever.com 에서 이용할수도 있고, 혹은 도메인을 등록한 서비스 업체에서 제공하여 주는 DNS서비스를 이용할 수도 있습니다. 혹시 구입업체에서 DNS서비스를 지원해주지 않는곳이 있다면 codns나 dnsever에서 하시면 됩니다.



3. 실전! 구입한 도메인을 티스토리에 연결하기!


 간단한 절차는 다음과 같습니다.
(1) 사용할 도메인을 산다.
(2) DNSever에 가입, 구매한 도메인을 등록해 티스토리 IP와 연결시킴.
(3) 도메인의 정보 중, 네임서버를 DNSever에서 제공하는 네임서버로 변경함.
(4) 자신의 티스토리에서 2차 도메인을 활성화함.


  □ 사전준비
 2차도메인 연결하기전 알아야하는 것이 있습니다. 네임서버와 티스토리ip인데요. 이것은 다음과 같으니 걱정하실 필요가 없습니다.
(1) DNSever의 네임서버 : DNSever 홈페이지에서 간단히 확인 가능
(2) 티스토리의 IP 주소 : 티스토리 회원들이면 공통적으로 211.172.252.15입니다.

  □ 도메인 등록 & IP 설정
  이제 DNSever에 도메인을 등록하고 IP 설정을 주는 과정으로 넘어갑니다. 이 과정은 앞서 말씀드린 '테이블'을 만드는 과정이라고 할 수 있습니다.
DNSever로 접속, 로그인을 하시면 '도메인 추가'라는 메뉴를 이용해 도메인을 등록해줄 수 있습니다. 간단한 과정이므로 생략합니다.
그리고 나서 도메인 목록을 통해 등록한 도메인을 선택하면, 왼쪽 메뉴가 바뀝니다. 여기서 봐줄 것은 '호스트 IP(A) 관리' 메뉴입니다.
메뉴를 눌러 보면 아래쪽에 '호스트 IP(A) 추가'라는 부분이 있는데 여기에서 호스트 부분은 비워두시고 IP 쪽에 211.172.252.15를 기입합니다. 그리고 추가 버튼을 누르면 팝업 창이 뜨면서 선택지 두 개가 뜨는데, 권장값으로 그대로 사용하시기 바랍니다.
이렇게 해주시면 DNSever에서의 설정은 끝납니다.

  □ 네임서버 변경
 도메인 정보 중, 네임서버를 바꿔줍니다. 이 작업을 하기 위해 도메인을 구매했던 기관으로 이동합니다. 그리고 구매했던 도메인을 관리하는 쪽으로 들어가 '네임서버 변경'과 관련된 메뉴를 누릅니다. 이 과정은 기관별로 다르게 생겼기 때문에 자세한 설명은 생략합니다. 정 모르시겠다면 해당 기관에 직접 문의하시기 바랍니다.
 대부분 네임서버를 변경할 때 네임서버의 도메인과 IP를 기입하라고 합니다만, 기관에 따라서는 도메인만 쓰라고 하는 경우도 있습니다(호스트웨이 등).
어쨌거나 여기서 DNSever에서 제공하는 네임서버를 기입해줍니다. 주의할 점은, 1차와 2차를 모두 등록해야 한다는 것입니다.

1차: ns1.dnsever.com ( 222.231.0.1 )
2차: ns2.dnsever.com ( 218.145.53.20 )

이 설정을 모두 정상적으로 기입하셨다면, 이제 느긋하게 기다리셔야 합니다. 왜냐하면, 네임서버 변경이라는 설정은 전 세계에 걸쳐 적용이 되어야 하기 때문에 완벽하게 적용되기 까지는 최대 24시간 정도의 시간이 걸립니다.


 □ 마무리
이제 마지막으로 티스토리에서 2차 도메인 메뉴를 활성화시키고 도메인을 기입해 적용하면 모든 과정이 끝나게 됩니다.



4. 글을 마치면서..

  글의 서두에 말씀드렸듯이 종전에 제가 2차도메인 연결을 포워딩과 착각을 하는 바람에 오랫동안 댓글알리미를 사용하지 못했습니다. 혹시나 댓글알리미가 작동하지 않으시는 분이 있으시다면 2차도메인 연결의 오류가 아닐지 한번 생각해보세요. 그럼 이만 마치겠습니다. 좋은 정보 되었길 바랍니다.

 

포워딩을 2차도메인 연결과 착각한 경우 [열기]

TRACKBACK :0 AND COMMENT 10

예전부터 도메인을 가지고 있는 블로거를 보면 정말 부러웠습니다.
항상 사고싶다는 생각을 하긴 했지만 미쳐 행동으로는 옮기지 못했습니다.
하지만 드디어 제가 도메인을 샀습니다.

'ttacom' 제 아이디가 적힌 도메인을 검색해보니 '.com'을 제외한 모든 도메인을 구입할수 있더군요.
',kr'과 '.net' 중에서 엄청나게 많은 고민을 했습니다.
결국 'kr'도메인은 유지비면에서 너무 부담스러워 'TTacom.NET'으로 결정했습니다.
http://www.tongkni.co.kr(통큰아이)에서 net도메인을 1년에 3300원으로 해주더군요.
싸서 얼른 구입했습니다.
왠지 모르게 돈을 쓰고도 돈을 벌었다는 생각이 듭니다. ^-^;
아무튼 도메인을 사고 티스토리 계정을 연결하려고 하루동안 SHOW를 했습니다.
인터넷을 뒤져보니 타 DNS 연결 사이트를 통해서 간접적으로 연결이 이루어지도록 하는 글이 있더군요.
하지만 통큰아이에서 도메인을 구입하면 연결까지 하는 서비스가 있었습니다.
그걸 모르고 하루동안 정말 쌩쑈를 했다니 허무합니다.
아무튼 고생고생끝에 연결에 성공했습니다.
뿌듯합니다.
저만의 도메인이 생겼다는게 기쁩니다.
이왕이면 com이면 좋겠지만 net도 왠지 모르게 정이 갑니다.

이거 어쩌다 보니 통큰아이 광고글처럼 되버렸네요;
통큰아이와 팔자는 직접적인 연관이 없으니 오해마시고 구입 의사가 있으신 분은 참고하세요.
제가 검색해본바로는 지금 시점에선 통큰아이가 제일 싼거 같습니다.
말했듯이 그냥 참고만 하세요.^ ^;

참. 도메인 연결하는법은 제가 다시 글을 게재하겠습니다.
다시 찾으실 분은 TTacom.NET 로 접속하세요^-^//

TRACKBACK :0 AND COMMENT :0
애드클릭스와 애드센스를 블로그에 모두 적용시켜 보았습니다.
광고형태는 블로그화면의 많은 부분을 차지하는 이미지나 큰 배너형태의 광고가 아닌 텍스트 형식의 간단한 광고로 선택하였습니다.
제가 생각하는 블로그는 광고로 오염되어 글 자체의 본질을 손상해서는 안된다고 생각하기에 간단한 텍스트 형태의 광고로 한 것입니다.
물론 이런 텍스트 형태의 광고는 수입면에서는 분명히 적을것입니다.
하지만 블로그는 블로그일뿐 광고지가 아니라고 생각합니다.

그런데 생각해 보니 정말 아이러니합니다.
블로그가 광고로 물들이는건 싫은데도 광고를 걸어두다니요;;
후훗!! ^-^;
역시 돈의 힘은 대단합니다.

아무튼 애드클릭스와 애드센스 두가지 광고를 게재하고 보니 텍스트 광고면에서는 애드클릭스가 훨씬 나은것 같습니다.
애드센스는 한가지 광고를 간단한 종결형 문장으로 광고하는 반면 애드클릭스는 정말 클릭하고 싶게끔 만드는 유도형 문장으로 3가지 광고를 교체해가면서 광고하도록 되어있습니다.
밑에 붉은 글씨는 보면 아시겠지만 확연한 차이가 느껴집니다.
왠지 모르게 저는 애드클릭스에 더 관심이 끌립니다.
여러분들은 어떻세요?

그다지 클릭율은 높지 않겠지만 당분간은 텍스트광고로 해 놓고 클릭률을 확인해 봐야겠습니다.
나중에 결과도 같이 말씀드릴게요.
다음번에는 이미지 광고나 배너형태의 광고를 게재해서 실험해 볼 예정입니다.
TRACKBACK :0 AND COMMENT :0
애드 클릭스 설치 한지 벌써 6일이 지났습니다.
혹시나 해서 애드클릭스 홈페이지에 한번 들어가보니 이게 왠일?
무려무려 2클릭이나 되있는것 아니겠습니까?
ㅎㅎㅎ
이런 하찮은 따꼼v의 블로그에 오신것만으로도 감사해야할 판인데 광고까지 클릭해 주시다니 정말 눈물이 눈앞을 가리는군요.. ㅠ_ㅠ
아무튼 감사합니다.

앞으로는 저의 재활일지와 재활관련 소식들도 간간히 올릴예정이니 한번씩 놀러오세요..^-^;
내일 하루도 활기차고 행복한 하루 되세요~ ^-^//
TRACKBACK :0 AND COMMENT 6
블로그 타이틀을 이미지로 바꾸시려면..

http://daisy.pe.kr/285


이곳을 참고 하세요! ^-^//
저는 열심히 배우는중..ㅎ
TRACKBACK :0 AND COMMENT :0

여기저기 기웃거리며 웹폰트 적용법을 배웠다! ^ ^;;
어쩜 이리도 좋을까?

그리하여 제가 성공한 웹폰트 적용법을 올립니다.
물론 웹폰트는 구하셔야하겠죠?
혹시나 잘 모르시는 분을 위해 제가 화이트데이10.wdfd 파일 하날 올려드리겠습니다.

이게 공개용 자료가 아니면 어쩌지?-_-;
나도 인터넷에서 다운받았는데 문제가 된다면 바로 삭제하겠습니다.

아무튼 웹폰트를 다운받으시면 스킨직접올리기에서 업로드 시킵니다.
그리고 스킨편집에 들어가신 후..
 skin.htm에서 ctrl+F을 눌러 ##_article_rep_desc 을 검색하신 후 바로 위에 있는
<div class="article"> 항목을 <div class="article" style="font:10pt/150% 폰트이름;">으로 바꿔줍니다.(빨간부분을 추가하시면 됩니다.)

그리고 아래의 HTML 태그를 skin.htm의 <head>와 </head>사이에 넣어준다

<style type="text/css">
<!--
@font-face {font-family: 폰트이름; src:url(./images/폰트파일명.확장자);}
a:link {font-family: 폰트이름;font-size: 10pt;}
a:visited {font-family: 폰트이름;font-size: 10pt;}
a:hover {font-family: 폰트이름;font-size: 10pt;}
a:acvite {font-family: 폰트이름;font-size: 10pt;}
body,div,table,tr,td,p,span {font-family: 폰트이름;font-size: 10pt;}
-->
</style>

이렇게 하시면 바로 적용됩니다.
저같은 초보도 할수 있으니 모두 할수 있을거에요!
아자아자!

* 도움받은곳 = http://kcy1019.tistory.com/1
TRACKBACK :0 AND COMMENT :0
화이트데이10 글씨체를 적용했다.
하나하나 배워가는게 재미있는데 이게 또 얼마나 갈지 의문이네~
아무튼 즐거우면 되는거니까 신경쓰지말자!


<< 화이트 폰트 글씨크기 비교!! >>
글씨체 크기 8pt
글씨체 크기 10pt
글씨체 크기 12pt
글씨체 크기 14pt
글씨체 크기 18pt
글씨체 크기 24pt
글씨체 크기 36pt

음~
이런거군..^-^;
잘쓸게요~

more..

TRACKBACK :0 AND COMMENT :0

예쁜 글쓰기가 가능한 플레쉬 mp3 플레이어!
정말 작고 귀엽다.
seevaa님 블로그서 하나씩 주워오는중이다.
지금 쓰시는 구성도 맘에 든다.
깔끔한 흰바탕에 빨간 포인트^-^//
항상 도용할 준비가 되있는 나!
그러나 도용하고 싶어도 능력이 안되는 나!
 ㅠ_ㅠ
하나씩 배워서 해봐야지!
블로그 재밌다..ㅎㅎ

TRACKBACK :1 AND COMMENT :0

ARTICLE CATEGORY

행복한 세상v (161)
TTacom (73)
Society (4)
Rehabilitation (20)
Culture (31)
Knowledge (23)

CALENDAR

«   2018/07   »
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31        

ARCHIVE