Quảng Cáo/ Thông Báo của lớp báo k32

Tổng số Khách

Thứ Năm, 24 tháng 1, 2013

10 cách giúp tăng thứ hạng fanpage Facebook của bạn

(Viettin365.com) - Truyền thông trên mạng xã hội đã không còn xa lạ với các doanh nghiệp, tuy nhiên để có thể tạo lập một fanpage hiệu quả, người xem có thể dễ dàng tìm kiếm thấy thông tin fanpage doanh nghiệp bạn trên Google thì các bạn hãy theo dõi các phương pháp dưới đây:



1. Chọn tên cho Fan page

Việc chọn tên vô cùng quan trọng trong bất kì công việc gì. Việc chọn tên cho Fan page càng quan trọng hơn. Cũng như những nguyên tắc cơ bản khác trong SEO, hãy chọn tên theo tên thương hiệu của bạn, cùng với một số từ khóa chính, đừng cố nhồi nhét từ khóa hay đại loại làm cho nó có vẻ như spam.

Một điều quan trọng cần để ý đến là Facebook dùng tên Fan page này làm title của page, hãy tuân thủ các hướng dẫn về đặt title của một page khi đặt tên Fan page.

Đây là thẻ meta title trong code của page

Facebook-link

<title id="pageTitle">Vncongnghe</title>

Nếu bạn đã có một tên xác định, tồn tại ổn định rồi, lời khuyên chân thành là đừng thay đổi tên Fan page. Như đã nói trên, khi thay đổi tên Fan page, bạn sẽ phải mất công (gần như ) làm SEO lại cho page này với một page title khác, việc index page này của Google cũng thay đổi theo. Đó là chưa kể việc có thể bị Google trừ điểm do tính không ổn định hoặc do làm cho robots ”khó xử”.


2. Đừng quên một “About” đủ súc tích

Hãy viết About và Description thật súc tích, ngắn gọn đủ để mô tả về mục đích của page (chứ không phải mô tả công ty bạn!) và đừng quên kèm theo các từ khóa chính.

Bạn sẽ hỏi ngoài việc làm cho khách viếng thăm biết nội dung chính của page, “About” có ý nghĩa gì với search engine chứ? Bạn đừng quên rằng, các robot của search engine cũng là khách, một vị khách đặc biệt và khá thông minh. Bạn sẽ thấy ngay sau đây.

Đây là thẻ meta description của một Fan page trên Facebook:

<meta name=”description” content=” Facebook is a social utility that connects people with friends and others who work, study and live around them. People use Facebook to keep up with friends, upload an unlimited number of photos, post links and videos, and learn more about the people they meet.” />

Trông có vẻ “meta description” này không có ý nghĩa gì và cũng chẳng có chút liên quan gì tới page của ta. Đúng là vậy. Tuy nhiên Google đủ thông minh để nhận ra rằng, nếu hiện content của description này trên SERP thì hóa ra đang làm chuyên vô nghĩa, vậy Google tự nó phải dùng một giá trị khác đặc trưng hơn. Đó không gì khác, chính là about của page – cái mà chúng ta toàn quyền (trừ giới hạn 250 kí tự!).

Hình dưới là kết quả trên Google của page khi search từ khóa “Vncongnghe” với About được dùng làm snippet để mô ta page. Kết quả đầu là page chính, kết quả thứ hai trong hình là về một tab “July 4 Contest” mà tôi sẽ nói sau cũng trong loạt bài này.

Facebook-search

3. Chọn một username thông minh cho Fan page.

Khi bạn đủ 25 người like, bạn được Facebook ”âm thầm” gán cho bạn quyền đặt một URL rút gọn cho page của mình (gọi là đăng kí username).

■Trước khi rút gọn, link của page có dạng:

Facebook-link

■Sau khi rút gọn, link của page có dạng:

Facebook-link-2

(phần tô đỏ là tự chọn miễn sao chưa có ai sở hữu)

Đăng kí username giống như việc đăng kí một tên miền, vô cùng quan trọng, ít nhất về mặt cảm quan.
Hãy suy nghĩ thật kĩ, vì username chỉ cho đăng kí một lần duy nhất. Bạn có thể chọn username là thương hiệu tương ứng hoặc với một số từ khóa cơ bản nhưng tránh làm cho nó trông như là spam. Bản thân mình khuyến khích chọn username là tên thương hiệu của công ty bạn và đương nhiên phải tuân thủ quy tắc đặt username của Facebook.

Vì sao phải chọn username? Mình có thể nêu ra vắn tắc các lý do sau:

■URL với username trông có vẻ ”pro” hơn URL với một dãy số vô nghĩa, ít nhất đối với người dùng.
■URL với username có thể chứa keyword mà bạn muốn.
■Facebook dùng URL để link tới page của bạn, do đó việc có một URL “gợi cảm” và xác định là điều nên làm. Phần này mình sẽ nói kĩ trong mục kế tiếp.
■Có những lý do khác mà có lẽ không cần nói bạn cũng thấy được.

Vậy, ngay bây giờ, nếu chưa có username thì hãy tạo ngay bằng cách vào link: Tạo username trong Facebook

Nhớ là ráng kiếm ngay cho đủ 25 like trước nhé! Mình nghĩ ít nhất 25 anh em đang đọc bài này có thể giúp “like tạm” page của bạn nếu bạn để lại comment!

4. Hoạt động với tư cách page

Là thế nào?

Hãy comment, like, post status, post picture, viết note, tạo event… với tư cách của page.

Vì sao?

Thật đơn giản, khi bạn hoạt động, hành động của bạn sẽ được Facebook ghi nhận và cập nhật trên wall của page, wall của fans, wall bạn của fans,… kèm theo link của page.

Facebook-like

Như các bạn thấy ở hình trên, page share một link hiện trên wall của page và của fans.

Càng nhiều hoạt động được hiển thị thì cũng có thể nói backlink về page của bạn càng nhiều và do đó, thứ hạn cũng như trafic có thêm yếu tố để tăng.

Để hoạt động với tư cách của page, bạn chỉ cần login vào tài khoản admin của page, vào Account -> Use Facebook as page, chọn page cần switch bằng cách click nút switch bên phải page tương ứng.

Một cách khác là vào Fan page rồi click link Use Facebook as [page name]

5. Khai thác tab info và các tab đặc biệt

Trong phần trước ta đã có nói về việc viết thông tin About và đó là sniff mà Google chọn hiển thị trên SERPs. Phần này ta nói về tab Info (thường nằm dưới tab Wall).

Tab Info là một nơi nữa để bạn cố gắn chèn keyword mình đang làm SEO vào các trường, quan trọng trong số đó gồm có About, Description, General Information, Mission, Products… Những thông tin này nếu bạn viết đủ tốt, có thể tăng CTR để vào web chính của bạn, cũng như được “Like”

Lợi hại của tab Info của Fan page không dừng lại đó. Các trường khác như Category, Founded, Address, City, Postal Code, … không phải là những thông tin sa xỉ đâu nhé. Những thông tin này có lẽ bạn sẽ phản biện lại rằng, khó mà chèn từ khóa vào. Đúng, khó hoặc có thể nói là không thể chèn từ khóa vào các trường đó. Măc dù có thể nếu bạn muốn, nhưng bạn sẽ phải trả một giá khá đắt và có lẽ, đây là một trao đổi không cân xứng vì những thông tin này được Facebook dùng để hiển thị trên trang kết quả search (cùng thành phố, cùng mối quan tâm, cùng sản phẩm, cùng …) và trong việc suggest cho một người khác khi thông tin bạn cung cấp làm cho Facebook biết được fan page của bạn có thông tin mà một ai đó đang quan tâm. Việc hiển thỉ này vô tình cho bạn backlink!

Một lời khuyên nữa có lẽ các bạn sẽ nhận ra khi xem 2 trường hợp sau:

Nếu bạn lười kiếm category phù hợp cho Fanpage của mình, chọn Category là Other/Community thì sẽ thấy các thông tin mà Facebook cho mình điền vào rất nghèo nàn, hầu như chỉ có những thông tin cực kì cơ bản (Address, About, Description, Website).

Nếu bạn chọn Category là Companies & Org/Org thì khác, các “ô trống” hiện ra rất nhiều, tha hồ viết và làm SEO

Bạn có quyền trải nghiệm hết các category của Facebook suggest, nhưng lựa chọn đúng đắn là chọn category phù hợp nhất với mình!

Còn về tab đặc biệt? Nãy giờ chưa nói tới! Đó là các tab như photo, event, các tab tự tạo bằng app trên FB hoặc bằng app riêng.

Có vẻ những tab này ít liên quan đến SEO, nhưng có đây, bạn share một hình, tạo một event với đầy đủ thông tin, page của bạn sẽ có nhiều backlink thông qua việc hiển thị các photo, event này trên wall của fan cũng như trong các suggest của Facebook. Có lẽ mình sẽ nói thêm phần này sau.

Về tab tự tạo, bạn có thể dùng một application trên Facebook, một trong số đó là Tabedit (tất nhiên còn rất nhiều) để tạo content tự do (html) trong một tab nhằm tăng cường nội dung. Ngoài ra, nếu bạn biết cách xây dựng một application, bạn có thể tự tạo một app rồi thêm vào page của bạn, khi đó, ND sẽ phong phú hơn, đẹp hơn, tự do hơn. Hiệu quả về SEO? Tôi không rõ lắm, nhưng quan điểm của tôi, thông tin càng đầy đủ, càng có ích với người dùng thì càng tốt cho cả hai, người và SE.

6. Fresh content is king link is Queen.

Điều này càng dễ nhận thấy hơn đối với Fan page trên Facebook khi mà những cập nhật của bạn được hiển thị khắp mọi nơi.

Khi bạn post một status, event, photo, comment, share tab, như đã nói xuyên suốt chủ đề này, những hành động này được hiển thị trên wall, trên wall của fans, trên website (nếu bạn đặt nó),…với một link tới fan page, một link tới photo, link tới event, link tới tab content,… Những link này khá giá trị cả về lượng và chất (anchor-text,…) nhất là khi bạn viết đủ description cũng như info của photo, Album, Event,…

Bạn hãy tự kiểm tra code html của link, tôi nghĩ các bạn sẽ thấy ngay giá trị của link mà nó đem đến cho Fab page và cho content tương ứng.

Như vậy bạn có được backlink chất lượng cho các nội dung đang được bạn làm cho phong phú từ fan page!

7. Cầu nối Google – Facebook

Hãy share các video từ Youtube, các blogspot từ Bloger cũng như các nội dung khác từ các dịch vụ của Google, các dịch vụ đã được Google “hiểu” khá rõ về cấu trúc, nội dung. Tôi chưa có bằng chứng gì về tầm ảnh hưởng của việc này đến thứ hạng của Fanpage trên SERPs nhưng cá nhân tôi nghĩ việc link đến các nội dung phù hợp trên các service này sẽ mang lại một hiệu ứng tích cực hơn so với việc dùng các dịch vụ khác cùng chức năng.

8. Outbound link

Outbound link cũng là một trong những chủ đề đáng quan tâm của bất kì một người làm SEO trong bất kỳ lĩnh vực nào. Làm SEO trên Facebook fan page cũng không ngoại lệ.

Lời khuyên là, hãy update status với các link tới website của bạn và link tới các website có nội dung liên quan kèm với việc đặt sniff trên Facebook wall hợp lý. Về vấn đề này, xin xem bài viết khá hay của Tác giả Chu Đình Châu: Ảnh hưởng của Outbound link đến các yếu tố SEO

Mặt khác, khi bạn update status với các link liên quan, các status này còn được hiện trong trang search của Facebook khi một ai đó search thông tin liên quan và lại là có baclink tốt kèm theo một loạt lợi ích khác nữa mà có lẽ bạn dễ dàng nhận ra.

9. Inbound link và Pagerank

Việc có inbound link tới webpage là môt điều mong đợi của tất cả các webmaster khi làm SEO. Việc tìm kiếm và xây dựng Inbound link tới Facebook fan page có lẽ là một điều sa xỉ. Tuy nhiên, vẫn có cách để ta làm điều này một cách không sa xỉ! (thực ra là tổng hợp lại những điều đã có nói đâu đó trong chủ đề này)

- Update status, photo, event, comment, … -> Có backilnk

- Đặt link trên website chính thức của bạn, hay trên blog chính thức của tổ chức, dạng như “Find us on Facebook”, “Follow me on Facebook”, “Facebook fan page”,…

- Điền đầy đủ các thông tin trong info để tìm một chỗ đứng trong các suggest và search từ Facebook

- Mua quảng cáo từ Facebook (bid theo PPC, CPM) (sa xỉ, nhưng nên làm nếu có kinh phí!)

- Lên kế hoạch Get More Facebook Fans. Làm sao để Get more Fans, đó là một nghệ thuật, hi vọng bài của tôi cũng tạo cảm hứng cho ai đó đăng chủ đề khá thú vị này, làm phong phú thêm chuyên mục SMO vốn đang chỉ có một chủ đề mà bạn đang đọc!

Càng nhiều fan tốt thì hiệu lực của những điều bạn làm càng được tăng lên theo cấp số nhân.

Một số cách mà người ta thường làm để Get more Fan là: Sử dụng like plugin button, like box; sử dụng link của Facebook page ở những nơi cần thiết; quảng bá page ở những Social media network khác; khuyến mãi ưu đãi trên fan page; tạo landing page tren fan page; tổ chức contest, giveaway;… Hi vọng một ngày nào đó, chúng ta cùng thảo luận về chủ đề cực kì hấp dẫn này.

Một cách nào đó, ta có thể nói inbound link càng nhiều thì pagerank của fan page càng cao, do đó, những việc bạn làm trên cũng phần nào đưa về cho fab page pagerank.

Tôi có 2 tài khoảng Facebook (về vấn đề này, account hay fanpage cũng có ý nghĩa như nhau), một tài khoảng chính có ~600 friends, tôi hay update status và share; một tài khoảng khác để test có ~1500 friends, ít khi share và update status. Page profile tài khoảng chính có PR3, page của profile tài khoảng kia PR0!

Các bạn thử test với các tài khoảng khác xem, sẽ nhận được nhiều thú vị, khi đó nhớ share bằng cách comment ngay dưới đây nhé.

Wow, như vậy là tôi đã trình bày được 9 điểm trong chủ đề này, có lẽ cũng nên ráng nghĩ thêm một điểm nữa để cho tròn 10.

OK, có ngay thôi

10. Case study

Các bạn đừng giận tôi với điểm thứ 10 có vẻ ra đời ép buộc này. Thật sự là nó có ý nghĩa nhất đó.

Hãy kiếm một vài fan page lớn, cùng chủ đề rồi coi họ làm gì, họ có tuyệt chiêu gì mà mình có thể học hỏi và áp dụng cho fan page của mình. Điều này càng ý nghĩa hơn khi thế giới SEO cũng như Facebook đang biến chuyển không ngừng.

Như vậy thành ra bài này, có thể nói là 10 điểm cơ bản trong việc làm SEO cho Facebook Fan page!

Thứ Tư, 23 tháng 1, 2013

10 thủ thuật bổ trợ thiết kế website

(Viettin365.com) - Hiện nay, việc thiết kế website ngày càng trở nên dễ dàng và thuận tiện. Bài viết dưới đây sẽ giới thiệu tới bạn đọc 10 thủ thuận nhỏ trong thiết kế website nhằm làm tăng sự hữu ích của các trang web:
1. Đặt Tên và Logo của bạn trên mỗi trang và tạo cho Logo một link tới trang chủ (ngoại trừ trên bản thân trang chủ, nơi mà Logo không nên là một link liên kết. Bên cạnh đó, bạn cũng không nên có một link lại chỉ ngay tới trang hiện tại).

2. Cung cấp tính năng Search nếu trang web có hơn 100 trang.

3. Viết các tiêu đề trang và tiêu đề bài đơn giản và dễ hiểu, giải thích rõ ràng trang đó nói về cái gì và điều đó sẽ trở nên có ý nghĩa khi đọc ngoài ngữ cảnh trong một danh mục kết quả của search engine.

4. Xây dựng cơ cấu trang web để tạo điều kiện thuận lợi cho việc đọc và giúp người truy cập dễ dàng có thể nắm bắt thông tin một cách nhanh chóng.

5. Sử dụng hypertext. Thay vì nhồi nhét mọi thứ về một sản phẩm hay một chủ đề vào một trang đơn, dài vô tận, bạn hãy sử dụng hypertext để xây dựng hệ thống không gian nội dung thành một trang ban đầu cung cấp một cái nhìn bao quát và nhiều trang cấp hai mà mỗi trang đó chỉ tập trung vào một chủ đề cụ thể. Mục đích của việc xây dựng này là để cho phép người truy cập tránh được việc lãng phí thời gian vào những chủ đề phụ, những chủ đề mà không liên quan đến họ.

6. Sử dụng các tranh ảnh về sản phẩm. Bạn chỉ nên có một bức ảnh nhỏ trên mỗi một trang sản phẩm riêng và link bức ảnh tới một hoặc nhiều bức ảnh lớn hơn mà chúng biểu diễn chi tiết như mong muốn của người truy cập. Sự thay đổi này phụ thuộc vào loại sản phẩm. Một số sản phẩm thậm chí đòi hỏi những bức ảnh có thể phóng to, thu nhỏ hay xoay được nhưng để dự trữ tất cả các bài viết trước cho các trang cấp 2. Trang sản phẩm ban đầu phải nhanh và nên được giới hạn đến một bức ảnh thumnail.

7. Sử dụng việc thu nhỏ hình ảnh làm nổi bật tính liên quan khi chuẩn bị các bức ảnh và hình ảnh nhỏ: thay vì sửa lại kích thước ảnh gốc một cách đơn giản thành một thumnail nhỏ và không thể đọc được thì hãy phóng to theo khía cạnh thích hợp nhất và sử dụng sự kết hợp của việc cắt xén và hiệu chỉnh lại kích thước.

8. Sử dụng các tiêu đề link để giúp cho người truy cập xem trước được nơi mà mỗi cái link sẽ đưa họ đến trước khi họ click vào đó.

9. Đảm bảo rằng tất cả những trang quan trọng đều có thể dễ dàng truy cập đối với người sử dụng bị mất khả năng, đặc biệt là những người khiếm thị.

10. Hãy làm giống như bất kỳ người nào khác: nếu hầu hết các trang web lớn đều làm một cái gì đó theo một cách cố định, hãy làm theo họ bởi vì người truy cập cũng sẽ mong muốn làm như vậy trên trang web của bạn. Hãy ghi nhớ Luật về kinh nghiệm người truy cập web của Jakob: Người truy cập sử dụng hầu hết thời gian của họ vào các trang web khác, vì vậy đó là nơi họ định hình mong muốn được biết một trang web hoạt động như thế nào.

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

Những khái niệm cơ bản về hosting

(Viettin365.com) - Có thể giải thích đơn giản như sau: Hosting là nơi không gian trên máy chủ có cài dịch vụ Internet như ftp,www, nơi đó bạn có thể chứa nội dung trang web hay dữ liệu trên không gian đó ...

Web Hosting (hay lưu trữ web) là gì?
Web Hosting là nơi lưu trữ tất cả các trang Web, các thông tin, tư liệu, hình ảnh của Website trên một máy chủ Internet, Web Hosting đồng thời cũng là nơi diễn ra tất cả các hoạt động giao dịch, trao đổi thông tin giữa Website với người sử dụng Internet và hỗ trợ các phần mềm Internet hoạt động.
Nói một cách đơn giản, Web Hosting tương đương với trụ sở làm việc hay phòng giao dịch của một doanh nghiệp trong đời thường. Khi bạn thuê một Web Hosting, điều đó cũng giống như bạn thuê một phòng trong một cao ốc để làm văn phòng hay trụ sở làm việc.

Các yêu cầu và tính năng cần thiết của Web Hosting?
- Đầu tiên phải nói đến về vấn đề tốc độ. Máy chủ chạy dịch vụ Web phải có cấu hình đủ lớn để đảm bảo xử lý thông suốt, phục vụ cho số lượng lớn người truy cập. Phải có đường truyền kết nối tốc độ cao để đảm bảo không bị nghẽn mạch dữ liệu.
- Máy chủ phải được người quản trị hệ thống chăm sóc, cập nhật, bảo dưỡng thường xuyên nhằm tránh các rủi ro về mặt kỹ thuật cũng như bảo mật.
- Web Hosting phải có một dung lượng đủ lớn (tính theo MBytes) để lưu giữ được đầy đủ các thông tin, dữ liệu, hình ảnh,... của Website
- Phải có bandwidth (băng thông) đủ lớn để phục vụ các hoạt động giao dịch, trao đổi thông tin của Website
- Phải hỗ trợ truy xuất máy chủ bằng giao thức FTP để cập nhật thông tin.
- Hỗ trợ các các ngôn ngữ lập trình cũng như cơ sở dữ liệu để thực thi các phần mềm trên Internet hoặc các công cụ viết sẵn để phục vụ các hoạt động giao dịch trên Website như gửi mail, upload qua trang Web, quản lý sản phẩm, tin tức...
- Hỗ trợ đầy đủ các dịch vụ E-mail như POP3 E-mail, E-mail Forwarding, DNS...
- Có giao diện quản lý Web Hosting để dễ dàng quản lý website, các tài khoản FTP, Email...
- Không bị chèn các banner quảng cáo của nhà cung cấp.

Dung lượng của Web Hosting?
Dung lượng của web hosting là khoảng không gian bạn được phép lưu trữ dữ liệu của mình trên ổ cứng của máy chủ. Như đã nói ở trên, bạn thuê một web hosting cũng giống như bạn thuê văn phòng trong một nhà cao ốc. Vậy ở đây, dung lượng của web hosting cũng giống như diện tích văn phòng của bạn.

Băng thông của Web Hosting?
Băng thông của web hosting là lượng dữ liệu (tính bằng MBytes) trao đổi giữa website của bạn với người sử dụng trong một tháng. Ví dụ nếu bạn tải lên website của mình một tệp tài liệu có kích thước là 1MB và có 100 khách hàng tải tệp tài liệu đó về thì bạn đã tiêu tốn tổng cộng 101MB băng thông.

FTP là gì?
FTP là viết tắt của cụm từ File Transfer Protocol - là một giao thức truyền tệp tin trên mạng Internet. Khi máy chủ hỗ trợ FTP, bạn có thể sử dụng các phần mềm FTP (FTP Client) để kết nối với máy chủ và tải lên các tệp tin dữ liệu cũng như cập nhật website của mình một cách dễ dàng.

DNS là gì?
DNS là viết tắt của cụm từ Domain Name System. Là hệ thống phân giải tên miền trên Internet. Nếu Web Hosting giống như nhà bạn và Domain name (tên miền) giống như địa chỉ thì DNS giống như bản đồ. Giúp xác định vị trí ngôi nhà của bạn khi có địa chỉ. Web Hosting hỗ trợ DNS là rất cần thiết bởi nó giúp cho tên miền của bạn liên kết được với Web Hosting. Nếu Web Hosting không hỗ trợ DNS, bạn phải cần đến nhà cung cấp dịch vụ thứ ba. Điều đó cũng đồng nghĩa với sự thiếu đồng bộ, tiêu phí công sức cũng như tiền bạc.

Các ngôn ngữ lập trình web phổ biến?
- PHP: Được chạy trên máy chủ Linux hoặc Windows. Với đặc điểm mạnh mẽ, dễ viết, dễ dùng, dễ phát triển. Cặp đôi với PHP là cơ sở dữ liệu MySQL. PHP đã trở thành ngôn ngữ lập trình web phổ biến nhất hiện nay.
- ASP: Chạy trên máy chủ Windows, thường sử dụng cơ sở dữ liệu Access, được Microsoft phát triển nhắm vào các đối tượng ứng dụng văn phòng.
- ASP.NET: Chạy trên máy chủ Windows. Được Microsoft xây dựng trên nền tảng .NET, kết hợp với cơ sở dữ liệu MSSQL Server khiến cho ASP.NET trở nên một địch thủ đáng gờm đối với bất kỳ một ngôn ngữ lập trình web nào.
- JSP, CGI, Python: Chạy trên máy chủ Windows hoặc Linux. Đã từng nổi đình nổi đám một thời. Tuy nhiên hiện nay đã không còn phổ biến.

Hosting Controller hay Cpanel là gì?
Là phần mềm web đi kèm với các gói hosting hỗ trợ cho khách hàng chủ động quản lý và cấu hình gói hosting. Phần mềm này cung cấp các tính năng quản lý thư mục, database, backup dữ liệu, sub-domain,... Sacomtec đang sử dụng phần mềm HC7C mới nhất của Hosting Controller giúp khách hàng quản lý gói hosting mình một cách hiệu quả và nhanh chóng.
Theo: internet

Breadcrumb chuyên nghiệp cho Blogger

Breadcrumb là gì? Breadcrumb được hiểu như là một thanh điều hướng của website giúp bạn biết được chính xác bạn đang ở vị trí nào của website hay bài viết bạn đang xem đang nằm ở vị trí nào.

Có rất nhiều bạn hỏi mình làm sao để làm được thanh breadcrumb cho blogger như vncongnghe.com bao gồm hiển thị nhiều label và sắp xếp theo một trình tự hợp lý. Đáp lại những mong đợi của bạn mình sẽ chia sẽ với các bạn cách tạo một Breadcrumb mà vncongnghe.com đang sử dụng và được index lên google như hình minh họa sau.



HƯỚNG DẪN TẠO BREADCRUMB NÂNG CAO CHO BLOGGER:

Để tạo được breadcrumb for blogger được tùy chỉnh nâng cao các bạn thực hiện thao các hướng dẫn sau đây và chỉnh sửa lại code cho phù hợp với website của bạn ở bước 3(*).

Bước 1: Login Blogger -> Templates -> Expand the Widget Templates.

Bước 2: Tìm đến dòng code như bên dưới


<b:include data='top' name='status-message'/>

và dán vào trước nó dòng code sau


<b:include data='posts' name='breadcrumb'/>

Bước 3: Tìm đến dòng code sau


<b:includable id='main' var='top'>

Nếu có 2 đoạn code như trên thì bạn tìm đến đoạn code thứ 2. và thêm vào trước nó đoạn code sau đây. 
Lưu ý: chỉnh sửa lại code cho phù hợp với site của bạn. (*)




<b:includable id='breadcrumb' var='posts'>


<b:if cond='data:blog.homepageUrl == data:blog.url'>


<!-- No breadcrumb on home page -->


<b:else/>


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


<!-- breadcrumb for the post page by http://www.vncongnghe.com/ -->


<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>


<span style='padding-left: 15px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjowy7fFsEb8bhIgTnAhyGGZIWZTN_XaA0WzrO1P_nNBjQW6htXbUiwy7WQHjWmXEc3xzjWC-cTrDYYToW2VVUD2REOLqGPINo7cFscUTd-Sz_ak6RFP4Dc2XU5Z-2_N6y1tIroGw0rdQM/s1600/home-icon.gif)  left no-repeat;' typeof='v:Breadcrumb'>


<a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>


<b:loop values='data:posts' var='post'>


<b:if cond='data:post.labels'>


<b:loop values='data:post.labels' var='label'>





<b:if cond='data:label.name == &quot;Tin-tuc&quot;'>


&#187; <span typeof='v:Breadcrumb'><a href='http://www.vncongnghe.com/search/label/Tin-tuc?max-results=20/' property='v:title' rel='v:url'>Tin-tuc</a></span>


<b:loop values='data:post.labels' var='label'>


<b:if cond='data:label.name != &quot;Tin-tuc&quot;'>


&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'> <data:label.name/></a></span>


<b:else/>


</b:if>


</b:loop>


<b:else/>


</b:if>


</b:loop>


<b:else/>


&#187;Unlabelled


</b:if>


&#187; <span typeof='v:Breadcrumb'/>


</b:loop>


</div>


<b:else/>


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


<!-- breadcrumb for the label archive page and search pages.. -->


<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>


<span typeof='v:Breadcrumb'>


<a expr:href='data:blog.homepageUrl' style='padding-left: 15px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjowy7fFsEb8bhIgTnAhyGGZIWZTN_XaA0WzrO1P_nNBjQW6htXbUiwy7WQHjWmXEc3xzjWC-cTrDYYToW2VVUD2REOLqGPINo7cFscUTd-Sz_ak6RFP4Dc2XU5Z-2_N6y1tIroGw0rdQM/s1600/home-icon.gif)  left no-repeat;'>Home</a> &#187; <data:blog.pageName/>


</span>


</div>


<b:else/>


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


<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>


<span typeof='v:Breadcrumb'>


<b:if cond='data:blog.pageName == &quot;&quot;'>


<a expr:href='data:blog.homepageUrl' style='padding-left: 15px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjowy7fFsEb8bhIgTnAhyGGZIWZTN_XaA0WzrO1P_nNBjQW6htXbUiwy7WQHjWmXEc3xzjWC-cTrDYYToW2VVUD2REOLqGPINo7cFscUTd-Sz_ak6RFP4Dc2XU5Z-2_N6y1tIroGw0rdQM/s1600/home-icon.gif)  left no-repeat;'>Home</a> &#187; 


<b:else/>


<a expr:href='data:blog.homepageUrl' style='padding-left: 15px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjowy7fFsEb8bhIgTnAhyGGZIWZTN_XaA0WzrO1P_nNBjQW6htXbUiwy7WQHjWmXEc3xzjWC-cTrDYYToW2VVUD2REOLqGPINo7cFscUTd-Sz_ak6RFP4Dc2XU5Z-2_N6y1tIroGw0rdQM/s1600/home-icon.gif)  left no-repeat;'>Home</a> &#187; <data:blog.pageName/>


</b:if>


</span>


</div>


</b:if>


</b:if>


</b:if>


</b:if>


</b:includable>



Hướng dẫn đoạn code màu đỏ ở trên.
http://www.vncongnghe.com/search/label/Tin-tuc?max-results=20/ là đường dẫn của label muốn hiển thị trước. Tin-tuc là label được hiển thị trước.

Như vậy khi áp dụng breadcrumb sẽ có dạng như sau: Home » Tin-tuc » Tên Label 1 » Tên Label 2

Để thêm nhiều Label bạn chỉ cần copy đoạn code màu đỏ dán vào sau đoạn code màu đỏ này và chỉnh sửa lại 2 thiết lập trên là OK.

Bước 4: tìm đến ]]></b:skin> và thêm vào trước nó đoạn CSS sau.



/*start - breadcrumb by http://www.viettin365.com/*/
.breadcrumbs {
margin: 0 0 3px;
border: 1px solid #DDD;
padding: 6px;
background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmJfEXjtFbx8PNZXUNfZeAoiVr1BsAuWr3XZJ1HpDxdNDF0rapmCKmR3JuTkYjzoyHm7fh3NWOzTYg4S1gYRQKcWhMN2gyzjB1oETtqq2OiE5zqlZz9Z3z8bXWmZ0-0irH65OwZebheE0/s1600/homepagetop.gif) no-repeat top;
font-size: 11px;
width: 598px;
height: 15px;
}

.breadcrumbs div div {
float: left;
margin-left: 5px;
}
/*end – breadcrumb by 
http://www.viettin365.com/*/




- Chỉnh sửa width 598px; cho phù hợp với độ rộng khung bài viết của bạn.

Bước 5: Lưu template và hoàn thành.

Các bài đăng tiếp theo sẽ được duyệt và hiển thị breadcrumb ngay trên Google và mất khoảng 2 ngày để Google index lại các bài viết trước của bạn có Breadcrumb này.

Thứ Sáu, 18 tháng 1, 2013

Bộ ảnh nền tuyệt đẹp cho những bạn yêu thích facebook

(Viettin365.com) - Hình nền tuyệt đẹp cho tín đồ facebook.
[Wallpaper] Bộ ảnh nền cho tín đồ Facebook 1
[Wallpaper] Bộ ảnh nền cho tín đồ Facebook 2
[Wallpaper] Bộ ảnh nền cho tín đồ Facebook 3
[Wallpaper] Bộ ảnh nền cho tín đồ Facebook 4
[Wallpaper] Bộ ảnh nền cho tín đồ Facebook 5
[Wallpaper] Bộ ảnh nền cho tín đồ Facebook 6

Thứ Tư, 16 tháng 1, 2013

Bài viết ngẫu nhiên có ảnh thmbnail cho blogspot

Style này mình đã thấy bên muthuthuat lâu rồi nhưng từ khi mothuthuat ngừng hoạt động thì style này cũng thất truyền luôn.
Thủ thuật này được phát triển bởi fandung nhìn khá đẹp mắt, để thủ thuật này tiếp tục đến với mọi người hôm nay namkna sẽ giới thiệu lại thủ thuật này cho mọi người.


Ảnh minh họa:
☼ Cách tiến hành:
   1- Đăng nhập vào Blog
   2- Vào Phần tử trang (Bố Cục)
   3- Chọn Thêm Tiện ích
   4- Tạo 1 widet HTML/Javarscip và dán đoạn code sau vào:
<style type="text/css">
* {margin:0;padding:0;}
#random-posts {
width:300px;
}
#random-posts h3 {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIyl4qI301PTu2GBOFMrrpngSJo-QwdGiaBC641cpGorhttai5tiAxw5lyBT9Hz1xvyaLykK8ONVjeX2VhvdBNCLWQ0B3mq_ugZwqw_9qtiu6S79EZYtS912d4iS5vaExrryD9fMkOzukD/h120/img-bg-rd1-namkna-blogspot-com.png) no-repeat top left;
padding:3px 5px 14px 5px;
font-size:13px;
color:#fff;
}
img#rd-thumb {
float:left;
width: 40px;
height:40px;
margin-right:5px;
border:1px solid #ccc;
padding:2px;
}

img#rd-thumb0 {
float:left;
width: 80px;
height:80px;
margin-right:5px;
border:1px solid #ccc;
padding:2px;
}

ul, li {list-style:none;}
#random-posts li {
height:50px !important;
padding:5px 3px 0 5px;

}
li#li-rd a, li#li-rd-chan a, li#li-rd-le a {text-decoration:none;}
li#li-rd a:hover, li#li-rd-chan a:hover, li#li-rd-le a:hover {text-decoration:underline;}
li#li-rd {border:1px solid #ddd; background:#f6f6f6;height:90px !important;font-weight:bold;}
li#li-rd-chan {background:#f6f6f6;}

div#info h1 {font-size:20px;}
div#footer {padding-left:135px;}
</style>

<div id="random-posts"><h3>Random Posts</h3>
<div id='rd-posts-loading'>
<img align='absmiddle' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvApxwcB57AaSt46YEYUhdwEOTemuJNZwEuF-_qRCXEFdTtLvqixM3OuSUxIYZpHZAnQAWSWjzEo9mpGvjSy6FS7atjTtkzQAt3E0fltv7LDAnoU2Lcnh8r1OtwL_h05Cqa_i5InLzNFQP/s1600/loading-related-namkna-blogspot-com.gif'/>
</div>
</div>

<script type="text/javascript">
var maxEntries = 7;
nocmtext = "No Comment";
cmtext = "Comments";
</script>
<script src="http://dl.dropbox.com/u/70549761/Ramdon-post/namkna-blogspot-com/rd-post-thumb.js" type="text/javascript"></script>
<script src="http://viettin365.com/feeds/posts/default/-/Blogspot%20tips?alt=json-in-script&callback=getRandomPosts&max-results=999999" type="text/javascript"></script>
Trong đó:
  • Thay Blogspot-tips thành tên nhãn bạn muốn hiển thị.
  • Thay http://viettin365.com/ thành URL địa chỏ blog của bạn vào.
Lưu ý: 
  • Thủ thuật lấy dữ liệu bài ngẫu nhiên từ feed do vậy blog bạn phải cài đặt feed. 
  • Bạn nên downloaf file rd-post-thumb.js về và upload lên host riêng để đảm bảo sự ổn định và dùng lâu dài. nếu chưa có host thì bạn có thể dùng các hot free như google code và dropbox:
   5-  Bấm Lưu Mẫu  (save template) lại. 

Chúc thành công! 

Bài viết liên quan trong blogspot với ảnh thumnail


Để blog của bạn trở nên sinh động và dễ dàng giới thiệu những bài viết hay đến cho nhiều người thì tin liên quan là thứ không thể thiếu cho blog của bạn, có rất nhiều cách để làm điều đó, hôm nay mình xin giới thiệu  lại cách tạo bài viết liên quan với hình ảnh thumnail của bài viết hiện tại, các tin liên quan này sẽ hiển thị ở dưới cùng bài viết và được chọn cùng danh mục , label và tag của bài viết đó. Như hình mình họa dưới đây:

related posts thumbnails style 2

Các bạn chỉ cần làm theo các bước sau đây :
Bước 1 : Đăng nhập vào Blogger : Dashboard >>Design >>Edit HTML;
Bước 2 : Click chọn ” Expand widgets template “.
Bước 3 : Tìm đoạn code


</head>
Sau đó copy và paste đoạn code sau ngay trên thẻ </head>:

<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}
#related-posts  a:hover {
background-color:#d4eaf2;
}
</style>
<script type='text/javascript'>
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="Related Posts";
</script>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

Trong đó:

 var maxresults=5: số lượng tin hiển thị
Bước 5 : Bây giờ các bạn nhấn Ctrl + F và  tìm đoạn code sau :
1
<div class='post-footer-line post-footer-line-1'>
Nếu các bạn không tìm thấy thì tìm đoạn này :

<p class='post-footer-line post-footer-line-1'>
Hoặc :

<data:post.body/>
Bước 6 : Copy và paste đoạn code bên dưới ngay dưới những đoạn code mà chúng ta tìm thấy ở bước 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!-- Related Posts with Thumbnails Code Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=5&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- remove --></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->
Chú ý :  Thay đổi giá trị 5 từ max-results=5 với số bài viết mà bạn muốn hiển thị
Bước 7  : Lưu lại và xem kết quả
Chúc các bạn thành công 

Widget#2

Widget#5

Widget#4

primaryBottomSidebar

Footerpages

Trang

Bottom Navi

Được tạo bởi Blogger.

Người theo dõi

TIÊU ĐIỂM