Chèn Welcome bar cho Blogger
https://cuanhcuem.blogspot.com/2012/11/chen-welcome-bar-cho-blogger.html
Chắc hẳn các bạn chơi blogger không lạ gì dịch vụ chia sẻ nội dung rất phổ biến của Addthis.com nữa. Trang này mới đây đã cho ra đời một dịch vụ chia sẻ mới rất hay, đó là Welcome Bar (đang trong quá trình thử nghiệm). Cài đặt Welcome bar cho blog của bạn, mỗi khi "khách tới thăm nhà", thanh Chào đón này sẽ hiện ra và đề nghị khách chia sẻ bài viết của bạn lên Face book / Twitter / Google hoặc các trang web khác. Theo 2ku Blog đây là một công cụ rất hữu ích trong việc "truyền bá" blog mình ra cộng đồng. Bạn có thể xem qua Welcome bar ở hình dưới đây (hiện ra ở ngay trên tiêu đề Blog).
Để cài đặt Welcome bar, trước hết bạn hãy truy cập vào đây.
Welcome bar sẽ tự xác định vị khách của chúng ta đến từ phương nào và đề nghị khách chia sẻ bài viết lên trang đó. Mặc định thì Addthis thể hiện các trang Twitter, Facebook và Google cho chúng ta lựa chọn. Bạn cũng có thể thêm những trang khác trong danh sách chia sẻ của Addthis bằng cách "+Add visitor type". Ở đây tôi đã thêm Go.vn và ZingMe (2 mạng xã hội của Việt Nam) vào danh sách.
Phía bên tay phải của giao diện là khu vực cho bạn tùy chỉnh lời chào đối với từng nhóm bạn đọc, đến từ những nguồn khác nhau. Trong hình dưới các bạn có thể thấy khi chọn Zingme bên cột tay trái, phía tay phải sẽ có dòng chữ "Visitors from zingme will see this bar at the top of their screen:". Bạn có thể tùy biến lời chào trong phần khung màu đỏ (thanh công cụ sẽ hiển thị nội dung tương ứng).
Phần quan trọng nhất là nút "Button action": Addthis cho bạn 3 lựa chọn là Share / Follow / URL.
Tiếp theo, bạn có thể tùy chỉnh màu sắc của Welcome bar sao cho phù hợp với trang blog của mình. Addthis cho phép bạn tùy chỉnh màu nền (background), màu chữ nội dung chào đón (Message text), màu của nút lệnh (Button) và cả màu chữ trên nút lệnh nữa (Button Text).
Ngoài ra, bạn cũng có thể "hẹn giờ" tắt cho thanh công cụ này bằng cách tích vào ô vuông phía trước chữ "After" rồi chọn khoảng thời gian thực hiện (tính bằng giây).
Sau khi đã hài lòng với nội dung và "nhan sắc" của Welcome bar, bạn có thể bắt tay vào việc khoác nó lên trang blog của bạn rồi (he.. bạn có thể tưởng tượng nó như là 1 chiếc khăn lụa quấn trên ... cổ blog của bạn vậy!).
Như mọi khi, bạn đăng nhập Blogger, vào Template → Edit HTML → Proceed.
Nhấn tổ hợp Cltr + F và tìm đoạn mã </body>. Bạn quay lại trang Get the Welcome bar và sao chép toàn bộ đoạn mã mà Addthis cung cấp (nhấn Grab It, click chuột phải và chọn Copy). Bạn dán toàn bộ đoạn mã này lên ngay phía trên khóa </body> mới tìm được rồi Save template.
Xong. Việc còn lại của bạn là mở trang blog của mình lên và ngắm nhìn thành quả đạt được (có giống chiếc khăn lụa quàng trên cổ blog không nào?!).
Chúc bạn thành công!
Để cài đặt Welcome bar, trước hết bạn hãy truy cập vào đây.
Welcome bar sẽ tự xác định vị khách của chúng ta đến từ phương nào và đề nghị khách chia sẻ bài viết lên trang đó. Mặc định thì Addthis thể hiện các trang Twitter, Facebook và Google cho chúng ta lựa chọn. Bạn cũng có thể thêm những trang khác trong danh sách chia sẻ của Addthis bằng cách "+Add visitor type". Ở đây tôi đã thêm Go.vn và ZingMe (2 mạng xã hội của Việt Nam) vào danh sách.
Phía bên tay phải của giao diện là khu vực cho bạn tùy chỉnh lời chào đối với từng nhóm bạn đọc, đến từ những nguồn khác nhau. Trong hình dưới các bạn có thể thấy khi chọn Zingme bên cột tay trái, phía tay phải sẽ có dòng chữ "Visitors from zingme will see this bar at the top of their screen:". Bạn có thể tùy biến lời chào trong phần khung màu đỏ (thanh công cụ sẽ hiển thị nội dung tương ứng).
Phần quan trọng nhất là nút "Button action": Addthis cho bạn 3 lựa chọn là Share / Follow / URL.
- Share: Chia sẻ nội dung bài viết trên dịch vụ tương ứng.
- Follow: "theo đuôi" bạn trên các dịch vụ như Facebook, Twitter, Pinterest, Vimeo, Youtube,...
- Go to URL: "dẫn dụ" bạn đọc đến 1 đường link nào đó của bạn.
Tiếp theo, bạn có thể tùy chỉnh màu sắc của Welcome bar sao cho phù hợp với trang blog của mình. Addthis cho phép bạn tùy chỉnh màu nền (background), màu chữ nội dung chào đón (Message text), màu của nút lệnh (Button) và cả màu chữ trên nút lệnh nữa (Button Text).
Ngoài ra, bạn cũng có thể "hẹn giờ" tắt cho thanh công cụ này bằng cách tích vào ô vuông phía trước chữ "After" rồi chọn khoảng thời gian thực hiện (tính bằng giây).
Sau khi đã hài lòng với nội dung và "nhan sắc" của Welcome bar, bạn có thể bắt tay vào việc khoác nó lên trang blog của bạn rồi (he.. bạn có thể tưởng tượng nó như là 1 chiếc khăn lụa quấn trên ... cổ blog của bạn vậy!).
Như mọi khi, bạn đăng nhập Blogger, vào Template → Edit HTML → Proceed.
Nhấn tổ hợp Cltr + F và tìm đoạn mã </body>. Bạn quay lại trang Get the Welcome bar và sao chép toàn bộ đoạn mã mà Addthis cung cấp (nhấn Grab It, click chuột phải và chọn Copy). Bạn dán toàn bộ đoạn mã này lên ngay phía trên khóa </body> mới tìm được rồi Save template.
Xong. Việc còn lại của bạn là mở trang blog của mình lên và ngắm nhìn thành quả đạt được (có giống chiếc khăn lụa quàng trên cổ blog không nào?!).
Chúc bạn thành công!
Location:
Ho Chi Minh City, Vietnam
