다음뷰 트랙백 주소

[라이프 채널]
일상다반사 :
http://v.daum.net/tb/ch/lifestory
취미 : http://v.daum.net/tb/ch/hobby
요리 : http://v.daum.net/tb/ch/recipe
맛집 :
http://v.daum.net/tb/ch/restaurant
여행 : http://v.daum.net/tb/ch/travel
연애 : http://v.daum.net/tb/ch/love
패션뷰티 : http://v.daum.net/tb/ch/fashion
건강 : http://v.daum.net/tb/ch/health
육아 : http://v.daum.net/tb/ch/childcare
반려동물 : http://v.daum.net/tb/ch/pet
군대 : http://v.daum.net/tb/ch/army
해외생활 : http://v.daum.net/tb/ch/global
재미 : http://v.daum.net/tb/ch/humor
DIY :
http://v.daum.net/tb/ch/diy

[문화연예 채널]
TV :
http://v.daum.net/tb/ch/tv
스타 : http://v.daum.net/tb/ch/star
영화 : http://v.daum.net/tb/ch/movie
음악 : http://v.daum.net/tb/ch/music
책 : http://v.daum.net/tb/ch/book
만화 : http://v.daum.net/tb/ch/ani
공연전시 : http://v.daum.net/tb/ch/theater
창작 : http://v.daum.net/tb/ch/series
문화 : http://v.daum.net/tb/ch/culture

[IT과학 채널]
IT :
http://v.daum.net/tb/ch/it
과학 : http://v.daum.net/tb/ch/science
게임 : http://v.daum.net/tb/ch/game
인터넷 : http://v.daum.net/tb/ch/internet
카메라 : http://v.daum.net/tb/ch/camera
모바일 : http://v.daum.net/tb/ch/mobile

[스포츠 채널]
축구 :
http://v.daum.net/tb/ch/soccer
해외축구 : http://v.daum.net/tb/ch/worldsoccer
야구 : http://v.daum.net/tb/ch/baseball
해외야구 : http://v.daum.net/tb/ch/worldbaseball
농구 : http://v.daum.net/tb/ch/basketball
배구 : http://v.daum.net/tb/ch/vollyball
골프 : http://v.daum.net/tb/ch/golf
스포츠일반 : http://v.daum.net/tb/ch/sportsgeneral

[경제 채널]
생활경제 :
http://v.daum.net/tb/ch/money
주식펀드 : http://v.daum.net/tb/ch/stock
부동산 : http://v.daum.net/tb/ch/estate
자동차 : http://v.daum.net/tb/ch/car
비즈니스 :
http://v.daum.net/tb/ch/business
취업직장 : http://v.daum.net/tb/ch/job

[시사 채널]
사회 :
http://v.daum.net/tb/ch/society
정치 : http://v.daum.net/tb/ch/politics
국제 : http://v.daum.net/tb/ch/world
미디어 : http://v.daum.net/tb/ch/media
교육 : http://v.daum.net/tb/ch/education

Posted by 90002


기본적인 티스토리 블로그에는 사이드바 모듈이 몇 개 없다.

따라서 애드센스 광고나, 즐겨찾기 추가, 등등을 넣고 싶으면 사이드바 모듈에 추가를 해 줘야 한다.











요게 일반적인 기본 티스토리의 모듈이다. 그런데 네이버 블로그와 달리 티스토리에는 사이드바 상에서 모듈을 추가할 수가 없다. 따라서 왼쪽에 보이는 HTML/CSS 편집 상에서 모듈을 추가해 주어야 한다.


굉장히 쉬우니까 아래 방법 대로만 따라해 보면 금방 할수 있을 것이다.





스킨의 기준은 티스토리 스킨에서 3번째 줄에 있는 magazine을 기준으로 하였다. 그러나 대부분의 블로그에서 비슷할 것이라 생각된다.



먼저, HTML/CSS 편집에 들어가자.




여기서 ctrl + f를 눌러서 


div id="sidebar"


요녀석을 검색해 보자. 아마 하나가 검색될 것이다.












얘가 사이드바 모듈을 시작하는 애다. 얘를 찾았으면 반은 성공!!






이제 여기부터 쭉 살펴보자.




눈치가 빠른 사람이라면 알겠지만, 








요기 파란색으로 칠한 부분이 하나의 모듈을 만드는 단위가 된다.


즉 



<s_sidebar_element>

하나의 모듈

</s_sidebar_element>


<s_sidebar_element>

하나의 모듈

</s_sidebar_element>


<s_sidebar_element>

하나의 모듈

</s_sidebar_element>



이렇게 나열되어 있는 구조다.




따라서 



<s_sidebar_element>

★★★★★★★

</s_sidebar_element>




표쳐진 부위에 원하는 태그를 아무거나 입력해서 아까  


div id="sidebar"



얘를 찾아서 


<s_sidebar_element>

하나의 모듈

</s_sidebar_element>


<s_sidebar_element>

하나의 모듈

</s_sidebar_element>


<s_sidebar_element>

하나의 모듈

</s_sidebar_element>




이 모듈들 사이에 끼워넣기만 해 주면 성공이다.




<s_sidebar_element>

하나의 모듈

</s_sidebar_element>


<s_sidebar_element>

원하는 모듈 추가

</s_sidebar_element>


<s_sidebar_element>

하나의 모듈

</s_sidebar_element>


<s_sidebar_element>

하나의 모듈

</s_sidebar_element>





예를 들어, 구글 애드센스 광고를 넣고 싶다면, 애드센스 코드를 그 사이에 붙여넣기해서 넣어 주면 된다.


애드센스 광고 말고도, 여러 다양한 태그를 넣으면 거의 다 되는 듯 싶다. 


본인의 블로그에는 즐겨찾기 추가도 링크해서 넣어 봤는데 잘 작동한다. 


아마 태그로 된 것들 대부분 가능한듯 하다.





추가적으로 모듈 이름을 넣으려면,  부분에 이름을 넣어서 입력하면 된다.



<s_sidebar_element>

<!--  -->

하나의 모듈

</s_sidebar_element>






구글 애드센스로 예를 들어 보자.




이렇게, 다른 사이드바 모듈(파란색) 사이에, 


새로운 모듈 칸을 넣고(붉은색),


이름 넣어 주고(노란색)


구글 애드센스에서 가져온 코드(진한회색)


넣어 주면, 





이렇게 새로운 모듈이 탄생하였다!




출처: http://afib.tistory.com/110

Posted by 90002

http://alexgorbatchev.com/SyntaxHighlighter/download/ 
위 site에 접속해서 최신 버전을 다운 받는다. (여기서는 5.0을 다운 받았다.)

zip파일이 다운로드 되며 압축파일을 풀어보면 compass, scripts, src, styles, tests 등 폴더들이 보일 것이다.
여기서 scripts 폴더에 들어가면 js파일들이 많이 보이는데 아래 그림과 같이 티스토리에 업로드를 해 준다.


동일한 방법으로 css 폴더 안에 있는 css파일들도 모두 다 업로드 해준다.

그 후에 아래와 같이 HTML/CSS편집 탭을 클릭한다.


소스 코드를 수정할 수 있는 공간이 상하로 2군데 보일 것이다. 우리가 수정할 곳은 위에 skin.html 파일이다.

아래 코드를 소스코드의 맨 아랫쪽에 있는 </body> 바로 위에 복사해서 넣어주자.

<script type="text/javascript" src="./images/shCore.js"></script>

<script type="text/javascript" src="./images/shBrushJava.js"></script>

<link href="./images/shThemeDefault.css" rel="stylesheet" type="text/css" />

<link rel="stylesheet" type="text/css" href="./images/shCoreDefault.css" />

<script type="text/javascript">

     SyntaxHighlighter.all();

</script>

</body>



아래는 소스 복사 후 모습이다.

 

이제 저장한다. 
(붉은 색으로 표시된 곳을 보면 shBrushJava.js 가 보일 것이다. 만약 Java가 아닌 php나 js, html 같은 다른 소스를 작성하고 싶다면  http://alexgorbatchev.com/SyntaxHighlighter/manual/api/autoloader.html 를 참고해서 autoloader라는 메소드를 이용해도 되고 ./images/shBrushPhp.js 같이 사용하고자 하는 언어에 맞게 파일명을 추가해주면 된다.)

이제 블로그 글을 작성해보자.
에디터의 우측 상단의 HTML을 체크해 주어야 한다.


그리고 아래와 같이 Java 소스 코드를 작성해 보자.

<pre class="brush:java">
public class A {

}
</pre> 

이렇게 작성하고 저장해보면 예쁘게 소스코드가  보일 것이다.

출처: http://babtingdev.tistory.com/310

Posted by 90002



에드젯에서 티스토리블로그와 네이버블로그에 위젯 달기 !



   애드젯 가입하러 가기

[애드젯 이해하기]
애드젯 이란? 광고시스템장치(adsystem+widget)란 뜻으로 본인의 블로그, 카페의 사이드에 위젯을 달아 유저들의 클릭을 
                    유도하여 광고수익을 얻는 방식입니다.  자세한 내용은 아래와 같습니다.

애드젯을 사용해보니, 여는 사이트에 비해 상당히 쉽게 이용할 수 있도록 심플하게 만들어졌다는 것입니다. 
또한, 애드젯은 네이버블로그에도 달아 수익을 낼 수 있기에 더욱 유용하죠. 
저처럼, 티스토리와 네이버에 블로그를 운영하는 분들에게는 딱~ 입니다^^
먼저, 티스토리 블로그에 설치하는 과정을 살펴보죠.


 [티스토리블로그에 설치하기 1 ]
 예로, 굿파일 위젯을 한번 달아보죠. 에드젯 메인홈페이지>에드젯가져가기에 들어가셔서 굿파일위젯을 찾아보세요 !!
 퍼가기(빨간색 동그라미)를 누른 후,


 [티스토리블로그에 설치하기 2 ]  
 상단에 광고종류는 CPC이고, 수익금은 10원이라고 되어있네요. 즉, 클릭 1번하면 10원이란 수익이 발생된다는 거죠.
 맨 아래 애드젯퍼가기, 네이버블로그에 퍼가기가 보이시죠. 티스토리 블로그에 달려면 에드젯퍼가기를 클릭하세요. 





 [티스토리블로그에 설치하기 3 ]
 에드젯퍼가기를 누르면 아래와 같이 소스가 보입니다. 소스복사하기를 누르세요!





 [티스토리블로그에 설치하기 4 ]
 소스복사하기를 누르셨으면, 티스토리블로그로 와서, 관리자>스킨>사이드바설정을 순서대로 진행하세요. 





 [티스토리블로그에 설치하기 5 ]
  사이드바 설정에 들어오시면 사용가능한모듈>HTML배너출력을 누르세요. 그러면, 사이드바꾸미기에 HTML배너출력이란
  항목이 새롭게 나타납니다. 그런 후, 편집(빨간 동그라미)을 클릭하세요. 

 참고로, 위젯의 위치를 변경하고 싶으시면, 사이드바꾸미기의 항목을 마우스로 끌어다 원하는 위치에 옮기시고 미리보기로
      확인하시면 됩니다.





 [티스토리블로그에 설치하기 6 ]
 HTML배너출력 항목에 편집을 눌러, 에드젯에 있던 굿파일위젯의 소스를 입력하고 확인을 누릅니다.





 [티스토리블로그에 설치하기 7]
 위젯을 미리보기(반드시)로 먼저 확인을 하신 후, 가로의 길이가 맞는지 보시고 저장을 하십시요. 
 어떤가요? 멋지게 잘 되었죠^^  위의 방식을 되풀이하면, 여러개의 위젯을 달수가 있습니다. 
참고로, 위젯을 무조건 내 블로그에 달아놓는다고 수익이 발생하는 것은 아닙니다. 
당연히 방문자수가 많다면 확률적으로 클릭율이 높아지긴 하겠지만, 동일한 조건에서 수익율을 높히기 위해서는 
1) 위젯의 내용    2) 위젯이 내블로그와 어울리는지   3) 위젯의 위치 등을 잘 판단해야 합니다.






[네이버블로그에 위젯달기 1]
이번엔 네이버블로그에 위젯을 다는 방법을 알아보겠습니다. 
티스토리 블로그에 비하면 네이버블로그에 다는 것은 매우 쉽습니다. 
[티스토리블로그에 설치하기 2 ]에 가보시면, 네이버블로그에 퍼가기를 누르시면 바로 자신의 네이버블로그에 설치가 완료됩니다.
(물론, 사전에 애드젯에 가입하여 본인의 티스토리블로그와 네이버블로그를 등록해야만 합니다)





내블로그 가기를 클릭하여 확인을 해봅니다. 




[네이버블로그에 위젯달기 2]
어떤가요? 네이버블로그에도 잘 설치가 되네요. 위의 배너들과 조화가 이루어지는지는 가로의 길이를 조정하여 맞추어주시면 됩니다. 또한 티스토리와 마찬가지로 네이버블로그도 위치를 조정하고 싶을 때는 관리>레이아웃선택>굿파일위젯 을 찾으신 후, 굿파일위젯
을 마우스로 드래그하여 맘에 드는 위치로 옮기시면 됩니다. 



출처) http://www.irezia.com/235

Posted by 90002
이전버튼 1 이전버튼

블로그 이미지
90002

공지사항

Yesterday1
Today3
Total125,057

최근에 달린 댓글

최근에 받은 트랙백

글 보관함