개인 재정 블로그 디자인에 페이스 북의 Like Box 추가 - 페이스 북과 같은 소셜 미디어 위젯

블로그 디자인에 페이스 북의 Like Box 추가 - 페이스 북과 같은 소셜 미디어 위젯

비디오: Nozbe 3 Full Tutorial! 2024

비디오: Nozbe 3 Full Tutorial! 2024
Anonim

Facebook Like 상자와 같은 소셜 미디어 위젯을 사용하면 독자가 Facebook에 블로그를 추천하도록 초대 할 수 있습니다. Facebook Like 상자는 귀하를 따르는 독자의 친구, 귀하의 최신 Facebook 팬 페이지 게시물 또는 둘 다를 표시합니다.

Facebook이 가장 인기있는 소셜 미디어 플랫폼이지만 트위터, Pinterest 및 Instagram의 위젯을 포함하여 다른 소셜 미디어 위젯을 블로그에 추가 할 수 있습니다.

WordPress에 있다면. org에서 플러그인을 찾을 수도 있지만 플러그인을 너무 많이 사용하면 블로그 로딩 시간이 느려질 수 있습니다. 블로그의 사이드 바 또는 바닥 글에 배치 할 HTML 코드를 만드는 위젯을 사용하면 플러그인을 사용할 필요가 없습니다.

  1. Like Box Developers 페이지를 방문하십시오.

    Facebook Like Box Developers 페이지를보실 수 있습니다. 페이지 중앙에 샘플 찾기가 표시됩니다.

  2. 첫 번째 입력란에 Facebook 페이지의 URL을 입력하십시오.

    Tab을 눌러 다음 필드로 이동하면 샘플 상자가 사용자 페이지의 피드로 변경됩니다.

  3. 필요에 따라 Facebook Like 상자를 사용자 정의하십시오.

    너비 및 높이

    • : 너비는 일반적으로 사이드 바의 너비로 설정됩니다. 상자를 특정 높이로 제한하려면 높이를 선택하십시오. 그렇지 않으면 높이가 자동으로 결정됩니다. 얼굴 표시

    • :이 설정을 선택한 상태로 유지하면 방문자의 친구 얼굴에 Facebook 페이지가 마음에 드는 얼굴이 표시됩니다. 이것은 그들의 친구가 귀하의 페이지를 좋아한다면, 그들이 누락 될 수 있기 때문에 당신의 신뢰를 쌓는 것을 도울 수 있습니다!

      색 구성표
    • : 밝은 색이나 어두운 색을 선택하십시오. 쇼 스트림

    • : 최근 페이스 북 게시물을 보여 주며 방문자는 블로그 페이지에서 오른쪽으로 스크롤 할 수 있습니다 (댓글을 달거나 좋아요 또는 공유 할 수는 없지만). 이를 표시하면 호기심을 자극하고 더 많은 좋아하는 사람들을 유도 할 수 있습니다. 테두리 색상

    • :이 값을 16 진수 색상 코드 (#xxxxxx)로 입력하거나 일반적인 색상 이름 (빨강, 파랑 등)으로 작성하여 입력하십시오. 머리글 표시

    • :이 선택을 취소하면 Facebook상의 머리말 찾기 머리글이 사라집니다. 코드 가져 오기를 클릭하십시오.

  4. 블로그에 복사하여 붙여 넣기 할 수있는 다양한 유형의 코드 상자가 제공됩니다.

    IFrame 탭을 클릭하십시오. 그런 다음 코드를 복사하여 붙여 넣으십시오.

  5. 텍스트 (WordPress) 또는 HTML / 자바 스크립트 (Blogger) 용 가젯을 사이드 바에 추가하십시오.

  6. HTML 필드에 내용을 붙여 넣습니다.

  7. 변경 사항을 저장하십시오.

  8. 홈페이지를 방문하면 사이드 바에 맞춤 설정된 Facebook Like 상자가 나타납니다.

    사이드 바가 너무 많은 소셜 미디어 위젯으로 인해 압도되지 않게하려면 가장 중요한 것을 선택하십시오.

블로그 디자인에 페이스 북의 Like Box 추가 - 페이스 북과 같은 소셜 미디어 위젯

편집자의 선택

PowerPoint 프레젠테이션의 주석 사용 방법 - 인형

PowerPoint 프레젠테이션의 주석 사용 방법 - 인형

PowerPoint 프레젠테이션을 검토 할 때 주석을 삽입하십시오. PowerPoint에서는 주석을 켜고 끌 수 있습니다. 파워 포인트 프리젠 테이션을 편집하는 동안 댓글을보고 쇼 시간에 오프로 설정하십시오. 주석으로 작업하려면 프리젠 테이션을 엽니 다. 다음 작업을 수행 할 수 있습니다.

PowerPoint 2007에서 라이브 미리보기 사용 방법 - 인형

PowerPoint 2007에서 라이브 미리보기 사용 방법 - 인형

PowerPoint는 실시간 미리보기 기능을 제공합니다. 실시간 미리보기 덕분에 실제로 PowerPoint 슬라이드에 변경 사항을 적용하기 전에 결과를 볼 수 있습니다. PowerPoint 실시간 미리보기를 켜려면 Office 단추를 클릭하고 PowerPoint 옵션을 선택하십시오. PowerPoint 옵션 대화 상자의 인기있는 범주에서 실시간 미리보기 사용 확인란을 클릭하고 ...

다른 PowerPoint 2007 프레젠테이션의 슬라이드 사용 방법 - 다른 PowerPoint 프레젠테이션의 슬라이드를 사용하는 더미

다른 PowerPoint 2007 프레젠테이션의 슬라이드 사용 방법 - 다른 PowerPoint 프레젠테이션의 슬라이드를 사용하는 더미

당신이 필요로하는 슬라이드가 이미 존재할 때. Microsoft PowerPoint에서는 슬라이드의 가져 오기를 위해 리본의 삽입 탭에 특수 명령을 제공합니다. 필요한 단계는 다음과 같습니다.

편집자의 선택

HTML5 웹 페이지에 링크 포함 방법 - HTML 스탠드의 H

HTML5 웹 페이지에 링크 포함 방법 - HTML 스탠드의 H

당신이 만드는 웹 페이지에 생명을 불어 넣는 링크에 대한 환상적인 용어 인 하이퍼 텍스트의 경우. 이 스크린 샷과 같이 웹 페이지에 링크를 추가하는 것은 매우 쉽습니다. 링크를 포함하여이 페이지의 코드는 다음과 같이 재현됩니다.

기존 HTML 태그를 HTML5와 통합하는 방법 - 인형

기존 HTML 태그를 HTML5와 통합하는 방법 - 인형

압도적으로 새로운 HTML5 요소는 HTML의 범위와 범위. 즉, 대부분의 경우 이전 태그를 대체하지 않습니다. 예를 들어 기존 HTML 6 제목 태그, 단락 태그 및 링크는 HTML5에서 이전 버전의 HTML과 동일한 방식으로 사용됩니다. If ...

편집자의 선택

Dreamweaver CS6의 CSS 초보 페이지에서 새 문서를 만드는 방법 - 인형

Dreamweaver CS6의 CSS 초보 페이지에서 새 문서를 만드는 방법 - 인형

Adobe Dreamweaver CS6에서는 처음부터 다시 시작하는 대신 CSS 기반 레이아웃이있는 샘플 페이지 라이브러리를 제공합니다. 이 CSS 샘플 페이지는 유용하고 일반적인 레이아웃 아이디어를 제공하며 CSS 배치로 만들어지기 때문에 매우 유연합니다. CSS 스타일 패널 또는 속성 관리자에서 직접 수정할 수 있습니다. ...

Adobe Dreamweaver CS6에서 앵커를 만드는 방법 - 인형

Adobe Dreamweaver CS6에서 앵커를 만드는 방법 - 인형

Adobe Dreamweaver CS6에서는 앵커를 쉽게 만들 수 있습니다. 귀하의 페이지. 앵커는 페이지의 특정 섹션에 대한 링크로, 링크 또는 다른 페이지와 동일한 페이지에 있습니다. 앵커는 텍스트가 많은 긴 페이지에 특히 유용합니다. 앵커를 보거나 사용했을 것입니다.