Thứ Năm, 8 tháng 9, 2016

SEO mạng xã hội cực kỳ hiệu quả trong năm 2016

Seo mạng xã hội là việc mà dân seo đang làm rất hiệu quả .Vậy seo trên mạng xã hội như thế nào? Cụ thể cách Seo facebook như thế nào hiệu quả ? Và kinh nghiệm Seo có thật sự đem lại cho bạn những điều bất ngờ .



1.Một cái tên Fanpage đẹp và phù hợp

Vâng, nó rất quan trọng đấy, giống với việc bạn lựa chọn một tên miền cho website của bạn. Tôi có 1 vài cách chọn tên Face vừa đẹp vừa phù hợp cho các bạn đây
Bạn nên chọn tên cho Fanpage chứa các từ khóa chính và phụ liên quan đến nội dụng mà bạn update trong page của mình.
Đừng có đặt tên quá dài và tránh tuyệt đối việc nhồi nhét từ khóa nhé.
Nếu đã có một Fanpage ổn định nhưng không được google đánh giá cao vì 2 điều trên, bạn hãy mạnh dạn đổi tên tối ưu hơn, tốt hơn. Việc này sẽ mất một khoảng thời gian để google index lại trang của bạn.

2.Một đoạn giới thiệu Fanpage cũng rất quan trọng.

Nó cũng giống như thẻ meta description vậy. Mô tả 1 cách ngắn gọn súc tích, nhưng lại chứa được các từ khóa bạn cần seo và những nội dung quan trọng. Đoạn này khoảng 160 ký tự là tốt nhất.

3.URL như một domain website.

Đương nhiên là nó sẽ tốt cho bạn rồi. Đường dẫn Fanpge nên ngắn gọn Bạn nên chọn đường link một cách đơn giản và đặt biệt phải là duy nhất nhé.

4.Hoạt động của page.

Hãy thường xuyên chăm sóc cho nó bằng cách như cập nhật nội dung, like, comment, viết note, tạo event….Hãy làm những việc đó để những thành viên và người dùng trong page không cảm thấy nó cũ, cũng như bạn đã luôn tạo mới với google.
Fresh content is king link is Queen.

Đúng như cái tiêu đề mà tôi đang nói. Bạn hãy làm cho nó xuất hiện khắp nơi để mọi người biết đến Fanpage của bạn.

Khi bạn post một status, event, photo, comment, share tab, như đã nói xuyên suốt câu chuyện này, những hành động này được xuất hiện trên wall, trên wall của fans, trên trang web (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,…) đặc biệt nhất là khi bạn viết đủ description hoặc là info của photo, Album, Event,…

5.Hãy tạo cầu nối Google – Facebook

Hãy liên kết với google, sẽ rất tốt cho bạn đấy. Bạn có thể share các video từ youtube, những blog từ Blogger….Điều đó chứng tỏ một sự liên kết với nhau, và tích hơn nếu những gì bạn share cùng chủ đề với page của bạn.

6.Outbound Link

Tương tự như công việc SEO hãy cập nhật status hoặc bài viết có gắn link đến trang web của bạn hoặc bạn bè có liên quan đến nội dung page của bạn. Hãy nhớ chọn những link tốt và có giá trị cao nhé.
Inbound link và Pagerank

Công việc này hoàn toàn giống với việc SEO web. Hãy làm nó một cách cẩn thận, hãy đi backlink 1 cách thông minh để tránh bị xem là spam nhé.

Thiết kế website đẹp cộng với Seo tốt bạn sẽ thấy điều thần kì mà nó mang lại .    

Nguồn :vietmoz

Thứ Tư, 15 tháng 6, 2016

Năm 2016 - Cuộc Chiến Video Giữa Facebook Vs YouTube

Những động thái gần đây cho thấy thương hiệu Facebook đang tìm cách để dịch vụ video của mình vượt mặt YouTube trong thời gian tới. Theo số liệu cập nhật mới nhất của Facebook thì có khoảng 500 triệu người dành 100 triệu giờ để xem video trên mạng xã hội này mỗi ngày.
Trong khi đó, YouTube, dịch vụ video trực tuyến dẫn đầu lại né tránh công bố chính xác thời gian xem video trong những năm gần đây. Google – công ty con của Alphabet – gần đây báo cáo rằng thời gian xem video trên YouTube tăng 60% trong quý gần nhất của công ty. Trong đó, thời gian xem video trên các thiết bị di động tăng gấp đôi nhưng người dùng chỉ biết được một con số “mơ hồ” là có “hàng trăm triệu giờ” xem video trên dịch vụ này mỗi ngày.
Khả năng kiếm tiền là lợi thế lớn nhất của YouTube so với Facebook vào thời điểm hiện tại (tính riêng về dịch vụ video).
cuoc-chien-video-2016-facebook-vs-youtube-1

Những thử nghiệm đã được Facebook thực hiện

Trong những tháng gần đây, Facebook đã bắt đầu thử nghiệm những cách kiếm tiền trực tiếp hơn với các video trên dịch vụ của mình. Khi người dùng nhấp vào chế độ xem video toàn màn hình với âm thanh thì họ sẽ thấy rằng khi đoạn video hoàn tất, một danh sách các video có liên quan sẽ hiện ra bên dưới để người dùng có thể tiếp tục lựa chọn và xem.
Facebook cũng đang nghiên cứu một tính năng dành riêng cho người dùng chỉ muốn xem video. Nếu tính năng này được phát hành rộng rãi cho người dùng thì Facebook xem như đã cạnh tranh một cách trực tiếp với YouTube. Và đây rõ ràng cũng là một cơ hội tốt để Facebook chèn quảng cáo vào các video và kiếm được nhiều tiền hơn.
Giám đốc tài chính Dave Wehner cho rằng quảng cáo trên video chỉ có tác động gia tăng rất ít đối với doanh thu tổng thể về mặt quảng cáo của Facebook. Hiện tại, các video chủ yếu phục vụ cho việc tương tác giữa người dùng với mạng xã hội. Dave Wehner giải thích rằng mỗi video của người dùng trên News Feed sẽ được sẽ được thay thế bằng các quảng cáo với định dạng khác nhau. Với 100 triệu giờ xem video mỗi ngày, Facebook cho rằng công ty cần phải bắt đầu kiếm tiền từ tính năng tự động chơi video trên dịch vụ của mình. Cụ thể, họ sẽ kiếm tiền từ lượt xem video trên dịch vụ, theo Facebook thì nếu người dùng dừng lại ở đoạn video khoảng 3 giây trở lên thì được tính là một lượt xem. Cách tính này khá có lợi cho Facebook vì khi người dùng cuộn đến nội dung có video, tính năng tự động chơi video đã bắt đầu kích hoạt để chạy video này.
YouTube báo cáo rằng doanh thu của họ là 4 tỷ USD trong năm 2014. Trong khi đó, năm 2015, Facebook mang lại khoảng 17,9 tỷ USD doanh thu, chủ yếu là từ quảng cáo dành cho video. Cộng với việc kiếm tiền trực tiếp từ lượt xem video sẽ là một động lực để tăng doanh thu cho Facebook trong thời gian tới.
Ngoài ra, việc tạo ra những cách thức mới để kiếm tiền từ video có thể thu hút nhiều nhân tài sử dụng nền tảng của Facebook để tạo thêm video cho người sử dụng. Facebook cũng đang thử nghiệm việc phân chia phần trăm lợi nhuận cho người tạo ra video để thu hút nhiều kênh video có chất lượng hơn đến với dịch vụ của mình.

Facebook còn làm gì khác để phát triển video?

Facebook dường như đang muốn làm cho việc xem video trên dịch vụ của mình trở nên phổ biến giống như việc người dùng nhìn vào hình ảnh và nhấp vào liên kết. Công ty đã thay đổi một số thuật toán của News Feed để ưu tiên cho video và khuyến khích người dùng tải video lên mạng xã hội để trải nghiệm các tính năng mới.
Cập nhật gần đây nhất của Facebook là cho phép người dùng truyền tải video trực tiếp. YouTube cũng hỗ trợ trực tiếp video thông qua ứng dụng của bên thứ 3 nhưng không cho làm điều này trực tiếp từ ứng dụng YouTube gốc. Động thái này của Facebook là nhằm mục đích thu hút nhiều người người dùng tải video và tham gia xem video hơn.
Khi tính năng “live streaming” (truyền video trực tiếp) phát triển phổ biến, Facebook sẽ có cơ hội tốt để gia tăng hơn nữa thời gian người dùng xem video trên dịch vụ mỗi ngày. Trong khi đó, việc YouTube không hỗ trợ “live-streaming” từ ứng dụng gốc sẽ làm cho nó đứng sau các đối thủ cạnh tranh như Facebook, Periscope.
Mặc dù còn thua kém về thời gian xem video so với YouTube nhưng nhiều người dự đoán Facebook sẽ nhanh chóng bắt kịp đối thủ. Tiềm năng thực sự của Facebook nằm ở việc gia tăng sự tham gia của người dùng vào video và trực tiếp kiếm tiền từ đó.
Liệu trong năm 2016, dịch vụ video của Facebook có đủ sức để vượt mặt ông lớn YouTube hay chưa? Chúng ta hãy cùng chờ xem.
Nguồn: Trí Thức Trẻ (Theo Billvn / Business Insider)

Thứ Ba, 14 tháng 6, 2016

Tầm quan trọng của SEO Traffic


Traffic là một thuật ngữ rất hay được sử dụng trong các báo cáo về SEO nói riêng và trong Marketing Online nói chung. Đây là một chỉ số quan trọng để đánh giá hiệu quả công việc SEO, và đóng một vai trò quan trọng trong việc xếp hạng website. Vậy SEO Traffic là gì? Câu hỏi này cũng như những vấn đề liên quan xoay quanh SEO Traffic sẽ được lý giải qua bài viết dưới đây.

Định nghĩa Traffic

Traffic là lưu lượng giao tiếp với website của bạn, hay hiểu cách khác chính là các thông số được lượng hóa (đo đạc) lượng người truy cập (visitors, unique visitors) vào website bạn, số lượng page views, số Kiloby tải về với mỗi yêu cầu (request), time on site, các thông số này càng lớn đồng nghĩa với traffic cao và website của bạn sẽ được đánh giá cao hơn các website khác.
Traffic được tính cho toàn site và giá trị của traffic sẽ tăng lên cứ mỗi khi có một người dùng từ các website khác truy cập vào một trang bất kỳ trong site. Như vậy, chúng ta có thể coi traffic của một website chính bằng tổng số phiên truy cập của website đó (Sessions). Gia tăng traffic cũng là mục tiêu mà rất nhiều nhà đầu tư SEO hướng tới, đặc biệt là những người đang quản trị website tin tức.

Traffic tiềm năng - Thế nào là Traffic tiềm năng?

Mỗi khi SEO bất kỳ từ khóa (keyword) nào, các SEOer cũng như nhà đầu tư SEO cần đặt một mục tiêu về traffic cho công việc SEO của mình, rằng liệu từ khóa này sau khi SEO sẽ đem về cho trang bao nhiêu traffic. Kỳ vọng của nhà đầu tư về traffic mà từ khóa này đem lại đó chính là chỉ số traffic tiềm năng của từ khóa đó. Với mỗi từ khóa khác nhau, chúng ta lại có một traffic tiềm năng khác nhau.
SEOer cần phải tính được lượng traffic tiềm năng cho một từ khóa. Dể tính được lượng Traffic tiềm năng SEOer cần phải nghiêm túc thực hiện các bước như: kiểm tra từ khóa tìm kiếm trung bình hàng tháng, xác định vị trí của website  trên bảng xếp hạng tìm kiếm đối với từ khóa cần kiểm tra.

Phân loại Traffic

Phân loại theo nguồn gốc truy cập:
  1. Referral Traffic (lượng truy cập qua các trang giới thiệu)ReferralTraffic nghĩa là lượng truy cập của người dùng từ các trang web khác vào website, thông qua một Backlink hoặc quảng cáo của website có đặt trên các trang đó. Các trang được đặt Backlink lúc này đóng vai trò như một trang giới thiệu cho website.
  2. Social Traffic (lượng truy cập qua các trang mạng xã hội): Social Traffic được hiểu là lượng truy cập của người dùng từ các trang mạng xã hội như Google+ ,Facebook, Twitter,… thông qua một bài viết hoặc quảng cáo được đăng trên các trang mạng xã hội này.
  3. Direct Traffic (lượng truy cập trực tiếp vào trang): Direct Traffic là lượng người dùng truy cập trực tiếp vào website và không thông qua các website trung gian nào khác. Như vậy, một truy cập vào website có thể có 2 tính chất: Direct và Non-Direct. Trong đó, Non-Direct Traffic bao gồm Social Traffic, Referral Traffic và Organic Search Traffic, tức là 3 loại traffic còn lại.
  4. Organic Search Traffic (truy cập từ kết quả tìm kiếm tự nhiên): là lượng người dùng truy cập vào website từ bảng xếp hạng kết quả tìm kiếm của các công cụ tìm kiếm. Chỉ số này càng cao cho thấy mức độ hiệu quả trong việc làm SEO cũng cao theo, tức là người dùng vào website của bạn khi họ tìm kiếm một thứ gì đó trên internet thông qua công cụ tìm kiếm chẳng hạn như Google Search. Điều này cũng đồng nghĩa với việc các từ khóa của bạn đã đạt top những trang đầu tiên 1 -10.

Tầm quan trọng của SEO Traffic

Nếu traffic của bạn cao đều đặn thì Google sẽ đánh giá website bạn là một website nổi tiếng và chất lượng, thông qua đó các từ khóa liên quan đến website sẽ dễ dàng lên top hơn rất nhiều. Điển hình là ở các diễn đàn lớn, họ không cần phải thực hiện bất kỳ hình thức quảng cáo trên Google nào cả mà những bài viết của họ luôn có mặt trên Google. Dưới đây là 6 vai trò cơ bản của việc gia tăng Traffic:
  1. Gia tăng độ phổ biến của website
  2. Góp phần xây dựng độ uy tín của website (Domain authority)
  3. Đánh giá được sự quan tâm của người sử dụng với website
  4. Giúp gia tăng các lượng người dùng mới
  5. Là một tiêu chí xếp hạng website trong bảng xếp hạng kết quả tìm kiếm.

Chủ Nhật, 12 tháng 6, 2016

Traffic Là Gì – Tầm Quan Trọng Của Traffic Trong SEO


Traffic Là Gì – Tầm Quan Trọng Của Traffic Trong SEO

Traffic là một thuật ngữ rất hay được sử dụng trong các báo cáo về SEO nói riêng và trong Marketing Online nói chung. Đây là một chỉ số quan trọng để đánh giá hiệu quả công việc SEO, và đóng một vai trò quan trọng trong việc xếp hạng website. Vậy traffic là gì và sử dụng chỉ số này như thế nào? Hai câu hỏi này cũng như những vấn đề liên quan xoay quanh traffic sẽ được lý giải qua bài viết học thuật dưới đây.
Menu Link Jump:
Nội dung trong bài:
traffic là gì

Định nghĩa về traffic

Traffic là một thuật ngữ được dùng để hình ảnh hóa việc truy cập qua lại giữa các trang web của người dùng mạng. Trong SEO, traffic được sử dụng với nghĩa là lưu lượng truy cập, với mục tiêu cho người đọc biết được số lượng các lần truy cập của người dùng vào website. Mỗi loại trang web khác nhau thì thường sẽ có lưu lượng truy cập trung bình khác nhau. Thông thường, các trang chia sẻ tin tức sẽ có lưu lượng truy cập nhiều hơn các trang bán hàng online.
Traffic được tính cho toàn site và giá trị của traffic sẽ tăng lên cứ mỗi khi có một người dùng từ các website khác truy cập vào một trang bất kỳ trong site. Như vậy, chúng ta có thể coi traffic của một website chính bằng tổng số phiên truy cập của website đó (Sessions). Gia tăng traffic cũng là mục tiêu mà rất nhiều nhà đầu tư SEO hướng tới, đặc biệt là những người đang quản trị website tin tức.

Traffic tiềm năng là gì?

Mỗi khi SEO bất kỳ từ khóa (keyword) nào, các SEOer cũng như nhà đầu tư cần đặt một mục tiêu về traffic cho công việc SEO của mình, rằng liệu từ khóa này sau khi SEO sẽ đem về cho trang bao nhiêu traffic. Kỳ vọng của nhà đầu tư về traffic mà từ khóa này đem lại đó chính là chỉ số traffic tiềm năng của từ khóa đó. Với mỗi từ khóa khác nhau, chúng ta lại có một traffic tiềm năng khác nhau.
Để tính được lượng traffic tiềm năng cho một từ khóa nhất định nào đó, các bạn cần thực hiện theo các bước sau:
– Bước 1: Kiểm tra lưu lượng tìm kiếm trung bình hàng tháng của từ khóa cần SEO
Nhà đầu tư có thể kiểm tra thông số này thông qua công cụ Keyword Tool của Google Analytics. Lưu ý, cần kiểm tra lượng tìm kiếm của từ khóa chính xác (sử dụng 2 dấu “ ” để có thể tìm kiếm từ khóa chính xác)
– Bước 2: Xác định vị trí của website trên bảng xếp hạng tìm kiếm đối với từ khóa cần kiểm tra
Sau khi đã tìm ra lưu lượng tìm kiếm trung bình tháng, nhà đầu tư cần tính được tỷ lệ người dùng tìm kiếm từ khóa đó nhấp vào website thông qua bảng xếp hạng tìm kiếm. Bằng cách xác định thứ hạng của website trên bảng xếp hạng tìm kiếm đối với từ khóa chính xác đó. Thông thường, sẽ có khoảng 52% người dùng click vào vị trí đầu tiên trên bảng xếp hạng, 33% với vị trí thứ 2,…
click through rate - traffic
Tìm hiểu thêm tại bài viết: Nghiên cứu mới nhất về Click Through Rate của Bluerank
Sau đó, lấy tỷ lệ chúng ta vừa tìm được nhân với số lượt tìm kiếm trung bình hàng tháng để có giá trị traffic tiềm năng đối với một từ khóa.

Phân loại traffic

Phân loại theo nguồn gốc truy cập:
– Referral Traffic (lượng truy cập qua các trang giới thiệu)
Referral Traffic là gì? Referral Traffic là lượng truy cập của người dùng từ các trang web khác vào website, thông qua một Backlink hoặc quảng cáo của website có đặt trên các trang đó. Các trang được đặt Backlink lúc này đóng vai trò như một trang giới thiệu cho website.
– Social Traffic (lượng truy cập qua các trang mạng xã hội)
Social Traffic là gì? Social Traffic là lượng truy cập của người dùng chuyển đến từ các trang mạng xã hội, thông qua một bài viết hoặc quảng cáo được đăng trên các trang mạng xã hội. (bao gồm Google+ ,Facebook, Twitter,…)
– Direct Traffic (lượng truy cập trực tiếp váo trang)
Direct Traffic là gì? Direct Traffic là lượng người dùng truy cập trực tiếp vào website và không thông qua các website trung gian nào khác. Như vậy, một truy cập vào website có thể có 2 tính chất: Direct và Non-Direct. Trong đó, Non-Direct Traffic bao gồm Social TrafficReferral Traffic và Organic Search Traffic, tức là 3 loại traffic còn lại.
– Organic Search Traffic (truy cập từ kết quả tìm kiếm tự nhiên)
Organic Search Traffic là gì? Organic Search Traffic là lượng người dùng truy cập vào website từ bảng xếp hạng kết quả tìm kiếm của các công cụ tìm kiếm.
tầm quan trọng của traffic

Tầm quan trọng của traffic

Traffic là một trong các chỉ số quan trọng hàng đầu trong SEO và cũng là mục tiêu hướng tới của rất nhiều website hiện nay. Vậy, tăng traffic có gì tốt cho SEO ?
Có rất nhiều điều đã biết hoặc chưa biết xoay quanh vai trò của traffic đối với một website mà chúng ta cần phải bàn, tiêu biểu như vai trò của nó trong việc xác định thứ hạng của website. Tuy nhiên chúng ta có thể tóm gọn lại vai trò của của việc gia tăng traffic trong 6 ý sau:
  1. Gia tăng độ phổ biến của website
  2. Góp phần xây dựng độ uy tín của website (Domain authority)
  3. Đánh giá được sự quan tâm của người sử dụng với website
  4. Giúp gia tăng các lượng người dùng mới
  5. Là một tiêu chí xếp hạng website trong bảng xếp hạng kết quả tìm kiếm

Ví dụ minh chứng traffic là một tiêu chí xếp hạng website quan trọng

Vietmoz.net là một website đã 1 năm nay chưa được làm mới về nội dung và hầu như không có sự tăng trưởng thêm về Backlink . Tuy nhiên website này vẫn đứng top ở rất nhiều từ khóa (ví dụ “giáo trình SEO”,”tự học SEO”,….), mặc cho có rất nhiều đối thủ đang ngày đêm viết nội dung và nỗ lực SEO không ngừng để cạnh tranh top. Điều này trái với nguyên lý xếp hạng của Google và trái với thuật toán mới nhất của Google nhằm hỗ trợ các website mới có nội dung “tươi mới” làGoogle Dance.
Lý giải cho điều trên, chuyên gia SEO Lê Nam cho rằng việc website Vietmoz.net giữ được top là do lượng người dùng truy cập vào website khá lớn và thường xuyên. Có thể các website đối thủ khác đã có nhiều nội dung mới nhưng chất lượng và số lượng các kiến thức chưa đủ để cạnh tranh với Vietmoz.net hoặc chưa được nhiều người biết đến. Chuyên gia Lê Nam đưa ra đánh giá trên sau khi đã nghiên cứu kỹ về sự thay đổi về nội dung cũng như số lượng và chất lượngBacklink của Vietmoz.net trong vòng 1 năm.
Traffic là gì
Bạn vừa xem bài viết “Traffic là gì” tại website dautuseo

Thứ Tư, 13 tháng 4, 2016

Hướng dẫn tạo Slider bài mới nhất theo nhãn cho Blogspot


Cách tạo Slider bài mới nhất theo nhãn cho Blogspot

Cách tạo Slider bài mới nhất theo nhãn cho Blogspot. Slider Blogspot hiển thị bài viết mới nhất theo nhãn(label) cho Blogspot, Hướng dẫn cách tạo Slider bài mới nhất theo nhãn cho Blogspot

Chào các bạn hôm nay Bít Tuốt xin chia sẻ với các bạn cách tạo một Slider có ảnh và tiêu đề mô tả bài viết mới nhất theo nhãn cho blogspot của bạn. Điều đặc biệt của slider này là tự động chuyển các bài viết theo 1 thời gian cố định và hiển thị số bài đăng ra theo nhãn mà bạn muốn hiển thị trên trang chủ của bạn.


Xem DEMO

Chú ý: Đây là 1 thủ thuật blogspot có thể nói là nâng cao dành cho những ai có 1 chút kiến thức về code blogspot + CSS

Cách tạo Slider bài mới nhất theo nhãn cho Blogspot

- Để tạo được slider như ý đúng vị trí cần đặt các bạn nên xác định cho mình 1 vị trí tren trang chủ trước nhé rồi sử dụng CSS để có thể cấu hình đúng vụ trí và kích thước mà bạn mong muốn nó hiển thị.

Bước 1: Đăng nhập blogspot ==> Template => Edit HTML (chỉnh sửa HTML)
Chú ý: mình khuyên các bạn nên down toàn bộ code blogpsot của bạn về rồi dùng Notepad ++  để sửa. Bạn nên copy 1 bản gốc để riêng ra để tránh trường hợp code lỗi ko khôi phục lại được

Bạn copy đoạn code dưới đây nên trên đoạn code ]]></b:skin>  các bạn tùy chỉnh kích cỡ trong css cho phù hợp nhé

.slide-wrapper {padding:0 auto;margin:0 auto;width:auto;float: left; 
word-wrap: break-word; overflow: hidden;} 
.slide {color: #666666;line-height: 1.3em;} 
.slide ul {list-style:none;margin:0 0 0;padding:0 0 0;} 
.slide li {margin:0;padding-top:0; 
padding-right:0;padding-bottom:.25em; 
padding-left:0px;text-indent:0px;line-height:1.3em;} 
.slide .widget {margin:0px 0px 6px 0px;} 
/* ==== */
#slider{background-color:#e2e2e2;background-image: -moz-linear-gradient(top,#f6f6f6 0,#e2e2e2 100%); background-image: -ms-linear-gradient(top,#f6f6f6 0,#e2e2e2 100%); background-image: -o-linear-gradient(top,#f6f6f6 0,#e2e2e2 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f6f6f6),color-stop(100%,#e2e2e2)); background-image: -webkit-linear-gradient(top,#f6f6f6 0,#e2e2e2 100%); background-image: linear-gradient(to bottom,#f6f6f6 0,#e2e2e2 100%);
border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border:1px solid #999;box-shadow:0 0 4px #888;-moz-box-shadow:0 0 4px #888;-webkit-box-shadow:0 0 4px #888;padding:10px;margin:4px;position:relative;overflow:hidden;width:600px;height:298px;}
.slider-main-outer{position:relative;height:100%;width:400px;z-index:3;overflow:hidden}
ul.slider-main-wapper li h3{z-index:10;position:absolute;bottom:-14px;width:385px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdPf_01qqi8dVYBGRrUUsIO_LK2FHZObXQ6d9cSWEkFvDtYC00z4CbgiIiaOawzFbWmsE5bFaHc68LJ2pnXR1-BoxK7fax9iG3PC7r4WzkWgVYLn7v8VefAz2cuzMmEiHdBgrDMzz3fu60/s1600/transparant.png);padding:10px}
ul.slider-main-wapper li h3 p{color:#FFF;font-size:12px;padding-top:5px;display:block;margin:0}
ul.slider-main-wapper li h3 a{color:#FFF;font-size:16px;line-height:25px;margin:0}
ul.slider-main-wapper li .imgauto{width:405px;height:298px;overflow:hidden;margin:0;padding:0}
ul.slider-main-wapper{height:298px;width:405px;position:absolute;overflow:hidden;margin:0;padding:0}
ul.slider-main-wapper li{overflow:hidden;list-style:none;height:100%;width:405px;float:left;margin:0;padding:0}
.slider-opacity li{position:absolute;top:0;left:0;float:inherit}
ul.slider-main-wapper li img{list-style:none;width:405px;height:auto;padding:0}
ul.slider-navigator{top:0;position:absolute;width:100%;margin:0;padding:0}
ul.slider-navigator li{cursor:pointer;list-style:none;width:100%;overflow:hidden;margin:0;padding:0}
.slider-navigator-outer{position:absolute;right:10px;top:10px;z-index:10;height:300px;width:200px;overflow:hidden;color:#333}
.slider-navigator li h5{color:#333;font:11px Arial;margin:0;padding:5px 10px 0 0}
.slider-navigator li div{background-color:#e2e2e2;background-image: -moz-linear-gradient(top,#fff 0,#e2e2e2 100%); background-image: -ms-linear-gradient(top,#fff 0,#e2e2e2 100%); background-image: -o-linear-gradient(top,#fff 0,#e2e2e2 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#e2e2e2)); background-image: -webkit-linear-gradient(top,#fff 0,#e2e2e2 100%); background-image: linear-gradient(to bottom,#fff 0,#e2e2e2 100%)color:#444;text-shadow:1px 1px 1px #fff;height:56px;position:relative;margin:0px 0px 3px 10px;padding:0 5px;border:1px solid #c0c0c0;}
.slider-navigator li.active div,.slider-navigator li:hover div{color:#0178d3;border:1px solid #999}
.slider-navigator li img{border:#ddd solid 1px;height:44px;width:60px;float:left;margin:5px 5px 5px 0}
.slider-navigator li.active img{border:#eee solid 1px}
.slider-navigator li.active h5{color:#0178d3}

Bước 2: Tìm thẻ đóng </head> rồi copy đoạn code dưới đây lên trên nó

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>
<script src='http://yourjavascript.com/24211643151/jquery.easing.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[

(function($) {

var types = ['DOMMouseScroll', 'mousewheel'];

$.event.special.mousewheel = {
    setup: function() {
        if ( this.addEventListener )
            for ( var i=types.length; i; )
                this.addEventListener( types[--i], handler, false );
        else
            this.onmousewheel = handler;
    },
  
    teardown: function() {
        if ( this.removeEventListener )
            for ( var i=types.length; i; )
                this.removeEventListener( types[--i], handler, false );
        else
            this.onmousewheel = null;
    }
};

$.fn.extend({
    mousewheel: function(fn) {
        return fn ? this.bind("mousewheel", fn) : this.trigger("mousewheel");
    },
  
    unmousewheel: function(fn) {
        return this.unbind("mousewheel", fn);
    }
});


function handler(event) {
    var args = [].slice.call( arguments, 1 ), delta = 0, returnValue = true;
  
    event = $.event.fix(event || window.event);
    event.type = "mousewheel";
  
    if ( event.wheelDelta ) delta = event.wheelDelta/120;
    if ( event.detail     ) delta = -event.detail/3;
  
    // Add events and delta to the front of the arguments
    args.unshift(event, delta);

    return $.event.handle.apply(this, args);
}

})(jQuery);

/**
 * @version        $Id:  $Revision
 * @package        jquery
 * @subpackage    lofslidernews
 * @copyright    Copyright (C) JAN 2010 LandOfCoder.com <@emai:landofcoder@gmail.com>. All rights reserved.
 * @website     http://landofcoder.com
 * @license        This plugin is dual-licensed under the GNU General Public License and the MIT License
 */
// JavaScript Document
(function($) {
     $.fn.lofJSidernews = function( settings ) {
         return this.each(function() {
            // get instance of the lofSiderNew.
            new  $.lofSidernews( this, settings );
        });
      }
     $.lofSidernews = function( obj, settings ){
        this.settings = {
            direction            : '',
            mainItemSelector    : 'li',
            navInnerSelector    : 'ul',
            navSelector          : 'li' ,
            navigatorEvent        : 'click',
            wapperSelector:     '.slider-main-wapper',
            interval               : 4000,
            auto                : true, // whether to automatic play the slideshow
            maxItemDisplay         : 5,
            startItem            : 0,
            navPosition            : 'vertical',
            navigatorHeight        : 60,
            navigatorWidth        : 210,
            duration            : 600,
            navItemsSelector    : '.slider-navigator li',
            navOuterSelector    : '.slider-navigator-outer' ,
            isPreloaded            : true,
            easing                : 'easeInOutQuad'
        }   
        $.extend( this.settings, settings ||{} );   
        this.nextNo         = null;
        this.previousNo     = null;
        this.maxWidth  = this.settings.mainWidth || 600;
        this.wrapper = $( obj ).find( this.settings.wapperSelector );   
        this.slides = this.wrapper.find( this.settings.mainItemSelector );
        if( !this.wrapper.length || !this.slides.length ) return ;
        // set width of wapper
        if( this.settings.maxItemDisplay > this.slides.length ){
            this.settings.maxItemDisplay = this.slides.length;   
        }
        this.currentNo      = isNaN(this.settings.startItem)||this.settings.startItem > this.slides.length?0:this.settings.startItem;
        this.navigatorOuter = $( obj ).find( this.settings.navOuterSelector );   
        this.navigatorItems = $( obj ).find( this.settings.navItemsSelector ) ;
        this.navigatorInner = this.navigatorOuter.find( this.settings.navInnerSelector );
      
        if( this.settings.navPosition == 'horizontal' ){
            this.navigatorInner.width( this.slides.length * this.settings.navigatorWidth );
            this.navigatorOuter.width( this.settings.maxItemDisplay * this.settings.navigatorWidth );
            this.navigatorOuter.height(    this.settings.navigatorHeight );
          
        } else {
            this.navigatorInner.height( this.slides.length * this.settings.navigatorHeight );   
          
            this.navigatorOuter.height( this.settings.maxItemDisplay * this.settings.navigatorHeight );
            this.navigatorOuter.width(    this.settings.navigatorWidth );
        }       
        this.navigratorStep = this.__getPositionMode( this.settings.navPosition );       
        this.directionMode = this.__getDirectionMode(); 
      
      
        if( this.settings.direction == 'opacity') {
            this.wrapper.addClass( 'slider-opacity' );
            $(this.slides).css('opacity',0).eq(this.currentNo).css('opacity',1);
        } else {
            this.wrapper.css({'left':'-'+this.currentNo*this.maxSize+'px', 'width':( this.maxWidth ) * this.slides.length } );
        }

      
        if( this.settings.isPreloaded ) {
            this.preLoadImage( this.onComplete );
        } else {
            this.onComplete();
        }
      
     }
     $.lofSidernews.fn =  $.lofSidernews.prototype;
     $.lofSidernews.fn.extend =  $.lofSidernews.extend = $.extend;
  
     $.lofSidernews.fn.extend({
                            
        startUp:function( obj, wrapper ) {
            seft = this;

            this.navigatorItems.each( function(index, item ){
                $(item).click( function(){
                    seft.jumping( index, true );
                    seft.setNavActive( index, item );                   
                } );
                $(item).css( {'height': seft.settings.navigatorHeight, 'width':  seft.settings.navigatorWidth} );
            })
            this.registerWheelHandler( this.navigatorOuter, this );
            this.setNavActive(this.currentNo );
          
            if( this.settings.buttons && typeof (this.settings.buttons) == "object" ){
                this.registerButtonsControl( 'click', this.settings.buttons, this );

            }
            if( this.settings.auto )
            this.play( this.settings.interval,'next', true );
          
            return this;
        },
        onComplete:function(){
            setTimeout( function(){ $('.preload').fadeOut( 900 ); }, 400 );    this.startUp( );
        },
        preLoadImage:function(  callback ){
            var self = this;
            var images = this.wrapper.find( 'img' );
  
            var count = 0;
            images.each( function(index,image){
                if( !image.complete ){                 
                    image.onload =function(){
                        count++;
                        if( count >= images.length ){
                            self.onComplete();
                        }
                    }
                    image.onerror =function(){
                        count++;
                        if( count >= images.length ){
                            self.onComplete();
                        }   
                    }
                }else {
                    count++;
                    if( count >= images.length ){
                        self.onComplete();
                    }   
                }
            } );
        },
        navivationAnimate:function( currentIndex ) {
            if (currentIndex <= this.settings.startItem
                || currentIndex - this.settings.startItem >= this.settings.maxItemDisplay-1) {
                    this.settings.startItem = currentIndex - this.settings.maxItemDisplay+2;
                    if (this.settings.startItem < 0) this.settings.startItem = 0;
                    if (this.settings.startItem >this.slides.length-this.settings.maxItemDisplay) {
                        this.settings.startItem = this.slides.length-this.settings.maxItemDisplay;
                    }
            }       
            this.navigatorInner.stop().animate( eval('({'+this.navigratorStep[0]+':-'+this.settings.startItem*this.navigratorStep[1]+'})'),
                                                {duration:500, easing:'easeInOutQuad'} );   
        },
        setNavActive:function( index, item ){
            if( (this.navigatorItems) ){
                this.navigatorItems.removeClass( 'active' );
                $(this.navigatorItems.get(index)).addClass( 'active' );   
                this.navivationAnimate( this.currentNo );   
            }
        },
        __getPositionMode:function( position ){
            if(    position  == 'horizontal' ){
                return ['left', this.settings.navigatorWidth];
            }
            return ['top', this.settings.navigatorHeight];
        },
        __getDirectionMode:function(){
            switch( this.settings.direction ){
                case 'opacity': this.maxSize=0; return ['opacity','opacity'];
                default: this.maxSize=this.maxWidth; return ['left','width'];
            }
        },
        registerWheelHandler:function( element, obj ){
             element.bind('mousewheel', function(event, delta ) {
                var dir = delta > 0 ? 'Up' : 'Down',
                    vel = Math.abs(delta);
                if( delta > 0 ){
                    obj.previous( true );
                } else {
                    obj.next( true );
                }
                return false;
            });
        },
        registerButtonsControl:function( eventHandler, objects, self ){
            for( var action in objects ){
                switch (action.toString() ){
                    case 'next':
                        objects[action].click( function() { self.next( true) } );
                        break;
                    case 'previous':
                        objects[action].click( function() { self.previous( true) } );
                        break;
                }
            }
            return this;   
        },
        onProcessing:function( manual, start, end ){           
            this.previousNo = this.currentNo + (this.currentNo>0 ? -1 : this.slides.length-1);
            this.nextNo     = this.currentNo + (this.currentNo < this.slides.length-1 ? 1 : 1- this.slides.length);               
            return this;
        },
        finishFx:function( manual ){
            if( manual ) this.stop();
            if( manual && this.settings.auto ){
                this.play( this.settings.interval,'next', true );
            }       
            this.setNavActive( this.currentNo );   
        },
        getObjectDirection:function( start, end ){
            return eval("({'"+this.directionMode[0]+"':-"+(this.currentNo*start)+"})");   
        },
        fxStart:function( index, obj, currentObj ){
                if( this.settings.direction == 'opacity' ) {
                    $(this.slides).stop().animate({opacity:0}, {duration: this.settings.duration, easing:this.settings.easing} );
                    $(this.slides).eq(index).stop().animate( {opacity:1}, {duration: this.settings.duration, easing:this.settings.easing} );
                }else {
                    this.wrapper.stop().animate( obj, {duration: this.settings.duration, easing:this.settings.easing} );
                }
            return this;
        },
        jumping:function( no, manual ){
            this.stop();
            if( this.currentNo == no ) return;       
             var obj = eval("({'"+this.directionMode[0]+"':-"+(this.maxSize*no)+"})");
            this.onProcessing( null, manual, 0, this.maxSize )
                .fxStart( no, obj, this )
                .finishFx( manual );   
                this.currentNo  = no;
        },
        next:function( manual , item){

            this.currentNo += (this.currentNo < this.slides.length-1) ? 1 : (1 - this.slides.length);  
            this.onProcessing( item, manual, 0, this.maxSize )
                .fxStart( this.currentNo, this.getObjectDirection(this.maxSize ), this )
                .finishFx( manual );
        },
        previous:function( manual, item ){
            this.currentNo += this.currentNo > 0 ? -1 : this.slides.length - 1;
            this.onProcessing( item, manual )
                .fxStart( this.currentNo, this.getObjectDirection(this.maxSize ), this )
                .finishFx( manual    );           
        },
        play:function( delay, direction, wait ){   
            this.stop();
            if(!wait){ this[direction](false); }
            var self  = this;
            this.isRun = setTimeout(function() { self[direction](true); }, delay);
        },
        stop:function(){
            if (this.isRun == null) return;
            clearTimeout(this.isRun);
            this.isRun = null;
        }
    })
})(jQuery)

 //]]>
</script>
<script type='text/javascript'>
//<![CDATA[
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcPUUtEf3NKqcjDZ10bb47dheJ7PUhlz_aT8qsHbzyV_XUSIFGeROgsVvJNZi9jnw8lfi-qJXI5L7lW921uyzihNH_IrJEIpoHthTUOFSWsm-oPJaA34FZjkzdALWyRLfi-7WYm0KLXTQ/s1600/no+image.jpg";
showRandomImg = true;
aBold = true;
summaryPost = 70;
summaryTitle = 20;
numposts = 10;

function removeHtmlTag(strx,chop){
    var s = strx.split("<");
    for(var i=0;i<s.length;i++){
        if(s[i].indexOf(">")!=-1){
            s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
        }
    }
    s =  s.join("");
    s = s.substring(0,chop-1);
    return s;
}

function showrecentposts(json) {
    j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
    img  = new Array();

      for (var i = 0; i < numposts; i++) {
        var entry = json.feed.entry[i];
        var posttitle = entry.title.$t;
        var pcm;
        var posturl;
        if (i == json.feed.entry.length) break;
        for (var k = 0; k < entry.link.length; k++) {
              if (entry.link[k].rel == 'alternate') {
                posturl = entry.link[k].href;
                break;
              }
        }
      
        for (var k = 0; k < entry.link.length; k++) {
              if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
                pcm = entry.link[k].title.split(" ")[0];
                break;
              }
        }
      
        if ("content" in entry) {
              var postcontent = entry.content.$t;}
        else
        if ("summary" in entry) {
              var postcontent = entry.summary.$t;}
        else var postcontent = "";
      
        postdate = entry.published.$t;
  
    if(j>imgr.length-1) j=0;
    img[i] = imgr[j];
  
    s = postcontent    ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

    if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

    //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';


    var month = [1,2,3,4,5,6,7,8,9,10,11,12];
    var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];

    var day = postdate.split("-")[2].substring(0,2);
    var m = postdate.split("-")[1];
    var y = postdate.split("-")[0];

    for(var u2=0;u2<month.length;u2++){
        if(parseInt(m)==month[u2]) {
            m = month2[u2] ; break;
        }
    }

    var daystr = day+ ' ' + m + ' ' + y ;
  
    var trtd = '<li style="position:relative;"><div class="imgauto"><a href="'+posturl+'"><img width="405" height="298" class=" " src="'+img[i]+'"/></a></div><h3><a href="'+posturl+'">'+posttitle+'</a><p>'+daystr+' / '+pcm+' comments</p></h3></li>';                   
        document.write(trtd);     
              
              j++;
    }
  
}


function showrecentposts1(json) {
    j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
    img  = new Array();
  
      for (var i = 0; i < numposts; i++) {
        var entry = json.feed.entry[i];
        var posttitle = entry.title.$t;
        var pcm;
        var posturl;
        if (i == json.feed.entry.length) break;
        for (var k = 0; k < entry.link.length; k++) {
              if (entry.link[k].rel == 'alternate') {
                posturl = entry.link[k].href;
                break;
              }
        }
      
        for (var k = 0; k < entry.link.length; k++) {
              if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
                pcm = entry.link[k].title.split(" ")[0];
                break;
              }
        }
      
        if ("content" in entry) {
              var postcontent = entry.content.$t;}
        else
        if ("summary" in entry) {
              var postcontent = entry.summary.$t;}
        else var postcontent = "";
      
        postdate = entry.published.$t;
  
    if(j>imgr.length-1) j=0;
    img[i] = imgr[j];
  
    s = postcontent    ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

    if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

    //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';


    var month = [1,2,3,4,5,6,7,8,9,10,11,12];
    var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];

    var day = postdate.split("-")[2].substring(0,2);
    var m = postdate.split("-")[1];
    var y = postdate.split("-")[0];

    for(var u2=0;u2<month.length;u2++){
        if(parseInt(m)==month[u2]) {
            m = month2[u2] ; break;
        }
    }

    var daystr = day+ ' ' + m + ' ' + y ;
  
    var trtd = '<li><div><img width="60" height="44" class="alignnone" src="'+img[i]+'"/><h5>'+posttitle+'</h5></div></li>';                   
        document.write(trtd);     
              
              j++;
    }
  
}

 //]]>
</script>

Chú ý:  numposts = 10; là số bài viết sẽ được hiển thị các bạn thay đổi theo ý muốn nhé

Bước 3. Tạo 1 Witget dạng HTML/Javascript cấu hình theo đúng chỗ bạn muốn hiển thị

Bạn muốn thêm 1 witget thì thêm code sau vào trong phần bạn đã cấu hình bằng css

<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='HTML3' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
</b:section>

Bước 4: Thêm đoạn code sau vào witget HTML/Javascript bạn vừa tạo
(Các bạn muốn test thử xem nó hiển thị ra sao các bạn có thể copy nó vào Tiện ich HTML/Javascipts bất kỳ)


<div class='lof-main-wapper' id='slider'>
<div class='slider-main-outer'>
<ul class='slider-main-wapper'>
<script>                   
document.write("<script src=\"/feeds/posts/default/-/Bít Tuốt Blog?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>
</ul>
</div>
<div class='slider-navigator-outer'>
<ul class='slider-navigator'>
<script>                   
document.write("<script src=\"/feeds/posts/default/-/Bít Tuốt Blog?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script>
</ul>
</div>
</div>
<script type='text/javascript'>
jQuery(document).ready(function($){   
    $('#slider').lofJSidernews({
        interval:6000,
        duration:800,
        mainWidth: 405,
        navigatorWidth: 200,
        maxItemDisplay:5,
        easing:'easeInOutQuad',
        auto:true,
        isPreloaded: false
    });
});   
</script>

Chú ý : Phần Bít Tuốt Blog là tên Label(nhãn) của bạn muốn hiển thị bài viết bạn sửa theo ý bạn nhé

- Nếu bạn muốn slide hiển thị ra bài mới nhất trên tất cả các label thì bạn thay phần /feeds/posts/default/-/Bít Tuốt Blog?max-results thành /feeds/posts/default?max-results


Mọi thắc mắc vui lòng các bạn comment phía dưới để được giải đap nhé. Nếu thấy hữu ích thì nhấn Like, +1 để ủng hộ mình nhé. Chúc các bạn thành công !

Nguồn :
bittuotblog