Tạo social sharing buttons đẹp mắt cho Blogspot

Filament là một plugin rất hay cho phép bạn thêm các nút chia sẻ xã hội, Google Analytics, đăng ký bản tin và chức năng bổ sung khác để trang web của bạn. Với plugin này, bạn có thể dễ dàng sử dụng chúng ở một trang web tĩnh, một trang web Wordpress hay là một trang Blogger. Chỉ với một đoạn Javascript nhỏ cùng với một chút tùy chỉnh bạn có thể tạo cho trang web một phong cách mới. Sau đây mình sẽ hướng dẫn các bạn cách đăng kí và sử dụng Filament trong Blogger.

DEMO

Đăng kí và kết nối với Filament.io

Đầu tiên các bạn vào trang http://filament.io và kéo xuống phía dưới để tìm nút SIGN UP FREE như trong hình:

Các bạn cũng có thể đăng kí tài khoản Filament bằng Facebook hay Google+ hoặc không là tạo một tài khoản mới với E-mail của chính mình.Sau khi đã đăng kí và đăng nhập, Filament sẽ yêu cầu chúng ta nhập địa chỉ trang web vào một form, các bạn sẽ điền địa chỉ blog của mình vào đó.

Lưu ý: Bạn không được nhập địa chỉ web với thư mục con ở cuối mà phải sử dụng một tên miền con hoặc là tên miền cấp cao nhất như ví dụ trong hình:

Sau đó, các bạn bấm vào nút Next, trang web sẽ đưa cho bạn một mã code javascript. Việc của các bạn là coppy đoạn code đó và paste vào phía trên thẻ đóng của template.

Sau khi coppy xong và lưu template lại, các bạn nhấn vào nút Test your connect. Nếu thành công, nó sẽ hiện như hình:

• Lưu ý: Các bạn phải lưu Template lại trước khi nhấn Test your connect nếu không sẽ không được đâu nhé

Chèn Social Sharing Buttons vào trang web

Sau khi đã hoàn tất các bước trên, Filament sẽ đưa ta về trang chính với các Apps mà chúng ta sẽ chèn vào trang web.

Để thêm một plugin vào trang web các bạn nhấn nút LAUNCH sau đó click vào tên miền đã đăng kí hoặc thêm một tên miền mới.

Ở khuôn khổ bài viết này, mình chỉ hướng dẫn các bạn một plugin là chèn Social Sharing Buttons vào trang web, còn những plugin khác các bạn sẽ tự tìm hiểu hoặc liên hệ với mình nhé. Các bạn nhấn vào nút LAUNCH ở plugin Flare như ở hình trên ( cái màu vàng nhé)
Khi đó, trang web sẽ đưa ta đến trang quản lí mà ở đây, các bạn có thể thêm, bớt, tùy chỉnh các icon cũng như màu sắc của plugin.

Các bạn click vào nút +NEW để tạo plugin mới

Trong popup mới hiện ra, các bạn tùy chỉnh các icon và xem thử ở phần Review bên phải sao cho hợp với ý mình

Sau khi đã cài đặt và nhập tên Plugin rồi thì các bạn bấm nút Save Settings để lưu lại. Các bạn sẽ thấy một plugin mới trong sidebar bên trái

Bây giờ các bạn đưa con trỏ chuột vào cái ô vuông màu vàng này đến khi thấy xuất hiện mũi tên thì nhấn giữ chuột và kéo plugin vào một ví trí bạn muốn hiển thị trên trang web

Và cuối cùng là bấm nút PUBLISH và quay trở lại trang web để xem thành quả của mình nào!!!

Chúc các bạn thành công. Mọi thắc mắc xin để lại ở dưới comment mình sẽ trả lời trong thời gian sớm nhất!!!

Share on Google Plus

Việt Royal

Đam mê lập trình web và thiết kế đồ họa. Luôn mang đến cho bạn đọc những bài viết chất lượng, hữu ích nhất. Đồng hành và ủng hộ cho Blog Th.V Royal nhé!