2018/2/6 블로그 스킨 제작 일지

1. 인스타그램 피드 자바스크립트와 css를 약간 수정해, hover시 이미지가 커져도 200x200사이즈를 넘어가지 않도록 했다.

var userFeed = new Instafeed({
    get: 'user',
    userId: 6432549686,
    sortBy: "most-recent",
    limit: 6,
    template: '<a class="animation" href="{{link}}" target="_blank"><div class="instaimg_wrapper"><img src="{{image}}" /></div></a>',
    accessToken: ''
    });
userFeed.run();

2. 덧글 창 수정

처음엔 라이브리를 티스토리 플러그인으로 불러와서 어떻게 손을 볼 수가 없었다.

그래서 지워놓고 홈페이지를 뒤적이다 html 코드를 찾아서 탭 메뉴로 분리하는 작업을 했다.

정말 예전부터 이러고 싶었는데 이제야 해냈다.

3. 공유 버튼

https://codepen.io/kiyutink/pen/vKqpOg해당 소스를 참고해 공유 버튼을 제작했다.

font awesome을 이용해 트위터, 페이스북, 구글+를 불러왔는데, 네이버에만 이미지를 쓰면 이상할듯해서 N으로 대체했다.

전부 이미지로 교체를 할까 고민 중이다.

참고로 해당 페이지는 저 버튼 하나만 띄우면 끝인지라 정렬등을 손봐줘야 하는데

.position_absolute{
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
}

이렇게 하면 position: absolute도 간단하게 중앙 정렬이 가능하다.

4. 공감 버튼

혼자가 되었다.