Thủ Thuật | Hướng dẫn seo cho blogspot/website

Recent post dạng hình ảnh 3 cột cho blogspot là một mẫu bố trí bài đăng cực đẹp. Các bạn có thể cho recent post này hiển thị ngoài trang chủ thay bài cách hiển thị mặc định của blogspot. Các ưu điểm của Recent post này 3 cột Hiển thị bài viết theo từng label hoặc toàn bộ bài đăng Hiển thị hình ảnh và có tiêu đề bài viết bên dưới Thiết kế chuyên nghiệp Cách thực hiện Bước 1 :  Đăng nhập vào template blogspot của bạn tìm đến thẻ  ]]></b:skin> và thêm đoạn code sau trên thẻ ]]></b:skin> . #hong-anhhinho li {float: left;list-style: none;height:190px;width: 217px;overflow: hidden;margin-left: 5px;} #hong-anhhinho img {float: left;width:215px;height:130px;margin-bottom: 5px;} #hong-anhhinho a {float: left;overflow: hidden;color: #333;font: BOLD 12PX ARIAL;width: 223px;} #hong-anhhinho a.slider_title { float: left !important; } Bước 2 : Tiếp tục tìm đến thẻ </head> và chèn đoạn code bên dưới vào trước thẻ </head> . <script type='text/javascri...

Blogger Labels mặc định chỉ là một widget , không quá nhiều hấp dẫn và người dùng được chán với nhãn xấu xí với widget đó.   Hãy xem xét rằng trang web của bạn có sạch sẽ, phong cách và cái nhìn đẹp nhưng label đó làm mất đi sự chuyên nghiệp, vì vậy một ấn tượng xấu của nó đối với độc giả của bạn / khách.   Mặc định blogger nhãn phụ tùng điện toán đám mây không phải là quá hấp dẫn, vì vậy hôm nay chúng tôi sẽ chia sẻ một kỹ thuật đơn giản để tùy biến blogger Labels cloud widget Blogger . Dưới đây là một thủ thuật nhỏ giúp chỉnh sửa  Labels cloud widget Blogger . Hãy tìm hiểu cách tùy chỉnh  Labels cloud widget Blogger . Cách thực hiện Labels cloud widget Blogger Bước 1 :  Chỉnh sửa widget label của bạn như hình dưới và nhấn save Bước 2 : Đăng nhập vào Template Blog và chỉnh sửa HTML Bước 3 : Bấm Ctrl + F và tìm thẻ  ]]> </ b: skin> và thêm đoạn code sau đây trước nó .sidebar .label-size {   position:relative;   text-trans...

Để nâng blogspot của bạn lên một giao diện chuyên nghiệp thì thẻ label cần có một diện mạo mới để đồng bộ cho blogspot, cho nên Hồng Designer sẽ hướng dẫn các bạn làm đẹp widget label cho blogspot. Để  Chỉnh Sửa Widget Label Cho Blogspot  như hình trên thì các bạn làm theo các bước sau : Vào mẫu (Template) -> Chỉnh sửa HTML (Edit HTML) Dán đoạn code dưới đây ngay bên trên  ]]></b:skin> Code: /*----- CSS Wigget Cho Blogspot ----*/ #Label1 a{float:left; height:18px; line-height:18px; position:relative; font-size:12px; margin-bottom: 9px; margin-left:10px; padding:5px; background: rgb(69,72,77); /* Old browsers */ background: -moz-linear-gradient(top, rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */ back...

Hướng dẫn  Cách ẩn bài viết của một label nào đó ngoài trang chủ , Không cho hiển thị bài viết của một label ra trang chủ. Cách ẩn bài viết the label ngoài trang chủ Bạn mở tùy chỉnh HTML để sửa nhé (Nhớ back up code khi sửa cái gì đó nhé) Bước 1:   Tìm dòng <b:includable id='main' var='top'>. Tìm đoạn code sau <b:loop values='data:posts' var='post'> <b:include data='post' name='post'/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <b:include data='post' name='comments'/> </b:if> <b:if cond='data:post.includeAd'> <b:if cond='data:post.isFirstPost'> <data:defaultAdEnd/> <b:else/> <data:adEnd/> </b:if> <data:adCode/> <data:adStart/> </b:if> <b:if cond='data:post.trackLatency'> <data:post.latencyJs/> </b:if> </b:loop> Rồi bạn thay nó bằng đoạn code bên dưới. <b:loo...