Tạo tiện ích Multi Tab sử dụng jQuery cho Blogger

Tiện ích Multi tab ứng dụng cho các Blogger có sử dụng JQuery có tính thẩm mỹ cáo, ngoài ra tương ứng với số lượng tab sẽ có tác dụng thu gọn các tiện ích, tránh trường hợp các sidebar dài quá so với phần hiển thị bài viết.



Để tạo Multi Tab bạn làm như sau:
Bước . Truy cập vào Blogger.
- Truy cập vào Blogger: Bảng điều khiển (Dashboard)  ..>>.. Thiết kế (Design)  ..>>.. Chỉnh sửa HTML (Edit HTML).
- Tìm kiếm (Ctrl-F) đoạn tag </head>
Bước. Chèn mã code
- Thay thế đoạn tag </head> bằng đoạn mã dưới:

Sử dụng JQuery để mở link ngoài bằng cửa sổ trình duyệt mới

Bằng cách sử dụng JQuery các liên kết ngoài trong bài viết sẽ được mở tại cửa sổ trình duyệt (tab) khác, trong khi bài viết gốc vẫn giữ nguyên hay vì bị chèn bởi link liên kết ngoài.

Với thủ thuật này các link liên kết ngoài sẽ có biểu tượng bên cạnh.

Cách thực hiện như sau:

Truy cập vào Blogger:

- Bạn truy cập vào tài khoản Blogger: Bảng điều khiển (Dashboard) ..>>.. Thiết kế (Design) ..>>.. Chỉnh sửa HTML (Edit HTML)

- Tìm (Ctrl-F) đoạn tag </head>

Chèn mã JQuery:

- Dán vào trước đoạn tag </head> đoạn mã dưới đây:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript">

Nhúng trang web vào blogger bằng iframe

Bạn có thể nhúng một trang web khác vào blog của bạn bằng code iframe đơn giản như Xem phim Vượt Ngục bằng cách nhúng URL với iFrame vào blog, nhưng gặp phải vấn đề chỉ hiển thị trên phần khung nội dung của blogger, để giải quyết nhược điểm hiển thị không hết toàn bộ trang web nhúng vào ta có thể sử dụng phương pháp CSS.




 
Công việc đầu tiên bạn phải xác định trang muốn hiển thị. Nếu chưa có bạn tạo một trang mới để hiển thị trang web nhúng hoặc tiện ích nhúng vào.
Như ví dụ trong demo, tôi tạo một trang mới tên  là trang :http://www.vnpressnet.com/2010/06/phim-prison-break-3-vuot-nguc-3.html
Bước tiếp theo là vào Bảng điều khiển (Dashboard)  ..>>..  Thiết kế (Design)  ..>>..  Chỉnh sửa HTML (Edit HTML) và chèn đọan code sau:

<style type='text/css'>
<b:if cond='data:blog.url == &quot;http://www.vnpressnet.com/2010/06/phim-prison-break-3-vuot-nguc-3.html&quot;'>
#outer-wrapper {display:none;}
body {background:#222; padding:8px;}
</b:if>
</style>

Hiển thị widget ở nhưng trang nhất định trong blogspot

Để tạo nên sự riêng biệt cho một số trang nào đó cho blog của mình, bạn có thể tạo 1 widget và chỉ cho nó hiển thị ở trang đó. ( ví dụ : tạo một widget gallery ảnh chỉ cho phép hiển thị khi ta tìm tới nhãn picture..., hoặc chỉ cho phép những widget nào đó chỉ được phép hiển thị ở trang chủ ). Bài viết này sẽ hướng dẫn các bạn làm điều này.

Trước tiên, bạn phải biết rõ vị trí code của các widget trong code template. Để xác định việc này, bạn phải xác định được ID của các widget đó, và việc này cũng rất đơn giản, ví dụ : ta có tiện ích(widget) "Người theo dõi" (xem hình minh họa bên dưới)

Xóa hoàn toàn thanh Navbar - Blogspost

Thủ thuật ẩn thanh Navbar là 1 trong những thủ thuật cơ bản mà bất cứ ai muốn blog của mình pro hơn đều biết. Và thủ thuật này mình cũng đã giới thiệu với các bạn từ rất lâu rồi. Hôm nay mình tình cờ tìm được 1 thủ thuật khác để làm ẩn thanh Navbar này đi.

Thủ thuật lần trước (có thể xem thêm ở đây) là ẩn thanh navbar. Đúng với tên gọi của thủ thuật, thanh Navbar vẫn tồn tại ở trên blog của bạn, nhưng nó chỉ bị ẩn đi, tức là blog vẫn load thanh Navbar,và các công dụng của nó vẫn còn trên blog. Còn ở thủ thuật lần này ta sẽ xóa hẳn thanh Navbar.

Hướng dẫn ẩn, xóa ẩn Navbar của Blogger-Blogspot

Theo như các ddieuf khoản quy định tại trang Blogger TOS (Terms of Service) thì Google không chỉ rõ là bạn phải bắt buộc để navbar hiển thị khi sử dụng dịch vụ nên việc ẩn navbar là không hề phạm luật. Có rất nhiều cách để ẩn navbar trong blogger.com, tuy nhiên nhiều thủ thuật đã thất bại, tuy vậy mà một thủ thuật khác cũng khá hay mà Aditya đã triển khai cũng giúp bạn ẩn navbar một cách hiệu quả.

10 Điều người mới tham gia BlogSpot nên biết

Tôi nghĩ tôi sẽ chia sẻ với bạn những gì tôi đã học về Blogger trên nền tảng Blogspot qua 8 tháng hoặc lâu hơn. Tôi dùng Blogger mới gần như ngay sau khi nó được ra mắt bản beta và sau đó tôi muốn tuỳ chỉnh nó.
Vì vậy, tôi đã đi tìm hiểu làm thế nào để làm điều đó. Và đây là những điều tôi thu lượm được. Hãy xem nó một món quà từ tôi cho bạn. Blogger cũ nghèo nàn nhận một giao diện xấu xí, là bởi vì người dùng không biết làm thế nào để chỉnh sửa nó. Tôi hy vọng bài viết này giúp bạn có thể chỉnh sửa nó cho đẹp ra và nếu bạn có bất kỳ những ý kiến khác xin vui lòng cho tôi biết trong các ý kiến ...

1. Xóa Blogger Bar - cái này nhiều người thường gọi là navbar

Tôi không ưa các blogger bar trên thanh trên cùng của trang web của tôi bởi vì nó đã không thực sự đi với các mẫu của tôi và tôi đã có một thanh tìm kiếm Google tích hợp. Vì vậy, tôi đã tìm cách để loại bỏ nó. Vì vậy, sau khi tìm trong CSS thay đổi nó đi, ở đây là cách tôi đã làm nó:

Tổng hợp 15 tiện ích cơ bản của Blogger Blogspot và hướng dẫn sử dụng

Blogger có rất nhiều tiện ích hay mà không phải nhà cung cấp blog miễn phí nào cũng có. Bài viết này giúp bạn mới làm việc với Blogger làm quen và sử dụng các tiện ích của nó. Dưới đây là hướng dẫn chi tiết.

1. Poll (Thăm dò)

Tiện ích này mới được bổ sung gần đây nhất giúp bạn thăm dò ý kiến người đọc về một đề tài nào đó. Để sử dụng bạn click ADD TO BLOG và điền câu hỏi (Question), trả lời (Answer), thay đổi ngày kết thúc thăm dò và bấm lưu (Save). Nếu bạn muốn thêm trả lời thì click Add another answer và để xóa bớt thì click vào remove. Để người đọc được phép chọn nhiều câu trả lời cùng lúc hãy chọn Allow visitors to select multiple answers.

. List (Danh sách)

Danh sách những quyển sách, bộ phim hay bất cứ những gì bạn thấy hay có thể nhập vào đây.

Title: Tên tiện ích.
Number of items to show in list: Nhập số lượng hiển thị hoặc để trống.
Sorting: Sắp xếp theo chế độ bảng chữ cái (Sort Alphabetically) hoặc ngược lại (Sort Reverse Alphabetically).
Add List Item: Nhập vào tên quyển sách hay bộ phim, nhấn biểu tượng để thêm liên kết đến trang web của sách hay bộ phim đó.
Click Add Item để chèn thêm.

3. Picture (Hình ảnh)

Sử dụng tiện ích này để đưa hình ảnh của bạn hay một ai đó vào đây.

Title: Tên tiện ích.
Caption: Chú thích dưới hình ảnh.
Click Browse để chọn ảnh lưu trên máy vi tính của bạn hay dán liên kết đến hình.
Shrink to fit: Chọn để ảnh của bạn tự động được canh chỉnh phù hợp với kích thước nơi sẽ hiển thị.

4. Text (Văn bản)

Soạn một vài từ hoặc chú thích ở chế độ HTML hoặc định dạng đầy đủ.

Title: Tên tiện ích.
Content: Nội dung.

5. Feed

Chèn một liên kết chứa Feed từ một blog hay website nào đó vào blog của bạn. Nếu chưa biết cách lấy feed xin xem hướng dẫn.

6. Logo

Các logo của Blogger. Thích logo nào bạn cứ việc chọn logo đó.

7. Blog Archive (Lưu trữ blog)

Blogger cho bạn nhiều lựa chọn về giao diện lưu trữ.

Title: Tên tiện ích.
Style: Lựa chọn xếp theo trật tự (Hierarchy), danh sách (Flat List), thực đơn thả xuống (Dropdown Menu).
Options: Hiển thị tên bài đăng (Show Post Title), hiển thị các bài đăng cũ trên cùng (Show Oldest Posts First).
Archive Frequency: Lưu trữ từng tháng (Monthly), tuần (Weekly), ngày (Daily).
Date Format: Lựa chọn định dạng năm (Year), tháng (Month). Nếu bạn chọn ngôn ngữ định dạng tiếng Việt thì ở đây sẽ hiển thị tiếng Việt.
Preview: Xem trước kết quả.

8. NewsReel

Newsreel lấy những tin ngắn được cập nhật từ http://news.google.com theo từ khóa.

Title: Tên tiện ích
Search Expression: Từ hoặc cụm từ theo chủ đề mà bạn chọn.
Open links in new window: Check để người đọc khi click vào bản tin sẽ được mở ở cửa sổ mới của trình duyệt.
Preview: Xem trước kết quả.

9. Video Bar (Thanh video)

Tương tự như Newsreel nhưng ở đây lấy video từ http://video.google.com. Người đọc click vào video sẽ hiển thị phía trên main-wrapper.

10. Header

Nhiều template có header sẵn. Bạn có thể chỉnh sửa trên Layout hay Settings ->Basic.

11. Profile (Hồ sơ)

Hồ sơ cá nhân của bạn. Hãy vào đây để xem thêm tạo hồ sơ cá nhân.

Title: Tên tiện ích.
Share my profile: Chọn để chia sẻ hồ sơ.
About Me: Chọn để hiển thị trên blog
Name: Tên bạn
Description: Vài dòng miêu tả về bạn.
Location: Chọn để hiển thị trên blog. Điền hay chọn các thông tin còn lại.

12. Label (Nhãn)

Đây là tiện ích phân loại bài viết. Hãy xem hướng dẫn để biết cách dùng khi đăng bài.

Labels: Tên tiện ích. Ví dụ: Phân loại, Chuyên mục,..
Sorting: Chọn sắp xếp theo bảng chữ cái (Alphabetically) hay số lượng bài (By Frequency).
Preview: Xem trước kết quả.

13. HTML/JavaScript

Đây là tiện ích mạnh nhất và được sử dụng nhiều nhất. Bạn có thể chèn bất kỳ đoạn mã HTML hay JavaScript nào vào đây.

Title: Tên tiện ích
Content: Nội dung

14. Adsense

Tiện ích này dành cho những người đăng ký quảng cáo cho Google Adsense và quảng cáo trên Blogger. Hãy xem bài hướng dẫn về cách đăng ký dịch vụ này.

15. Link List (Danh sách liên kết)

Danh sách những địa chỉ hay, những trang web thường xuyên truy cập bạn có thể cho vào đây.

Title: Tên tiện ích
Number of links to show in list: Số lượng liên kết hiển thị. Để trống nếu cho hiển thị hết.
Sorting: Sắp xếp theo chế độ bảng chữ cái (Sort Alphabetically) hoặc ngược lại (Sort Reverse Alphabetically).
New Site URL: Liên kết
New Site Name: Tên website
Click Add Link để chèn thêm.

Để sử dụng tiện ích nào, sau khi đăng nhập vào Blogger, bạn chỉ việc click Add a Page Element (Thêm phần tử trang) chọn tiện ích đó và click Save (Lưu). Sau đó trên Layout (Trình bày) bạn có thể kéo và thả vào vị trí mình muốn.

thuthuatblog