Bài đăng

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

Giới hạn số dòng văn bản được hiển thị trong blogspot bằng CSS

Hình ảnh
Trong khi thiết kế, chỉnh sửa giao diện, viết nội dung Blog, nếu bạn muốn khống chế khu vực mà đoạn văn bản có thể được hiển thị, đơn giản bạn chỉ cần giới hạn số dòng mà đoạn văn bản có thể hiển thị bằng cách sử dụng CSS. Xem code ví dụ: .max-lines{    overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: N; /*số dòng muốn hiện */    font-size: F;          /*cỡ chữ, đơn vị px */    line-height: X;        /* khoảng cách giữa các dòng, đơn vị em*/    max-height: F*N*X;   /* chiều cao tối đa đoạn văn bản = (cỡ chữ) x (số dòng) x (chiều cao) */ } Cách sử dụng Khi muốn sử dụng, bạn thêm class "max-lines" cho đoạn văn bản đó, có thể xem DEMO Áp dụng Bạn có thể áp dụng cách này để khống chế, giới hạn số dòng của tiêu đề bài viết trên trang chủ để không làm vỡ Layout, bạn chỉ cần chỉnh sửa CSS tương tự bên dưới là được: h2.post-title, h2.post-title a {     font-size: 20px;     line-height: 1.3em;     color: #3

Tạo sitemap (sơ đồ) blogspot theo phong cách chuyên nghiệp cho blogger

Hình ảnh
Sitemap (sơ đồ) một từ ngữ không quá xa lạ. Nhưng các bạn phải phân biết cho rõ nhé Sitemap mà các bạn gửi lên Google webmasters hay Bing webmaster … Các Sơ đồ đó có nhiệm vụ "khai báo" với các công cụ tìm kiếm những thông tin chứa trong đó. Như vậy, sẽ giúp cho blog SEO (tối ưu tìm kiếm) tốt hơn. Khi các công cụ tìm kiếm "quét" qua Blog, tiêu điểm sẽ là sơ đồ blog. Còn Sitemap (sơ đồ) mà mình hướng ngày sau đây nó giúp cho người đọc có một cái nhìn tổng thể về trang Blog đang truy cập... Nhờ có sơ đồ, người đọc dễ dàng tìm đến các chuyên mục và bài viết chứa những thông tin cần tìm kiếm. Tóm tại Sitemap (sơ đồ) là một tiện vô cùng quan trọng là một giải pháp vời của một Blogger … Nó không khác gì một cuốn sách có MỤC LỤC, MỤC LỤC sẽ nói lên toàn bộ nội dùng của cuốn sách đó, người sẽ quyết định có ĐỌC hay là KHÔNG ĐỌC. Vậy việc tạo 1 Sitemap (sơ đồ) chuyện nghiệp là một điều vô cùng quan trọng và hôm nay Niệm Style sẽ giúp bạn là đều đó @! Ở bài viết này Niệm Sty

Tạo button hiệu ứng hover cực đẹp và tinh tế cho blogspot

Hình ảnh
Bài viết này mình sẽ giới thiệu đến các bạn mẫu button với hiệu ứng hover tuyệt đẹp và tinh tế , sử dụng hoàn toàn CSS để tạo ra hiệu ứng. Button này mình tham khảo ở một trang nước ngoài, chỉnh sửa lại một số CSS và chia sẻ lại cho các bạn. Button này hoàn toàn bằng CSS nên mọi người cứ yên tâm không ảnh hưởng chút nào đến tốc độ load blog của các bạn. Các bước thực hiện như sau: Bước 1 : Các bạn thêm đoạn CSS sau lên thẻ  ]]></b:skin> /* button */ .bttn-success {   color: #28b78d; } .bttn, .bttn-lg, .bttn-md, .bttn-sm, .bttn-xs {   margin: 0;   padding: 0;   border-width: 0;   border-color: transparent;   background: transparent;   font-weight: 400;   cursor: pointer;   position: relative; } .bttn-md {   font-size: 20px;   font-family: inherit;   padding: 5px 22px; } .bttn-unite {   margin: 0;   padding: 0;   border-width: 0;   border-color: transparent;   background: transparent;   font-weight: 400;   cursor: pointer;   position: relative;   font-size: 20px;   font-family:

Hiển thị thông báo khi xóa Comment blogspot/blogger

Hình ảnh
Đây là một thủ thuật khá đơn giản giúp bạn hiển thị một thông báo khi bạn xóa một comment nào đó từ người comment trên blog bạn. Nó giúp cho bạn truyền đạt được nội dung cũng như lý do mà bạn xóa comment đó. Nó cũng góp phần làm cho blog của bạn thêm chuyên nghiệp hơn! Thực hiện: Các bạn copy đoạn code sau và dán trên thẻ  ]]></b:skin> .comments .deleted-comment:after{content:" Vui lòng đọc lại nội quy bình luận tại: https://niemstyle.blogspot.com/p/noi-quy-binh-luan.html nhé"} .comments .deleted-comment:before{content:"\f00d";font-family:fontawesome;margin:0 6px 0 0} Các bạn chỉnh sửa lại nội dung CSS theo ý thích của mình là được. Lưu template lại và thưởng thức thành quả. Các bạn lưu ý một điều như thế này: Khi các bạn xóa comment đừng nên xóa vĩnh viễn nha, xóa thông thường thôi, ko là nó sẽ ko hiện thông báo lên đâu. Chúc các bạn thành công! đừng quên để lại 1 comment để ủng hộ tác giả nhé! Theme blogspot chia sẻ bởi : Share123 Blogger Templates D

SEO smart link: Liên kết thông minh trên blogspot

Hình ảnh
Trên thực tế Smart Link SEO là một trong những plugin có trong wordpress và bây giờ nó đã có js để sử dụng trong blogspot. Liên kết thông minh này phục vụ thay đổi mọi từ khóa hoặc một từ khóa trên blog của bạn thành một liên kết, cả trong bài đăng và trên trang blog. Nói nôm na cho các bạn dễ hiểu là khi các bạn cài đặt sẵn những từ khóa smart link này rồi thì khi bài viết của các bạn có những từ đã thiết lập sẵn đó nó sẽ tự động chuyển thành link liên kết (nhìn code phía dưới sẽ hiểu) Ví dụ: Khi bạn cài sẵn smart link SEO cho từ khóa "Blogger" chẳng hạn thì tất cả các bài viết trên blog hay trên trang của bạn mà có từ "Blogger" nó sẽ tự động chuyển thành link liên kết hết. Hướng dẫn cài đặt smart link SEO Các bạn chèn đoạn Js sau vào trên thẻ </body> <!--LK thông minh--> <script type='text/javascript'> function smartLink(){     this.keywdHref = new Object();     this.add = function(keyword, href){         if(keyword.substr(0,1) != &

Tìm hiểu về SEO Onpage. Cách SEO thân thiện với các công cụ tìm kiếm

Hình ảnh
SEO Onpage là gì?  SEO Onpage là thuật ngữ SEO nhằm ám chỉ quá trình mà chúng ta tối ưu hóa website, các trang con trong website giúp cho trang website đó thân thiện với các công cụ tìm kiếm. SEO Onpage chính là một cách SEO trên chính trang web của mình, là một yếu tố khá quan trọng quyết định đến thành công cho cả một chiến dịch SEO. SEO Onpage rất quan trọng SEO Onpage là toàn bộ công việc liên quan đến website, tối ưu các nội dung, hình ảnh, các thẻ h1, h2…, các thẻ meta…tốc độ tải trang, liên kết nội bộ, v.v… Đây là công đoạn khá quan trọng khi chúng ta thực hiện một chiến dịch SEO, khi chúng ta làm tốt được các yếu tố về SEO Onpage sẽ giúp cho website thân thiện hơn với các Search Engine . Google luôn đánh giá cao những trang website có tốc độ tải trang nhanh, nội dung và hình ảnh chất lượng và thân thiện với mình. Ngoài ra đây cũng là cốt lõi của SEO, nếu làm tốt Onpage, chắc chắn website của bạn sẽ có thứ hạng cao khi làm SEO. Các tối ưu SEO Onpage Nếu bạn vừa mới bắt đầu một

Gắn Fanpage vào trang cá nhân Facebook mới nhất 2019

Hình ảnh
Bạn đang sử dụng Facebook cá nhân , và bạn luôn muốn trang chủ Facebook của mình trông đẹp hơnvà chuyên nghiệp hơn? Hay chẳng hạn như bạn đang tham gia nhiều hoạt động trong một Group, hội nhóm nào đó và bạn thường rất hay lui tới đó để chém gió, giao lưu, học hỏi? Hoặc thậm chí là bạn đang rất thần tượng một idol nào đó, bạn muốn sử dụng Avatar Fanpage của người đó vào một vị trí trang trọng nhất trên trang Facebook cá nhân của mình? Hoặc là Fanpage của bạn đang bán hàng , bạn muốn thêm nó vào mục chú ý của trang cá nhân mình? Vậy thì Ok! Hãy đọc ngay bài viết của mình ngày hôm nay để bạn có thể biết cách áp dụng nó ngay trên chính Facebook của mình nhé. Bài này sẽ hướng dẫn các bạn gắn Fanpage vào trang cá nhân Facebook mới nhất 2019 một cách hết sức đơn giản! Các bước thực hiện Đầu tiên, các bạn vào trang cá nhân Facebook của mình và kéo xuống phần Thêm vào mục Đáng chú ý hoặc là các bạn đang thêm ảnh rồi thì mình bấm vào chỉnh sửa . Sau đó các bạn kéo xuống phần Trang và chọn cho

Button CSS xu hướng thiết kế web đơn giản trong năm 2019

Hình ảnh
Thiết kế web đang ngày càng được phát triển rất nhanh và một trong những xu hướng thiết kế web hiện nay đó là thiết kế đơn giản hay còn gọi là tối giản nhất có thể. Thiết kế web tối giản bao gồm bố cục, nút, thanh điều hướng, thanh bên, màu sắc, kiểu chữ và nhiều thứ khác nữa... Nhiều người sẽ cảm thấy thoải mái khi thiết kế một website đơn giản nhưng đôi khi có người lại cảm thấy nó khó nhìn vì quá đơn giản và không mấy đặc sắc. Thiết kế web tối giản thường được gọi là phong cách thiết kế phẳng hay thiết kế nguyên vật liệu . Và hôm nay mình sẽ hướng dẫn các bạn làm một Button hoàn toàn bằng CSS & HTML cực kỳ đơn giản mà không kém phần đặc sắc. Button CSS xu hướng thiết kế đơn giản trong năm 2019 Button sẽ có dạng như sau: HTML <a href="#" class="action-button shadow animate blue ">Click xem thử</a> CSS .animate {  transition: all 0.1s;  -webkit-transition: all 0.1s; } .action-button {  position: relative;  padding: 10px 40px;         margin: 0px

Tổng hợp các cách mở chặn link blog trên facebook đơn giản từ LeMinhUt

Hình ảnh
Như các bạn cũng biết, Facebook là một nguồn lưu lượng truy cập khá phong phú giúp chúng ta quảng bá, sản phẩm, website, blog rất nhanh chóng. Vì vậy, khi đăng link Blog thường xuyên thì rất dễ bị ăn spam và chặn link ngay lập tức từ Facebook. Chính vì điều này thường làm cho các Blogger trẻ hiện nay hoang mang không biết làm sao để mở chặn link blog trên facebook . Nay mình xin tổng hợp lại một số cách mở chặn link đơn giản từ Lê Minh Út Blog mà ai cũng có thể làm được. Cách 1: Mở bằng TUT kháng Đầu tiên : các bạn đăng link blog bị chặn lên Facebook và nó sẽ báo như hình dưới đây Sau khi hiện thông báo bị chặn nó sẽ gửi một thông báo về hộp thư hổ trợ của bạn và nó sẽ xảy ra 2 trường hợp như sau: Nặng thì chúng ta sẽ không post được link và sẽ nhận thông báo không thể truy xuất dữ liệu từ trang web . Nhẹ thì thì sẽ hiện thông báo về hộp thư có dòng chữ Đây không phải là spam . Và tùy trường hợp chúng ta sẽ chọn báo cáo hoặc đây không phải là spam để điền thần chú phía dưới đây vào:

Hiệu ứng hoa mai rơi cho blogspot nhân dịp tết đến xuân về

Hình ảnh
Năm mới sắp đến rồi, chắc hẳn những bạn làm website như mình cũng đang đi kiếm một số background hay những hiệu ứng để trang trí thêm cho Blog. Qua tìm kiếm trên internet thì mình có tìm được hiệu ứng hoa mai rơi để làm tăng không khí tết cho Blog. Sau đây thì mình xin chia sẻ lại cho những bạn cũng đang đi tìm kiếm hiệu ứng này. Ngoài ra, các hiệu ứng hoa anh đào rơi , hiệu ứng lá rơi (khi trời chuyển sang thu), hiệu ứng tuyết rơi , hiệu ứng sao rơi ,…Thì cũng từ một đoạn Code này mà ra thôi. Xem thêm: Tổng hợp một số code trang trí tết cho blogspot của bạn Thực hiện Vào Blog => Chủ đề => 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 trên thẻ và Lưu mẫu . <script type='text/javascript'> //<![CDATA[ var pictureSrc =" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR2O4Gb3_trtdI1ctQYOWelRRAKMSO3rv6ZNiw3K4Oigy2-YwTwJXxS40xK85_i6kiKeTzX2JJc_SvZIm2mxzaiEx_H0Lw3AHAeMSRIC2K5Ae6fke15ld

Hướng dẫn SEO top 1 Google thông qua Yahoo trong 3 phút

Hình ảnh
Hey! xin chào các bạn! Hôm nay mình xin giới thiệu đến các bạn một thủ thuật SEO nhanh chóng lên TOP 1 Google . Nghe hấp dẫn phải không các bạn? :) Trước tiên mình xin giải thích một chút xíu về thủ thuật SEO này: → Thủ thuật SEO này chủ yếu liên quan tới một cụm từ khóa mà những người tìm kiếm hay hướng đến. Ví dụ như: mua quạt máy quận 10 ở đâu ; chỗ trị mụn tốt nhất tphcm ; blogger nổi tiếng nhất việt nam là ai ; cần mua heroin quận 8 ở đâu ;...có rất nhiều cụm từ khóa mà tùy các bạn muốn hướng đến người tìm kiếm như thế nào! → Thủ thuật này là mình chỉ thông qua Yahoo Answers để đối tượng tìm kiếm tìm thấy mình. Chắc các bạn đã biết kho dữ liệu to lớn của Yahoo như thế nào rồi mà đúng không! Các bước thực hiện như sau: 1. Các bạn phải có tài khoản Yahoo (việc tạo tài khoản ko cần phải nói chắc các bạn ai cũng biết) để đăng nhập vào trang  https://vn.yahoo.com/    Sau đó các bạn chọn mục Hỏi & Đáp và đặt một câu hỏi theo mẫu sau:    Ở đây mình xài cụm từ khóa: Niệm đẹp trai nhất

Thanh Breaking News đơn giản cho blogspot

Hình ảnh
Ở nhiều trang tin tức người ta thường có 1 hoặc nhiều widget chạy ngang điểm những tin tức mới những bài viết mới và tác dụng của nó sẽ kéo thành viên ở lại trang lâu hơn bởi những tin nóng những tin hay mà nếu như bình thường người xem sẽ không để ý. Nếu dạo qua các trang tin tức các bạn có thể thấy một thanh ngang được đặt lên đầu trang với tiêu đề là “Tin mới”, “Tiêu điểm”,… hiển thị các bài viết mới với hiệu ứng load sinh động rất thu hút người đọc. Đó gọi là Breaking News Widget (hay Widget Tin tức mới). Trước đây, mình thấy có rất nhiều bạn viết nhiều bài viết hướng dẫn về cách làm này nhưng đa số hiện tại bây giờ xài được vì bị cái gì mà gọi là xung đột css javascript mà mình chả hiểu cm gì hết :v, nói chung là không xài được và thường bị lỗi tùm lum. Hôm nay, mình xin chỉa sẻ cho các bạn Cách tạo một thanh Breaking News đơn giản mà đẹp có hình ảnh luôn, load chuẩn và chả có xung đột cái gì hết :) Các bước thực hiện: Bước 1 : Truy cập Chủ đề - Chỉnh sửa HTML. Bước 2 : Thêm đoạ