it probono @daum 4강 블로그에 지도도 넣고, sns도 불러오고, 모금결제까지 척!...
DESCRIPTION
TRANSCRIPT
IT Probono @
| 비영리단체를 위한 사회공헌 프로그램입니다.
블로그에 지도도 넣고,
SNS도 불러오고, 모금결제까지
4강
블로그 레이아웃 사이즈
#header
#content #sidebar
#footer
#container
HTML/CSS
캘린더����������� ������������������ :����������� ������������������ 스케줄����������� ������������������ 공유1
http://itprobono.tistory.com/10
다음����������� ������������������ 캘린더����������� ������������������
1.����������� ������������������ 캘린더����������� ������������������ 접속����������� ������������������ ����������� ������������������ ����������� ������������������ http://calendar.daum.net/top
2.����������� ������������������ 캘릭더����������� ������������������ 추가����������� ������������������ 및����������� ������������������ 공개설정
3.����������� ������������������ 내보내기����������� ������������������ >����������� ������������������ HTML로����������� ������������������ 보내기����������� ������������������ >����������� ������������������ 설정����������� ������������������ 후����������� ������������������ 코드����������� ������������������ 완료
http://bluezine.tistory.com/170
2 웰앨범����������� ������������������ >����������� ������������������ ����������� ������������������ 3D����������� ������������������ wall
http://itprobono.tistory.com/11
1)����������� ������������������ 구글����������� ������������������ 피카사����������� ������������������ (http://picasaweb.google.com)����������� ������������������ 또는����������� ������������������ 페이스북����������� ������������������ 웹앨범����������� ������������������ 만들기
2)����������� ������������������ Cooliris����������� ������������������ 3D����������� ������������������ 서비스����������� ������������������ http://www.cooliris.com/yoursite/express/����������� ������������������ ����������� ������������������
3)����������� ������������������ 웹미디어����������� ������������������ 앨범의����������� ������������������ URL을����������� ������������������ 입력
4)����������� ������������������ Customize����������� ������������������ >����������� ������������������ HTML����������� ������������������ 코드����������� ������������������ 복사(copy)
����������� ������������������ 3D느낌의����������� ������������������ 웹앨범����������� ������������������ 만들기����������� ������������������
3 정보력����������� ������������������ 강한����������� ������������������ 웹슬라이드
PPT, PDF등의 컨텐츠 생태계 SlideShare
eBook과 잡지형태로 만드는 ISSUU
Zoom 기능으로 스토리텔링에 최적화된 Prezi
http://itprobono.tistory.com/14
협업도 가능한 마인드맵 서비스 mind42
웹기반����������� ������������������ 신청/설문����������� ������������������ 구글양식4
http://itprobono.tistory.com/12
5
실시간����������� ������������������ 대화����������� ������������������ (1)����������� ������������������ 트위터����������� ������������������ 토크보드소셜댓글(2)����������� ������������������ 페이스북����������� ������������������ 코멘트
http://twitter.com/about/resources/widgets/ http://developers.facebook.com/docs/reference/plugins/comments/
http://itprobono.tistory.com/16
트윗위젯 .....����������� ������������������ 트위터����������� ������������������ 게시판����������� ������������������ 만들기
1.����������� ������������������ 트위터에서����������� ������������������ [프로필]����������� ������������������ >����������� ������������������ [프로필]����������� ������������������ >����������� ������������������ 내����������� ������������������ 웹사이트에����������� ������������������ 트위터����������� ������������������ 넣기����������� ������������������ 선택
����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ 직접����������� ������������������ 주소����������� ������������������ :����������� ������������������ http://twitter.com/about/resources/widgets����������� ������������������
2.����������� ������������������ 사이즈와����������� ������������������ 색상,����������� ������������������ 위젯����������� ������������������ 성향(4개����������� ������������������ 중����������� ������������������ 하나)을����������� ������������������ 선택하고����������� ������������������ HTML코드����������� ������������������ 받기����������� ������������������
3.����������� ������������������ 블로그나����������� ������������������ 웹사이트에서����������� ������������������ HTML����������� ������������������ 모드로����������� ������������������ 설정하고����������� ������������������ 복사����������� ������������������
*����������� ������������������ 적용된����������� ������������������ 예����������� ������������������ :����������� ������������������ http://bluezine.tistory.com����������� ������������������ (해시태그����������� ������������������ #Chungeoram)����������� ������������������ SMlab
.....����������� ������������������ 소셜댓글
1.����������� ������������������ 페이스북����������� ������������������ 개발자����������� ������������������ >����������� ������������������ 소셜����������� ������������������ 플러그인����������� ������������������ (http://developers.facebook.com/docs/reference/plugins)����������� ������������������
2.����������� ������������������ 소셜댓글은����������� ������������������ ‘comments’����������� ������������������ 클릭����������� ������������������ >����������� ������������������ 필요한����������� ������������������ 네트워킹����������� ������������������ 정보를����������� ������������������ 입력
3.����������� ������������������ 정보를����������� ������������������ 입력한����������� ������������������ 후에����������� ������������������ Get����������� ������������������ Code����������� ������������������ 하면����������� ������������������ 플러그인����������� ������������������ 코드가����������� ������������������ 나옵니다.
4.����������� ������������������ 플러그인����������� ������������������ 코드를����������� ������������������ 블로그나����������� ������������������ HTML����������� ������������������ 게시판에����������� ������������������ 입력하면����������� ������������������ 완료!
SMlab
����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ ����������� ������������������ 페이스북����������� ������������������ 소셜플러그인
이미지����������� ������������������ 배너����������� ������������������ 만들기6
http://itprobono.tistory.com/17
감사합니다, 시민들의 열린 커뮤니
케이션 꿈꾸는
정수현이었습니다!“”
@socialjung