Trong bài viết này mình xin hướng dẫn các bạn tạo bài viết đầu tiên nổi bật so với các bài viết, ưu điểm giúp cho người đọc tạo điểm nhấn, lạ. và có thể thiết kế riêng theo sở thích của mỗi người cho blog của mình. Để áp dụng thủ thuật này đòi hỏi bạn phải có kiến thức về CSS cũng như có thể làm đẹp được bài viết đầu. thiết kế đáp ứng khi hiển thị trên thiết bị di động, sáng tạo riêng.
Read MoreNhư bạn đã biết thì đối với các webmaster việc thu nhập từ quảng cáo giúp duy trình, có kinh phí để gia hạn để tiếp tục phát triển website. Quảng cáo mang lại thu nhập nhất định, tuy nhiên hiện nay chúng ta có thể thấy có rất nhiều các tiện ích chặn quảng cáo tích hợp trên trình duyệt giúp người dùng có thể bỏ qua được hiển thị của các quảng cáo như Adblock, Adguard, AdRemover, Ghostery, Simply Block Ads!, SuperBlock AdBlocker,… Việc này rất ảnh hưởng tới các…
Read MoreXin chào các bạn, do một số lý do về cá nhân và công việc nên mình đã ngưng hoạt động blog trong một thời gian dài. Thời gian tới đây mình sẽ tiếp tục phát triển blog của mình tích cực hơn, mong rằng các Fan của blog mình vẫn tiếp tục ủng hộ và giúp blog phát triển mạnh mẽ hơn. Tản mạn tới kia thôi mình sẽ đi vào nội dung chính của bài viết này luôn nhé, trong bài này mình sẽ hướng dẫn các bạn…
Read MoreDANH SÁCH CÁC TRANG TEMPLATES ————————— Số thứ tự Tên trang web Địa chỉ trang web 1 New Blogger Themes Nhấp vào đây để đi đến 2 Chamnhe Nhấp vào đây để đi đến 3 Passionery Nhấp vào đây để đi đến 4 VinhlongIT Nhấp vào đây để đi đến
Read MoreCác bạn biết đó, đôi khi những bài viết hay thì cần phải di ngay với những video hướng dẫn cụ thể. Và để có thể tạo được 1 video trong bài viết thì cũng không khó gì? Dựa vào cách đơn giản thì chúng ta có thể: tải trực tiếp hoặc nhúng qua youtube….nhưng đối với mình thì cần 1 cái gì đó hay hơn, ngoài việc xem được video thì chúng còn phải đẹp, có thể tải về và lưu lại nó. Với những điều…
Read MoreĐôi khi chúng ta muốn sử dụng 1 ảnh tượng trưng cho 1 bài viết ở bên ngoài trang chủ để bài viết của bạn trở nên đẹp và sống động hơn, nhưng làm thế thì trong nội dung bài viết đó cũng sẽ xuất hiện ảnh mà bạn đã chèn. Vậy có cách nào để ẩn ảnh đó đi trong bài viết nhưng vẫn hiển thị được trên trang chủ? Với vấn đề này, mình đã tìm ra được cách giải quyết như sau: Bước 1:…
Read Moresummary_noimg = 250; summary_img = 220; img_thumb_height = 125; img_thumb_width = 125; //=1) { imgtag = ‘‘; summ = summary_img; } var summary = imgtag + ‘ ‘ + removeHtmlTag(div.innerHTML,summ) + ‘ ‘; div.innerHTML = summary; } //]]> Mặc định các nhãn của Blogspot được hiển thị rất đơn điệu, nếu bạn muốn các nhãn hiển thị được đẹp hơn, bạn có thể tạo menu dọc cho nó, để tạo menu dọc các bạn phải dán code vào mã nguồn và một vào HTML/Javacrip. Các bước như sau: Đầu tiên,…
Read MoreTrong bài viết này mình sẽ hướng dẫn các bạn một thủ thuật nhỏ với CSS, cách này có thể áp dụng được trên nhiều các thành phần, không riêng tiêu đề của blogspot. Ưu điểm của việc cắt và tuỳ chỉnh dòng tiêu đề: – Đầu tiên mình thấy nó rất gọn gàng với những tiêu đề khá là dài và thứ hai vị trí hiển thị rất "khiêm tốn"
Read MoreBreadcrumbs là một thành phần không thể thiếu trong một website/blog, breadcrumbs là tập hợp các đường liên kết phân cấp giúp người dùng có thể biết được mình đang ở trang nào và từ đó có thể di chuyển thuận lợi từ liên kết này tới các liên kết khác nhanh chóng. Ngoài ra khi tìm kiếm kết quả hiển thị đường dẫn của website đều phụ thuộc vào breadcrumbs.
Read MoreMenu là một thành phần không thể thiếu đối với một blog, chính vì vậy trong bài này mình sẽ hướng dẫn các bạn thêm một loại menu dọc ẩn hiện phía bên trái của blog với hiệu ứng tuyệt đẹp và đầy đủ các chức năng. Bạn có thể xem demo của menu này trước khi thực hiện thêm menu này. button{background:#e48522;border:none;position:relative;transition:800ms ease all;outline:none;font:700 24px “Roboto Condensed”,sans-serif;text-transform:uppercase;border-radius: 5px;} button a{color:#fff!important;padding:.5em 3em;display:block} button:hover a{color:#e48522!important} button:hover{background:transparent} button:before,button:after{content:”;position:absolute;top:0;right:0;height:2px;width:0;background:#e48522;transition:900ms ease all} button:after{right:inherit;top:inherit;left:0;bottom:0} button:hover:before,button:hover:after{width:100%;transition:800ms ease all} XEM DEMO NGAY Ưu điểm với loại menu…
Read More
