Bài đăng

Hiển thị các bài đăng có nhãn Widget

Code Tạo hộp chatbox hỗ trợ online cho fanpage facebook

Hình ảnh
Giới thiệu: Code Tạo hộp chatbox hỗ trợ online cho fanpage facebook. Tích hợp hộp chatbox gửi tin nhắn tới fanpage vào website blog của bạn. Giúp khác khi truy cập website/ blog có thể liên hệ trực tiếp với fanpage. Demo : Xem demo Messenger Chatbox Xem thêm

Tiện ích đăng ký theo dõi đẹp cho Blogspot

Hình ảnh
Chào các bạn, để cho người đọc tiện theo dõi các bài viết mới của bạn thì khung theo dõi có tích hợp mạng xã hội là một lựa chọn rất tốt. Vì thể trong bài viết này mình xin hướng dẫn các bạn tạo "Tiện ích theo dõi bài viết đẹp cho Blogspot". Hy vọng nó mang lại nhiều hữu ích cho website của bạn! Hình Minh Họa: Xem thêm

Tạo tiện ích nhãn 2 cột đẹp cho blogspot

Hình ảnh
Nhãn (Label) có thể được xem là chuyên mục cũng có thể được xem là Tag từ khóa của 1 bài viết. Thường thì người dùng blogspot sẽ dùng Label làm chuyên mục trong website. Và bài viết này sẽ hướng dẫn các bạn tạo tiện ích nhãn với giao diện 2 cột từ widget gốc có sẵn của blogger. (Hình minh họa) Xem thêm

Bài viết liên quan tích hợp quảng cáo cho Blogspot

Hình ảnh
Bài viết liên quan có hình cho blogspot chuẩn HTML5 tích hợp Quảng cáo, Bài viết liên quan đẹp cho blogspot Ở bài viết này mình phân bố bên trái là bài viết liên quan cho blogspot chuẩn HTML5, bên phải dành cho quảng cáo với kích thước chuẩn 300x250 hoặc 300x300 rất tiện lợi mà không làm mất thẩm mỹ của template của các bạn. Tiến hành chèn code vào template: Bước 1: Đăng nhập vào tài khoản blogger của bạn Bước 2: Chọn mẫu Bước 3: Chỉnh sửa HTML nhấn Ctrl+F tìm đến thẻ ] ]></b:skin>  hoặc  </style>  Copy đoạn CSS bên dưới và Paste trên nó. @media (max-width: 600px) { .post-ads { width: 100%; } .post-right { margin-left: 0 !important; width: 100%; float: left; } }.post-right { margin: 0 0 0 310px; padding: 0 0 10px } .post-ads { float: left; margin: 0 10px 10px 0; position: relative } p.post-excerpt { margin: 0; padding: 10px; background-color: #ECF0F1; font-size: 17px; line-height: 1.5

Hộp đăng ký nhận bài viết qua Email cho Blogspot

Hình ảnh
  Chào mọi người, Hôm nay mình sẽ share cho các bạn một tiện ích cho blogger/blogspot đó là Hộp đăng ký nhận bài viết qua Email . Code này do mình edit từ code trên twistblogger.com nhá. Chức năng của nó là biểu mẫu cho phép mọi người đăng ký theo dõi các bài viết mới trên Blog.Việc tạo một Hộp đăng ký nhận bài viết qua Email (Subscribe by email) chuyên nghiệp và bắt mắt ắt hẳn sẽ giúp bạn tăng số lượng người dùng đăng kí. Xem demo Xem demo tại đây >> Bắt đầu thủ thuật Đầu tiên bạn vào Blogger => Mẫu => Chỉnh sửa HTML. Nhấn tổ hợp phím Ctrl + F và tìm đến thẻ <head>. Sau đó dán đoạn mã Code sau ở phía dưới thẻ <head> và Lưu mẫu. <link href='https://netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.css' rel='stylesheet'/> Tiếp đến bạn vào Blogger => Bố cục => Thêm tiện ích => HTML/JavaScript và dán đoạn mã code dưới đây vào và Lưu. <style>#twist-blogger-sbox-v2{padding:0;padding-bottom:5px;font-family:Arial,Helvetica

Tiện ích Bình Luận Gần Đây Cho Blogspot

Hình ảnh
Một thủ thuật nhỏ cho blogger, đây là thủ thuật tạo một khung hiển thị những bình luận mới nhất như bài trước của mình  Tạo trang hiển thị bình luận mới cho Blogspot nhưng cái này tiện hơn là widget ngay trên blog của bạn luôn. Bước tiến hành: Bước 1 : Đăng Nhập Vào Blog -> Bố Cục -> Tạo một tiện ích HTML/Javascript tại nơi mà bạn muốn hiện. Bước 2 : Dán đoạn code sau đây vào <style type="text/css" scoped>.startuanit_recent li{display:block;clear:both;border: 1px solid #151515;overflow:hidden;list-style:none;max-height:150px;padding:3px!important;margin:3px 0;background:#151515}ul.startuanit_recent{max-height:320px;overflow:auto;list-style:none;margin:0;padding:0}.startuanit_recent li:hover{background:#111;border:1px solid #00BFF3!important}.avatarImage{padding:3px 10px 0 3px;float:left;position:relative;overflow:hidden}.startuanit_recent li span{margin-top:7px;color:#aaa;display:block;font-size:12px;line-height:1.4}</style> <script type="text/javas