Cách Remove Widget Lỗi và Bị Khóa Trong Blogger

Không gỡ bỏ được widget là một lỗi thường thấy ở Blogger. Bạn sẽ gặp phải lỗi này khi thay đổi sang một template mới và các widget có sẵn trong template mới này thương bị lỗi và không thể gỡ bỏ được. Các widget này có thể hiện tiêu đề ở ngoài website làm ảnh hưởng đến giao diện.

Có 2 loại widget không thể gỡ bỏ được. Một là "widget lỗi", không hề hiện bất kì thông tin gì khi bạn chỉnh sửa nó. Hai là "widget bị khóa", widget này không thể di chuyển đi bất cứ đâu và cũng không có nút "Remove" khi bạn chỉnh sửa nó (như widget Navigation và Attribution). Bài viết này sẽ hướng dẫn bạn cách loại bỏ các widget dạng này trong vài bước đơn giản.
Widget bị khóa và widget bình thường
Widget bị khóa và widget bình thường

Các Bước Gỡ Bỏ Widget Bị Lỗi và Bị Khóa

Bước 1:

Trước tiên bạn cần phải biết widgetID của widget cần gỡ. Vào Layout > click link Edit tương ứng với widget đó. Trong cửa sổ hiện ra, bạn có thể tìm thấy widgetID ở cuối dòng địa chỉ, phía sau dấu =. Chọn và copy nó.
Lấy WidgetId từ thanh địa chỉ
Lấy WidgetId từ thanh địa chỉ

Bước 2:

Bạn tiếp tục vào Template > Edit HTML (nhớ sao lưu template trước khi thay đổi bất cứ gì). Dùng tính năng Find để tìm với widgetId bạn đã copy ở bước 1. Bạn sẽ tìm thấy dòng code tương tự:
<b:widget id='HTML1' locked='true' title='Locked Widget' type='HTML'>
Code cho một Blogger Widget
Code cho một Blogger Widget

Bước 3: bạn có 2 cách để gỡ bỏ widget này.

Cách 1: 

Trong dòng code của widget bạn thay đổi đoạn locked='true' thành locked='false' và click Save template. Sau bước này widget sẽ không bị khóa nữa, bạn có thể thoải mái di chuyển cũng như gỡ bỏ nó đi vì nút Remove đã xuất hiện lại.
Cách này khá an toàn, dễ thực hiện và không ảnh hưởng nhiều đến template. Tuy nhiên, với các widget lỗi thì bạn không thể dùng được và phải dùng cách 2.

Cách 2:

Bạn bôi đen toàn bộ đoạn code <b:widget... cho đến </b:widget> và xóa nó đi sau đó Save template. Như vậy bạn đã xóa hẳn một widget ra khỏi template mà không cần vào Layout. Với cách này bạn có thể loại bỏ bất kì widget nào nhưng hãy cẩn thận, nếu xóa nhầm code thì bạn có thể làm template không hoạt động nữa.
Xóa một widget code
Xóa một widget code

Làm Blogger 6 - Quảng Bá Website Đến Mạng Xã Hội

Làm Blogger là một series hướng dẫn chi tiết về Blogger của HoweBlogVNWeblog.
Trong series này, VNWeblog sẽ hướng dẫn bạn từng bước để xây dựng một
website với Blogger (Blogspot), quảng bá và sau đó có thể kiếm tiền được
từ nó.
Bài 6 của series:

Làm Blogger 6 - Quảng Bá Website Đến Mạng Xã Hội


Sau khi đã hoàn chỉnh một website với nội dung tốt, bạn vẫn còn cách vài bước đến sự thành công. Vấn đề được đặt ra ở đây là làm sao để kiếm càng nhiều người xem càng tốt. Câu trả lời nội dung và SEO là chưa đủ. Một phần quan trọng và không thể thiếu trong chiến dịch quảng bá website đó chính là mạng xã hội (Social Network).
Mạng Xã Hội Rất Quan Trọng Trong Quảng Bá Website
Mạng Xã Hội Rất Quan Trọng Trong Quảng Bá Website
Trong vài năm trở lại đây, mạng xã hội đã có những bước tiến mạnh mẽ và đạt được nhiều thành công lớn. Các mạng xã hội như Facebook, Twitter là một nguồn cung cấp khách hàng lớn cho website của bạn. Chưa hết, các thuật toán mới của Google Search cũng một phần đánh giá website của bạn qua độ tương tác trên mạng xã hội.

Nên Tập Trung Mạng Xã Hội Nào?


Danh sách bắt buộc:
  • Google Plus
  • Facebook
  • Twitter
Một vài lựa chọn thêm:
  • Pinterest
  • Youtube

Google Plus

Bạn chỉ cần một Google Account là có thể tham gia mạng xã hội Google Plus. Sau khi tham gia, hãy thêm vào "circle" của bạn những người cùng lĩnh vực mà bạn nghĩ website của bạn sẽ hấp dẫn họ. Thông thường họ cũng sẽ đáp lại, đưa bạn vào "circle" của họ và có thể thấy các chia sẻ của bạn. Đừng quên đăng những bài viết từ website của bạn và chia sẻ nó.
Goolge Plus Page là một công cụ hữu hiệu để tạo một cộng đồng trên Google Plus cho website của bạn. Nó sẽ giúp bạn giữ kết nối với người đọc và tăng lượng chia sẻ lên.

Facebook

Hầu như ai cũng đã có một tài khoản Facebook. Like và Share một bài viết lên Facebook là một cách hay để thu hút khách từ những người bạn. Nhưng như vậy vẫn chưa đủ, bạn phải tạo thêm một Facebook Fanpage cho website và mời mọi người tham gia nó.

Twitter

Nếu bạn đã có sẵn một tài khoản Twitter, hãy dùng nó như công cụ quảng bá cho website của mình. Nếu chưa, hãy lập một tài khoản mới với tên blog của bạn và bắt đầu xây dựng danh sách follower từ đây. Follower là những người đăng ký theo dõi bạn và khi bạn đăng lên bất cứ gì thì họ cũng sẽ nhìn thấy. Mỗi ngày, follow những người có cùng sở thích và liên quan tới nội dung website của bạn và hy vọng họ cũng sẽ follow bạn.
Một điều cần nhớ khi tham gia Twitter cũng như bất kì mạng xã hội nào, đừng chỉ post những link của bạn lên mà hãy cố gắng chia sẻ và giao tiếp nhiều hơn. Bình luận, chia sẻ mọi thứ thứ liên quan đến nội dung website của bạn, điều này sẽ làm các bài post của bạn được chú ý hơn.

Pinterest và Youtube

Nếu bạn có một website với nhiều hình ảnh hoặc video thì PinterestYoutube là sự lựa chọn tốt. Hệ thống chia sẻ hình ảnh của Pinterest sẽ giúp bạn nhanh chóng có thêm được nhiều khách ghé thăm. Với Youtube bạn hãy sử dụng nó để lưu trữ mọi video của bạn, và đừng quên kèm theo địa chỉ website trong mỗi chú thích video.

Tự Động Cập Nhật Cho Mạng Xã Hội


Khi tham gia nhiều mạng xã hội cùng lúc thì việc cập nhật nội dung sẽ tốn khá nhiều thời gian và công sức của bạn. Sau đây là một vài lựa chọn cho việc tự động cập nhật sẽ giúp bạn tiết kiệm nhiều thời gian (và tiền bạc):
- Twitterfeed: dịch vụ đầu tiên và lâu đời nhất. Bạn có thể đưa các bài viết tự động lên Facebook, Twitter và LinkedIn cùng một lúc. Bạn còn có thể đưa cùng một nội dung lên nhiều tài khoản Facebook, Twitter khác nhau.
- Dlvr.it: cách viết rút ngắn cho Diliver It. Không chỉ Facebook, Twitter, LinkedIn, Dlvr.it còn hỗ trợ thêm Google Plus. Nhưng vì là dịch vụ đầu tiên hỗ trợ Google Plus nên tính năng này chỉ dành cho người dùng có trả phí với giá 9.99 USD/tháng.
- Facebook to Twitter: đây là tính năng được cung cấp cho Facebook để bạn có thể cập nhật Twitter và Facebook cùng lúc. Bạn chỉ cần thực hiện thao tác liên kết tài khoản Facebook và Twitter trước khi sử dụng. Facebook có phép lựa chọn liên kết tài khoản chính hoặc chỉ liên kết một page nào đó.
LƯU Ý: Twitterfeed và Dlvr.it sử dụng RSS Feed để cập nhật các bài viết được tự động đưa lên mạng xã hội.

Widget Mạng Xã Hội Cho Blogger


Một social network widget cho phép người dùng có thể nhanh chóng chia sẻ bài viết trong website của bạn lên tài khoản của họ ở các mạng xã hội. Trong các bài viết sắp tới VNWeblog sẽ giới thiệu bạn cách cài đặt và sử dụng các Widget này.

Làm Blogger 5 - Thêm Widget và Hack Vào Template

Làm Blogger là một series hướng dẫn chi tiết về Blogger của HoweBlogVNWeblog. Trong series này, VNWeblog sẽ hướng dẫn bạn từng bước để xây dựng một website với Blogger (Blogspot), quảng bá và sau đó có thể kiếm tiền được từ nó.
Bài 5 của series:

Làm Blogger 5 - Thêm Widget và Hack Vào Template

Widget Là Gì?


Đầu tiên, chúng ta cần phải biết Widget là gì. Widget là một khái niệm được sử dụng rộng rãi, không phải chỉ ở Blogger mà còn ở Wordpress, Typepad, Tumblr và các nền tảng làm website khác, thậm chí ở Windows cũng có Widget. Tuy có thể có tên gọi khác nhau nhưng đều có chung một chức năng là bổ sung thêm tính năng cho nền tảng mà nó phục vụ.

Widget Ở Blogger

Ở Blogger, Widget được gọi hơi khác là Gadget, Gadget cho phép website của bạn có thêm nhiều tính năng hơn hoặc thêm bất cứ gì bạn muốn một cách dễ dàng nhất. Hiện Blogger hỗ trợ rất nhiều Widget có sẵn với rất nhiều tính năng khác nhau, tuy được gọi là Gadget nhưng Widget là cái tên được sử dụng rộng rãi hơn.
Một Blogger Widget Hiển Thị Các Label
Một Blogger Widget Hiển Thị Các Label
Có 2 loại widget trong Blogger, một là các widget được phát triển bởi Google hoặc đã được Google chứng nhận. Bạn có thể thêm các widget dạng này vào blog bằng cách vào Layout > click link Add a Gadget. Loại thứ hai là các widget được viết bởi các blogger hoặc developer tự do. Widget dạng này thường được thêm vào với sự hỗ trợ của một HTML/Javascript Widget (Widget loại một, được phát triển bởi Google) nhưng cũng có thể cần phải chỉnh sửa vào template code.

Các Widget Xuất Hiện Ở Đâu?

Widget thường hiển thị ở sidebar hoặc đôi khi ở footer. Widget cũng có thể hiển thị ở đầu hoặc cuối bài viết hoặc ở một khu vực đặc biệt nào đó tùy thiết kế của template. Xem lại bài cấu trúc của template Blogger để thêm thông tin.

Cách Sử Dụng Widget của Blogger?

Bạn vào Blogger Dashboard > Layout sẽ thấy có rất nhiều link "Add a Gadget", mỗi link sẽ thêm một gadget vào vị trí tương ứng trong template. Click vào link đó sẽ có một danh sách các Widget mặc định của Blogger, một số widget được dùng nhiều như Google Follower, Translate, Popular Posts, Link List, Blog Archive, Label và được sử dụng nhiều nhất là HTML/Javascript.
Trong danh sách Widget, bạn có thể click vào More Widgets, sẽ có một danh sách hơn 800 Widgets của các developer gửi đến và đã được Google chứng nhận.
Muốn sử dụng Widget nào, bạn chỉ cần click vào tên nó rồi click Save.
Các link "Add a Gadget"
Các link "Add a Gadget"

Cách Sử Dụng Widget "Ngoài Luồng"?

Từ Code: đa phần các widget dạng này đều được thêm với sự hỗ trợ của một Widget từ Google: HTML/Javascript. Bạn chỉ dùng code được cung cấp rồi dán vào widget HTML/Javascript rồi click Save.
Tự Động: sẽ có một nút để tự động add Widged vào. Nếu bạn click vào sẽ mở ra một của sổ tên là Import Page Element, sau đó bạn có thể chọn blog muốn thêm widget này vào tại Select a blog (Nếu bạn có nhiều blog), tiêu đề cho widget tại Title of widget, và xem script của widget tại Edit content. Để đồng ý thêm widget này vào, click Add Widget. Để rõ hơn, bạn có thể click nút Thêm Widget Vào Blog dưới đây.

Thêm Widget vào Blogger Tự Động
Thêm Widget vào Blogger Tự Động
Các Widget tự động được thêm sẽ nằm ở vị trí đầu tiên trong sidebar, bạn cần phải di chuyển (bằng cách kéo thả) nó đến vị trí mong muốn.

Blogger Hacks Là Gì?


Blogger Hacks có nhiệm vụ tương tự như Widget là bổ sung thêm các tính năng cho website của bạn. Ngoài ra, các hack còn có thể chỉnh sửa hoặc thay đổi một số tính năng có sẵn. Cách sử dụng các hack phức tạp hơn widget và đòi hỏi phải chỉnh sửa trực tiếp trong template. Các "Read more tự động", "Bài liên quan", "Breadcrumb cho blogger"... đều là Blogger Hack.

Cách Sử Dụng Blogger Hacks

Các Blogger Hack đều có hướng dẫn cách sử dụng khá kỹ càng. Nhưng bạn cũng cần có kiến thức về Blogger TemplateBlogger HTML Editor để có thể thực hiện chính xác theo các chỉ dẫn này.

Các Widget và Hack Có An Toàn?


Như bạn đã biết, các widget và hack đều đòi hỏi thêm rất nhiều code vào website nên sẽ rất nguy hiểm nếu có mã độc trong đó. Tuy nhiên bạn không cần phải quá lo lắng, đa phần các widget hoặc hack được viết bởi các developer tự do đều an toàn. Nhưng để đề phòng một số sẽ xấu thêm mã độc rồi chia sẻ lại các code này, bạn hãy đảo bảo rằng người chia sẻ code là người đáng tin cậy và kiểm tra liên tục website, nếu thấy có điều lạ hãy gỡ ngay các widget vừa thêm vào.

Làm Blogger 4 - Kỹ Thuật SEO Cơ Bản Cho Blogger

Làm Blogger là một series hướng dẫn chi tiết về Blogger của HoweBlogVNWeblog. Trong series này, VNWeblog sẽ hướng dẫn bạn từng bước để xây dựng một website với Blogger (Blogspot), quảng bá và sau đó có thể kiếm tiền được từ nó.
Bài 4 của series:

Làm Blogger 4 - Kỹ Thuật SEO Cơ Bản Cho Blogger


Khi làm một website, SEO là một yếu tốt quan trọng và không thể thiếu trong việc thu hút người đọc. Bài viết này sẽ hướng dẫn bạn cách kỹ thuật SEO cơ bản nhất nhưng hiệu quả nhất cho website Blogger của bạn. Đây là các kỹ thuật SEO on-page, tức là áp dụng trực tiếp lên website/blog của bạn, bao gồm các bước tối ưu hóa nội dung, tiêu đề, các thẻ... Điều này sẽ giúp website của bạn thân thiện hơn với các bộ máy tìm kiếm, hiển thị trên trang kết quả tốt hơn và mục tiêu cuối cùng là kiếm càng nhiều khách từ Search engine càng tốt.

1. Các Thiết Lập Cho Một SEO-Friendly Blog

1.1 Thiết Lập Cơ Bản

Tại Blogger Dashboard, click vào blog của bạn rồi click Settings ở sidebar trái. Tại đây bạn hãy thiết lập Title (tiêu đề) và Description (miêu tả) cho blog của bạn. Hãy viết ngắn gọn, đúng với nội dung blog của bạn và nên có các từ khóa chính mà bạn muốn tập trung vào.
Thiết Lập SEO Cơ Bản Cho Blogger
Thiết Lập SEO Cơ Bản Cho Blogger
Chọn Yes tại hai mục Add your blog to our listing?Let search engines find your blog? Cuối cùng bấm Save Changes.
Tiếp tục vào mục Template > Search Preferences > tại mục Description bạn chọn Edit > đánh dấu vào Yes, nhập vào mô tả cho blog một lần nữa rồi bấm Save Changes. Miêu tả này sẽ được các bộ máy tìm kiếm đọc như một thẻ meta tag.

1.2 Cài Đặt Giao Diện

Ở bước này ta sẽ thiết lập thêm hai thẻ meta descriptionmeta keyword cho Blog. Để làm điều này ta cần chỉnh sửa trong HTML Editor. Hãy sao lưu template hiện tại của bạn trước khi thực hiện bất kì thao tác chỉnh sửa nào.
Bạn vào mục Template > Edit HTML, nếu template bạn đã có sẵn các meta tag, bạn có thể tìm thấy ở sau tag:
<b:include data='blog' name='all-head-content'/>
Nếu template chưa có 2 meta description và meta keyword, bạn hãy thêm 2 tag đó ngay phía sau <b:include data='blog' name='all-head-content'/>, cụ thể:
<meta content='Miêu tả cho blog của bạn' name='description'/>
<meta content='Các từ khóa cho blog' name='keywords'/>
Với từ khóa, bạn hãy tập trung vào các từ khóa quan trọng nhất, nhồi nhét nhiều từ khóa sẽ không hề tốt, tốt nhất là nên dưới 10 từ khóa.
Hai thẻ meta description và tag là cơ bản nhất trong SEO, ngoài ra vẫn còn nhiều thẻ khác hỗ trợ cho SEO nữa. Bạn có thể sử dụng công cụ tự động Dynamic Meta Tag Generator của VNWeblog để tự động tạo ra các meta tag này cho bạn. Ngoài ra, công cụ này cũng hỗ trợ tạo meta tag động thay đổi theo từng trang tương tự như các plugin SEO của wordpress.
Cài đặt Meta Tag cho Template Blogger
Cài đạt Meta Tag cho Template Blogger

2. Tạo Một Bài Viết SEO-Friendly


Trong SEO, nội dung là "vua", và để tạo ra "nội dung vua", ngoài việc bài viết của bạn phải duy nhất, không sao chép thì bạn cần phải tối ưu cho nó nữa.

2.1. Tối Ưu Title, Label, URL và Description

Tiêu đề (Title): tiêu đề càng ngắn gọn súc tích càng tốt, nên có từ khóa quan trọng nhưng không nhồi nhét.
Nhãn (Label): một bài viết chỉ nên tối đa 3 labels. Một blog chỉ nên có từ 25 - 30 labels mà thôi. Tên label ngắn gọn, từ 1 - 3 từ và liên quan tới bài viết.
Đường dẫn (Permalink - URL): đường dẫn trực tiếp đưa người đọc đến blog của bạn nên hãy quan tâm đến nó. Đừng sử dụng đường dẫn tạo sẵn của Blogger mà hãy tự chọn đường dẫn cho bạn (Post Settings > Permalink > Custom Permalink). Đường dẫn nên dài vừa phải và dễ hiểu, cố gắng lượt bỏ các từ phụ như "và", "hoặc", "hay"...
Search Description: lựa chọn này cho phép bạn áp đặt một thẻ meta tag riêng cho từng bài viết (tương tự Dynamic Meta Tag, chỉ là không tự động). Bạn nên viết thêm miêu tả cho bài viết vào mục này vì các thông tin này thường được các search engine hiển thị lên trang kết quả. LƯU Ý: mục này chỉ có khi bạn thực hiện bước cuối cùng trong mục 1.1.
SEO Cho Bài Viết Trong Blogger
SEO Cho Bài Viết Trong Blogger

 2.2. Tối Ưu Link Và Hình Ảnh

Thường xuyên sử dụng các link liên kết đến các bài viết có sẵn trong blog. Điều này sẽ làm tăng tính liên kết giữa các bài viết, giúp search engine spider có thể quét được mọi bài viết trong blog. Và điều quan trọng là bạn phải sử dụng thuộc tính title cho tất cả các link này. Các link mặc định đều không có thuộc tính title, bạn phải tự thêm bằng cách: trong khung soạn thảo nội dung, chuyển qua tab HTML, tìm code link có dạng:
<a href="http://websitebatky.com">tên hiển thị</a>
Sau đó thêm title="tiêu đề cho link" ở trong thẻ <a>, cụ thể:
<a title="tiêu đề bài viết" href="http://websitebatky.com">tên hiển thị</a>
Sử dụng thuộc tính "rel=nofollow" cho tất cả các link dẫn đến website bên ngoài. Điều này nhằm giữ spider ở lại website của bạn, không chuyển sang website khác. Bạn có thể thêm trực tiếp vào code HTML:
<a title="tiêu đề bài viết" rel=nofollow href="http://websitebatky.com">tên hiển thị</a>
Hoặc chọn trong cửa sổ Edit Link của khung soạn thảo Blogger.
Thuộc Tính Nofollow Cho Link
Thuộc Tính Nofollow Cho Link
Với hình ảnh, hãy luôn sử dụng thuộc tính title alt với các từ khóa phù hợp với nội dung bài viết. Với cách này bạn có thể kiếm thêm nhiều khách đến từ Google Hình Ảnh. Lưu Ý: đừng sử dụng chung một từ khóa cho tất cả các hình ảnh trong bài, hãy viết riêng cho từng hình ảnh. Ví dụ, code cho hình ảnh bình thường:
<img src="http://www.vnweblog.com/ky-thuat-seo.png" height="300px" width="200px"/>
Và đã thêm thuộc tính title và alt:
<img title="Các kỹ thuật SEO cơ bản cho Blogger - Blogspot" alt="Kỹ Thuật SEO Hình Ảnh" src="http://www.vnweblog.com/ky-thuat-seo.png" height="300px" width="200px"/>
Với thuộc tính alt, hãy giữ ngắn gọn trong vòng 5 từ.
TIPS: đừng xem thường việc đặt tên cho ảnh, các từ khóa trong tên ảnh cũng được search engine chú ý và có tác dụng tốt trong SEO.

2.3. Tối Ưu Nội Dung Bài Viết

Sử dụng thẻ H2, H3: hai thẻ này đóng vai trò khá quan trọng trong việc tối ưu bài viết cho SEO. Các đoạn được đánh thẻ này sẽ được ưu tiên đọc ưu tiên hơn theo thứ tự H1 > H2 > H3. Sử dụng H2 tag cho các tiêu đề chính và H3 cho tiêu đề của từng đoạn. Trong trình soạn thảo Blogger, bạn có thể dễ dàng áp đặt thẻ này vào bằng cách chọn Heading (cho H2) và Subheading (cho H3).
Dùng Thẻ H2, H3 Cho Tiêu Đề
Dùng Thẻ H2, H3 Cho Tiêu Đề
Thẻ H1 mặc định được dùng cho tiêu đề bài viết. Một trang chỉ nên có 1 thẻ H1, tối đa 4 thẻ H2, còn lại là H3.
TIPS: in đậm, in nghiêng các từ khóa quan trọng trong bài viết. Điều này vừa làm người đọc dễ chú ý và các search engine spider cũng chú ý các từ này hơn.

3. Submit Website Đến Các Search Engine

Các bước trên sẽ là vô nghĩa nếu website của bạn không được giới thiệu đến các bộ máy tìm kiếm. Việc submit sẽ làm các spider đến index website của bạn nhanh hơn. Và việc này nên làm ngay khi website còn ít bài viết để đảm bảo toàn bộ bài viết đều được index. Một số website chỉ submit khi đã có hàng trăm bài viết nên dẫn đến các bài viết cũ bị bỏ sót.

3.1. Submit lên Google

Submit lên Google rất dễ dàng, chỉ cần bạn đăng nhập vào Google Webmaster và thêm blog bạn vào. Thông thường khi tạo một blog với Blogger thì Google đã tự thêm nó vào Google Webmaster và bạn không cần phải làm thêm bước nào nữa.

3.2. Submit lên Yahoo và Bing

Yahoo đã kết hợp với Bing và được quản lý chung tại Bing Webmaster Tools. Bạn cần đăng ký một tài khoản trước khi submit vào.

Làm Blogger 3 - Thay Đổi, Sao Lưu Và Tùy Biến Giao Diện Blogger

Làm Blogger là một series hướng dẫn chi tiết về Blogger của HoweBlogVNWeblog. Trong series này, VNWeblog sẽ hướng dẫn bạn từng bước để xây dựng một website với Blogger (Blogspot), quảng bá và sau đó có thể kiếm tiền được từ nó.
Bài 3 của series:

Làm Blogger 3 - Thay Đổi, Sao Lưu Và Tùy Biến Giao Diện Blogger


Bài viết này sẽ hướng dẫn bạn các điều cơ bản khi làm việc với template Blogger. Tất cả rất đơn giản nhưng sẽ giúp bạn rất nhiều khi tùy biến giao diện Blogger của bạn.

1. Tìm Template Blogger Miễn Phí


Một số trang web có nhiều template đẹp và miễn phí cho bạn sử dụng:
Template tải về sẽ có định dạng .xml hoặc .zip (.rar). Với định dạng nén, bạn cần phải giải nén để lấy file .xml trong đó. File .xml là file cần thiết nhất trong việc áp dụng template vào blog. Một số template còn kèm theo các file hình ảnh và javascript (.js) để bạn có thể tự lưu trữ và sử dụng.

Template Nào Phù Hợp Với Bạn?

Bạn có thể chọn bất kì template nào bạn thấy thích và phù hợp với chủ đề của bạn nhất. Nếu bạn thắc mắc cấu trúc template nào là tốt nhất thì đó là template 2 cột với nội dung cột trái và cột sidebar nằm ở bên phải.
Vì sao lại như vậy? Có nhiều lý do, có thể do template này đơn giản, phù hợp với thói quen người đọc nhất. Theo VNWB, lý do chính vì template dạng này rất tốt cho SEO, vì spider của Search Engine sẽ quét nội dung của bạn trước khi quét sidebar. Bạn cũng có thể thấy rằng rất nhiều website lớn đang sử dụng template dạng này.

2. 2 Cách Để Đổi Template Blogger

Tùy biến giao diện Blogger
Tùy biến giao diện Blogger

2.1 Đổi Từ HTML Editor

  1. Sau khi tải template về, bạn mở file .xml lên, trong đây có toàn bộ code cần thiết cho template. Copy toàn bộ code này.
  2. Tại Blogger Dashboard, vào Template (1) > Edit HTML (3).
  3. Bôi đen toàn bộ code trong editor và dán code bạn đã copy vào, sau đó bấm Save template.
    Đổi Template Blogger Từ HTML Editor
    Đổi Template Blogger Từ HTML Editor
  4. LƯU Ý: với HTML Editor cũ, bạn sẽ được xác nhận lựa chọn giữ hoặc xóa widget của template cũ đi, nhưng với HTML Editor mới, sẽ không có xác nhận này nữa.
    Xác Nhận Giữ Widget Trong HTML Editor Cũ
    Xác Nhận Giữ Widget Trong HTML Editor Cũ

2.2 Sử Dụng Backup / Restore

Vào Template (1) > chọn Back Up/Restore (2) trên góc phải. Trong pop-up hiện ra bạn bấm Browse rồi chọn file xml đã tải về được, cuối cùng bấm Upload để hoàn tất.
Backup/Restore Blogger Template
Backup/Restore Blogger Template

3. Sao Lưu Template


Cũng như cách ở mục 2.2, thay vì bạn bấm Upload để thay đổi template thì hãy bấm Download full template để tải template hiện tại về. File tải về cũng có định dạng .xml. File này có thể dùng để phục hồi cho blog của bạn hay dùng cho bất kì blog nào khác.

4. Phục Hồi Template


Các bước giống như mục 2, Đổi Template Blogger.

Tùy Biến Template Blogger


Khi bạn đã biết về cấu trúc của một template Blogger thì bạn đã có thể sẵn sàng để tùy biến nó theo ý mình. Blogger có sẵn tính năng gọi là Template Customizer (vào Template > Customize (4)). Tính năng này sẽ giúp bạn thay đổi hình nền, màu sắc link, đường viền của từng khu vực một cách dễ dàng nhất.

Tuy nhiên tính năng này thường chỉ hiệu quả với những template mặc định của Blogger, và không phải template ngoài nào cũng có thể áp dụng được, vì vậy bạn cần phải chỉnh trực tiếp trong HTML code. Như ở mục 2.1 là bạn đã thực hiện bước chỉnh trực tiếp trong HTML. Một số thủ thuật Blogger cũng đòi hỏi bạn phải chỉnh sửa trong HTML. Cụ thể các bước và chi tiết trong việc chỉnh sửa template sẽ được VNWeblog giới thiệu trong các bài tới.

Cách "Mở Rộng Mẫu Tiện Ích" Trong Blogger HTML Editor Mới

Như bạn đã biết, Blogger vừa cho ra mắt tính năng mới của HTML Editor, VNWB đã nhận được nhiều email và câu hỏi của Blogger Việt Nam về việc lựa chọn "Mở Rộng Mẫu Tiện Ích" (Expand Widget Templates) giờ ở đâu. Vì các bài thủ thuật Blogger đều dùng HTML Editor cũ nên đa phần đều có yêu cầu "Mở rộng mẫu tiện ích" cả. Bài viết này chúng ta sẽ làm rõ về tính năng này trong HTML Editor mới.

Mở Rộng Mẫu Tiện Ích Là Gì


Dành cho những ai chưa biết, "Mở rộng mẫu tiện ích" (gốc là Expand Widget Templates) là một lựa chọn trong HTML Editor cũ. Mặc định editor cũ chỉ hiển thị những dòng code chính của template và ẩn đi các phần code widget, comment... Điều này giúp bạn dễ dàng hơn trong việc chỉnh sửa template Blogger. Toàn bộ code bị giấu chỉ được hiện ra hết khi bạn đánh dấu chọn vào "Mở rộng mẫu tiện ích".
Mở Rộng Mẫu Tiện Ích (Expand Widget Templates)
Mở Rộng Mẫu Tiện Ích (Expand Widget Templates)

"Mở Rộng Mẫu Tiện Ích" Giờ Ở Đâu


Như đã nói trong bài giới thiệu về HTML Editor mới, sẽ không còn lựa chọn "Mở Rộng Mẫu Tiện Ích" nữa. Bởi vì toàn bộ code mặc định đã được hiển thị ra hết trong editor mới, điều đó có nghĩa là bạn không cần phải "mở rộng" nữa.
Trong HTML Editor mới, mặc định các code widget sẽ được thu gọn lại. Code bị thu gọn có thể nhận biết bằng ký tự mũi tên ở cột đánh số dòng. Khi bạn click vào thì toàn bộ code sẽ được hiển thị ra.
Click vào để mở rộng code
Click vào để mở rộng code

Cách "Mở Rộng Mẫu Tiện Ích"


Như vậy làm cách nào để làm theo yêu cầu "Mở Rộng Mẫu Tiện Ích" trong các bài thủ thuật? Có hai trường hợp:

Tìm Một Đoạn Code

Nếu thủ thuật yêu cầu bạn tìm một đoạn code nào đó, hãy dùng tính năng Find có sẵn của editor (phím Ctrl F). Nếu đoạn code này đang bị thu gọn lại thì sẽ được tự động hiển thị ra toàn bộ khu vực đó.

Tìm Code Một Widget

Nếu bài viết yêu cầu bạn tìm đến một widget nào đó, hãy dùng tính năng Jump to widget để nhanh chóng định vị code. Sau khi đến code widget, click vào để mở ra toàn bộ code của widget đó.
Tính năng Jump to Widget
Tính năng Jump to Widget

Blogger Template HTML Editor Mới Với Nhiều Cải Tiến

Chỉnh sửa code HTML trong Blogger đối với người mới và ít kinh nghiệm thì giống như là một cơn ác mộng vậy. Vì trình chỉnh sửa HTML của Blogger quá đơn giản và thiếu tính năng, chỉ như một ứng dụng Notepad cơ bản của Windows, không hề có công cụ nào hỗ trợ cho chỉnh sửa code web cả.

Blogger Template HTML Editor Mới


Nhưng từ nay bạn không phải lo lắng điều này nữa, vì Blogger đã ra mắt bản HTML Editor mới với nhiều cải tiến đáng kể. Thông tin này đã được thông báo chính thức tại Blogger Buzz. Đây có thể nói là cải tiến lớn nhất kể từ khi Blogger thay đổi giao diện tới giờ. Và đây cũng là tính năng mà người sử dụng và những template designer mong đợi từ lâu. Ta hãy cùng xem những tính năng mới từ HTML Editor này.

Tính Năng Của New Blogger Template HTML Editor

Tính Năng Mới Của HTML Editor
Tính Năng Mới Của HTML Editor

1. Đánh Dấu Cú Pháp (Syntax Highlighter)

Sự thay đổi dễ nhận biết nhất chính là tính năng đánh dấu cú pháp. Đánh dấu cú pháp (tên gốc là Syntax Highlighter) là tính năng tô màu riêng và font riêng cho từng loại code khác nhau. Tính năng này giúp bạn dễ dàng đọc code cũng như chỉnh sửa code hơn.
Ngoài ra, Syntax Highlighter còn sắp xếp, canh hàng code cho từng tag theo cấu trúc code.

2. Đếm Dòng Code

Như trước đây, mỗi khi gặp lỗi khi chỉnh sửa template, mặc dù có chú thích lỗi nhưng bạn sẽ rất khó khăn để tìm ra được dòng lỗi. Giờ đây với tính năng đếm dòng code thì chuyện tìm sẽ dễ hơn nhiều.

3. Không còn Widget Expand, Thay Vào Đó Là Code Folding

Widget Expand (Mở Rộng Mẫu Tiện Ích) giờ không còn nữa, thay vào đó sẽ là Code Folding. Code Folding là tính năng tự thu gọn từng khu vực code lớn thành một dòng duy nhất và đầu dòng đó sẽ có ký tự . Khi bạn click vào đó thì toàn bộ code sẽ được hiển thị ra. Sau khi click, ký tự sẽ mất, nhưng nếu bạn click lại đúng vị trí đó thì code sẽ được thu lại như cũ và sẽ xuất hiện lại.
Mỗi widget mặc định đều bị thu gọn lại và bạn cần bấm tất cả các ký tự để mở ra toàn bộ .
Xem chi tiết Hướng Dẫn Mở Rộng Mẫu Tiện Ích Trong HTML Mới.

4. Jump To Widget

Với tính năng này bạn có thể nhanh chóng đi đến vị trí code của một widget để chỉnh sửa mà không cần phải tìm kiếm lâu.

5. Find, Find and Replace, Replace All

Tính năng tìm kiếm được xây dựng kèm trong HTML Editor nên khi bạn bấm Ctrl F sẽ không dùng tính năng của trình duyệt được. Nếu vẫn muốn dùng trình duyệt để tìm kiếm bạn hãy bấm Ctrl F 2 lần hoặc dùng phím F3. Nhưng bạn nên sử dụng tính năng của HTML Editor vì tính năng này sẽ đánh dấu toàn bộ kết quả trong code chứ không chỉ một. Và để tới các kết quả, bạn dùng Ctrl G.
Với tính năng Tìm và Thay Thế (Find and Replace) bạn dùng phím tắt Ctrl Shift F, nhập từ cần tìm, bấm Enter, nhập từ cần thay thế rồi bấm Enter.
Tính năng Replace All giúp bạn thay thế toàn bộ từ trong một lúc, dùng phím tắt Ctrl Shift R rồi dùng tương tự Find and Replace.

6. Đánh Dấu Lỗi

Không chỉ thông báo lỗi, HTML Editor mới còn đánh dấu cụ thể dòng đang bị lỗi giúp bạn nhanh chóng sửa lỗi hơn. Nếu có nhiều lỗi, chỉ có lỗi đầu tiên được đánh dấu.

7. Preview Template

Xem trước template ngay tại tab mà không cần phải refresh.

8. Format Template

Tính năng này sẽ tự động xuống dòng và canh hàng các dòng code theo cấu trúc tag. Xem hình dưới để rõ hơn.
Trước Khi Dùng Format Template
Trước Khi Dùng Format Template
Sau Khi Dùng Format Template
Sau Khi Dùng Format Template

9. Revert Changes

Bỏ các thay đổi với template hiện tại, trở lại trạng thái trước khi chỉnh sửa.

10. Revert Widget Template

Đưa Widget về mặc định, loại bỏ mọi chỉnh sửa của bạn trong tag <b:widget>.

Sử dụng HTML Editor Mới Như Thế Nào


Hiện tại mọi tài khoản Blogger đều được áp dụng HTML Editor mới. Với những người dùng ít kinh nghiệm với code, có lẽ sự thay đổi này sẽ gây một chút phiền toái, nhưng khi đã làm quen rồi bạn sẽ thấy những thay đổi này sẽ giúp bạn rất nhiều. Hiện tại không có cách nào để trở lại HTML Editor cũ.

Về Phần VNWeblog

VNWB sẽ cập nhật lại các bài viết cũ theo HTML Editor mới này. Sắp tới sẽ viết thêm các bài viết hướng dẫn cụ thể để tận dụng các tính năng mới của HTML Editor, mong bạn đón đọc.