f 터진수박 (Burst Watermelon) :: '블로그' 태그의 글 목록
반응형

네이버 라인 블로그 및 카페용 무료 스티커 (Naver Line Sticker for Blog and Cafe)

 

네이버 블로그 및 네이버 카페에서 사용할 수 있는 이모티콘들입니다. 무료로 구매가 가능하며 무제한 이용기간으로 등록됩니다.

 

라인캐릭터의 반란

 

 

문 '오늘 나 건들지마라' 편

 

 

라인 레인저스2

 

 

문 특별판

 

 

브라운 특별판

 

 

 

코니 특별판

 

 

부장님의 사생활

 

 

직장 여성코니의 회사 생활

 

 

브라운&코니 몰래 데이트

 

 

샐러리맨 문대리

 

 

 

그 외에 무료 스티커들

 

본인이 가지고 있는 스티커 확인하는 방법

 

업데이트 글 보기 (For more information, visit main hompage) : http://gturl.iptime.org

반응형
블로그 이미지

Burst Watermelon

교육의 모든 정보,투자,부동산,유용한 정보들

,
반응형

블로거 첫화면 글이 1개 또는 2개만 보일 경우 (Blogger shows only 1 or 2 latest posts in the first page)

 

 

 

첫화면에서 세팅된 글 수보다 적게 보이는 원인 (Reason)

  • 구글 블로그를 운영하다보면, 다른 문서를 가져오는 경우가 생기는데, 이때 블로그 첫화면에서 위와 같이 해당글이 사라지는 경우가 나타납니다. 이는 본문에 복사했던 원본 파일 형식과 구글 블로그에서 사용하는 편집모드 방식이 달라서 생기는 현상으로 주로 첫화면에 몇개의 포스팅을 보이게 할것인지 세팅해놓아도 최신글 2개나 또는 세팅된 숫자보다 적은글만 보이게 됩니다.
  • The blog posts are being directly pasted from such as Microsoft Word and other platform, these can cause problems as Word has a lot of hidden formatting which interferes with the functioning of the Blogger (like problems with number of posts per page being different from settings , problem with feed ,etc).

 

 

해결방법 (Solution)

  • 첫번째 방법 : 블로그의 전체 페이지를 다른곳에서 전부 복사해 넣으면 안됩니다. 첫 문장은 반드시 직접 입력합니다. 그 이후 문장부터는 복사해서 넣어도 괜찮습니다.
  • 두번째 방법 : 다른 문서 (마이크로소프트 워드 또는 다른 플래폼에서 작성된 웹페이지)에서 복사할때, 원본 형식 그대로 복사하지말고 텍스트 그 자체만 복사해오면 됩니다. (구글 블로그의 HTML 편집모드에서 복사해야 합니다.)
  • 만약 다른 플랫폼에서 작성된 글이 있다면, 해당 부분을 복사해서 윈도우 기본 편집툴인 노트패드에 복사해놓고 그 다음 그 노트패드에 적인 부분을 복사해서 붙여넣기하면 됩니다.
  • 크롬 브라우저를 사용할 경우 컨트롤+쉬프트+V 키를 눌러서 붙여넣기 하시면 됩니다.
  • 위와 같은 방법으로 글을 작성하면 아래와 같이 모든 목록을 첫 페이지에서 볼 수 있습니다.
  • When copying from Word , copy first to HTML mode of the post editor (not the Compose mode) and then switch to Compose mode to apply text customization (like bold , italics , etc). If you use Chrome , you can Use Ctrl+Shift+V to paste into Blogger (This pastes by removing any formatting)

 

 

 

업데이트 글 보기 (For more information, visit main hompage) : http://gturl.iptime.org

반응형
블로그 이미지

Burst Watermelon

교육의 모든 정보,투자,부동산,유용한 정보들

,
반응형

워드프레스 앱 (Wordpress for android and iOS app)

 

 

 

프로그램 소개 (Overview)

  • 워드프레스 기반의 사이트를 모바일에서도 쉽게 글을 작성 및 관리할 수 있도록 합니다.
  • 안드로이드뿐만 아니라 아이폰에서도 손쉽게 이용할 수 있습니다.
  • 로그인 정보와 연동된 본인의 사이트와 실시간으로 연동되어 관리가 쉽습니다.

 

 

주요 기능 (Features)

  • 푸쉬 앤고 (Post on the Go) : Publish blog updates from any corner of the globe. Or draft posts from the palm of your hand: you might find.
  • 통계 (Analytics) : Sneak a peek at your visitors and views on your morning commute. Track your most popular stories of the day on your lunch break. Discover where your readers come from, all around the world. Keep your finger on the pulse of your site.
  • 리더 (Reader) : Catch up with your favorite sites and join the conversation anywhere, any time — like Toronto street photographer Shane Francescut, who follows popular photography tags, browses new blog posts right in the Reader, and leaves likes and comments, all on his Android device.
  • 푸쉬 알림 (Push Notifications) : Keep up with your site’s activity, even when away from your desk. Check your notifications to keep conversations flowing with your followers. Engage with the community you’ve built — with just a touch on your screen.
  • 젯팩과 통합 (Jetpack Integration) : If you’re a self-hosted user with a Jetpack-powered site, like lifestyle blogger Katie Hoffman, you can publish posts and connect with readers from your device of choice. From notifications to sharing tools, you’ve got the entire WordPress community in your pocket.

 

시스템 요구사항 (System Requirements)

  • Mac OS X (10.9+)
  • Windows (7+)
  • Linux

 

다운로드 (Download)

 

 

실제 사용 영상 (How to use)


 

업데이트 글 보기 (For more information, visit main hompage) : http://gturl.iptime.org

반응형
블로그 이미지

Burst Watermelon

교육의 모든 정보,투자,부동산,유용한 정보들

,
반응형

2017 최고의 블로그 사이트 (2017 Best Free Blogging Sites & Platforms)

 

 

2017년 각 블로그 사이트별 특징들.

  • 각 블로그 사이트별 특징들은 아래와 같으며, 각각의 특징들을 추가적으로 업데이트될 예정입니다.

 

 

 

 

블로그 사이트들 (Blog sites)

 

 

최고의 블로그 사이트는? (Best Blog Site?)

필자가 생각하는 최고의 블로그 사이트는 개인 서버 또는 호스팅 업체를 이용한 워드프레스입니다. 워드프레스는 시각적으로 알아보기 쉽게 되어있어 초보자도 드래그 앤 드롭 방식으로 사이트를 꾸밀 수 있으며, 소스코드를 마음대로 수정할 수 있도록 되어있기때문에 전문가들도 아주 편리하게 이용할 수 있습니다. 또한, 수 많은 테마와 플러그인들이 있어 부족한 기능을 찾기 어려울 정도입니다.

 

업데이트 글 보기 (For more information, visit main hompage) : http://gturl.iptime.org

반응형
블로그 이미지

Burst Watermelon

교육의 모든 정보,투자,부동산,유용한 정보들

,
반응형

워드프레스 별점 또는 평점 삽입하기 Wordpress review rating plugin

 

 

 

워드프레스에 글 또는 게시판에 리뷰나 평점을 시각적으로 표현하고자할 때, 이 기능을 제공하는 여러 플러그인들 중 가장 많이 사용하는 프로그인인 WP Review입니다. 이 플러그인은 일반 게시글, 페이지 더불어 BB Press와 같은 게시판에도 보이게 할 수 있습니다.

WP Review 플러그인은 자동으로 게시글 앞 또는 뒤 그리고 사용자가 지정한 위치에 부착할 수 있게 되어있습니다. 또한 평점도 별모양, 퍼센테이지 그리고 10점만점 중 선택할 수 있게되어있으며, 프로버전 구매시 더 많은 타입을 선택할 수 있습니다.

다운로드 받기 : https://wordpress.org/plugins/wp-review/

 

 

WP Review 플러그인 특징들 (Features)

  • Fastest review plugin.
  • Stars, percentage and point rating system.
  • Supports Google Rich Snippets(schema.org)
  • 100% Fluid Responsive.
  • Option to set Global Position.
  • Option to change Global Colors.
  • Option to change individual review Colors and Positions.
  • Included tabbed widget to show recent reviews and popular reviews.
  • WP Multisite and Multiuser (WPMU / WPMS / WordPress MU) compatible.
  • Design it as you want, unlimited color options.
  • Easily use it in both Free and Premium WordPress Themes.
  • Translation Ready.
  • Reviews are displayed to visitors in a friendly format.
  • Completely customizable, including which fields to ask for, require, and show.
  • Minimal design but could be instantly made modern.
  • Works with caching plugins and all majority of themes.
  • Easy to modify the CSS to better fit your theme style.
  • Support for adding your own custom fields.
  • Minimalist, lightweight, and efficient code means that your users wonít notice any hiccups.
  • Position it above or below the content with ease and no coding.
  • Supports Shortcode [wp-review] to show review anywhere in post.
  • Developer friendly – Useful filters are included! So you can use it in your themes.

 

 

 

 

업데이트 글 보기 (For more information, visit main hompage) : http://gturl.iptime.org

 

반응형
블로그 이미지

Burst Watermelon

교육의 모든 정보,투자,부동산,유용한 정보들

,
반응형

티스토리 공감 버튼에 문구 추가 Tistory empathy button

 

 

 

티스토리를 운영하다보면 가끔 사람들이 보고가는지 아니면 글의 내용이 부족해서 관심이 없는것인지 알고 싶은 경우가 있습니다. 이런 경우 티스토리에서는 "공감"이라는 버튼을 추가해놓아서 방문자들이 해당글이 좋은지 표현하고 갈 수 있게되어있습니다. 단순히 공감버튼만으로 만족이 안되는경우, 추가 문구를 넣어서 방문자들에게 공감버튼을 잘 보이게끔 할 수 있습니다.

 

공감 버튼이 추가된 글의 구조 파악

  • 공감 버튼이 생성된 글의 소스코드를 보면 아래와 같은 구문이 추가되어있습니다.
  • 각각 Class와 ID가 주어져있는것을 볼 수 있습니다.

<div class="daum_like_wrapper"><iframe class="daum_like_button" id="daum_like_button_659" frameborder="0" scrolling="no" allowTransparency="true" </iframe></div>

 

공감문구를 삽입하기 위한 제이쿼리 스크립트 추가

 

  • 공감버튼 부분에 문구를 추가하기 위해선 JQuery(제이쿼리)를 사용해야합니다.
  • 관리자 메뉴에서 꾸미기 - HTML/CSS 메뉴를 클릭해서 HTML 편집기로 갑니다.
  • <head> 와 </head> 사이에 아래 스크립트를 삽입합니다.

<script src="http://code.jquery.com/jquery-git.js"></script>

 

문구를 삽입하기 위한 위치 지정 및 문구 삽입

 

  • </body> 바로 윗부분에 아래 스크립트를 삽입합니다.
  • 여기서 ".insertAfter"는 공감버튼 바로 아랫부분에 문구가 추가되며, ".insertBefore"로 변경하면 공감버튼 바로 윗부분에 문구가 추가됩니다.

<script type='text/javascript'>
$('<p><center><font color="#b30000"><strong>"공감"</font>은 로그인 없이 클릭만으로 큰 힘이 됩니다.</strong></center></p>').insertAfter($('.daum_like_button'));
</script>

 

  • 이 스크립트는 모바일 버전에서는 적용되지 않습니다. (데스크탑 버전에서만 적용됩니다.)

 

업데이트 글 보기 (For more information, visit main hompage) : http://gturl.iptime.org

반응형
블로그 이미지

Burst Watermelon

교육의 모든 정보,투자,부동산,유용한 정보들

,
반응형

워드프레스에 소스코드 넣는방법 Posting Source code on wordpress

 

 

 

워드프레스의 경우 공식적으로 본문에 소스코드 넣는 기능을 지원하고 있지만, 방문자들이 보기엔 여전히 불편한 상태입니다. 예전부터, 많이 사용했던 신택스 하이라이터 플러그인을 사용하면 방문자들이 소스코드를 프린트하거나 복사해갈 수 있게합니다. 또한, 소스코드 영역의 테마도 지원하고 있어 블로거들이 마음대로 소스코드 테마를 꾸밀 수 있게 되어있습니다.

  • 플러그인 설치 (Install Plugin Ver. 3.21) : Synatx Highlighter Evolved
  • 소스코드 영역의 오른편 상단에 작은 아이콘들은 왼쪽부터, 소스코드 새로운 창에서보기, 가운데 가려진 아이콘은 복사하기, 오른쪽에서 2번째는 프린트하기 마지막으로 도움말입니다.
  • Ver 3.0 과 Ver 2.0이 있는데, 두가지 중 아무거나 선택해도 워드프레스에서 잘 작동합니다. 현재 필자가 사용하는 버젼은 2.0입니다. (3.0 버젼에서는 오른쪽 상단의 프린트하기, 새로운 창에서 보기 등의 기능을 지원하지 않습니다.)
  • 먼저 본문중에 어떤 종류의 소스코드를 넣을것인지 결정하면 아래와 같이 대괄호를 사용하여 본문에 그대로 입력합니다.

[언어이름]
이 부분에 소스코드를 붙여넣습니다.
[/언어이름]

 

  • 예를 들어 자바스크립트를 삽입하고자하면,
[Javascript]
여기에 자바스크립트를 붙여넣습니다.
[/Javascript]

 

  • 지원하는 프로그래밍 언어들
    • actionscript3
    • bash
    • clojure
    • coldfusion
    • cpp
    • csharp
    • css
    • delphi
    • diff
    • erlang
    • fsharp
    • go
    • groovy
    • html
    • java
    • javafx
    • javascript
    • latex (you can also render LaTeX)
    • matlab (keywords only)
    • objc
    • perl
    • php
    • powershell
    • python
    • r
    • ruby
    • scala
    • sql
    • text
    • vb
    • xml

 

  • 아래표에서 가운데 항목들을 입력하시면 됩니다.

Brush name Brush aliases File name
ActionScript3 as3, actionscript3 shBrushAS3.js
Bash/shell bash, shell shBrushBash.js
ColdFusion cf, coldfusion shBrushColdFusion.js
C# c-sharp, csharp shBrushCSharp.js
C++ cpp, c shBrushCpp.js
CSS css shBrushCss.js
Delphi delphi, pas, pascal shBrushDelphi.js
Diff diff, patch shBrushDiff.js
Erlang erl, erlang shBrushErlang.js
Groovy groovy shBrushGroovy.js
JavaScript js, jscript, javascript shBrushJScript.js
Java java shBrushJava.js
JavaFX jfx, javafx shBrushJavaFX.js
Perl perl, pl shBrushPerl.js
PHP php shBrushPhp.js
Plain Text plain, text shBrushPlain.js
PowerShell ps, powershell shBrushPowerShell.js
Python py, python shBrushPython.js
Ruby rails, ror, ruby shBrushRuby.js
Scala scala shBrushScala.js
SQL sql shBrushSql.js
Visual Basic vb, vbnet shBrushVb.js
XML xml, xhtml, xslt, html, xhtml shBrushXml.js

 

업데이트 글 보기 (For more information, visit main hompage) : http://gturl.iptime.org

반응형
블로그 이미지

Burst Watermelon

교육의 모든 정보,투자,부동산,유용한 정보들

,
반응형

구글 블로그 글 목록만 보이게하기 Blogger list post title

 

 

 

    만드는 방법
    1. 관리자 메뉴 왼편에서 페이지 - 새페이지를 차례대로 클릭합니다.
    2. 왼편 상단의 [HTML]을 클릭합니다.
    3. 아래 코드를 복사해서 붙여넣고 오른쪽 상단의 "게시" 버튼을 클릭합니다.
    4. 다시 관리자 메뉴에서 "레이아웃"을 클릭합니다.
    5. 사이드바에서 가젯추가 버튼을 클릭하여 "페이지가젯"을 선택합니다.
    6. 표시할 페이지에서 위에서 만들었던 페이지를 선택하고, 가젯 제목을 입력한다음 저장합니다.

 

  • 제목 옆에 글 생성 날짜까지 보이게 할 경우 : 아래 코드 중 a1E.textContent = title + " (" + date.substr(0,10) + ")"; 그대로 유지한다.
  • 제목 옆에 글 생성 날짜를 안보이게 할 경우 : 아래 코드 중 a1E.textContent = title + " (" + date.substr(0,10) + ")"; -> a1E.textContent = title; 와 같이 수정합니다.

 

[javascript]
<div>
<ul id="postList12"></ul>
</div>
<script type="text/javascript">
var startIndex = 1;
var maxResults = 150;
var allResults = [];
function sendQuery12()
{
var scpt = document.createElement("script");
scpt.src = "/feeds/posts/summary?alt=json&callback=processPostList12&start-index=" + startIndex + "&max-results=" + maxResults;
document.body.appendChild(scpt);
}

function printArrayResults(root)
{
//Sort Alphebetically
allResults.sort(function(a, b){
var a_string = a.children[0].textContent ;
var b_string = b.children[0].textContent ;

if(a_string < b_string) return -1;
if(a_string > b_string) return 1;
return 0;
})

var elmt = document.getElementById("postList12");
for (index = 0; index < allResults.length; index++) {
elmt.appendChild(allResults[index]);
}
}

function processPostList12(root)
{
var elmt = document.getElementById("postList12");
if (!elmt)
return;

var feed = root.feed;

if (feed.entry.length > 0)
{
for (var i = 0; i < feed.entry.length; i++)
{
var entry = feed.entry[i];
var title = entry.title.$t;
var date = entry.published.$t

for (var j = 0; j < entry.link.length; j++)
{
if (entry.link[j].rel == "alternate")
{
var url = entry.link[j].href;
if (url && url.length > 0 && title && title.length > 0)
{
var liE = document.createElement("li");
var a1E = document.createElement("a");
a1E.href = url;
a1E.textContent = title + " (" + date.substr(0,10) + ")";
liE.appendChild(a1E);
//elmt.appendChild(liE);
allResults.push(liE);
}
break;
}
}
}
if (feed.entry.length >= maxResults)
{
startIndex += maxResults;
sendQuery12();
} else {
printArrayResults();
}
}
}
sendQuery12();
</script>
[/javascript]

 

 

업데이트 글 보기 (For more information, visit main hompage) : http://gturl.iptime.org

반응형
블로그 이미지

Burst Watermelon

교육의 모든 정보,투자,부동산,유용한 정보들

,
반응형

워드프레스 카테고리 변경 Change wordpress multiple posts to other category

 

워드프레스를 이용하여 블로그나 홈페이지를 운영하다보면 필연적으로 카테고리가 늘어날 수 밖에 없습니다. 이 경우 기존에 있던글의 카테고리를 변경하거나 추가해야되는 상황을 겪을 수 있습니다.
워드프레스는 벌크(Bulk)라는 기능으로 기존 글들이 속해있는 카테고리에 추가로 다른 카테고리 영역에 넣을 수 있지만, 기존에 설정되어 있는 카테고리를 삭제하고 새 카테고리로 옮겨야 되는 경우 플러그인을 사용하는 방법밖엔 없습니다.
워드프레스의 Batch Cat 이라는 플러그인은 개발된지 상당히 오래되었지만, 여전히 카테고리 변경 분야에서 빼놓을 수 없는 플러그인 중 하나입니다.

 

  • 먼저 플러그인 - 새로 추가하기에서 Batch Cat을 검색하여 설치 및 활성화 해놓습니다.

 

  • 설치 후 관리자 메뉴 왼편에서 도구 - Batchc Cat을 클릭합니다.

 

  • 왼쪽 상단에 변경하거나 추가해야하는 대상이 속한 글들의 카테고리를 선택하여 Search 를 클릭합니다.

 

  • 아래처럼 카테고리 변경 및 삭제해야하는 대상글들을 선택합니다.

 

  • 변경해야하는 글들을 선택하고 화면 하단 부분에서 변경하고자하는 카테고리를 선택 후, 맨 아래 메뉴에서 원하는 기능을 클릭하면 됩니다.
    • Set categories to posts : 기존에 설정되어 있는 카테고리를 삭제하고 새로운 카테고리로 대체하는 기능입니다.
    • Add categories to posts : 기존에 설정되어 있는 카테고리에 새로운 카테고리를 추가하는 기능입니다.
    • Drop categories from posts : 기존에 설정되어 있는 카테고리를 삭제합니다.

 

 

 

업데이트 글 보기 (For more information, visit main hompage) : http://gturl.iptime.org

반응형
블로그 이미지

Burst Watermelon

교육의 모든 정보,투자,부동산,유용한 정보들

,
반응형

사이트맵 생성 프로그램 Sitemap generator

사이트맵이란? (What is Sitemap?)

사이트맵은 홈페이지나 블로그의 지도를 XML 형식의 파일로 나타내주는 파일입니다. 구글, 네이버, 다음, 야후와 같은 검색 사이트가 방문자가 특정 단어를 검색하면 이 파일을 가지고 가장 빠르게 검색 결과에 본인의 홈페이지나 블로그를 보여줄 수 있도록 해주는 일종의 지도입니다. Sitemap의 가장 간단한 형식은 검색 엔진에서 사이트를 보다 지능적으로 크롤링할 수 있도록 각 URL에 대한 추가 메타데이터(마지막 업데이트된 날짜, 변경 빈도, 사이트의 다른 URL에 상대적인 중요도)와 함께 사이트에 대한 URL을 나열하는 XML 파일입니다. (Sitemaps are an easy way for webmasters to inform search engines about pages on their sites that are available for crawling. In its simplest form, a Sitemap is an XML file that lists URLs for a site along with additional metadata about each URL (when it was last updated, how often it usually changes, and how important it is, relative to other URLs in the site) so that search engines can more intelligently crawl the site.)

 

사이트맵 형식 (Sitemaps XML format)

Sitemap 프로토콜 형식은 XML 태그로 구성됩니다. Sitemap의 모든 데이터 값은 엔티티 이스케이프되어야 하며 파일 자체는 UTF-8로 인코딩되어 있어야 합니다. Sitemap은 다음 사항을 만족해야 합니다.

  • 여는 <urlset> 태그로 시작해 닫는 </urlset> 태그로 끝납니다.
  • <urlset> 태그 안에 네임스페이스(프로토콜 표준)를 지정합니다.
  • 각 URL의 <url> 항목을 상위 XML 태그로 포함시켜야 합니다.
  • 각 <url> 상위 태그에 <loc> 하위 항목을 포함시켜야 합니다.

 

사이트맵 업데이트는 언제 해야 되나요? (How often should I update my sitemap?)

Sitemap은 해당 사이트의 컨텐츠 구성을 나타내주는 일종의 지도이므로 새로운 컨텐츠를 생성할때마다 업데이트를 해줘야 합니다. 즉, 매일 매일 새로운 글을 블로그에 업데이트를 하면, 그 때마다 새로 사이트맵을 생성해서 검색 사이트에 다시 등록해야합니다. 워드프레스와 구글 블로거와 같은 경우 사이트맵을 자동적으로 매일 업데이트되므로 이러한 번거로움이 없지만, 티스토리 같은경우 매일매일 업데이트를 수동으로 해주고 검색 사이트에도 등록해줘야 합니다.


온라인 사이트맵 생성기 (Online web-based sitemap generator)

 

컴퓨터 설치방식 사이트맵 생성기 (Offline free sitemap generator - Need to install)

  • Visual SEO Studio (Download at here!!!)
    • Crawl and see on-site issues with ease
    • Comprehensive SEO suggestions to guide you
    • Full control of your XML Sitemaps
    • Community Edition is Free
    • 30-day Trial of the Professional Edition

 

  • G-Mapper (Download at here!!!) : G-Mapper is a free, unlimited, HTML, RSS and Google XML Sitemap generator compatible with all major search engines including Google, Bing, Baidu, Yandex and more. Sitemaps tell search engines when and how often pages are updated, and their relative importance to improve your website coverage and ranking.
    • Automatically spider your website
    • Full support for the sitemap.org 0.9 protocol
    • HTMLXMLRSS, and text sitemap formats
    • Compatible with Google, Yahoo, Microsoft Bing and more
    • Support for Google sitemap images 1.1
    • Easy manual editing of files individually or in batch
    • Fully configurable with simple sitemap configuration wizard
    • Unlimited sitemaps each with their own configuration
    • Unlimited number of files and folders in a sitemap
    • Automatic spidering of pages and their meta data
    • GZIP compression for faster upload
    • Upload your sitemaps to your server using FTP
    • Ping Google, Yahoo, Microsoft Bing and Ask
    • For more information see the quick tour or detailed help

 

  • GWebCrawler & Google Sitemap Creator (Download at here!!!)
    • Include only if URL contains field
    • Exclude URLs containing field
    • URL variables to parse out - only one variable is supported as of now
    • Save / Load Form's settings
    • Save / Load Queue file
    • Create Google Sitemap XML file
    • See the Queue list while processing
    • Thread Priority can be set while script is running
    • Show details of processing as how many unique urls were parse out, which one is being processed...
    • Shows current version in real time

 

 

업데이트 글 보기 (For more information, visit main hompage) : http://gturl.iptime.org

반응형
블로그 이미지

Burst Watermelon

교육의 모든 정보,투자,부동산,유용한 정보들

,
반응형

블로그에 움직이는 차트, 그래프 넣는 방법 (how to embed chart or graphs)

 

  • 블로그나 홈페이지에 움직이는 동적 차트를 삽입하면 보는 사람들이 쉽게 특정 지점의 값을 보거나 확인할 수 있으며, 스크린샷보다 훨씬 더 구체적인 데이타를 보여줄 수 있는 양질의 글을 만들 수 있습니다.
  • 제일 쉽게 차트를 삽입할 수 있는 구글에 접속합니다. (https://docs.google.com/spreadsheets/u/0/)
  • 왼편 상단의 새 차트 만들기 "+" 아이콘을 클릭합니다.

 

  • 차트를 만드는데 필요한 데이타 값들을 입력합니다.

 

  • 마우스로 차트를 만들고자하는 데이타 영역을 선택 후 오른편 상단의 차트만들기 아이콘을 클릭합니다.

 

  • 차트가 만들어지면,  왼편 하단의 "Add sheet" 아이콘을 클릭하여 새 영역을 만들어 위에서 만들어진 차트를 잘라서 붙여넣기 합니다.

 

  • 차트의 크기를 조절 후, 마우스로 차트의 아무곳이나 클릭하면, 오른편 상단의 "…" 아이콘이 나옵니다.

 

  • "Publish Chart..." 메뉴를 클릭하면, 블로그 또는 홈페이지에 삽입하고자하는 탭을 선택합니다. 그리고 링크방식이나 직접 삽입방식을 선택하고, 스크린샷 방식이나 동적 방식으로 선택도 가능합니다.
  • 차트 삽입을 위한 코드를 복사하여, 블로그나 홈페이지의 보여주고자하는 위치에 소스코드를 직접 삽입하면 완성됩니다.
  • Embed code 중 Scrolling="no" 로 설정되어 있습니다. 만약 차트가 일부 안보이면 "no" -> "Yes"로 바꿔주시면 방문자들이 스크롤을 이용하여 차트를 다 볼 수 있게됩니다.

 

  • 글에 차트 삽입이 완료가 되면 아래와 같이 나타나게 됩니다.

 

업데이트 글 보기 (For more information, visit main hompage) : http://gturl.iptime.org

반응형
블로그 이미지

Burst Watermelon

교육의 모든 정보,투자,부동산,유용한 정보들

,
반응형
  • 워드프레스(Wordpress) 사용시 블로그 사용자는 꾸준한데, 댓글이 전혀 없는 상태가 되는 경우가 있습니다. 이 경우는 직접 블로그 관리자가 "Guest"로 블로그를 접속해서 댓글이 제대로 되는지 확인하는 방법밖엔 없습니다.
  • 워드프레스에서 가장 많이 사용하는 플러그인 중 하나인 Wordfence 및 Jetpack 은 여러가지 기능을 제공하는데, 이 기능들이 제대로 된 기능을 오히려 막는 경우가 생기기도 합니다. 여러가지 에러들 중 하나인 댓글을 달지 못하게 되는 "유효하지 않은 토큰 에러(invalid security token error)"를 볼 수 있습니다.
  • 이 경우 각각 Wordfence 및 Jetpack의 경우 어떻게 해결하는지 아래와 같이 따라하시면 됩니다.

 

  • Wordfence plug-in 관련 에러일 경우 : wp-config.php 를 편집 프로그램으로 열어서 아래 4줄을 삭제하시기 바랍니다.
define('ADMIN_COOKIE_PATH', '/');
define('COOKIE_DOMAIN', '');
define('COOKIEPATH', '');
define('SITECOOKIEPATH', '');

 

  • Jetpack plug-in 관련 에러일 경우 : 젯팩-설정-토론 메뉴에서 코멘트 기능을 비활성화 하시기 바랍니다.

 

업데이트 글 보기 (For more information, visit main hompage) : http://gturl.iptime.org

반응형
블로그 이미지

Burst Watermelon

교육의 모든 정보,투자,부동산,유용한 정보들

,
반응형
  • 다음 티스토리를 운영하면서 마우스 우클릭 또는 드래그를 방지하는 기능이 필요한 경우가 생깁니다. 이 경우 코드를 삽입하여 두 기능을 활성화 시킬 수 있습니다.
  • 먼저 "티스토리 관리 - 꾸미기 - HTML/CSS 편집"을 차례대로 클릭합니다.


  • 오른편 소스코드에서 <Body>를 찾기로 검색합니다. (CTRL + F 키를 눌러서 검색)


  • 해당 코드를 아래와 같이 변경합니다.
<body id="" oncontextmenu="return false" onselectstart="return false" ondragstart="return false">


업데이트 된 글 보기 (For more information, visit main hompage) : http://gturl.iptime.org

 

접속 안될 때 (When you can't access to main homepage) : http://burst-watermelon.blogspot.com

반응형
블로그 이미지

Burst Watermelon

교육의 모든 정보,투자,부동산,유용한 정보들

,
반응형
  • 구글 블로그를 운영하면서 마우스 우클릭 또는 드래그를 방지하는 기능이 필요한 경우가 생깁니다. 이 경우 각각 코드를 삽입하여 두 기능을 활성화 시킬 수 있습니다.


  • 마우스 우클릭 방지 (Disable Right Click) : 대쉬보드 (Dashboard) - 템플릿 (Template) - HTML편집으로 이동하여 찾기 기능으로 (Ctrl+F) </body> 를 찾은 후, 아래 코드를 바로 윗부분에 붙여넣습니다. 
  • Download Source Code : Download!!

&lt;script language=javascript&gt;
&lt;!--

var message=&quot;&quot;;

function clickIE()
{
if (document.all) {
(message);return false;}
}

function clickNS(e)
{
if (document.layers||(document.getElementById&amp;&amp;!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}
}

if (document.layers){
document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{
document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function(&quot;return false&quot;)

// --&gt;
&lt;/script&gt;


  • 긁어오기(드래그) 방지 (Disable Drag) : 대쉬보드 (Dashboard) - 템플릿 (Template) -  맞춤설정 -> 고급으로 이동합니다. 고급 메뉴 중 'CSS추가'에서 아래 코드를 삽입하면 됩니다.
  • Download Source Code : Download!!
html, body, div, span, object, form, input, h1, h2, button, label, a, img { -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; /* this will work for QtWebKit in future */ -webkit-user-drag: none; } input[type=text] { -moz-user-select: text; -webkit-user-select: text; }


업데이트 된 글 보기 (For more information, visit main hompage) : http://gturl.iptime.org

 

접속 안될 때 (When you can't access to main homepage) : http://burst-watermelon.blogspot.com


반응형
블로그 이미지

Burst Watermelon

교육의 모든 정보,투자,부동산,유용한 정보들

,
반응형
  • 구글 블로그에서 제공하는 템플릿들을 사용하면, 각 포스팅 된 글 하단에 "이전 게시물", "홈", "최근 게시물" 글씨가 작게 써져 있는것을 볼 수 있습니다. 물론, 글씨 크기를 크게해서 사용할 수 있지만, 가독성도 안좋으므로 아이콘으로 대체하면 깔끔하게 보일 수 있습니다.


  • 기본 템플릿에서는 위와 같이 가독성이 안좋으며, 잘 안보입니다.


  • 먼저 아이콘이 되는 파일들을 준비하여, 각각 이미지들의 주소를 복사해서 준비해 놓습니다.


  • 대시보드 (Dashboard) → 템플릿 (Template) → HTML 편집으로 들어간 후 아래의 코드를(Ctrl+F키) 찾습니다. (어떤 템플릿의 경우 Title 대신 URL이 적혀있는 경우도 있습니다.) 위와 같이 최근 게시물, 홈, 이전 게시물 순서대로 나옵니다.
  • 주의할 점 : "홈"의 경우 바로 아래에 모바일 홈 링크 코드가 나오는데, 모바일 홈 링크는 수정하지 않도록 해야합니다.
<data:newerPageTitle/>


  • "olderpagetitle", "homeMsg", "newerpagetitle"을 각각 아래 코드로 대체해줍니다.
<img src='이미지 주소' style='border: 0 none;vertical-align: middle;'/>


  • 각각의 3개 부분을 다 수정하고, "템플릿 수정하기"를 클릭하여 저장합니다.


  • 위와 같이 깔끔하게 변경이 되었습니다.


업데이트 된 글 보기 (For more information, visit main hompage) : http://gturl.iptime.org

 

접속 안될 때 (When you can't access to main homepage) : http://burst-watermelon.blogspot.com

반응형
블로그 이미지

Burst Watermelon

교육의 모든 정보,투자,부동산,유용한 정보들

,
반응형
  • 구글에서 본인이 운영하고 있는 블로그나 사이트의 모바일 친화도를 테스트해주고 있습니다.


  • 구글의 블로그 테스트 사이트에 접속하여, 본인이 테스트하고 싶은 사이트 주소를 입력합니다.


  • 사이트 주소를 입력하면 각 항목마다 테스트 진행도가 표시됩니다.


  • 테스트가 완료되면 각 항목마다 100점 만점 기준으로 테스트 사이트의 점수가 표시됩니다.


  • 밑으로 스크롤을 내리면 모바일 친화성 항목 점수를 볼 수 있습니다.


  • 세부 정보 보기를 클릭하면 본인의 사이트에 어떤 부분이 개선해야 될 부분인지 나타납니다.


  • 스크롤을 더 내리면 모바일 속도 항목 점수가 표시됩니다.


  • 세부 정보 보기를 클릭하면 본인의 사이트에서 속도부분을 어떤 방법으로 개선시킬 수 있는지 나타납니다.


  • 마지막 항목으로 데스크톱 속도 항목에 대한 점수가 표시됩니다.


  • 테스트톱 속도 항목에서 속도를 개선시킬 수 있는 방법이 표시됩니다.


  • 마지막으로 무료로 보고서를 받을 수 있습니다. 클릭하면 본인의 이메일 주소를 입력하면 몇시간 뒤에 보고서를 받을 수 있습니다.


업데이트 글 보기 (For more information, visit main hompage) : http://gturl.iptime.org

반응형
블로그 이미지

Burst Watermelon

교육의 모든 정보,투자,부동산,유용한 정보들

,
반응형
  • 일반적으로 검색엔진 사이트에 등록을 하기 위해선, 등록할 사이트의 구조가 적혀있는 파일을 요구합니다. 이때 필요한 파일이 Sitemap.xml 파일입니다. 보통 이 파일은 사이트 제작 플랫폼에서 자체적으로 지원하거나 또는 플러그인으로 지원되기도 합니다만, 티스토리와 같인 형태의 블로그는 자체적이거나 플러그인으로도 지원되지 않습니다. 따라서 사이트맵을 생성해주는 사이트에서 직접 만들어서 업로드해야합니다.




  • 파일을 생성할 사이트의 주소를 입력하고, 보안 문자를 입력합니다. 그 이외의 다른 옵션은 그대로 놔두고 맨 아랫부분의 "Create free XML Sitemap" 버튼을 클릭하면 파일이 만들어집니다.


  • 파일이 다 만들어졌으면 아랫부분의 "download your Sitemap" 링크를 클릭합니다.


  • 오른편의 Download 링크를 클릭하여 저장하면 사이트맵 파일이 완성됩니다.


업데이트 된 글 보기 (For more information, visit main hompage) : http://gturl.iptime.org

 

접속 안될 때 (When you can't access to main homepage) : http://burst-watermelon.blogspot.com

반응형
블로그 이미지

Burst Watermelon

교육의 모든 정보,투자,부동산,유용한 정보들

,
반응형

워드프레스 운영시 네이버 블로그에 다시 같은글을 써서 반복되는일이 없도록 자동으로 연동해주는 플러그인입니다.

현재에도 사용중이며 네이버 블로그 사용자들에게도 아주 유용한 플러그인이죠.

idea-naver-sync_01

  • 워드프레스 플러그인 추가하기 메뉴를 클릭하여, "Idea-Naver-Sync"로 검색합니다.


idea-naver-sync_02

  • 설치후 활성화를 해줍니다.


idea-naver-sync_03

  • 활성화 후 메뉴로 들어갑니다.


idea-naver-sync_04

  • 각각의 칸에 네이버 ID, 네이버 API 키를 입력한 후, 워드프레스 카테고리에 있는 글들을 네이버로 자동으로 연동할 카테고리를 선택합니다. 하단 콘텐츠 설정란에는 포스팅하는 글마다 아랫부분에 자동으로 들어갈 문구나 링크등을 설정할 수 있습ㅏ.


idea-naver-sync_05

  • 입력 완료 후, 연동 테스트를 하여 위와 같은 메시지가 출력되면 정상적으로 작동하게 되는것을 볼 수 있습니다.


  1. 블로그 아이디는 네이버 아이디입니다.
  2. API키 발급은 설명에 나와있는것처럼 네이버 블로그 설정에서 확인할수 있습니다.
  3. 자동 글쓰기 사용여부는 글쓰기에서 네이버 카테고리 설정만 하면 글쓰기가 완료된 후 네이버 블로그로 자동 전송됩니다.
  4. 자동 글쓰기를 체크하지 않으면 글쓰기 화면에서 메타박스로 보내실 카테고리를 설정할수 있습니다
  5. 자동 이미지명변경은 한글 이미지가 네이버로 전송되지 않는경우 체크하시면 됩니다. 다른 플러그인과 충돌 가능성은 있습니다.
  6. 하단 콘텐츠는 워드프레스와 별개로 네이버로 전송된 포스트 가장 하단에 추가되는 내용입니다. 전송될때마다 고정으로 전송됩니다. 배너용도로 사용하시면 좋습니다.

플러그인 홈페이지 : http://www.ideapeople.co.kr/



업데이트 된 글 보기 (For more information, visit main hompage) : http://gturl.iptime.org

 

접속 안될 때 (When you can't access to main homepage) : http://burst-watermelon.blogspot.com


반응형
블로그 이미지

Burst Watermelon

교육의 모든 정보,투자,부동산,유용한 정보들

,