l3khub.com

블로그스팟에서 블로그 제목(header)과 설명(description) 왼쪽 정렬로 변경하기

블로그스팟에서는 블로그 제목(header)과 설명(description)이 기본적으로 가운데 정렬되어 있습니다. 이를 왼쪽이나 오른쪽으로 변경하려면 어떻게 해야 할까요? 이번 글에서는 그 방법을 설명드리겠습니다.

블로그제목-설명-가운데-정렬에서-왼쪽으로-변경-썸네일

블로그스팟에서 블로그 제목(header)과 설명(description) 왼쪽 정렬로 변경하기




저의 경우 블로그스팟 블로그에서 블로그 제목과 설명을 가운데 정렬에서 왼쪽 정렬로 변경해서 사용하고 있습니다. 이렇게 하면 블로그가 왠지 잘 정리된 느낌을 받기 때문입니다. 물론 사람마다 제목을 가운데 정렬 또는 오른쪽 정렬을 선호하는 분들도 있을 것입니다. 이 글에서는 이렇게 블로그 제목과 설명을 왼쪽, 가운데, 오른쪽으로 정렬하는 방법에 대해서 상세히 설명드리도록 하겠습니다. 

위의 그림에서 왼쪽은 블로그스팟 블로그에서 디폴트로 설정되어 있는 가운데 정렬이 된 제목과 설명이고, 오른쪽은 제목과 설명을 왼쪽 정렬로 변경한 화면입니다. 여러분은 왼쪽과 오른쪽 화면중 어떤 것이 마음에 드시나요? 

1. 테마 편집하기 

블로그스팟에 블로그에 로그인한 후 아래와 같이 테마 → HTML 편집으로 순으로 클릭합니다. 

HTML편집-들어가기

2.  블로그 제목(header) 가운데 정렬에서 왼쪽 정렬로 변경하기

HTML 편집 화면에서 Ctrl+F 키를 누른 후 'header h1' 를 입력하여 아래와 같이 찾은 후 'text-align: center;' 로 되어 있는 것을 'text-align: left;' 로 변경하면 블로그 제목이 가운데 정렬에서 왼쪽 정렬로 변경됩니다. 

header-h1-찾아-수정하기

3. 블로그 설명(Description) 가운데 정렬에서 왼쪽 정렬로 변경하기

위와 마찬가지로 HTML 편집 화면에서 Ctrl+F 키를 누른 후 '.description'를 입력하여 아래와 같이 찾은 후 <p> 로 되어 있는 것을 <p style=’text-align: left;’> 으로 변경하고 오른쪽 상단에 있는 디스켓 모양을 눌러 저장합니다. 

description-찾아-수정하기

위의 과정을 거치면 블로그 제목(header)과 설명(description)의 정렬이 가운데 정렬에서 왼쪽 정렬로 변경됩니다. 만약 오른쪽 정렬을 원하신다면, 'left'를 'right'로 변경하시면 됩니다.


오늘은 위와 같이 블로그스팟 블로그의 제목과 설명의 정렬을 변경하는 방법을 알아보았습니다. 디폴트로 되어 있는 가운데 정렬을 굳지 바꿀 필요는 없지만 저와 같이 왼쪽 정렬을 선호하시는 분들이라면 위에서 설명드린 데로 하면 어렵지 않게 변경하실 수 있으실 겁니다. 이 글이 블로그스팟 블로그를 하시는 분들께 도움이 되었기를 바랍니다. 











To Top