Chia widget sidebar blogger thành 2 cột

Ở một số template của Blogger đôi khi bạn sẽ thấy cột sidebar của nó chia ra thành 2 hay 3 cột để có thể đặt thêm nhiều tiện ích hơn với độ rộng phù hợp. Như vậy, khi bạn đang sở hữu một template mà cột sidebar của bạn không có chia cột như vậy thì bạn làm như thế nào? Bạn thay cả template thì thật phiền phức và có thể không phù hợp với ý của bạn. Chính vì thế hôm nay mình chia sẻ cùng các bạn cách để chia sidebar ra thành 2 cột con ngay trong template bạn đang sử dụng. Thủ thuật cũng không quá phức tạp, bạn chỉ cần thực hiện theo các bước mình giới thiệu bên dưới.

Hình ảnh minh họa

>> Xem thêm

Nhãn bài viết dạng đám mây cho Blogger

Một tiện ích giúp chúng ta có thể trình diễn các nhãn trên Blogger dưới dạng flash khá đẹp mắt có tên là "Flash Widget Blogumus". Thông thường trên Blogger các nhãn được hiển thị ở dạng tĩnh, tuy nhiên với tiện ích này thì các nhãn của bạn sẽ được trình diễn dưới dạng động khá đẹp. Tiện ích dựa trên cơ sở plugin WP Cumulus của tác giả Roy Tanck. Thủ thuật này đã được nhiều blog ứng dụng và đăng tải, tuy nhiên mình thấy ở một số trang tiện ích này đã bị lỗi không thực hiện được. Để giúp các bạn có thể ứng dụng tiện ích này vào blogspot dễ dàng, hôm nay mình sẽ post bài này để chia sẻ cùng các bạn cách thêm tiện ích này vào blogspot.

Ảnh minh họa

1. Đăng nhập vào tài khoản Blogger
2. Chọn phần thiết kế
3. Vào phần chỉnh sửa HTML
4. Chọn mở rộng mẫu tiện ích (Expand Widget Templates)
5. Tìm đến code bên dưới (Hoặc tương tự)
<b:section class='sidebar' id='sidebar' preferred='yes'>

>> Xem thêm

Tạo trang Fanpage ẩn hiện khi rê chuột cho Blogger

Bài viết này mình chia sẻ cho các bạn một đoạn code có thể giúp trang Fanpage Facebook của bạn hiển thị dưới dạng ẩn hiện ở góc phải của Blogspot của bạn. Với kiểu hiển thị này sẽ giúp bạn tiết kiệm rất nhiều diện tích blog của bạn, trang Fanpage chỉ hiển thị ra khi bạn rê chuột vào biểu tượng Facebook ở góc dưới bên phải, bình thường thì nó sẽ được ẩn đi. Bạn xem chi tiết hướng dẫn bên dưới.

>> Xem thêm

Cách tổ chức quản lý “nhãn” (Labels) trong Blogger

vncongnghe - Kể từ khi Blogger nâng cấp lên giao diện mới thì việc quản lý các bài viết theo nhãn (Labels) trở thành cơn ác mộng của giới Blogger. Không hiểu các nhà thiết kiết tài ba của Google Blogger Team nghĩ gì mà lại đưa người dùng vào vào tình huống cực kỳ bất tiện trong việc phân loại và sắp xếp các bài viết. Labels hay nhãn của Blogger là một trong những nhược điểm khiến giới Blogger thất vọng từ trước tới nay.

Các nền tảng blog thông dụng khác như Wordpress hay Joomla phân biệt rõ ràng giữa category và tags. Một bài viết trong category con sẽ mặc nhiên có mặt trong category mẹ, trong phân mục lớn có phân mục nhỏ. Còn tags là những bài viết có cùng chủ đề. Như vậy sẽ giúp cho người dùng dễ sắp xếp nội dung và độc giả dễ tìm bài viết. Điều này đặc biệt hữu ích đối với những blog, website lớn có nội dung phong phú đa dạng.

>> Xem thêm

Tạo hiệu ứng Peel đẹp mắt cho hình ảnh

vncongnghe – Bài viết hôm nay mình chia sẻ cho các bạn một đoạn code để các bạn có thể tạo hiệu ứng khá đẹp mắt cho hình ảnh trên Blogspot của bạn. Ưu điểm của đoạn code này là chúng ta chỉ sử dụng CSS3 và HTML nên sẽ không làm ảnh hưởng đến tốc độ blog của bạn nhiều. Tác dụng của code này là khi bạn thiết lập 2 ảnh và rê chuột vào ảnh thì 1 ảnh sẽ được cuộn đi tạo một hiệu ứng rất đẹp chi hình ảnh.

» Bắt đầu thủ thuật

>> Xem thêm

Menu ngang với hiệu ứng bắt mắt bằng CSS3

vncongnghe – Bài viết hôm nay mình chia sẻ cùng các bạn một menu với hiệu ứng cũng khá đẹp mắt dành cho blogspot, đặc biệt menu này chỉ dùng CSS3 và HTMl đơn giản nên không làm ảnh hưởng đến tốc độ của blog bạn nhiều. Với menu này bạn có thể tự mình phối màu lại để có 1 menu ưng ý cho blog của mình và cách thực hiện cũng đơn giản bạn theo dõi các bước bên dưới.

Hình ảnh minh họa

>> Xem thêm

Tạo Slideshow cho thư viện ảnh với lightbox cho Blogspot

vncongnghe – Trong bài viết hôm nay mình chia sẻ cho các bạn 1 thủ thuật có thể giúp các bạn tạo 1 thư viện ảnh với hiệu ứng lightbox xuất hiện trước blog một cách rất chuyên nghiệp. Với thủ thuật này thì bạn có thể tạo cho mình 1 album ảnh hay 1 thư viện ảnh ngay trên blog và khi click vào ảnh thì 1 hộp trình diễn slide sẽ xuất hiện trước blog và làm mờ đi phần thừa trên blog của bạn. Hơn nữa, thủ thuật này ngoài việc hiện thị hình ảnh dạng lightbox với các nút di chuyển qua lại để xem tất cả hình ảnh trong cùng 1 album hay cùng 1 thư viện thì còn có chức năng trình chiếu tất cả các hình ảnh đó dưới dạng slideshow 1 cách tự động.

Hình ảnh minh họa

>> Xem thêm

Ebook "Blogger Toàn Tập A-Z" dành cho những bạn mới bắt đầu

vncongnghe – Với thời đại ngày nay thì việc sở hữu cho mình 1 website hay Blog riêng là một điều rất cần thiết và rất quan trọng. Với số lượng người dùng internet ngày càng tăng cao và internet ngày càng trở thành một thành phần không thể thiếu trong cuộc sống thì việc sở hữu website hay blog mang lại rất nhiều lợi ích. Dù bạn là cá nhân hay bạn là doanh nghiệp thì đều muốn xây dựng hình ảnh và quảng bá hình ảnh của mình để nhiều người biết đến, tìm kiếm cơ hội phát triển cho mình.

Với website hay Blog đều mạng lại cơ hội rất lớn cho bạn như:

Đối với cá nhân: Bạn có thể viết lên tâm sự với blog cá nhân; Bạn có thể tự mình thể hiện khả năng, chia sẻ và giao tiếp với mọi người không giới hạn; Tạo hình ảnh của mình để mọi người biết đến; Tìm kiếm và kết bạn nhanh chóng mọi lúc, mọi nơi; Phục vụ công việc kinh doanh cá nhân của mình; Kiếm tiền với website/blog của mình, tạo nên nguồn thu nhập thụ động... và còn rất nhiều lợi ích khác.

Đối với doanh nghiệp: Cơ hội quảng bá không giới hạn, công việc kinh doanh mở cửa 24h/1ngày; Tiếp cận khách hàng mục tiêu và khách hàng tiềm năng dễ dàng; Giúp khách hàng biết thông tin doanh nghiệp nhanh chóng; Xóa bỏ rào cản về địa lý; Sản phẩm/Dịch vụ tốt sẽ có tốc độ lan truyền nhanh chóng; Cơ hội tiếp cần khách hàng tiềm năng rất cao; Chăm sóc khách hàng tiện lọi thông qua các công cụ hỗ trợ trực tuyến; Giao dịch nhanh chóng.... và còn nhiếu hơn thế.

Nếu bạn là một doanh nghiệp hay 1 cá nhân có tài chính tốt thì có thể đầu tư chi phí để xây dựng và duy trì website hay Blog của mình. Tuy nhiên đối với những người tài chính không mấy khá hay là doanh nghiệp nhỏ muốn tiết kiệm chi phí thì việc tìm kiếm nền tảng xây dựng website hay Blog cũng là một vấn đề. Hiện nay trên môi trường internet cung cấp rất nhiều dịch vụ có thể giúp bạn khởi tạo nhanh cho mình 1 website hay blog hoàn toàn miễn phí như Blogger, SquareSpace, Tumblr, WordPress, Posterous, My Opera … Tuy nhiên thì nền tảng nào tốt và nền tảng nào hoàn thiện là điều quan trọng. Và theo mình thì hiện nay bạn có thể sử dụng nền tảng Blogger của Google cung cấp để có thể khởi tạo weblog HOÀN TOÀN MIỄN PHÍ, xây dựng và phát triển lâu dài. Chắc hẳn thì bạn đã từng nghe đến gã khổng lồ Google rồi đúng không và Blogger là đứa con ruột của Google nên được chăm sóc rất chu đáo và luôn có nhiều cải tiến mới. Ngoài ra khi bạn sử dụng Blogger thì bạn có thể sử dụng hàng loạt những dịch vụ mà Google cung cấp HOÀN TOÀN MIỄN PHÍ để hỗ trợ cho web/blog mình phát triển.

Bạn là người đang muốn thiết kế cho mình 1 web/blog nhưng bạn không biết nhiều về lập trình, bạn không biết rỏ về Blogger, không biết làm thế nào để bắt đầu việc khởi tạo và quản trị Blog trên Blogger? Vâng chính vì thế mình đã soạn thảo Ebook "Blogger Toàn Tập A-Z" này nhằm giúp cho bạn nào đang có nhu cầu tìm hiểu và muốn xây dựng Blog trên nền tảng Blogger có thể tham khảo. Ebook này sẽ giới thiệu và hướng dẫn bạn từ những điều cơ bản nhất đến những vấn đề nâng cao cùng với 1 số kiến thức bổ trợ cho bạn khi mới bắt đầu, phù hợp với bạn nào là người mới bắt đầu tìm hiểu về Blogger.

Dung lượng: 3.38 MB

Định dạng: *.PDF

Password: vncongnghe.com

Bản quyền: Miễn phí

Download

Nguồn: traidatmui.com

>> Xem thêm

Blogger làm mới giao diện chỉnh sửa HTML

vncongnghe – Với sự nâng cấp của mình Blogger càng ngày càng làm mới mình với nhiều cải tiến nổi bật. Mới đây Blogger vừa cho ra mắt giao diện chỉnh sử HTML (HTML Edit) với nhiều cải tiến mới, nếu bạn là một người chuyên design thì không thể không quan tâm đến sự cải tiến mới này. Với sự cải tiến mới này thì tất cả mã nguồn Template sẽ được thu gọn lại, với chức năng đóng mở thì bạn có thể xem tất cả code hay thu gọn lại nếu không cần chỉnh sửa code ở phần đó. Ngoài ra cũng có sự khác biệt ở tính năng xem trước mẫu, cửa sổ xem trước blog của bạn hiện ra trình duyệt như thế nào không còn mở ra 1 tab mới nữa mà sẽ hiển thị ngay bên dưới các công cụ chỉnh sửa. Hơn nữa, khi trong template bạn có nhiều tiện ích (widget) thì bạn chỉ cần chọn Jump to widget mà bạn cần chỉnh sửa để chỉnh sửa code một cách nhanh chóng.

Giao diện cải tiến này rất hữu ích với các design, thao tác dễ dàng nhanh chóng. Tuy nhiên nếu bạn chưa quen cũng gây khá nhiều lúng túng trong thao tác chỉnh sửa HTML.

Giao diện chỉnh sửa HTML mới

>> Xem thêm

Thay đổi logo Feedburner ở trang nguồn feed

vncongnghe – Feedburner chắc không còn lạ lẫm đối với bạn tạo blog hay web, vâng trước đây mình đã có bài viết hướng dẫn bạn tạo form để khách truy cập có thể đăng ký nhận bài viết qua email trên web/blog của bạn và 1 bài đăng ký nguồn feed với Feedburner cho từng nhãn riêng biệt. Có nhiều bạn hỏi mình cách để có thể đưa logo của mình lên trang feed như của mình, nhân đây mình cũng chia sẻ cùng các bạn cách này để bạn nào chưa biết có thể tham khảo. Thực ra nó cũng không qua phức tạp vì Feedburner đã có hỗ trợ cho chúng ta.

Bạn hãy truy cập http://feedburner.google.com và chọn nguồn feed muốn thêm logo.

Tiếp theo bạn chọn tab Optimize

Tiếp theo bạn click Feed Image Burner ở cột bên trái, sau đó chọn Image Source là Specify custom image URL và thiết lập các thông số, xong nhấn ACTIVATE để kích hoạt là xong.

Chúc bạn thành công!

>> Xem thêm

Đăng bài viết tự động từ Blogger lên Facebook

vncongnghe – Khi bạn sở hữu web/blog thì việc làm sao để web/blog của mình được nhiều người biết đến và được nhiều người truy cập vào xem là điều cần phải làm. Hiện nay với các mạng xã hội như Facebook, Google+, Twitter.. là những nơi giúp bạn có thể tiếp cận nhanh đối tượng người dùng hay khách hàng mục tiêu, những người có nhu cầu về nội dung hay sản phẩm mà bạn đang cung cấp. Tuy nhiên nếu bạn chỉ làm thao tác thủ công đăng bài lên các trang mạng xã hội thì rất mất thời gian và không đảm bảo cập nhật nhanh, ở đây mình sẽ hướng dẫn bạn đưa bài viết của web/blog tự động lên các trang mạng xã hội lớn hiện nay là Facebook khi bạn đăng bài viết mới lên web/blog của mình.

Ở đây mình hướng dẫn bạn dùng RSS Graffiti để có thể post bài viết tự động từ blog của bạn lên trang facebook của bạn, với RSS Graffiti thì bạn có thể đăng bài tự động lên trang người dùng hay trang Fanpage của mình và có thể đăng từ nhiều blog lên Facebook của mình.

Đầu tiên bạn hãy đăng nhập vào trang Facebook của mình tại facebook.com và gõ vào ô tìm kiếm từ khóa RSS Graffiti để tiến hành cài đặt ứng dụng. Tiếp theo bạn hãy nhấn Go to Permissions Dialog để tiến hành cài đặt.

>> Xem thêm

Hiệu ứng mờ dần khi rê chuột vào ảnh

vncongnghe - Thỉnh thoảng khi lướt qua 1 số web/blog bạn thấy một hiệu ứng ảnh cũng khá thú vị đó là hiệu ứng làm mờ dần ảnh khi bạn rê chuột vào hình ảnh đó. Hiệu ứng này không đơn giản sử dụng thuộc tính opacity mà ở đây chúng ta sử dụng thư viện JQuery sẽ tạo nên một hiệu ứng thú vị hơn nhiều. Ở đây mình sẽ chia sẻ cho bạn 1 đoạn code nhỏ để có thể tạo hiệu ứng này cho Blogspot của mình khá dễ dàng.

Trước khi đưa chuột vào ảnh

Sau khi đưa chuột vào ảnh

» Bắt đầu thủ thuật

1. Đăng nhập vào tài khoản Blogger

2. Vào phần Mẫu (Template)

3. Chọn chỉnh sửa HTML (Edit HTML)

4. Chèn code bên dưới vào trước thẻ </head>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script type='text/javascript'>
$(document).ready(function(){
$(".post img").fadeTo("slow", 1.0); // Độ mờ ban đầu của ảnh trước khi rê chuột (1.0 tức ảnh rỏ nhất, 0 là mờ nhất)
$(".post img").hover(function(){
$(this).fadeTo("slow", 0.3); // Độ mờ của ảnh khi rê chuột vào
},function(){
$(this).fadeTo("slow", 1.0); // Độ mờ của ảnh khi không còn rê chuột vào ảnh
});
});
</script>

Ở trên chỉ là tạo hiệu ứng cho các hình ảnh ở trang bài viết của Blogspot, nếu bạn muốn tạo hiệu ứng cho các ảnh thuộc class nào đó thì chỉ việc thay đổi .post thành class ban muốn tạo hiệu ứng là được.

Ngoài việc tạo hiệu ứng làm mờ ảnh như trên thì chúng ta hoàn toàn có thể áp dựng ngược lại hiệu ứng này, tức là ban đầu chúng ta sẽ để hình ảnh dạng mờ và khi rê chuột vào hình ảnh sẽ rỏ hơn vẫn hiệu ứng đẹp mắt đấy. Bạn chỉ cần thay đổi thông số ở bên trên là được. Ví dụ thay 0.3 thành 1.0 và ngược lại 1.0 thành 0.3.

5. Cuối cùng save template lại.

Bạn hoàn toàn có thể tự mình mày mò và tọa thêm hiệu ứng mà mình thấy ưng ý cho hình ảnh trên blog của mình nhé.

Chúc bạn thành công!

Theo traidatmui.com

>> Xem thêm

Tạo Slideshow ảnh đẹp cho Blogspot

vncongnghe – Với các bài viết trước mình cũng có chia sẻ với các bạn cách tạo Slideshow cho hình ảnh. tuy nhiên slide mỗi bài mỗi kiểu trình diễn. Nhằm thêm đa dạng kiểu trình diễn ảnh thì hôm nay mình chia sẻ cho các bạn một thủ thuật nữa để tạo slideshow cho hình ảnh của bạn. Với thủ thuật này thì hình ảnh của bạn sẽ tự động trình diễn với 1 khoảng thời gian định trước cùng với nội dung mô tả cho hình ảnh tương ứng. Với 2 nút điều khiển tới lùi thì bạn có thể lần lượt xem tất cả hình ảnh trong slide đó và phần mô tả sẽ trượt lần lượt theo hình ảnh tương ứng trông đẹp mắt.

>> Xem thêm

Chèn link tự động vào các từ khóa trong bài viết

vncongnghe - Bạn lướt web nhiều đôi khi bạn thấy một số site hay sử dụng 1 số từ khóa và chèn link vào đến 1 bài viết hay 1 chủ đề nào đó có liên quan trong bài viết đang xem. Dĩ nhiên điều đó bạn có thể chèn thủ công trong lúc soạn thảo bài viết đó để người xem click tới bài viết liên quan đó. Tuy nhiên nếu bạn muốn đặt link cho 1 từ khóa mà thường xuyên lặp lại trong nội dung bài viết của bạn và liên quan đến nội dung web/blog bạn cung cấp rất nhiều, bạn muốn đánh dấu, đặt link cho từ khóa đó thì việc làm thủ công sẽ mất cho bạn khá nhiều thời gian. Để giải quyết vấn đề đó thì hôm nay mình chia sẻ cho các bạn một thủ thuật sẽ tự động add link cho các từ khóa mà bạn đã thiết lập trước. Khi bạn đã thiết lập từ khóa và link dẫn cho từ khóa đó trước thì nếu bất kỳ bài viết nào trong web/blog của bạn có từ khóa đó thì nó sẽ được tự động được thêm link và đường dẫn bạn thiết lập cho nó.

» Bắt đầu thủ thuật

1. Đăng nhập vào tài khoản  Blogger

2. Vào phần Mẫu (Template)

3. Chọn chỉnh sửa HTML (Edit HTML)

4. Chọn mở rộng mẫu tiện ích (Expand Widget Templates)

5. Chèn code bên dưới ngay trước thẻ </head>

<script type='text/javascript'>
//<![CDATA[
function doHighlight(a,c,f){for(var d="",b=-1,g=c.toLowerCase(),e=a.toLowerCase();0<a.length;)b=e.indexOf(g,b+1),0>b?(d+=a,a=""):a.lastIndexOf(">",b)>=a.lastIndexOf("<",b)&&e.lastIndexOf("/script>",b)>=e.lastIndexOf("<script",b)&&(d+=a.substring(0,b)+'<a title="'+a.substr(b,c.length)+'" alt="'+a.substr(b,c.length)+'" href="'+f+'">'+a.substr(b,c.length)+"</a>",a=a.substr(b+c.length),e=a.toLowerCase(),b=-1);return d} function highlightSearchTerms(a,c,f,d){searchArray=c?[a]:a.split(" ");div=document.getElementById(d);a=div.innerHTML;for(c=0;c<searchArray.length;c++)a=doHighlight(a,searchArray[c],f);div.innerHTML=a;return!0};
//]]>
</script>

6. Tìm đến đoạn code như bên dưới

<data:post.body/>

7. Thay thế đoạn code vừa tìm được thành đoạn code sau

<div expr:id='"summary" + data:post.id'>

<data:post.body/>
</div>
<script type='text/javascript'>
highlightSearchTerms('Từ khóa 1',true,'Link cho từ khóa 1','summary<data:post.id/>');

highlightSearchTerms('Từ khóa 2',true,'Link cho từ khóa 2','summary<data:post.id/>');

highlightSearchTerms('Từ khóa 3',true,'Link cho từ khóa 3','summary<data:post.id/>');
</script>

Bạn thay từ khóa và link cho các từ khóa tương ứng. Nếu bạn muốn thêm hay bớt từ khóa thì chỉ cần copy hay xóa bỏ đoạn code highlightSearchTerms('Từ khóa 1',true,'Link cho từ khóa 1','summary<data:post.id/>'); và chỉnh sửa lại cho hợp lý là được.

8. Cuối cùng save template lại

Bây giờ bạn hãy truy cập vào bất kỳ 1 bài viết mà có chứa từ khóa bạn đã thiết lập ở trên để thấy kết quả nhé. Đây là một cách khá hay giúp bạn đặt link cho từ khóa quan trọng khá nhanh và góp phần nào vào việc SEO cho từ khóa blog bạn.

Chúc bạn thành công!
 

Nguồn traidatmui.com

>> Xem thêm

Một số công cụ Seo không thể thiếu

vncongnghe – Nếu bạn là một Webmaster thì việc làm sao cho trang web/blog của bạn thân thiện với các công cụ tìm kiếm, nhằm đưa trang web/blog của mình lên top tìm kiếm là một điều các Webmaster rất quan tâm. Và để có thể thực hiện điều đó thì bạn cần đến các công cụ để có thể làm SEO webblog, bên dưới là một số công cụ các bạn có thể tham khảo và áp dụng để SEO cho site của mình.

Công cụ nghiên cứu từ khóa

1. Keyword Research Tool – Webmaster toolkit
2. Keyword External Tool – Google Adwords
3. Keyword Selector Tool- Inventory Overture
4. Keyword Suggestions Overture – SEO Chat
5. Website Keyword Suggestions – Webconfs
6. Keyword Suggestion Tool – Self SEO

Công cụ nghiên cứu mật độ từ khóa

7. Keyword Density – SEO Chat
8. Keyword Density & Proeminence – Ranks
9. Keyword Density Analyzer – Keyword density
10. Analyze Keywords Density – Google rankings
11. Keyword Density Checker – Webconfs
12. Keyword Density Analyzer Tools- SEO Book

Công cụ phân tích đối thủ cạnh tranh

13. Competition Tool – SEO Digger
14. Competition Analysis Tool – Seoscorecard
15. Top Competitor Tool – Webuildpages

Công cụ check vị trí từ khóa

16. Search Engine Keyword Position – SEO Chat
17. Keyword Analysis Tool – Mcdar
18. SERPS Position Checker- LinkVendor
19. Website Position Tool – Rnk1

Công cụ check back link , mỏ neo, chất lượng và số lượng Back link

20. Link Popularity – SEO Chat
21. Link Popularity Checker- Webmaster Toolkit
22. Link Popularity Check – Widexl Internet Solution
23. Link Popularity Check- Market Leap
24. Link Popularity – Backlinks Checker – Search Bliss
25. Backlink Analyzer – Sitening
26. Check Backlinks – Webuildpages

Công cụ check lớp C IP máy chủ của các web có liên kết

27. Class C Checker – Webrank Info
28. Class C Checker – Webmaster Toolkit
29. Class C Checker – SEO Chat

Công cụ tìm hiểu suy nghĩ của Bot/Spider

30. Spider Simulator – SEO Chat
31. Spider View – Iwebtool
32. Công cụ Tìm kiếm Spider Simulator – Anownsite
33. SE Bot Simulator – XML Sitemaps
34. SE Spider – LinkVendor

(Sưu tầm)

>> Xem thêm

Bật tính năng mô tả tìm kiếm cho bài viết trong Blogspot

Với sự cải tiến về giao diện mới của Blogger vừa qua thì đi kèm với đó là một số tính năng mới về SEO. Một trong số đó mình muốn nói đến là tính năng "Mô tả tìm kiếm" (Search Description) cho từng trang trong blogspot. Đây là một tính năng rất tốt cho SEO vì với tính năng này bạn hoàn toàn có thể tự mình quyết định đoạn thông tin tóm tắt mô tả cho bài viết của bạn trong kết quả tìm kiếm thay vì để google tự lấy thông tin để mô tả. Việc này sẽ tránh được thông tin mô tả không hay, không thú vị, không lôi cuốn khách truy cập click vào bài viết của bạn, vì bạn đã tự chủ được phần thông tin mô tả này.

Tính năng này ra cũng khá lâu và việc bật tính năng này cũng đã được giới thiệu, tuy nhiên do đối với nhiều bạn mới tham gia vào blogger thì còn gặp khó khăn trong vấn đề này nên hôm nay mình chia sẻ để các bạn có thể bật tính năng mô tả tìm kiếm (Search Description) cho blogspot của mình để có thể cải tiến về SEO cho chính site của bạn.

» Bắt đầu thủ thuật

1. Đăng nhập vào tài khoản Blogger

2. Chọn mục Cài đặt (Settings)

3. Click tiếp Tùy chọn tìm kiếm (Search preferences)

4. Bạn click chỉnh sửa trong mục Thẻ Meta (Meta tags)

5. Bây giờ bạn hãy nhập thông tin mô tả chung cho blog của bạn vào ô Description và chọn Lưu thay đổi (Save)

Như vậy là bạn đã bật được tính năng mô tả cho cả trang blog và trong từng bài viết của bạn, từ bây giờ mỗ khi bạn vào đăng bài viết mới thì bên cột bên phải sẽ xuất hiện ô Mô tả tìm kiếm (Search Description). Bạn chỉ cấn cho đoạn mô tả mà bạn muốn mô tả về bài viết trên công cụ tìm kiếm vào ô này và xuất bản bài viết là xong.

"Tuy rằng đây là một cộng đoạn đơn giản thôi nhưng tác dụng về SEO của nó không hề nhỏ nên các bạn hãy chú trọng đến vấn đề này. Ngoài việc cần làm là tự chèn thông tin mô tả cho bài viết bạn cũng cần tối ưu hình ảnh trong bài viết bằng các chèn thêm thẻ ALT và TITLE cho hình ảnh. Việc chèn 2 thuộc tính này Blogger cũng đã hỗ trợ nên bạn chỉ cần click vào hình ảnh và chèn vào 1 cách nhanh chóng."

Chúc bạn thành công!

Theo traidatmui.com

>> Xem thêm

Tùy chỉnh trang thông báo lỗi 404 cho Blogger

vncongnghe - Thông thường khi bạn truy cập vào 1 đường link nào đó trên blogspot mà đường dẫn đó sai hay không tồn tại trong blog của bạn, bạn sẽ nhận được thông báo lỗi từ blog hay còn gọi là lỗi 404. Trong giao diện mới của blogger đã cung cấp cho bạn thêm tính năng tùy chỉnh cho dòng thông báo này thay cho dòng thông báo mặc định của blogspot. Và bài viết hôm nay mình chia sẻ cùng các bạn cách để có thể tùy chỉnh và tạo trang thông báo lỗi 404 cho blogger của mình hoàn toàn theo ý tưởng của mình. Với tùy chỉnh này thì bạn có thể tự thiết kế cho mình trang thông báo lỗi không tìm thấy này thật đẹp và mang phong cách riêng của mình.

 Hình ảnh thông báo mặc định

Hình ảnh thông báo sau khi tùy chỉnh

» Bắt đầu thủ thuật

1. Đăng nhập vào tài khoản Blogger

2. Vào phần Mẫu (Template)

3. Chọn chỉnh sửa HTML (Edit HTML)

4. Chèn code bên dưới vào trước thẻ </head>

<style><b:if cond='data:blog.pageType == &quot;error_page&quot;'>

.erropage {box-shadow:0 0 150px #ddd inset;text-shadow:0 1px #fff;padding:0px 10px 20px 10px;text-align:center;font-size:14px;border:1px solid #f25d03;border-radius:8px;}

.erropage h2{background:url(http://i1157.photobucket.com/albums/p600/sonor1981/Web%20vncongnghe/ErrorIcon_zpsdad6e5e7.png) no-repeat 0 5px;text-align:right;margin:0 150px 0 0px;padding:20px 0 0 0;line-height:0.9;color:#f25d03;font-size:22px;}

.erropage h2 .num{margin:0px;padding:0;font-size:100px;}</b:if>

</style>

5. Tùy chỉnh thông báo 404

Đó mới chỉ là chèn css để hình thành khung thông báo lỗi, bây giờ là việc bạn vào tùy chỉnh nội dung thông báo lỗi khi không tìm thấy trang

5.1 Bạn vào phần cài đặt (Settings)

5.2 Click vào mục "Tùy chọn tìm kiếm" (Search preferences)

5.3 Tiếp theo bạn chèn code bên dưới vào ô "Lỗi và chuyển hướng" (Errors and redirections)

<div class="erropage">
<h2><div class="num">404</div>ERROR</h2>
<br/>Thật xin lỗi trang bạn đang tìm không tồn tại trên webblog.<br/>

Bạn vui lòng click <a href="http://www.vncongnghe.com">vào đây</a> để trở lại trang chủ</div>

Hình ảnh minh họa

Ở đây mình chỉ hướng dẫn các bạn các bước để tùy chỉnh và ở trên là code trang 404 mà mình tạo theo ý tưởng của mình. Bạn hoàn toàn có thể thêm các class, nội dung và tùy chỉnh lại css để có 1 trang 404 cho riêng blog của mình.

Chúc bạn thành công!

Theo traidatmui.com

>> Xem thêm

Tạo nút hiệu ứng bọt nước với CSS3 cho Blogger

vncongnghe - Việc tạo nút (button) trong quá trình thiết kế web/blog là đều rất cần thiết và tùy vào mục đích sử dụng mà bạn có thể tạo ra những kiểu nút khác nhau. Có nhiều cách để bạn có thể hình thành nên hình dạng của các nút phục vụ cho việc thiết kế, có thể tạo bằng hình ảnh bằng các công cụ tạo ảnh hay bằng flash, dạng ảnh động... Bài viết hôm nay mình cũng chia sẻ cho các bạn cách tạo nút không cần phần mềm hỗ trợ để bạn thiết kế nút mà chỉ bằng CSS3. Với bài viết này bạn sẽ có thể tạo nên các nút và khi rê chuột bạn sẽ thấy các bọt nước chuyển động rất đẹp mắt và nhẹ nhàng hơn việc bạn sử dụng hình ảnh tạo nút rất nhiều.

>> Xem thêm

Phân trang các bài viết dài cho Blogger

vncongnghe - Bài viết hôm nay mình chia sẻ cho các bạn 1 thủ thuật rất bổ ích đối với những blog đăng bài viết có nội dung dài, đặc biệt đối với blog đăng tải truyện, tiểu thuyết nhiều phần và nhiều tập. Thực ra thủ thuật này không mới mẻ và cũng có 1 số blogger chia sẻ, tuy nhiên mình đã nhận được nhiều bạn yêu cầu qua email nên mình chia sẻ để các bạn có thể tham khảo thêm. Với cách phân chia nội dung bài viết thế này sẽ rất giúp các bạn dễ dàng quản lý nội dung bài viết, việc đăng tải nội dung cũng logic hơn và giúp người độc dễ dàng thao tác hơn. Thủ thuật này thì bạn hoàn toàn có thể tùy chỉnh nội dung phần phía trước số phân trang thành trang 1, trang 2... hay nội dung 1, nội dung 2... Bạn có thể xem qua demo bên dưới để thấy rỏ hơn hoạt động của thủ thuật này.

» Ảnh minh họa:

>> Xem thêm

Menu tự động lấy bài viết trong site

vncongnghe - Bài viết hôm nay mình chia sẻ cho các bạn 1 thủ thuật tạo menu với nhiều điểm khác biệt so với các menu mình đã giới thiệu cùng các bạn trước đây. Menu này hoạt động chủ yếu dựa vào thư viện JQuery và JSON feed API của blogger. Với menu này ngoài việc bạn chỉ dừng ở chỗ đặt tên và link cho các menu thì ở đây đối với các link là link của trang nhãn hay link của trang tìm kiếm của blogger thì các bài viết của nhãn đó hay của từ khóa tìm kiếm đó sẽ được hiển thị ra trên menu của bạn, đúng thư mục bạn đã đặt. Để thấy rõ hơn bạn có thể xem qua demo bên dưới.

Ảnh minh họa

>> Xem thêm