Giới thiệu Theme mới giống Facebook dành cho Blogspot
Xuất bản
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:
(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ẻ.
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,...
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ẻ.
![TẶNG MIỄN PHÍ - [BSW-05] Personal Simple Blogging - Responsive Template for Blogspot](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYFAf7ColvK4xlFj1X555dMPAaNko8m4CKZVbrzj79VkWcVDh03RWkkaDs8lcyjs1pp_NPkptj7hY-RW3blb2P_Mmd8aA8n-N31jb5nu885YiJ0kD95qDqOmwhVC230yNoQ3rra1eajIXv/w139-h78-p-k-no-nu/BSW-05_Template-_-BACSIWINDOWS-COM.png)
![[BSW-09] Theme BSW Mega Tab Premium for Blogger](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPfbkKNXcq2foOGDB9ab2OLZsdH_UVsK1QHrhM35GqBCL9kcVj4tjI_lR61wKc_nmk5O9hRZSU9tFXdRZsEVVc5O57AM4voqsbNiYyd31HZ-9Rlys3V1CWsayZ6amj6GJ_JBKohyY3V0s/w139-h78-p-k-no-nu/theme+BSW+mega+tab+premium+for+blogspot.JPG)
Copyright © 2019
Đây là khu vực quản trị, bạn không có quyền truy cập vào!
Comment đầu :v
Trả lờiXóaTổ quốc ghi công!
XóaKé vào đây chơi.
XóaTem nhìn kích thích đấy. Đạt đến khả năng tùy biến thế này thì vi diệu quá rồi :D
Hahaa có ý tưởng sẵn rồi dựng code thì quá dễ rồi. Tự tìm ý tưởng để thiết kế mới khó :D
XóaThôi đến sau rồi thì cướp cmt 2 vậy -_-
Trả lờiXóađẹp lắm, cướp cmt 3 :3
Trả lờiXóaComment vẫn ở đây không cần cướp đâu :))
Xóahttps://lumiere-a.akamaihd.net/v1/images/mickeysbirthdayparty_funny_02d9aa63.gif
cmt (4) hóng bác Trường ra theme sớm nhất có thể :v
Trả lờiXóaChúc bác hóng vui vẻ nhá =))
XóaCmt 4 :v Cướp cmt :v
Trả lờiXóaTổ quốc ghi công bạn :v
XóaTemplate dạng này hiển thị ít bài lắm.
Trả lờiXóaÍt thì sao? Vấn đề gì à?
Xóa5 - 7 bài mà ít
5-7 bài thì kéo cho gãy tay nhé :))
XóaCòn ít thì sao thì tự hiểu mà, thử để bài viết ngoài trang chủ ít đi xem vui hông ^^
Thấy cũng bình thường thôi chả có gì !!
Xóacái này là share hay là a dùng v a
Trả lờiXóaChưa biết nữa em.
Xóashare đi :3
XóaNè
Xóahttps://2.bp.blogspot.com/-_qHfSt6Hd10/WhBFasM7m2I/AAAAAAAAALQ/VGiFuep0ygYAhTf6SVyWjatZ0bikXJPUQCLcBGAs/s1600/Facebook_Theme-for-blogspot-------bacsiwindows-com.png
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óaE đi ngủ đi rồi mơ nha, chúc e ngủ ngon :v
Xóa:3
Xóacommen cuối :P
Trả lờiXóaThui. Ô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óaHahaaa sắp hoàn thành rồi, nhưng chắc không se đâu :))
Xóachuẩn r :v
XóaCă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Ô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
XóaVD của tui: https://i.imgur.com/9YzlgUT.png
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óaLê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À 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óaHiệ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óacái này a lm đc là ngon r. e cũng đc lm nhưng nó đâu có lưu đâu
XóaTạm thời thì tui mới chỉ làm được như vầy
Xóahttps://i.imgur.com/p07gI4t.gif
Hay quá Add :P
Trả lờiXóaChỗ 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óaLàm sao biết được ai đang onl mà để!?
Xóawhos.amung.us :v
XóaCái đấy xấu quá không xài :v
XóaK 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À rồi tui hiểu rồi. Cảm ơn nhé, ý tưởng hay đấy :D
XóaThay 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.
Okie ông :D
XóaĐúng r ý tui giống ý ông Cường 70% đó
XóaCò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é
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óaSắ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óaStar Cường IT sẽ là người giúp thực hiện hóa ý tưởng đó (cười đểu) :))
XóaAnh ơ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óaCó gì em cứ hỏi đi, anh không hỗ trợ riêng qua fb nha.
XóaAd rep đi ạ
XóaEm thử qua các cách này xem sao, anh không dùng Adsense nên không rành lắm.
XóaCtrl + Click
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óaChấm
Trả lờiXóa.
XóaÀ, 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óaOk thấy rồi, sửa sau.
XóaEvent đâu ? Sao không thấy Event -_- Thằng Admin nói láo à :v
Trả lờiXóa10.000 bình luận có event nhé
XóaVậy đợi đến khi comment gấp đôi thằng Star Cường IT đi nhé :))
XóaMà 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óaBắt đầu chán rồi đó, méo muốn chơi blog nữa =))))
XóaHaha, nhanh nản chí thế này làm Blogger kiểu méo gì nhỉ :v
XóaChán viết chứ không nản chí nhé, vô vị quá!! :))
Xóahttps://media.tenor.co/images/1a9a0751fe3dfe52dbe754b415ee5a79/tenor.gif
Chỉ cần có nội dung, còn viết lười thì đưa Star Cường IT.
XóaAi viết thấy cũng không vừa ý bằng tự viết =_=
Xóađẹ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óaTạm thời thì giống được kha khá rồi!
XóaNú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.
thấy ông phú cường đang dùng temp này :3
Trả lờiXóaTheme ổng có trước.
XóaNhư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óaK rep cmt này của t :(
XóaTội Cường quá, bị bơ, đồng cảm ahuhu :v
XóaChắc ông ý bận hoặc đọc lướt thôi :v nên nghĩ tích cực :v
XóaAhiihiii quên rep =))
XóaFB: 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.
BSW cho e xin link làm ảnh này
Trả lờiXóahttps://responsivedesign.is/wp-content/uploads/2016/12/Ethan-Marcotte-RWD.jpg
Vào link trên, nhập trang web vào rồi chụp màn hình thoi!
XóaMới cập nhật thêm thanh tìm kiếm live à, sao không share link demo cho mọi người xem luôn.
Trả lờiXóaChưa hoàn thiện nên chưa cho demo xem được.
Xóathấy TKN với Phú Cường hợp tác làm cái temp này à?
Trả lờiXóaKhông, theme này một mình mình làm nha.
XóaBố cục giống nhưng code khác 100%.
Cảm ơn ;)
Trả lờiXóaKhông biết có lọc liên kết hay không nhưng Duy Ripper die domain mấy hôm rồi đấy.
Trả lờiXóaVậy à để tí lên máy lọc lại!!
XóaMình nghĩ cần 1 cái lightbox đỡ phải click ảnh này rồi qua ảnh khác
Trả lờiXóaMình cũng đang ngâm cứu để thêm lightbox vào.
XóaBack to top đâu ?
Trả lờiXóaXóa rồi, bấm nút Home đỡ đi!!
XóaNói thế thà ấn cái tiêu đề trên tab cho nó back to top cho lẹ.
XóaỪ thôi ấn tiêu đề tab đi :v lười thêm
XóaMột câu trả lời nhanh gọn :) Cái theme đẹp rồi mà chưa có back to top là sao nhỉ, phần comment đâu phải ngắn, mà không làm nút Back to top thì ẩn phần comment hay là làm chổ comment ngắn lại đi.
XóaTúm lại cho cái nút backtotop vào là được đúng không, khó quá!
Xóahttps://media0.giphy.com/media/26u44QFfh0P7cfG4U/200_d.webp
Đúng rồi, thêm nhanh và ngay luôn đi :))
XóaỦa ủa, backtotop mình có để dưới chân trang rồi mà ta!? =_=
XóaCạnh chữ Bản quyền đó
Xóahóng ad ra temp r share cái menu ở trên :v
Trả lờiXóaMenu nào?
XóaCái menu chưa sữa responsive trên đt à?
XóaChưa. Mà sửa cái gì vậy?
Xóalên bằng đt bấm vào cái menu xem là biết mà
XóaÀ CSS position:fixed đây mà :D để tí sửa lại.
XóaChính là widget recent comments tích hợp trong icon tin nhắn đó ông. Cơ mà chắc TKN sắp trích đc code rồi vì hiệu ứng này ở temp fb bên star tuấn it share, t nghĩ e ý tách ra riêng đc.
XóaHình như k comment là nó trừ đi comment thì phải, giờ thì thấy có lí rồi :v
XóaĐúng rồi đó, nó thống kê theo từng ngày, mỗi ngày không bình luận là nó sụt từ từ, nhiều ngày không bình luận là nó sụt về 0 luôn.
XóaDạo này cảm giác như chẳng muốn tối ưu hay làm gì ở cái temp nữa :v Thông báo chỉnh responsive từ đời nào chưa thèm làm vì lười quá :v
XóaOh. Thế này thì thằng nào đứng top phải chăm cmt k thì rõ là k tương tác :v
Đó gọi là bệnh làm biếng đó :v tui cũng mắc bệnh đó, bài viết còn chưa viết nữa là nói gì đến tối ưu theme =))
Xóagần 1k5 bình luận rồi
Trả lờiXóa70 cmt nữa
XóaGần 1k5 rr a ơi :3
Trả lờiXóa- Bác Trường Fix Giùm Em Cái Lỗi Hiển Thị Bài Viết Ở Trang Chủ Với
Trả lờiXóaBỊ lỗi thế nào!?
Xóacái live search nó mất điểm vcl ra. ban đầu dùng ko để ý. a có cách nào tối ưu ẻm này ko ạ =))
Trả lờiXóaCó gì đâu mất điểm, đẹp vcl ra ý
XóaUhm hihi
XóaBác sĩ bữa h chưa có gì mới à?
Trả lờiXóaLo làm theme chưa có gì mới.
Xóahay quá ta :*
Trả lờiXóaaaaaaaaaaaaaaaaaaaaaaaaaa
Trả lờiXóaỒ, template mới :v
Trả lờiXóaSao liên kết Star Cường IT Tọt xuống thứ 2 rồi -_-
Trả lờiXóaThứ mấy mà chẳng được, thị phi quá đi hà cũng ở trên đầu chứ ở đâu.
XóaTemplate cũ ông không xài nữa xin phép Star Cường IT được xài nha :v
XóaWTF cười :v tui không đùa.
XóaMuốn xài gì thì xài đi, nói tui làm gì ?? :v
XóaXin template :3
XóaNever!!
Xóalúc trc bảo share temp cơ mà :v
XóaCó bảo chính xác thời điểm se là lúc nào khôngg :))
XóaMất top bình luận rồi à
Trả lờiXóaVừa thêm đớ
Xóathay temp rồi :v
Trả lờiXóaDạ thay rồi.
Xóae chưa responsive đúng ko, lap xem cái sidebar-right nó bị xuống dưới main anh ạ
XóaNói gì vậy không hiểu !?
XóaTui cũng không hiểu :v
XóaCái hoái gì vậy !??
Xóaý e là theme a xem trên laptop là cái sidebar bên phải nó bị nằm dưới phần main :v
XóaThôi rồi tổ quốc ta ơi :v
Trả lờiXóahttps://i.imgur.com/auGPjC8.png
xã hội loạn lạc :v y chang luôn :v
XóaSr, k biết
Xóathất kinh :v
Xóainb a làm cho nè
XóaSao nãy chuyển hướng thế :v
Trả lờiXóacho e hỏi là jquery 1.8 vs jquery 3.1.0 khác nhau ak a Trường? trc h cứ tưởng giống
Trả lờiXóaKhác nhau đó e
XóaTemp đẹp đó ông
Trả lờiXóaNên giữ mà sài đừng bán
H đang khao khát là biết thiết kế 1 temp như ông
Temp ông nên để màu xanh như ảnh thì em nghĩ sẽ đẹp hơn với lại cái bài viết thì nên sửa lại: TN đã chia sẽ một liên kết thay thành TN đã đăng một bài viết
XóaVậy á tại tui thích mã màu này tím tím.
XóaĐể tí về đổi lại!
Template bán nhiêu a
Trả lờiXóa100k
Xóatemp facebook bán ko, giá nhiêu vậy bạn
Trả lờiXóa100k nhé bạn
Xóamới vào tưởng vào nhầm FB chứ :)))
Trả lờiXóaThế là t thành công r :v mục đích làm cho nó thật giống với fb =))
Xóa