Tạo Nút Tải Đẹp cho Blogger

Sau khi mình Share Template Blogger GameVina thì có một bạn yêu cầu mình chia sẻ thủ thuật tạo Nút Tải cho Blogger giống với nút tải trong template blogger GameVina. Blogger Việt xin chia sẻ chút kinh nghiệm đó cho bạn ấy và mọi người cùng tham khảo để tự trang trí lại cho blog của chính mình đẹp hơn nữa.

(Tạo Nút Tải Đẹp cho Blogger đã được tạo)

Tạo Nút Tải cho Blogger bằng CSS

Thực sự thì việc tạo nút tải này không có gì khó, chỉ là thay đổi css cho trích dẫn bài viết thôi.

CSS là gì ? 

"CSS là viết tắt của cụm từ "Cascading Style Sheet" , nó là một ngôn ngữ quy định cách trình bày của các thẻ html trên trang web. Là ngôn ngữ đang được sử dụng rất nhiều trong lập trình web, có thể nói CSS ra đời đã tạo nên một cuộc cách mạng.Đôi khi các bạn sẽ bối rối khi nhận thấy rằng các đoạn code mình viết hiển thị không giống nhau trên các trình duyệt khác nhau, CSS sẽ giúp các bạn giải quyết bài toán này.CSS quy định cách hiển thị nội dung của các thẻ HTML trên các trình duyệt gần như giống nhau,bằng cách quy định các thuộc tính cho thẻ HTML đó"

  (nguồn được mình trích tham khảo tại internet)

Cách Tạo Nút download cho Blogger

Bước 1: Bạn coppy dòng CSS bên dưới và truy cập vào chỉnh HTML (ấn nút Ctrl và nút F cùng lúc để tìm dòng ]]></b:skin> 

Dòng code Css:

blockquote.tr_bq {text-align: center!important;background-color: white; font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 12px; height: 20px;margin-bottom: 15px; margin-top: 10px;margin-left: 200px;margin-right: 200px;background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(253, 216, 8)), to(rgb(255, 168, 3))); background-repeat: repeat no-repeat; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; padding: 8px 10px;clear:both;} blockquote.tr_bq:hover {background: #2F2F2F;text-decoration: none;border-radius: 3px;} blockquote.tr_bq a {background-image: url(http://i.imgur.com/OvjRsfM.gif); background-position: 0% -1px; background-repeat: no-repeat no-repeat; color: rgb(255, 255, 255) !important; font-size: 14px; padding-left: 40px; text-decoration: none; text-transform: uppercase;font-weight: bold;}

Bước 2: Dán dòng code trên vào trước ]]></b:skin>  và lưu template lại là xong.

Thế là đã xong bước chèn code vào template rồi nhé

Làm thế nào để nút tải hiện trong bài viết Blogger?

Sau khi bạn đã chèn xong đoạn code css thì bạn vào bài viết và sử dụng trích dẫn để tạo nút tải cho link.

Cách làm là:

Bạn chỉ cần bôi đen dòng textlink sau đó bấm vào nút trích dẫn trên thanh công cụ của blogger (nút trích dẫn có hình " 2 dấu nháy cao) như hình dưới:

(nút trích dẫn blogger)

Trên đây là thủ thuật tạo nút tải, download đẹp giống template blogger gamevina đã share trước đó. Bạn có thể xem bài Share template wap blogger GameVina để tải về dùng luôn.

Mọi ý kiến bạn comment bên dưới nhé, chúc các bạn thành công. Nhớ ghi rõ nguồn khi coppy bài từ Blogger Việt