Giới thiệu Theme mới giống Facebook dành cho Blogspot

Hello xin chào tất cả các bạn, chào mừng các bạn đã trở lại với blog Bác Sĩ Windows.
Do rảnh rỗi không biết làm gì nên đã nảy ra ý tưởng thiết kế một theme cho blogspot giống y hệt Facebook (nói là giống y hệt nhưng chắc khoảng 80% thôi không hoàn toàn được :v).
Theme này mình thiết kế dựa trên theme Bác Sĩ Windows cũ, chỉ xóa những chi tiết của theme cũ, thay vào những thành phần mới sao cho giống với Facebook nhất. Bạn có thể xem trước một số ảnh chụp màn hình dưới đây:

Một số điểm nổi bật của Theme

  • Giao diện giống 90% Facebook (bài viết, bố cục, menu, widget).
  • Giao diện phẳng, siêu nhẹ và load siêu nhanh.
  • Tích hợp thanh tìm kiếm live vào menu.
  • Tích hợp widget recent comment vào menu.
  • Tích hợp hệ thống thông báo trên thanh menu giống Facebook.
  • Tích hợp widget liên kết bạn bè giống Facebook.
  • Và còn nhiều nữa,...
(Click vào ảnh để xem ảnh lớn)
Nhá hàng sơ sơ vậy thôi vì chỉ mới làm được 2 ngày nên mới làm được ngoài trang chủ và một số chỗ trong trang bài viết thôi, nên chưa có ảnh chụp màn hình trong trang bài viết đâu :))
Bài viết này chỉ có mục đích để giới thiệu đến các bạn theme mình sẽ cho ra mắt sớm trong thời gian sắp tới thôi, không có mục đích nào khác.
Mời anh chị em bình loạn đánh giá xem nhìn được chưa, hay còn chi tiết nào không ổn không để mình xem và fix. Hoặc góp ý bổ sung thêm tính năng/widget nào khác nữa thì cũng bình loạn xuống dưới luôn nhé.
Chúc các bạn một ngày vui vẻ.
  1. Thôi đến sau rồi thì cướp cmt 2 vậy -_-

    Trả lờiXóa
  2. đẹp lắm, cướp cmt 3 :3

    Trả lờiXóa
    Trả lời
    1. Comment vẫn ở đây không cần cướp đâu :))
      https://lumiere-a.akamaihd.net/v1/images/mickeysbirthdayparty_funny_02d9aa63.gif

      Xóa
    2. https://i.imgur.com/BgyHJdY.gif

      Xóa
  3. cmt (4) hóng bác Trường ra theme sớm nhất có thể :v

    Trả lờiXóa
  4. Template dạng này hiển thị ít bài lắm.

    Trả lờiXóa
    Trả lời
    1. Ít thì sao? Vấn đề gì à?
      5 - 7 bài mà ít

      Xóa
    2. 5-7 bài thì kéo cho gãy tay nhé :))
      Còn ít thì sao thì tự hiểu mà, thử để bài viết ngoài trang chủ ít đi xem vui hông ^^

      Xóa
    3. Thấy cũng bình thường thôi chả có gì !!

      Xóa
  5. cái này là share hay là a dùng v a

    Trả lờiXóa
    Trả lời

    1. https://2.bp.blogspot.com/-_qHfSt6Hd10/WhBFasM7m2I/AAAAAAAAALQ/VGiFuep0ygYAhTf6SVyWjatZ0bikXJPUQCLcBGAs/s1600/Facebook_Theme-for-blogspot-------bacsiwindows-com.png

      Xóa
    2. e cũng định làm menu trái giống bên a mak nhác tởm lợm. có j bx sau a ra temp e xin cũng đc :v

      Xóa
    3. E đi ngủ đi rồi mơ nha, chúc e ngủ ngon :v

      Xóa
  6. Trả lời
    1. https://media2.giphy.com/media/3ov9jDNPGdKaNuZ2zC/200_d.webp

      Xóa
  7. Thui. Ông để mn hóng đi, hiện tại để t có temp giống fb đc r :D Cho mấy ông kia tự làm cho quen :))

    Trả lờiXóa
    Trả lời
    1. Hahaaa sắp hoàn thành rồi, nhưng chắc không se đâu :))

      Xóa
    2. Căn bản t muốn ai làm blog bỏ chút time ra học Front End ít hay nhiều để tự làm cho mình 1 cái gì đó theo ý cho vui. Trước định làm left sidebar như trang chủ fb nhưng rồi nghĩ lại thì làm giống trang cá nhân :3

      Xóa
    3. Ông có thể để menu ngoài trang chủ nhưng vào trang bài viết thì ẩn nó (dùng thẻ điều kiện) được mà, vậy nhìn đẹp hơn ý :D
      VD của tui: https://i.imgur.com/9YzlgUT.png

      Xóa
    4. Trước t cũng để thế 1 lần rồi. Xong k chịu tối ưu nên gg chấm điểm thấp quá rồi bỏ. Thôi để t để lại xem sao, coi như bỏ được cái menu trên header. Mà có gì responsive cái kia để hiển thị trên mobile nó kiểu có button bấm cái ra chắc hay hơn nhỉ.

      Xóa
    5. Lên codepen tìm menu nào đẹp đẹp có nút bấm ấy rồi mang về chỉnh sửa lại là được rồi, khỏi phải mò mẫm tối ưu.

      Xóa
    6. À nút thích kia ông đã làm hay có ý tưởng gì với nó chưa? T mới chỉ áp dụng nút like từ likebtn trong trang bài viết, còn ngoài trang chủ vẫn là fake, chưa có chức năng gì.

      Xóa
    7. Hiện tại thì chưa làm gì hết. Tui định áp dụng js vào nó. Khi người khác bấm vào thì nó để đã thích và thống kê số người thích. Không biết làm được không!?

      Xóa
    8. cái này a lm đc là ngon r. e cũng đc lm nhưng nó đâu có lưu đâu

      Xóa
    9. Tạm thời thì tui mới chỉ làm được như vầy
      https://i.imgur.com/p07gI4t.gif

      Xóa
    10. T nghĩ nếu mình có ý tưởng thì sẽ có code làm đc điều đó thôi. Nếu trc mắt chưa mày mò ra đc thì để thế kia cũng ok rồi ông ạ. Nút của t còn chèn trực tiếp chưa có gì :))

      Xóa
  8. Trả lời
    1. https://media3.giphy.com/media/xUA7aWtFh4RUUwpmJa/200_d.webp

      Xóa
  9. Chỗ trống bên phải ý nên để cột liên kết bạn bè như trên FB là ai đang onl

    Trả lờiXóa
    Trả lời
    1. Làm sao biết được ai đang onl mà để!?

      Xóa
    2. Cái đấy xấu quá không xài :v

      Xóa
    3. K cần hiện ai đang onl đâu ông. Để 1 tab bấm vào hiện lên danh sách bạn bè kèm fontawesome chấm xanh lá là ok rồi ông ạ. Làm phức tạp quá lại cần nhiều thứ.

      Xóa
    4. À rồi tui hiểu rồi. Cảm ơn nhé, ý tưởng hay đấy :D
      Thay vì dùng widget bạn bè dạng 3 cột thì giờ thay bằng ý tưởng này cũng được đấy.

      Xóa
    5. Đúng r ý tui giống ý ông Cường 70% đó
      Còn 3 cột cũ thì làm widget like page fb hay tham gia nhóm gì đó tuỳ
      À..mà share luôn cái widget liên kết 3 cột nhé

      Xóa
    6. Cái đó chỉnh tí CSS là đc mà. Vẫn set width theo % cho li bình thường nhưng điều chỉnh height cho cân đối là đc.

      Xóa
    7. Nhiều người thích vậy đó bác ạ, thích xài đồ của người khác hơn là tự làm :)) nên toàn kêu share share thôi mặc dù nó dễ làm vchh

      Xóa
    8. Sắp tới ông mà ra thêm cái nào mới là cứ chuẩn bị trước 1 bài share trc r lưu lại đợi ngày post :v Mà làm web vui ở chỗ cần 1 người có ý tưởng còn thằng kia sẽ giúp hiện thực hóa ý tưởng đó.

      Xóa
    9. Star Cường IT sẽ là người giúp thực hiện hóa ý tưởng đó (cười đểu) :))

      Xóa
    10. https://media.tenor.co/images/065972681bf9bfbb564024333fc9e214/tenor.gif

      Xóa
  10. Anh ơi, em cần hỏi 1 vài chỗ về blog của em, anh cho em link face với ạ, em cảm ơn

    Trả lờiXóa
    Trả lời
    1. Có gì em cứ hỏi đi, anh không hỗ trợ riêng qua fb nha.

      Xóa
    2. Em đang làm CTV cho blog z0mbie.win, khi em đặt quảng cáo adsense vào preview trước thì nó hiện nhưng khi xuất bản nó ko hiện ạ. Link: http://www.z0mbie.win/2017/11/meo-thay-doi-mau-sac-taskbar-tren-windows-10.html

      Xóa
    3. Em thử qua các cách này xem sao, anh không dùng Adsense nên không rành lắm.
      Ctrl + Click

      Xóa
    4. Quảng cáo GA muốn hiển thị thì phải làm nó cố định một nơi nào đó, chứ chèn code vào bài viết nó không hiển thị đâu.

      Xóa
  11. Trả lời
    1. À, có vài bình luận dài, chữ quản trị viên che nội dung kìa, kéo lên tí là có demo

      Xóa
    2. Ok thấy rồi, sửa sau.

      Xóa
  12. Event đâu ? Sao không thấy Event -_- Thằng Admin nói láo à :v

    Trả lờiXóa
    Trả lời
    1. 10.000 bình luận có event nhé

      Xóa
    2. Vậy đợi đến khi comment gấp đôi thằng Star Cường IT đi nhé :))

      Xóa
    3. https://lumiere-a.akamaihd.net/v1/images/mickeysbirthdayparty_funny_02d9aa63.gif

      Xóa
    4. Mà công nhận mới đó mà lên 1k nhanh thật :v nhưng mới comeback blog nên nó vậy thôi :v Đố ông lên đc 3k comment :3

      Xóa
    5. Bắt đầu chán rồi đó, méo muốn chơi blog nữa =))))

      Xóa
    6. Haha, nhanh nản chí thế này làm Blogger kiểu méo gì nhỉ :v

      Xóa
    7. Chán viết chứ không nản chí nhé, vô vị quá!! :))
      https://media.tenor.co/images/1a9a0751fe3dfe52dbe754b415ee5a79/tenor.gif

      Xóa
    8. Chỉ cần có nội dung, còn viết lười thì đưa Star Cường IT.

      Xóa
    9. Ai viết thấy cũng không vừa ý bằng tự viết =_=

      Xóa
  13. đẹp mà không biết cái phần Like, comment và share thì có giống như facebook không

    Trả lờiXóa
    Trả lời
    1. Tạm thời thì giống được kha khá rồi!
      Nút Thích thì bấm vào nó sẽ hiện Đã thích
      Nút Bình luận thì hiện thống kê số bình luận của bài, bấm vào sẽ đi đến phần bình luận trong bài viết.
      Nút Chia sẻ bấm vào thì hiện popup chia sẻ bài viết lên Facebook.

      Xóa
  14. thấy ông phú cường đang dùng temp này :3

    Trả lờiXóa
    Trả lời
    1. Theme ổng có trước.

      Xóa
    2. Nhưng chưa tối ưu đâu, js cả css temp t còn đặt linh tinh lắm, cả có 1 vài chức năng ở các button chưa làm nên còn sơ sài. Temp kia của Trường chất hơn, à quên cho xin nick fb add bạn nhá Trường ơi.

      Xóa
    3. Tội Cường quá, bị bơ, đồng cảm ahuhu :v

      Xóa
    4. Chắc ông ý bận hoặc đọc lướt thôi :v nên nghĩ tích cực :v

      Xóa
    5. Ahiihiii quên rep =))
      FB: báciwindows.com/admin
      Cơ mà tui ít dùng fb lắm nên cũng không addfr nhiều :)) lên đây bình loạn là được rồi.

      Xóa
  15. BSW cho e xin link làm ảnh này
    https://responsivedesign.is/wp-content/uploads/2016/12/Ethan-Marcotte-RWD.jpg

    Trả lờiXóa
CÓ THỂ BẠN ĐANG TÌM