Nguồn: .wordpresstoblogger.
Có rất nhiều cách để bạn có thể làm cho bài đăng trên blog hấp dẫn và lôi cuối độc giả. Đối với vài người sẽ chẳng có gì là quan trọng vì họ ít quan tâm đến bài viết, với khối hiển thị văn bản kiểu mặc định giường như nó quá đơn điệu và bạn cảm thấy nhàm chán, nhưng có rất nhiều thủ thuật khác nhau mà bạn có thể sử dụng làm cho phong cách bài viết của bạn thêm thú vị, lôi cuốn và hấp dẫn độc giả? Và dưới đây gồm 15 thủ thuật giúp bạn có thể xem xét để sử dụng...
1. Hiệu ứng văn bản ( Textual Effects )
Phong cách trình bày một văn bản thường thu hút sự chú ý độc giả là điều quan trọng của bài viết.
Bold, Italic và màu văn bản
Đây là các tiêu chí đơn giản nhất của một bài đăng, mặc dù vậy ta cũng ko nên đán giá thấp tiêu chí này
2.Sử dụng một phong cách chữ khác nhau cho giới thiệu hay tiêu đề.
Có lẽ trang web này sẽ cho bạn thấy về tác dụng font chữ : http://justagirlintheworld.com/
Lisa sử dụng một phông chữ in nghiêng lớn hơn cho các cụm từ đầu tiên hoặc trong tổng số bài viết của mình mà thực sự làm cho họ nổi bật ! Để sử dụng phông chữ khác nhau cho cụm từ giới thiệu bài đăng trên blog của riêng bạn, bạn có thể chỉnh sửa mã HTML trong tổng số bài viết của bạn bằng cách:
<span style="font-size: 200%; font-style: italic;"> Giới thiệu ở đây <span> và phần còn lại của bài viết của bạn ở đây ...
3.Phong cách Drop Caps
<span style="font-size: 200%; float: left; padding: 0 5px 5px 0;">F</span>irst letter...
bạn cũng có thể định nghĩa Dropcaps bằng CSS như sau.
.dropcaps { float:left; color: $headerBgColor; font-size:100px; line-height:80px; padding-top:1px; padding-right:5px; }
4.Kết cấu Effects
- Blockquotes: thường được sử dụng để trích dẫn dài và thường được tách ra từ các cơ quan chính của văn bản bằng cách thụt đầu dòng, in nghiêng hoặc một phong cách khác nhau của phông chữ.
Sử dụng CSS, bạn có thể thay đổi sự xuất hiện của các blockquotes bài viết của bạn. Dưới đây là một số tài liệu tham khảo hữu ích khác có liên quan đến blockquotes phong cách trong bài viết blog của bạn.( bạn có thể tham khảo tại đây ).
- Pullquotes: Pullquotes làm nổi bật một câu cụ thể hoặc cụm từ quan trọng trong một bài viết tương tự như blockquotes, nhưng nói chung là liên kết bên trái hoặc bên phải của văn bản chính.
Một cách đơn giản để tạo ra pullquotes bằng cách sử dụng CSS nội tuyến sẽ được để bọc các văn bản trong thẻ:
<span style="width: 200px; float: right; text-align: center; border-top: 3px solid #000; border-bottom: 3px solid #000; padding: 10px; margin: 5px 0 5px 5px;">Viết văn bản cho pullquotes của bạn ở đây<span>
Dưới đây là một số trang web hữu ích khác mà giải thích làm thế nào để sử dụng pullquotes trong bài viết blog của bạn:
5. Sử dụng Headings
nhóm phá vỡ các đoạn văn bản dài vào các khối quản lý hơn, và giúp người đọc hiểu một cái nhìn chính xác những gì mong đợi từ các phần liên tiếp của văn bản . Cấp trên nhóm (ví dụ: H1 và H2) nên được sử dụng cho các chức danh, và thường trong một phông chữ lớn hơn hoặc táo bạo hơn . Các cấp thấp hơn (từ H3 đến H6) có thể được sử dụng như là các nhóm
phần Hầu hết các blogger sử dụng các nhóm này chỉ từ H1-H4 là tốt nhất được sử dụng trong các phần sau của blog và các bài viết của bạn.
<h2>This is Heading 2</h2>
<h3>This is Heading 3</h3>
<h4>This is Heading 4</h4>
Các headings này sẽ xuất hiện một cái gì đó như thế này trong bài đăng trên blog của bạn (tùy thuộc vào cách bạn có thể theo kiểu các headings này trong phần phong cách của mẫu của bạn.)
This is Heading 2
This is Heading 3
This is Heading 4
6.Phần hình của văn bản
Tạo 1 frame bằng đoạn code:
<img src="url ảnh" alt="Alt text"style="border: 3px solid #ccc; padding: 5px; background: #fff;" />
Nếu bạn sử dụng hình ảnh của Blogger tính năng tải lên thêm hình ảnh vào bài viết của bạn, bạn có thể chỉ cần thêm các tài liệu tham khảo phong cách với phong cách đã có trong mã hình ảnh của bạn, như thế này:
<img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand; border: 3px solid #ccc; padding: 5px; background: #fff;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMVzXdSgWAokRKZG-BEHyPCezWFuA9yTzCBMvqnAS24j5e0YIS71GfbY58LigirtIchGhAZJUiyz5PTVa3eHUDiJ22grSjki-ZN-I7OXuA5o7-hSQqU6-7DuktGBltfx7m-pUbHYIjiAk/s400/typography.jpg" alt=""id="BLOGGER_PHOTO_ID_123456789012345678" />
Bạn có thể thay đổi đường viền và màu nền cho phù hợp với thiết kế mẫu riêng của bạn mà sẽ tạo ra một phong cách của khung hình ảnh đó là của riêng bạn.
8.Thêm Chú thích cho hình ảnh
9.Sử dụng Drop Shadows để nổi bật hình ảnh ( Tham khảo tại đây).
10.Sử dụng backgrounds khác nhau cho mỗi bài viết
10.Sử dụng backgrounds khác nhau cho mỗi bài viết
<div style="background: #fdd2f3;">
nội dung của bài viết của bạn ở đây
</ div>
Nếu bạn muốn sử dụng một nền hình ảnh, bạn có thể sử dụng mã:
<div style="background: url(http://the-url-of-your-image.com/image.jpg);">
nội dung của bài viết của bạn ở đây
</ div>
11.Tự động thêm các biểu tượng bên cạnh các liên kết ( tham khảo thuthuatblogger.info).
Nói chung thì thủ thuật còn nhiều nhưng giờ buồn ngủ quá, chỉ mỗi Translates cái TUT mà lâu ghê, ACE dùng đỡ @@!....Thank for Reading...
Đăng nhận xét