본문으로 바로가기

티스토리 Fastboot 스킨 사이드바 추천글 모듈 만들기


안녕하세요. 뷰잉캣 입니다.

이번 글은 사이드바에 추천글 모듈을 만드는 법 입니다.

사람들에게 보여주고 싶은 글이 있지만, 블로그 글이 누적될수록 새로운 글에 묻혀 안보이게 됩니다.





그때 이 추천글 모듈을 사용하면, 위에 스샷처럼 내가 원하는 포스트를 지속적으로 노출할 수 있습니다.


먼저, 아래의 태그를 복사하여 관리자 - HTML 편집메뉴로 갑니다.


"<s_sidebar>" 를 검색하여, 


<s_sidebar_element>

내용

</s_sidebar_element>


를 넣어줍니다.



사이드바의 HTML 플러그인 모듈로 집어넣어줘도 되나, 지속적으로 태그를 수정해주기 위해서는 직접 HTML 편집 태그로 넣는 편이 편합니다.




TXT 파일첨부


Fastboot 사이드바 추천글 모듈.txt




<s_sidebar_element>

<div id="recommended" class="panel panel-default">

<h4 class="panel-heading"><i class="fa fa-●"></i> 추천글 모듈</h4>

<ul class="list-group list-group-flush">


<li class="list-group-item">

<a href="■"><span class="thumb"><img src="★" alt=""></span>

<div style="text-indent:-4px"><i class="fa fa-angle-right"></i>  제목입력

<span class="name"><span>♣HOT</span></span>

<div class="clearfix"></div></div></a>

</li>


</ul>

</div>

</s_sidebar_element>




● 설명 : 아이콘 모양 입니다.

아이콘변경은  부분을 수정해주면 됩니다.


comments : 대화모양(2개)

flash : 번개모양

pencil : 연필모양

comment : 대화모양(1개)

category : 목록모양

default : 새파일모양

tags : 책갈피모양

calendar : 달력모양

folder : 폴더모양

random : 랜덤재생모양

link : 연결고리모양

chart-o : 그래프모양

rss : 와이파이모양

search : 돋보기모양

credit-card : 카드모양



■ 설명 : 포스트 주소 입니다.

■ 자리에, 나의 포스트 주소 맨 뒤에 있는 "/숫자" 로만 입력하면 됩니다.



★ 설명 : 썸네일 이미지 주소 입니다.

★ 자리에, 썸네일 이미지로 쓰고싶은 이미지의 주소를 붙여넣으면 됩니다.

예시) https://t1.daumcdn.net/cfile/tistory/SDFG000ZXC0ZC


예전 글들을 보면 image 를 C80x80 을 고치라는 글이 있는데, 요즘 티스토리에서는 image 저대로 쓰면 됩니다.



♣ 설명 : 제목 뒤에 붙는 배너 글씨 입니다.

♣ 자리에 원하는 배너를 작성합니다.




▶ '리뷰하는 고양이|뷰잉캣'의 게시물은 크리에이티브 커먼즈 (BY-NC-SA) 저작권법에 따라 이용할 수 있습니다.

▶ 블로그 내용은 퍼가셔도 좋습니다. 원문 출처만 함께 남겨주세요. 

▶ 추천 은 로그인 없이도 눌러주실 수 있습니다.


이 글을 공유하기

           




댓글을 달아 주세요