Translate

Cách Tạo, Nhúng Google Translate Trên Blogpost

Cách Tạo, Nhúng Gadget

Bài viết hướng dẫn nhúng Gadget vào blogpost. Đây là phần việc mà các bạn làm blog bắt buộc phải biết khi muốn làm cho blog của bạn hiển thị theo ý, ví như phòng làm việc của bạn trang trí thế nào?

Trong bài viết này Liêm làm ví dụ add gadget cho phần dịch sang nhiều thứ tiếng. với add gadget google translate. Rất đơn giản với các bước sau:
Sau đâu là cách tạo Google Translate cho Blogpost
Trước tiên là login account google, vào trang Blogpost, sau đó chọn mục design
1- chọn mục layout
2- Chọn add a Gadget
3- Chọn Translate
Theo hình sau:

Hướng dẫn add gadget

Hướng dẫn add gadget.

📌 Các gadget trong blogpost

Trong blogger người ta tích hợp sẳn cho bạn dùng rất nhiều tầm khoảng trên 27 cái, tha hồ mà vọc phá bạn có thể hình dung dễ nhớ thành các phẩn như:
NỘI DUNG, TƯƠNG TÁC, THỐNG KÊ, THU NHẬP,
từ các nhóm đó giúp bạn nhớ dẽ dàng nhiều gadget theo hệ thống

🚶 Gadget Hiển thị nội dung & Điều hướng

  1. Bài đăng phổ biến (Popular Posts): Hiển thị danh sách các bài viết được xem nhiều nhất.
  2. Bài đăng mới nhất (Featured Post): Phô diễn một bài viết nổi bật do bạn chỉ định.
  3. Thẻ (Labels): Danh sách hoặc đám mây từ khóa (phân loại bài viết theo chủ đề).
  4. Lưu trữ bài viết (Blog Archive): Liệt kê các bài viết theo mốc thời gian (năm, tháng).
  5. Trang (Pages): Hiển thị menu danh sách các trang tĩnh (Trang chủ, Giới thiệu, Liên hệ...).
  6. Thanh tìm kiếm (Blog Search): Ô tìm kiếm nội dung nội bộ trên blog.
  7. Danh sách liên kết (Link List): Tập hợp các liên kết đến trang web khác hoặc các đường dẫn quan trọng.
  8. Danh sách blog (Blogroll / Blog List): Liệt kê danh sách các blog yêu thích mà bạn theo dõi.

🚶 Tương tác & Cá nhân hóa

  1. HTML/JavaScript: Gadget tùy biến mạnh nhất, cho phép chèn mã tùy chỉnh (quảng cáo, popup, tiện ích bên thứ 3...).
  2. Văn bản (Text): Thêm một đoạn văn bản hoặc thông báo ngắn tùy ý.
  3. Hình ảnh (Image): Chèn một hình ảnh từ máy tính hoặc qua URL (có thể đính kèm link).
  4. Tiêu đề (Header): Hiển thị tên và mô tả của blog.
  5. Hồ sơ (Profile / About Me): Thông tin giới thiệu cá nhân của chủ blog.
  6. Theo dõi qua Email (Follow by Email): Form đăng ký nhận bài viết mới qua email (FeedBurner/Mailchimp integration).
  7. Nút chia sẻ (Share Buttons): Các nút hỗ trợ người đọc chia sẻ bài viết lên mạng xã hội.

🚶 Thống kê & Dịch thuật

  1. Số lượt xem trang (Stats / Page Counter): Hiển thị tổng số lượt truy cập vào blog.
  2. Trình dịch (Translate): Nhúng công cụ Google Dịch để đọc giả chuyển đổi ngôn ngữ blog.
  3. Logo Blogger (Blogger Badge): Biểu tượng huy hiệu của Blogger.

🚶 Thu nhập & Bản quyền

  1. AdSense: Chèn các khối quảng cáo của Google AdSense để kiếm tiền từ lượng truy cập.
  2. Thông báo bản quyền (Attribution): Hiển thị bản quyền nội dung và đơn vị cung cấp nền tảng.

📌 Những Code bạn nên nhớ khi viết blog

Chức năng Mã Code (Copy vào HTML) Kết quả / Hiển thị Hướng dẫn / Ghi chú
Tạo Nút Tải Xuống 
<a class="btn" href="LINK_TAI">Tải xuống</a>

<style>
.btn {
  background: #28a745;
  color: white;
  padding: 10px 20px;
  border-radius: 5px;
  text-decoration: none;
  display: inline-block;
}
</style>
 Tải xuống Thay LINK_TAI bằng đường dẫn thực tế đến file/trang đích.
Chèn Video YouTube 
<iframe width="100%" height="315" 
  src="https://www.youtube.com/embed/VIDEO_ID" 
  frameborder="0" allowfullscreen>
</iframe>
 Khung phát video YouTube Thay VIDEO_ID bằng mã ID của video.
Hộp Thông Báo (Alert) 
<div class="alert">
  Lưu ý quan trọng!
</div>

<style>
.alert {
  background: #fff3cd;
  padding: 12px 15px;
  border-left: 5px solid orange;
  color: #856404;
}
</style>
Lưu ý quan trọng!
 Dùng để làm nổi bật các ghi chú hoặc cảnh báo.
Tạo Danh Sách (Bullet) 
<ul>
  <li>Mục 1</li>
  <li>Mục 2</li>
  <li>Mục 3</li>
</ul>
  • Mục 1
  • Mục 2
 Dùng thẻ <ul> cho danh sách dấu chấm.

🔗 Bài viết liên quan

Được đăng bởi

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)