Cách Chèn Ứng dụng Tumblr vào Thanh bên

Nhiều trang web cung cấp các widget để nhúng vào blog của bạn, mở ra nhiều khả năng tùy chỉnh. Nếu chủ đề Tumblr của bạn bao gồm một thanh bên, bạn có thể chèn các ứng dụng vào trang blog của mình bằng cách dán một dòng mã HTML vào thẻ thanh bên của chủ đề. Các trang web cung cấp tiện ích con có thể tạo dòng mã này, vì vậy bạn không cần kiến ​​thức lập trình để chèn tiện ích con vào thanh bên của mình. Tumblr bao gồm một trình soạn thảo HTML với thanh tìm kiếm để bạn có thể nhanh chóng xác định vị trí của thẻ thanh bên và chèn mã vào vị trí thích hợp của nó.

Truy cập một trang web như Widgetbox, ShareThis hoặc Tumblring để tìm kiếm các widget để thêm vào trang Tumblr của bạn (liên kết trong Tài nguyên). Quá trình tạo mã HTML khác nhau giữa các tiện ích con, nhưng mỗi trang web cung cấp hướng dẫn để tùy chỉnh tiện ích con, tạo mã và chèn mã vào trang Tumblr của bạn. Các loại widget bao gồm các nút đánh dấu trang xã hội, trình phát nhạc, công cụ tìm kiếm và nhiều loại khác.

Chọn một tiện ích và khi được nhắc, hãy chọn bất kỳ tùy chọn nào, chẳng hạn như bố cục, màu sắc hoặc phông chữ. Một số tiện ích có thể yêu cầu thiết lập nhiều hơn. Ví dụ: nếu bạn đang nhúng một trình phát nhạc, bạn có thể cần phải làm theo hướng dẫn của trang web để tạo danh sách phát trước khi mã của bạn có thể được tạo. Sau khi thực hiện lựa chọn của bạn, hãy nhấp vào “Tạo HTML” hoặc một tùy chọn tương tự và sao chép mã được hiển thị trong hộp văn bản.

Mở Notepad và dán mã vào tài liệu văn bản mới. Lưu tài liệu và đặt tên cho nó mà bạn có thể dễ dàng xác định sau này, chẳng hạn như tên của tiện ích con.

Truy cập trang tổng quan Tumblr của bạn, nhấp vào biểu tượng “Bánh răng” và chọn blog của bạn từ thanh bên. Nhấp vào “Tùy chỉnh” trong phần Chủ đề, sau đó chọn “Chỉnh sửa HTML” trên trang tùy chỉnh. Mã HTML của blog của bạn sẽ mở trong một trình soạn thảo văn bản được nhúng trong trang.

Mở tài liệu văn bản mới trong Notepad và sao chép mã HTML từ trình chỉnh sửa Tumblr sang tài liệu Notepad mới. Đặt tên cho tài liệu này chẳng hạn như “Tumlbr HTML Original” để bạn có thể nhanh chóng tìm thấy nó sau này nếu bạn không thích những thay đổi bạn thực hiện đối với thanh bên của mình.

Quay lại trình soạn thảo HTML của Tumblr và nhấn “Ctrl-F” để hiển thị thanh Tìm và Thay thế, bạn có thể sử dụng thanh này để tìm kiếm thẻ thanh bên trong mã HTML. Định dạng chính xác của mã có thể khác nhau giữa các chủ đề, nhưng bạn có thể tìm thấy nó bằng cách nhập “thanh bên” (không có dấu ngoặc kép) vào hộp Tìm vì tất cả các thẻ thanh bên đều bao gồm từ khóa này. Ví dụ: tìm kiếm “thanh bên” có thể tìm đoạn mã “

, ”Cho biết phần bắt đầu của thẻ thanh bên. Thẻ kết thúc bằng cách đóng “
Từ khóa ”.

Dán mã HTML của tiện ích con trong thẻ thanh bên nhưng không dán bên trong dấu ngoặc nhọn phân chia các từ khóa của thẻ. Sau khi chèn mã, thẻ thanh bên của bạn sẽ giống đoạn mã sau:

Mã HTML của tiện ích con của bạn ở đây

Mã được tạo có thể dài và phức tạp, nhưng tất cả những gì bạn phải làm là dán nó vào thẻ thanh bên. Khoảng trắng và lập bảng dòng không quan trọng vì trình chỉnh sửa HTML của Tumblr định dạng mã cho bạn.

Nhấp vào “Cập nhật bản xem trước” để xem các thay đổi của bạn trong cửa sổ xem trước. Nếu tiện ích của bạn được hiển thị theo ý muốn của bạn, hãy nhấp vào “Lưu” và đóng trình chỉnh sửa HTML. Nếu bạn muốn thay đổi bất kỳ khía cạnh nào của tiện ích con của mình, hãy thay thế mã đã thay đổi bằng mã ban đầu bạn đã lưu ở Bước 5. Quay lại trang tạo tiện ích con, chọn các tùy chọn bạn thích và tạo lại mã. Lặp lại quá trình chèn mã với mã mới được tạo.

Lời khuyên

Nếu bạn đang chèn nhiều tiện ích con của thanh bên, hãy dán chúng theo thứ tự mà bạn muốn chúng xuất hiện trong thanh bên của mình.