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
Bạn có thể dễ dàng làm cho văn bản in đậm, in nghiêng hoặc trong một màu sắc khác nhau bằng cách làm nổi bật và chọn tùy chọn thích hợp trong bảng điều khiển chỉnh sửa bài viết của bạn.
2.Sử dụng một phong cách chữ khác nhau cho giới thiệu hay tiêu đề.
Đây là một phong cách nổi bật nhất được sử dụng trên các tạp chí, nhưng điều đó không có nghĩa là bạn có thể không còn sử dụng nó cho các bài đăng trên blog.
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
Đây là một phong cách chính tả thường được tìm thấy trên các tạp chí hay tờ báo.
Điều này có thể thực hiện bằng cách sử dụng CSS, gói các chữ cái đầu của mỗi bài viết trong thẻ
<span> theo kiểu như thế này:
<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
Tính năng này đặc biệt hữu ích khi viết bài báo dài và là một kỹ thuật sử dụng thường xuyên trong blog này
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
Đây là một phương pháp khá bất thường của phong cách bài đăng trên blog của bạn, nhưng nó chắc chắn là có thể thu hút sự chú ý! Các phương pháp sử dụng ở đây được tạo ra bởi
CSS Text Wrapper, bạn có thể sử dụng để hình thành các khu vực của văn bản vào bất kỳ hình dạng mà bạn thích! Trên trang ví dụ, bạn có thể thấy vòng tròn, zig-zags và thậm chí cả rượu một khối thủy tinh có hình dạng của văn bản !
7.Khung hình ảnh với CSS
Các bức ảnh được trình bày trong khung nhìn tốt hơn nhiều so với những người chỉ đơn giản là bị mắc kẹt vào các bức tường với băng dính, và tương tự có thể áp dụng cho hình ảnh trong bài viết blog của 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
Thêm ghi chú cho hình ảnh của bạn là một cách hữu ích thêm lợi ích hoặc kiểu dáng các văn bản ghi.Nếu bạn muốn thêm các chú thích tự động để hình ảnh mỗi,
Check.
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
Thực sự khá dễ dàng để sử dụng một màu nền hoặc hình ảnh khác nhau cho mỗi bài đăng blog. Đơn giản chỉ cần chỉnh sửa bài viết của bạn trong chế độ Edit HTML, và thêm thẻ div xung quanh nội dung của bạn có chứa thẻ phong cách cho các thuộc tính nền. Để thêm một nền màu, bạn có thể sử dụng mã:
<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...