Từng bước xây dựng dự án SEO cơ bản - Phần 2

Bài trước chúng ta nói tới phân nhóm thành viên trong team và khởi đầu dự án, bài này chúng ta tiếp tục bước này. Bài này chúng ta nói về cách xây dựng nhóm key và nhóm landing page trong dự án SEO
 Phần 1:Từng bước xây dựng dự án SEO cơ bản
 Lúc này những gì chúng ta nắm trong tay là:

  • Website chính
  • Website, blog vệ tinh
  • Forum trust cao
  • Forum trust thấp
  • ...
Cùng với nhân sự trong nhóm đã chia đầy đủ cho các bước
  • Content + tối ưu
  • Link
  • Social
Và bây giờ bắt đầu vào thực hiện dự án!!!

Key seo quan trọng như thế nào thì chúng ta đều đã biết cho nên để lập được bộ key cho dự án SEO là điều đòi hỏi các SEOer phải tốn nhiều công sức cho giai đoạn này. Key seo chính là chìa khóa chủ chốt đầu tiên cho thành công của dự án SEO.

Bài trước thì chúng ta đã lập được 1 danh sách key sơ bộ và bây giờ chúng ta bắt đầu tiếp ở bước này.

Sắp xếp theo các tầng website và các nhóm key chúng ta sẽ có những lựa chọn nhất định, những key khó, key đặc biệt đa phần đều sẽ được đưa vào các website chính. Điều này lại phụ thuộc và những yếu tố như sự thỏa thuân giữa các thành viên trong nhóm là chủ yếu, hoặc tiềm lực của từng website.

Thực tế chúng ta có rất nhiều lựa chọn và cũng ảnh hưởng nhiều bởi thực tế dự án diễn ra mà luôn có những thay đổi.

Ở đây để phân định nhóm từ khóa vào từng landing page và từng website mình sẽ thực hiện theo các phân nhóm sau, các công cụ thì ở bài trước đã có cung cấp:
Từng bước xây dựng dự án SEO cơ bản - Phần 2
Từng bước xây dựng dự án SEO cơ bản - Phần 2
  • Định hình key
  • Theo người dùng
  • Theo ý nghĩa
  • Theo sở thích
  • Theo thị trường
  • Kinh doanh, nhu cầu
  • Theo địa điểm
  • Mở rộng
  • ....
P/s: Sử dùng Google gợi ý sẽ rút gọn được nhiều thời gian cho bạn.


Nói đơn giản là như thế này ví dụ theo nhóm key Hoa tươi

Định hình key

Chúng ta phải biết hoa để dùng làm gì để phối vào các ý tưởng từ khóa
  • Hoa tặng
  • Hoa trưng
  • Hoa trồng
  • Chăm sóc hoa
  • .....


Hoa theo người dùng
  • Bạn gái
  • Bạn trai
  • Cha mẹ
  • Bạn thân
  • Sếp
  • ......


Hoa theo ý nghĩa
  • Hoa đẹp
  • Hoa sinh nhật đẹp
  • Hoa sinh nhật đẹp ý nghĩa
  • Hoa sinh nhật người yêu đẹp
  • Hoa khai trương đẹp
  • Ý nghĩa số lượng hoa
  • ......

Hoa theo sở thích, bề ngoài
  • Hoa hồng tím đẹp
  • Hoa lan hồ điệp vàng
  • Hoa hồng vàng
  • ...

Hoa theo thị trường: Thường kèm theo mốc thời gian
  • Hoa ngày lễ
  • Hoa ngày kỉ niệm
  • Hoa ngày tết
  • Hoa sự kiện
  • Hoa khai trương
  • .....

Hoa theo nhu cầu kinh doanh
  • Bán hoa sinh nhật ở đâu
  • Mua hoa ở đâu đẹp
  • Hoa ý nghĩa mua ở đâu
  • Tìm mua hoa sinh nhật
  • Hoa giá rẻ mua ở đâu
  • Hoa giá rẻ
  • Hoa văn phòng
  • Cửa hàng bán hoa
  • .....

Hoa theo địa điểm
  • Hoa tươi tphcm
  • Hoa tươi Thủ Đức
  • Hoa tươi văn phòng HN
  • ....

Mở rộng liên quan bán hàng
  • Quà tặng sinh nhật
  • Quà tặng sếp
  • Quà tặng người yêu
  • Quà tặng ba mẹ
  • Quà khai trương
  • ....
Mở rộng liên quan dịch vụ, hỏi đáp
  • Hoa đẹp dễ trồng
  • Cách trồng hoa
  • Cách giữa hoa lâu héo
  • Cách chữa bệnh cho hoa
  • Những câu chuyện về hoa
  • Truyền thuyết các loài hoa
  • .....

Đặc biệt còn có những nhóm key chỉ tồn tại một khoảng thời gian ngắn như các lĩnh vực đi theo sự kiện, theo mùa, theo dịp....

Chỉ liệt kê sơ bộ đơn giản qua chúng ta đã thấy được có rất nhiều key có thể ghép vào với nhau tùy theo từng mục đích. Tùy từng lĩnh vực sẽ có những sự gán ghép giữa các bộ từ khóa, lồng vào nhau để ghép lại đưa vào những landing page một cách hợp lý và tự nhiên. Không có sự gượng ép hay dồn nén từ khóa vào các landing page gây phản cảm cho người đọc.

Chúng ta có thể nhóm các key trong một mục đích hoặc các key trong nhiều mục đích vào một landing page. Không nên giới hạn điều này mà hãy nghĩ đến mục tiêu xa hơn một chút là lâu dài, để có các định hướng tốt.

Ví dụ:
  • Hoa sinh nhật đẹp ý nghĩa nhất
  • Hoa ý nghĩa nhất vào ngày 20-10
  • Mua hoa tặng người yêu ý nghĩa nhất ở đâu
  • Tìm mua nơi bán hoa đẹp ý nghĩa tặng sinh nhật người yêu
Chỉ từ các tiêu đề đơn giản như thế này chúng ta đã có thể nhóm rất nhiều nhóm key lại với nhau. Đơn giản với tiêu đề này:
  • Tìm mua nơi bán hoa đẹp tặng sinh nhật người yêu
Chúng ta sẽ nhóm được các key như:
  • Mua hoa sinh nhật
  • Bán hoa sinh nhật
  • Tìm mua hoa sinh nhật
  • Hoa tặng sinh nhật
  • Hoa tặng người yêu
  • Hoa tặng sinh nhật người yêu
  • Hoa đẹp sinh nhật
  • Mua hoa tặng người yêu
  • Mua hoa đẹp
  • Hoa sinh nhật ý nghĩa
  • Hoa sinh nhật ý nghĩa tặng người yêu
  • Hoa tặng sinh nhật ý nghĩa
  • .....
Từ có dấu đến không dấu chúng ta đã nhóm được rất nhiều key lại với nhau, từ các nhóm khác nhau vào một landing page. Tùy theo cách viết nội dung tinh tế của các SEO copywriter mà sẽ có các biến tấu khác nhau ở mỗi website và cách tùy biến điều hướng người dùng khác nhau ở mỗi bài viết. Phong cách và độ chuyên nghiệp, trình độ của SEO copywriter là thể hiện ở khâu này – Khâu biến hóa nội dung và điều hướng người dùng.

Cách phân bố key vào các website cũng tương tự, sau khi nhóm xong sẽ dựa vào thực tế để chia ra nhóm key và nhóm landing page, nhóm web để thực hiện dự án. Dựa vào đó để đưa vào các website, các blog, các vệ tinh.

Nếu đủ nhân lực có copywriter riêng thì sẽ rất dễ trong khâu biến hóa nội dung để cùng một chủ đề nhưng đưa vào các website lại có nội dung biến tấu khác nhau. Nhưng nếu không có copywriter thì bạn chỉ cần sửa tiêu đề và thêm 150 ký tự đầu bài viết thì Google cũng sẽ nhận xét đó là một bài viết mới.

Đây là bài từ tác giả Băng Tâm. Mình chỉ sưu tầm về để tiện nghiên cứu và cho các bạn cùng biết. Nếu thắc mắc gì có thể comment bên dưới để mọi người cùng thảo luận hoặc liên hệ tác giả links bên dưới nhé.

Còn tiếp.....

Nguồn: Băng Tâm

Từng bước xây dựng dự án SEO cơ bản

SEO là một thuật ngữ chung và không có khái niệm về SEO rõ ràng, chúng ta chỉ dựa vào đặc điểm công việc là làm các từ khóa lên top. Hiểu vậy cho đơn giản. SEO qua nhiều lần cập nhật, chung lại có yếu tố cơ bản và mãi tồn tại trong ngành này: 
Từng bước xây dựng dự án SEO cơ bản
Từng bước xây dựng dự án SEO cơ bản
  1. Nội dung (Content)
  2. Liên kết (Backlink)
  3. Tối ưu (Onpage)
Lúc trước có thêm một yếu tố nữa là tên miền (domain key), nhưng bây giờ tên miền có giá trị về độ trust và marketing thì nhiều chứ trong SEO đã không còn bao nhiêu giá trị thực tế (trừ vài trường hợp đặc biệt). Và một vài yếu tố khác đang ngày càng quan trọng như tương tác mạng xã hội (MXH). Google ngày càng cập nhật nhưng về giá trị cốt lõi nhất vẫn là người dùng, những người có nhu cầu tìm kiếm. Cho nên các thông số MXH sẽ cho Google phần nào biết được website đó đáp ứng đủ các yêu cầu của Google để đưa website lên top với các từ khóa tìm kiếm tương ứng.

Một dự án SEO có rất nhiều cách thực hiện và nhiều khi lại cho ra các kết quả khác nhau không như mong đợi, một vài yếu tố sẽ ảnh hưởng đến cách thực hiện dự án như:
  • Chi phí dự án
  • Thời gian thực hiện
  • Đội ngũ thực hiện
  • Yêu cầu của khách hàng
Đây là 4 yếu tố chính dẫn đến việc đưa ra cách thực hiện dự án, tùy từng trường hợp thực tế mà chúng ta sẽ có các cách xây dựng dự án khác nhau. Với những dự án lớn và nhiều yêu cầu thì bắt buộc chiến lược thực hiện dự án phải khác hoàn toàn so với dự án nhỏ và chỉ yêu cầu vài từ khóa.

Thực tế bây giờ nhiều dự án sẽ kết hợp SEO và những nhánh khác của Marketing như Social Marketing, Email Marketing, Mobile Marketing, Forum Seeding...

Bình thường mình ít khi làm một website, mà trong cùng lĩnh vực mình sẽ làm từ 2-3 website, vài cái blog và một vài diễn đàn trust cực cao để thực hiện dự án. Các khâu đánh giá website, thị trường và đối thủ là không thể nào thiếu được, một vài công cụ sẽ giúp bạn như SEO Quake, Ahrefs....

Sau khi đã có các thông số cơ bản, trước tiên chúng ta phải nắm được mình có gì trong tay, mình cần gì và mình có thể làm gì. Theo chi phí + thời gian + đội ngũ + các thông số cơ bản để vạch ra chiến lược thực hiện dự án. Bình thường mình sẽ chia làm 3 tầng như sau:

  1. Website chính (2-3 website)
  2. Blog vệ tinh và forum chất cao
  3. Fanpage, Google Plus, Google Page và các forum chất lượng thấp

Sau khi chia ra các tầng như thế này bạn phải chốt được một danh sách tổng key bạn phải làm trong dự án, sử dụng các công cụ hỗ trợ:

Rồi sau đó chia dần cho các tầng, việc gom nhóm các key theo mức độ liên quan là rất cần thiết trong giai đoạn này, các bạn nên lưu ý key có dấu và không dấu có độ phân biệt rất rõ ràng và độ khó lên top hoàn toàn khác nhau, ví dụ:
  • Đào tạo seo, dao tao seo
  • Đào tạo seo miễn phí, dao tao seo mien phi
  • Đào tạo seo hcm, dao tao seo hcm
  • Đào tạo seo giá rẻ
  • Đào tạo seo online, dao tao seo mien phi
  • Đào tạo seo express, dao tao seo express
  • .....

Những key như thế này bạn nên gom vào 1 landing page, và dựa và danh sách tổng từ khóa mà bạn sẽ có một danh sách các landing page. Các bạn nên lưu ý là danh sách từ khóa và landing page ở đây sẽ rất dễ có sự thay đổi và phát sinh thêm bớt. Thường thì số lượng key và landing page sẽ tăng thêm phát sinh theo thời gian nên luôn luôn sẽ có những trường hợp dự phòng.

Với những dự án nhỏ thì thường một người sẽ ôm dự án, nhưng những dự án lớn thì luôn có một đội ngũ thực hiện dự án. Bình thường một team như vậy có từ 3-5 người, công việc tùy theo năng lực từng người mà sẽ giao phụ trách những mảng khác nhau. Chủ yếu ở 3 mảng chính đó là

  1. Xây dựng nội dung
  2. Xây dựng liên kết
  3. Tối ưu
Ngoài ra còn có mảng MXH, forum.

Team leader sẽ là người vạch ra chiến lược và giao công việc xuống cho các thành viên nhóm. Nên vạch ra trách nhiệm từng người và sau khi nhận nhiệm vụ người đó sẽ lên kế hoạch thực hiện công việc của mình trong dự án. Sau đó cả team sẽ hợp lại cùng đưa ra kế hoạch công việc mình phụ trách và thảo luận chung, bổ sung thêm các vấn đề còn thiếu sót trong kế hoạch từng người. Là team leader bạn luôn phải có các phương án dự phòng các trường hợp đột xuất như chuyện gia đình, nghỉ việc, down site, bị phá hoại, chơi bẩn, key không lên....

Ở đây có một mẹo nhỏ mà ít bạn để ý và sử dụng tới, đó là sử dụng ahrefs một cách hợp lý nhất. Bình thường với website chính thì đi link rất ít và chỉ đi link trên các forum chất lượng, các vệ tinh hoặc thậm chí không cần đi link. Và để phòng ngừa đối thủ soi bạn khi bạn bắt đầu ngoi lên top, cũng như hạn chế thông tin website lộ ra ngoài thì bạn nên chặn bot ahrefs truy cập quét website của bạn. Thực hiện đơn giản theo hướng dẫn


Với bước này sau này các bot ahrefs sẽ không còn truy cập website của bạn được nữa, thông tin về cách đi link của bạn cũng sẽ được bảo vệ tối đa ( những website kiểm tra backlink khác thường không đủ và thiếu chính xác). Khi nào cần kiểm tra thì gỡ code ra và kiểm tra như thường sau đó update code lại.Nếu bị chơi xấu bằng cách bơm link bẩn thì bạn cũng dễ dàng phát hiện ra được và chặn lại khi còn kịp

Để tối ưu cho thời gian và hiệu suất công việc thường sẽ chia các website ra mỗi website - mỗi tầng là mỗi cách thực hiện SEO khác nhau, thực hiện theo các định hướng và mốc thời gian rõ ràng.

Đây là bài viết mình thấy rất là hay trên idichvuseo của bạn Băng Tâm chia sẻ nên mình lấy về cho các bạn cùng tham khảo thêm.

Nguồn: Băng Tâm

Chặn những kẻ chộm bài viết qua RSS Atom.xml

Sau khi mình chia sẻ bài viết Hướng dẫn bảo vệ content chống copy nội dung blogger thì được một bạn hỏi rằng: "Thế chống sao chép copy nhưng tên chộm này lại ăn cắp nội dung bài viết quá Atom.xml thì phải làm thế nào".

Lúc này mình mới ngớ người ra vì không biết rằng qua đây mà mấy người cũng có thể lấy cắp được nội dung bài viết của mình. Thì ngay sau đó mình có tìm hiểu về cách lấy nội dung này thì đúng là rất khả thi. Tuy nhiên mình đã có biện pháp chống ăn cắp nội dung qua rss ngay. Đòi hỏi mấy tên chộm ăn cắp cũng khó khăn hơn chút.
Trước tiên, mình sẽ trình bày cho các bạn xem đối thủ ăn chộm nội dung bài viết của mình qua Atom.xml như thế nào đã nhé:

1. Cách ăn cắp nội dung qua RSS Atom.xml

B1: Có một đoạn code để xác định số lượng bài viết của blog mình:
<script style="text/javascript">
function showpostcount(json) {
document.write('<center>Tổng số bài viết: <b>' + parseInt(json.feed.openSearch$totalResults.$t,10)
+ '</b></center>');}</script>
<script src="http://victim.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script>
<script style="text/javascript"></script>

Rồi vào trang này test javascript để show số bài lên.
Lưu ý: Thay địa chỉ tô màu đỏ là tên blogspot mà bạn muốn ăn cắp nội dung.
B2: Họ bắt đầu ăn cắp nè:
http://victim.blogspot.com/atom.xml?redirect=false&start-index=X&max-results=Y
Với:
 - Thay http://victim.blogspot.com bằng blog của nạn nhân.
- X: Bài bắt đầu lấy, tính từ bài viết mới nhất, bài mới nhất là 1, không có 0 nha.
- Y: Tổng số bài sẽ lấy tính từ X.
Thủ thuật blog hay mà họ dùng:
- Mở trình duyệt IDM, vào Task trên thanh menu, chọn "Add new download"
- Một hộp thoại hiện ra, Paste đoạn bên trên vào thanh Address rồi chọn download là được.
Như vậy là tên chộm đã có dữ liệu dạng XML đề import về blog của họ là xong.

2. Vậy cách chặn kẻ chộm bài viết qua RSS Atom.xml như nào?

Chẳng nhẽ lại bó tay chịu trói. Không các bạn ạ, mình sẽ hướng dẫn các bạn chặn bọn nó lại không thể làm cách này.

Vốn dĩ cái này ăn cắp được là do người dùng không cẩn thận thôi. Blogger cung cấp cho blog của chúng ta cái gọi là RSS để cho ai cần thì có thể dễ dàng lấy bài viết blog chúng ta về hiển thị trên blog của họ như kiểu tin tức online. Nhưng không ngờ kẻ xấu lại lợi dụng nó quá mức ăn cắp về làm của riêng luôn.

Chúng ta bắt đầu tiến hành thao tác chặn chộm nhé:

Đầu tiên, các bạn cũng vào Cài đặt/ Khác, phía dưới công cụ Nhập - Xuất - Xóa Blog là công cụ tùy chỉnh nguồn cấp dữ liệu. Thiết lập như sau:
Chặn những kẻ chộm bài viết qua RSS Atom.xml
Chặn những kẻ chộm bài viết qua RSS Atom.xml
Ngoài ra, bạn cho bọn chộm một chút thông tin thì bạn chọn "Ngắn".
Như vậy là chúng ta không cấp bài cho bọn chộm nó lấy thông tin bài viết blog của mình nữa rồi.
Xong nhé các bạn^^!


Hướng dẫn bảo vệ content chống copy nội dung blogger

Sao chép bài viết blog hoặc bài viết từ trang web / blog trên internet là một điều rất bình thường. Nhưng ở đây, Tôi sẽ chia sẻ cho các bạn cách bảo vệ bài viết của bạn blogger / bài báo mẫu nhận Stolen nếu bạn không thích nội dung của blog mình bị đem đi nơi khác một cách dễ dàng.
Hướng dẫn bảo vệ content chống copy nội dung blogger
Hướng dẫn bảo vệ content chống copy nội dung blogger

Đây là một thủ thuật để khóa văn bản của bạn và khách truy cập của blog của bạn có thể chọn văn bản mà chỉ được 1 thao tác duy nhất là họ có thể đọc các văn bản. Bài viết này sẽ hướng dẫn các bạn thủ thuật làm chủ blog bằng css hoặc java script để bảo vệ nội dung blog của mình.

Sao Chép Mã CSS Sau Vào Blog Của Bạn

  • Tới Blogger Dashboard
  • Chọn kích Template-> Edit HTML Tiến [hoặc sử dụng thay thế sao chép mã CSS ]
  • Tìm ]]> </ b: skin>
  • Sao chép đoạn mã sau vào trước nó và lưu lại:

-moz-user-select:none; -webkit-user-select:none; -khtml-user-select:none; -ms-user-select:none; user-select:none;

Disable Right Click

    • Copy đoạn code sau vào trong thẻ <head>

      <script src='http://netoopscodes.googlecode.com/svn/branches/Js files/disable right click.js' type='text/javascript'/> 
      Như vậy là bạn đã có 2 cách để chống copy nội dung cho blog của mình rồi đó.
      Tham khảo thêm bài viết:
      Thủ thuật thêm bài viết ngẫu nhiên cho blogger

      Thủ thuật bảo vệ hình ảnh bằng html và css3 cho blogger

      Đây là một thủ thuật tuyệt vời để bảo vệ images. Bạn có thể bảo vệ hình ảnh của bạn từ việc sao chép này với thủ thuật blog đơn giản với html và css áp dụng thủ thuật này người lưu hình ảnh sẽ có được một hình ảnh minh bạch thay vì những hình ảnh ban đầu.
      Demo:
      Cố gắng Lưu hình ảnh dưới đây

      Bảo Vệ Hình Ảnh Của Bạn Với CSS Chồng Chéo


      Tới Blogger Account Sử dụng các mẹo sau đây đã
      <img src="Place image URL Here" />
      <img border="0" src="http://i.imgur.com/eYKPf7b.png" alt="NetOops protected image" width="200" height="200" style="left: 0px; opacity: 0; position: relative; top: -216px;" />

      Bạn có thể sử dụng mã này bất cứ nơi nào, nếu bạn muốn bảo vệ hình ảnh trong bài viết của bạn. Thêm hình ảnh và chuyển sang tab HTML và copy URL của hình ảnh (eg- http://3.bp.blogspot.com/-xxxxx/xxxxx/s1600/name-of-image.jpg) và dán vào mã đã đề cập ở trên Có bấy nhiêu thôi.

      Bảo Vệ Hình Ảnh Của Bạn Với SPAN Nền


      Sử dụng đoạn mã sau
      <span style="background-image: url(Place image URL here)"><img src="http://i.imgur.com/eYKPf7b.png" width="200" height="200" border="0" alt="NetOops protected Image."></span>
      Bạn đã xong..
      Nếu bạn thích thì đừng tiếc 1 like, nếu bạn tốt hãy share bài này cho mọi người cùng biết
      Tham khảo thêm:
      Thủ thuật chống copy sao lưu hình ảnh cho blogger bằng jquery

      Thủ thuật chống copy sao lưu hình ảnh cho blogger bằng jquery

      Đây là một thủ thuật quan trọng nhất tất cả các blogger cần.Thủ thuật này là làm thế nào để bảo vệ tất cả các hình ảnh của bạn trong blog của bạn với một hình ảnh minh bạch bao phủ trên nó. Gần đây tôi đã đăng một bài viết về Làm thế nào để bảo vệ hình ảnh? Điều .Đây về để bảo vệ tất cả các hình ảnh.
      Thủ thuật chống copy sao lưu hình ảnh cho blogger bằng jquery
      Thủ thuật chống copy sao lưu hình ảnh cho blogger bằng jquery

      Bước 1: Thêm jQuery plugin (nếu blog của bạn có một plugin jquery, bỏ qua bước này)

      Tới Template-> Edit HTML [Một hộp thoại sẽ xuất hiện nhấp vào Tiếp tục ]
      Sao chép và dán đoạn mã dưới đây <head> và lưu nó
      <script src="http: //ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript">
      Tới Tài khoản Blogger Template -> Edit HTML [Nhấp vào Tiếp tục] Sao chép đoạn mã trên </ head> Chỉ bảo vệ các hình ảnh đầu tiên trong mỗi bài viết
      <script type='text/javascript'>
      //<![CDATA[
      $(function(){
      $(".post-body img:nth-child(1)").after("<img src=\"http:\/\/i.imgur.com\/eYKPf7b.png\" alt=\"NetOopsblog protected image\" style=\"margin-left: -212px; opacity: 0; position: relative; top: 0;\" \/>");
      });
      //]]>
      </script><'Text / javascript' script type =>
      // <[CDATA [!
      $ (function () {
      $ ("post-body img:. nth-con (1)".) sau ("<img src = \" http: \ / \ / i.imgur.com \ /eYKPf7b.png \ "alt = \" NetOopsblog bảo vệ hình ảnh \ "style = \" margin-left: -212px; opacity: 0; position: relative; top: 0; \ "\ />");
      });
      //]]>
      </ script>

      Bảo vệ tất cả các hình ảnh trong mỗi bài viết
      <script type='text/javascript'>
      //<![CDATA[
      $(function(){
      $(".post-body img").after("<img src=\"http:\/\/i.imgur.com\/eYKPf7b.png\" alt=\"NetOopsblog protected image\" style=\"margin-left: -212px; opacity: 0; position: relative; top: 0;\" \/>");
      });
      //]]>
      </script>

      Cảm ơn các bạn đã ghé thăm bài viết.
      Hãy like nếu các bạn thích và chia sẻ để ủng hộ.
      Xem thêm:

      Thủ thuật làm nổi bật comment của admin trong hệ thống bình luận

      Thủ thuật làm nổi bật comment của admin trong hệ thống bình luận

      Tôi đã nói với bạn trước, Comment là cách tốt nhất để làm cho mối quan hệ tốt với khách truy cập blog của bạn / theo dõi.

      Bạn có một blog và làm blog của bạn nhận được lưu lượng truy cập tương đối tốt thì blog của bạn cũng nhận được nhiều ý kiến, có thể là tích cực hoặc tiêu cực. lấy ý kiến liên quan đến cách tương tác của bạn với người truy cập. Bạn không quan tâm để đọc đầy đủ về thủ thuật này, bạn có thể bỏ qua để lừa thủ thuật làm nổi bật comment .
      Thủ thuật làm nổi bật comment của admin
      Thủ thuật làm nổi bật comment của admin

      Rất nhiều ý kiến có thể vào diễn đàn. Làm thế nào xác định người truy cập blog hoặc nhận bình luận của bạn từ những comment đó. Có trường hợp tai nạn xảy ra ở hầu hết các blog là nhiều blogger sử dụng tên tài khoản của họ như là quản trị. Nếu họ comment trong blog của bạn hoặc cho trả lời ý kiến khác, các du khách khác nghĩ rằng đó là Admin của blog. Bạn có muốn nhấn mạnh ý kiến của bạn trong blog của bạn? Nếu vậy đây là thủ thuật blog hay để làm điều đó và thực hiện ý kiến của bạn để nhận others.Here tôi sẽ chia sẻ những thủ thuật để làm nổi bật Author Comments trong ý kiến Threaded và lừa này cũng làm việc trong hệ thống bình luận cơ bản. Điều này được mã hóa bằng cách sử dụng đơn giản Jquery.

      Làm Thế Nào Để Làm Nổi Bật Author Comments Trong Blogger


      - Đăng nhập vào Blogger Bảng điều khiển
      - Tới Template -> Edit HTML
      - Tìm </ body> và sao chép đoạn mã sau ở trên nó
      <script type="text/javascript">
          $(function() {
            function highlight(){
              $(&#39;.user.blog-author,.ssyby&#39;).closest(&#39;.comment-block&#39;)
                .css(&#39;border&#39;, &#39;1px solid #e1e1e1&#39;)
                .css(&#39;background&#39;,&#39;#f1f1f1 url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMYJLIHXtgvhQ9dPX58pPFzRwupQ3wI-YREdPaV_iJ9OeMX_aKVt9Ncpwb4vo2f1OA9S78Yu2LNKvx4-izJzsAPjXeV66CVqwVVgD2VUmiVz8ZCSD9vCwKqrLNPc24G_r86ViVJvYM0zg/s1600/admin_comment1.png&quot;) no-repeat bottom right&#39;)
                .css(&#39;padding&#39;, &#39;10px&#39;);
                }
                $(document).bind(&#39;ready scroll click&#39;, highlight);
                             });</script><a href="http://thuthuatseoblogger.blogspot.com/" style="display: none;">Blogger Widgets</a>

      Hãy lưu lại và thưởng thức tác phẩm của mình nào.
      Nếu bạn thích hãy like và share ngay bài viết này để mọi người cùng biết nhé.
      Bài xem thêm:
      Tùy chỉnh Labels Widget với hiệu ứng rất thời trang

      Tùy chỉnh Labels Widget với hiệu ứng rất thời trang

      Thủ thuật blog hay tạo nhãn hiển thị danh sách các thể loại bài viết. Tạo nhãn giúp để phân loại các bài viết trong nhóm. Vì vậy, nó sẽ giúp du khách đến xem các bài viết thuộc một thể loại. Mặc định blogger Nhãn phụ tùng không phải là quá thời trang. Đừng lo lắng, ở đây tôi chia sẻ một số nhãn thú vị mát phụ tùng phong cách cho bạn. Nhãn phụ tùng này có thể tạo kiểu bằng cách sử dụng mã CSS đơn giản. Để làm điều này theo các bước ..
      Đăng nhập vào Blogger > Bảng điều khiển
      Tới Template -> Edit HTML
      Tìm ]]> </ b: skin> và sao chép mã của phong cách nhãn thời trang bạn muốn trên ]]> </ b: skin>
      Save Template và cảm nhận kỹ năng làm chủ blog của mình nhé

      Black Theme Forest Nhãn Với Scaling Hoạt Hình



      .Label li { background: linear-gradient(to bottom, #6B6B6B 0%, #6B6B6B 4%, #333333 1%, #2B2B2B 100%) repeat scroll 0 0 transparent; border: 1px solid; border-radius: 6px 6px 6px 6px; float: left; font-size: 116%; list-style: none outside none; margin: 2px; padding: 4px; transition: all 0.3s ease 0s; } .Label li:hover { transform: rotate(351deg) scale(1.7); } .Label a { color: #fff; text-decoration: none; }

      Yellow Customized Labels Widget



      .Label li:before { background-image: -moz-linear-gradient(left top , #FEDA71, #FEBA47); border-bottom: 1px solid #D99D38; border-left: 1px solid #D99D38; content: ""; height: 1.39em; left: -0.69em; position: absolute; top: 0.2em; transform: rotate(45deg); width: 1.3em; z-index: 1; } .Label li:after { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #D99D38; border-radius: 4.167em 4.167em 4.167em 4.167em; box-shadow: 0 1px 0 #FAEABA; content: ""; height: 0.5em; left: -0.083em; position: absolute; top: 0.667em; width: 0.5em; z-index: 9999; } .Label li { background-image: -moz-linear-gradient(center top , #FEDA71, #FEBA47); border-bottom: 1px solid #D99D38; border-radius: 0 0.25em 0.25em 0; border-right: 1px solid #D99D38; border-top: 1px solid #D99D38; box-shadow: 0 1px 0 #FAEABA inset, 0 1px 1px rgba(0, 0, 0, 0.1); color: #996633; float: left; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 0.75em; font-weight: bold; list-style: none outside none; margin: 0 0 7px 20px; padding: 0.417em 0.417em 0.417em 0.917em; position: relative; text-decoration: none; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); z-index: 1; }

      Blue Customized Labels Widget


      .Label li:before { background-image: -moz-linear-gradient(center top , #1E5799 0%, #207CCA 100%); border-bottom: 1px solid #145091; border-left: 1px solid #145091; content: ""; height: 1.39em; left: -0.69em; position: absolute; top: 0.2em; transform: rotate(45deg); width: 1.3em; z-index: 1; } .Label li:after { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #3F6893; border-radius: 4.167em 4.167em 4.167em 4.167em; box-shadow: 0 1px 0 #B5D8FF; content: ""; height: 0.5em; left: -0.083em; position: absolute; top: 0.667em; width: 0.5em; z-index: 9999; } .Label li { background-image: -moz-linear-gradient(center top , #1E5799, #207CCA); border-bottom: 1px solid #145091; border-radius: 0 0.25em 0.25em 0; border-right: 1px solid #145091; border-top: 1px solid #145091; box-shadow: 0 1px 0 #CCE4FF inset, 0 1px 1px rgba(0, 0, 0, 0.1); color: #996633; float: left; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 0.75em; font-weight: bold; list-style: none outside none; margin: 0 0 7px 20px; padding: 0.417em 0.417em 0.417em 0.917em; position: relative; text-decoration: none; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); z-index: 1; }

      Black Forest Theme Label Like NetOops Blog Labels


      .Label li { background: linear-gradient(to bottom, #6B6B6B 0%, #6B6B6B 4%, #333333 1%, #2B2B2B 100%) repeat scroll 0 0 transparent; border: 1px solid; border-radius: 6px 6px 6px 6px; float: left; font-size: 116%; list-style: none outside none; margin: 2px; padding: 4px; transition: all 0.3s ease 0s; } .Label li:hover { transform: rotate(5deg); } .Label a { color: #fff; text-decoration: none; }

      Skeleton Theme For Labels Widget


      .Label a { color: #000000; text-decoration: none; } .Label li { border: 1px solid #000; border-radius: 6px 6px 6px 6px; color: #000000 !important; float: left; font-size: 116%; list-style: none outside none; margin: 2px; padding: 4px; transition: all 0.3s ease 0s; } .Label li:hover { transform: rotate(5deg); }

      Skeleton Theme With Painting Hover Effect


      .Label a:hover { text-shadow:5px 5px 5px #dcdcdc; background:orange; border:1px solid orange; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 30px; border-top-right-radius: 30px; } .Label li { border: 1px solid; border-radius: 6px 6px 6px 6px; color: #000000 !important; float: left; font-size: 116%; list-style: none outside none; margin: 2px; padding: 4px; transition: all 0.3s ease 0s; } .Label a { color: #000; text-decoration: none; } .Label li:hover { transform: rotate(5deg); }

      Leaf Theme For Labels Widget


      .Label a { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #7FBF4D; background-image: -moz-linear-gradient(center top , #7FBF4D, #63A62F); border-bottom-right-radius: 30px; border-color: #63A62F #63A62F #5B992B; border-image: none; border-style: solid; border-top-left-radius: 30px; border-width: 1px; box-shadow: 0px 1px 0px 0px #96CA6D inset; color: #FFFFFF; float: left; font: 14px verdana; height: 18px; margin-bottom: 9px; margin-left: 10px; padding: 10px; position: relative; text-decoration: none; transition: all 0.5s ease-in-out 0s; } .Label a:hover { background: none repeat scroll 0% 0% orange; border-radius: 0px 30px 0px 30px; border: 1px solid orange; text-shadow: 5px 5px 5px #DCDCDC; } .Label { margin: 0px; padding: 0px; position: relative; } .Label li:hover { transform: rotate(5deg); } .Label li { float: left; font-size: 116%; list-style: none outside none; transition: all 0.3s ease 0s; }
      Cuối cùng đừng quên like và chia sẻ bài viết này.
      Tham khảo thêm:
      Thủ thuật tạo hiệu ứng popular posts nhiều màu sắc cho blogger

      Thủ thuật tạo hiệu ứng popular posts nhiều màu sắc cho blogger

      Popular Posts Widget là một Widget cung cấp bởi Blogger và chúng ta có thể thêm nó vào blog của chúng tôi. Widget này sẽ hiển thị các bài viết được xem nhiều nhất của blog của bạn, đó có thể là các tháng hoặc trong tuần hoặc tất cả các thời gian. Bạn có thể chọn cách viết phổ biến là để được hiện thị. Bởi mặc nó cho thấy một hình ảnh (nếu có bài) và Tiêu đề của bài viết tiếp theo là nội dung của bài viết bao bọc bởi 20-25 Words. Bài viết này là một hướng dẫn để Phong cách mà bài viết được ưa thích Widget cho một tuyệt vời nhiều - màu được ưa thích bài Widget. Thủ thuật blogspot này được thực hiện bằng cách sử dụng CSS3 đơn giản hơn là sử dụng JavaScript phức tạp. Một tính năng tuyệt vời của thủ thuật này là mỗi bài viết được hiển thị trong mỗi màu UI Flat, do đó, những màu sắc bắt mắt Blog của khách truy cập của bạn và họ có xu hướng đi mà thậm chí nếu các bài viết không phải là quá tốt.
      Thủ thuật tạo hiệu ứng popular posts nhiều màu sắc cho blogger
      Thủ thuật tạo hiệu ứng popular posts nhiều màu sắc cho blogger
      Chương trình Demo ở phía dưới bên phải phía →
      Đặc điểm của Widget này
      • UI Flat màu sắc được sử dụng rất đẹp(nó sẽ thu hút sự chú ý người sử dụng)
      • Tự động đánh số bài
      • CSS3 Hiệu ứng di chuyển chuột
      1. Đầu tiên:
      - Đăng nhập vào tài khoản Blogger của bạn và Active Popular Posts Widget
      - Đầu tiên Add Popular bài Widget cho Blogger
      - Tới Layout -> Chọn "Add a Gadget" và Tìm chọn Popular Posts Widget trong danh sách Widget xuất hiện.
      - Hãy cho Tiêu đề của widget, chọn cách viết phổ biến nên được xuất hiện (trong tháng, hoặc tuần hoặc Tất cả thời gian) và nhấn Save
      - Tới Template -> Edit HTML , Tìm ( Ctrl + F ) ]]> </ b: skin>
      Sao chép đoạn mã sau và dán ngay trên nó: #PopularPosts1 ul{margin:0;padding:5px 0;list-style-type:none} #PopularPosts1 ul li{position:relative;margin:5px 0;border:0;padding:10px} #PopularPosts1 ul li:first-child{background:#ff4c54;width:97%} #PopularPosts1 ul li:first-child:after{content:"1"} #PopularPosts1 ul li:first-child + li{background:#ff764c;width:87%} #PopularPosts1 ul li:first-child + li:after{content:"2"} #PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:84%} #PopularPosts1 ul li:first-child + li + li:after{content:"3"} #PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:81%} #PopularPosts1 ul li:first-child + li + li + li:after{content:"4"} #PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:78%} #PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"} #PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:75%} #PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"} #PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:72%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"} #PopularPosts1 ul li:first-child + li + li + li + li + li + li +li{background:#f59095;width:69%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#c7f25f;width:66%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"} #PopularPosts1 img{ -moz-border-radius: 130px; -webkit-border-radius: 130px; border-radius: 130px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; padding:4px; border:1px solid #fff !important; } #PopularPosts1 img:hover { border-radius: 0 0 0 0; -moz-transform: scale(1.2) rotate(-711deg) ; -webkit-transform: scale(1.2) rotate(-711deg) ; -o-transform: scale(1.2) rotate(-711deg) ; -ms-transform: scale(1.2) rotate(-711deg) ; transform: scale(1.2) rotate(-711deg) ; }
      - Nhấn vào Preview Template (Bạn có thể thấy các mẫu mà không lưu)
      - Lưu Template. Xem blog của bạn đã sẵn sàng để thu hút người dùng.
      Tôi nghĩ rằng bài viết này sẽ giúp bạn nếu như vậy xin vui lòng chia sẻ và Like chúng tôi để lây lan Blog của chúng tôi. Nếu có bất kỳ vấn đề với trick này không ngần ngại hỏi, làm bình luận ở đây ...
      Tham khảo thêm:
      Thêm hiệu ứng cho nhãn trên blogger

      Thêm hiệu ứng cho nhãn trên blogger

      Hôm nay tôi sẽ chia sẻ thủ thuật blogger với cách làm một widget nhãn cloud đẹp với hiệu ứng hover cho blogger. Hiệu ứng này chỉ phát huy đặc biệt với Blogger. Blogger Tag Clouds hiển thị tất cả các loại nhãn hoặc có mặt trong blog. Trên blogger mặc định chỉ được thiết kế đơn giản nên nó nhìn không được đẹp cho lắm. Chính vì thế mình chia sẻ cách thêm hiệu ứng cho nhãn trên blogger chỉ bằng CSS, những nhìn sẽ hấp dẫn hơn các blogger mặc định phong cách nhãn điện toán đám mây mới. bạn có thể nhìn thấy hình ảnh xem trước trong ảnh chụp màn hình của tôi để biết làm thế nào là đây là. Tôi hy vọng bạn sẽ thích nó.

      Thêm hiệu ứng cho nhãn trên blogger
      Thêm hiệu ứng cho nhãn trên blogger

      Xin lưu ý: - Trước khi áp dụng phụ tùng nhãn này, bạn phải thiết lập phong cách nhãn hiệu của bạn để đám mây và sao lưu mẫu của bạn cho an toàn .

      Làm thế nào để Thêm Nhãn Tuỳ chỉnh đẹp như vậy?
      Để thêm Widgets này trong Blog của bạn theo bạn thực hiện các bước đơn giản một cách cẩn thận.

      1. Đăng nhập vào Blogger Bảng điều khiển sau đó đi đến Layout & nhấp vào Thêm một tiện ích tùy chọn và chọn Label.
      2. Bây giờ thiết lập các cài đặt được hiển thị trong hình dưới đây.

      thiết lập các cài đặt được hiển thị widgets
      thiết lập các cài đặt được hiển thị widgets

      3. Bạn phải Chọn tùy chọn đám mây từ các thiết lập hiển thị.
      4. Bây giờ bấm Save & nút đi cho CSS .
      5. Bây giờ hãy nhấp Template tùy chọn và sau đó nhấp vào Edit HTML nút.
      6. Bây giờ bấm Ctrl + F nút trên bàn phím của bạn và tìm ]]> </ b: skin> tag.
      7. Bây giờ Sao chép mã dưới đây và dán nó ở trên ]]> </ b: skin> tag.

      .label-size{ padding: 3px; text-transform: uppercase; margin:0 2px 6px 0; border: solid 2px #061ED5; border-radius: 3px; float:left; text-decoration:none; font-size:14px; color:#000000; background: #000000 ; } .label-size:hover {background: #0faefd ; border:5px solid #000000; text-decoration: none; -o-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -o-transform: rotate(7deg); -moz-transform: rotate(7deg); -ms-transform: rotate(7deg); -webkit-transform: rotate(7deg); transform: rotate(7deg); filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand'); zoom: 1; } .label-size a { text-transform: uppercase; float:left; text-decoration: none; color:#0FAEFD; } .label-size a:hover { text-decoration: none; color:#000000;} 
      8. Bây giờ bấm Save template nút và xem blog của bạn.

      Nếu bạn thấy bài viết này là hữu ích thì vui lòng chia sẻ bài viết này trên mạng của bạn hoặc các trang web mạng xã hội. Cảm ơn đã ghé thăm trang của tôi.

      Bài đọc thêm:
      Thủ thuật chèn bàn phím vào trong blogger
      Like us on Facebook
      Follow us on Twitter
      Recommend us on Google Plus