티스토리 404 페이지 꾸미기

티스토리 글을 삭제하거나 비공개 처리하면 보이는 페이지입니다.

투박한 이미지와 함께

잘못된 주소이거나, 비공개 또는 삭제된 글입니다.

라는 글을 보여줍니다.

글 내용을 감싸는 컨테이너 안에 들어가는 것도 아니라서, 본래 의도했던 모습과는 많이 다른 페이지가 보이게 됩니다.

간단한 스크립트와 css를 통해 이를 수정할 수 있습니다.

$(function () {
    var d = $("article_container"),
        e = $(".absent_post").length,
        f = $(".article_container div");
    0 < e && (document.title = "404 Not Found", f.removeAttr("style"), $(".absent_post").remove(), d.append("<div class=\"nothing inner\"><img src=\"http://i.imgur.com/lgAB1Hp.jpg\">404 Error</div>"))
});

var d, var f, d.append 부분을 적절히 손봐주세요.

.nothing img {
    width:100%
}
.nothing {
    font-size:4rem;
    text-align:center
}

후에 css도 손봐주시면 끝납니다.