Thiết kế tương tác đang trở thành xu hướng mới trong lĩnh vực thiết kế website giúp cho giao diện trang web của bạn có thể hiện thị tốt nhất trên các thiệt bị di động/cầm tay và máy tính mà không cần sử dụng một dịch vụ thứ 3. Blogviet đã từng giới thiệu về thiết kế tương tác (responsive design) và mong muốn blogviet sẽ chính thức tương tác với tất cả người dùng cho dù họ dùng thiết bị gì để truy cập trang của bạn. Hôm nay, blogviet đã chính thức tương tác!
Kế hoạch sẽ hạn chế viết bài đến cuối tháng sáu để có nhiều thời gian hơn nhưng hôm nay mới nâng cấp blogviet lên phiên bản MD 2.2.5 với tính năng tương tác tự chọn nên muốn chia sẻ cùng các bạn và cũng giúp mình đỡ ngứa nghề. Xin chia sẻ một chút về Marketers Delight 2.2.5 và những thay đổi của Kolakube để các bạn biết thêm.
Bài này ra mắt hơi muộn và đáng ra mình nên viết trước thứ 6 thì có thể đã giúp nhiều bạn tiết kiệm được $30. Tuy nhiên, do nhiều lý do khách quan nên hôm nay mới giới thiệu được, rất mong các bạn thông cảm.
1. Kolakube tăng giá bán skin và mở club membership
Sau khi các skin của Kolakube được cộng đồng blogger ủng hộ và số lượng bán ra tăng đột biến và chủ yếu là MD2 nên Alex đã phải thuê cả nhân viên để hỗ trợ cùng anh ấy và Alex cũng sẽ có thêm thời gian thiết kế các skin mới. Hơn nữa, so các skin của Kolakube với các skin khác đang bán với giá $67 – $87 trên thị trường thì việc tăng giá này đáng ra phải làm từ lâu rồi mới đúng. Tuy nhiên, Alex muốn cho bạn đọc trải nghiệm và cảm nhận trước khi tăng giá, một chiêu marketing không mới nhưng khá hiệu quả. Giá mới cho từng skin trên Kolakube sẽ là $67 bắt đầu từ ngày hôm nay 2/6.
Bên cạnh tăng giá bán lẻ, Kolakube cũng mở gói thành viên với hai mức 6 tháng và 1 năm cho những ai muốn trải nghiệm tất cả các skin hiện có và các skin sắp ra mắt với các mức giá khác nhau. Những ai chưa quyết định dùng skin nào hay muốn dùng cho nhiều dự án thì gói membership sẽ là sự chọn lựa không ngoan. Các bạn có thể tham khảo giá membership tại đây.
2. Marketers Delight 2 Chính Thức Có Thiết Kế Tương Tác Tùy Chọn.
Khác với các thiết kế tương tác hiện nay trên thị trường cho thesis thì MD2 lại tạo nên một sự khác biệt khiến blogviet cảm thấy thích thú. Alex luôn nghĩ hộ khách hàng khi đưa ra thiết kế tương tác “tùy chọn”. Nghĩa là khi nào bạn không muốn tương tác hay muốn dùng plugin khác thì không cần cài lại mà chỉ cần không chọn nút tương tác là ok.
Với các thiết kế tương tác hiện nay mà blogviet biết thì khi đã trở thành thiết kế tương tác thì blog của bạn lúc đó sẽ chỉ có thể là tương tác mà không thể trở lại bình thường nếu bạn không biết về code hoặc phải tháo ra cài theme khác hay thuê thiết kế lại.
Đây là nút trong MD2 giúp các bạn sử dụng tắt hoặc bật dễ dàng hơn:
Như vậy là từ nay, khi các bạn truy cập eblogviet bằng các thiết bị di động như smartphone, ipad…giao diện sẽ tự co dãn để hiển thị tốt nhất trên thiết bị của bạn.
Chúc các bạn có sự lựa chọn sáng suốt cho mình!
Chúc mừng bác! Responsive là xu hướng bắt buộc rồi!
Cảm ơn chú nhé, cũng đỡ mệt hơn khi phải dùng thêm plugin
Điều này làm em nghĩ có nên quay lại dùng Genesis hay không???
Sao thế? Vì Genesis responsive hết rồi đúng không
Vâng anh, em đang băn khoăn
Thực ra 2 cái như nhau cả, quan trọng vẫn là nội dung thôi. Hơn nữa chú biết coding nên customize đơn giản mà
Em cũng đang nghiên cứu để biến em smartblog thành responsive theme đây anh :)
Sao chú không bảo bọn Theme Junkie nó làm cho để đỡ mệt
Mình làm cũng có cái thú của nó anh ạ
Đó cũng là cách làm giúp mình cải thiện kỹ năng coding và design em ah
Không tin bác Tỉnh nghỉ viết blog trong tháng 6, kết quả là đúng như vậy :))
Khà khà không chỉ có WP không đâu bác, em dùng Blogger cũng đang nghiên cứu điều chế một cái temp responsive đây :)
Thực ra nếu nắm được nguyên tắc cũng không khó lắm điều khó nhất vẫn là hình ảnh trong bài viết thôi :) nó không có tự động resize được.
Vấn đề hình ảnh vẫn là vấn nạn của giới thiết kế trong thời gian qua…
Em thấy hình ảnh resize tương đối tốt mà, giả dụ các bài trên trang này, em view bằng con Galaxy Note cùi cũng resize khá tốt đó chứ
Nguyên tắc cơ bản làm em temp responsive là từ những kích thức cố định PX mình chuyển về % sao cho hợp lý
Hình ảnh cũng responsive dc mà :D
À chừng nào tấm ảnh không có thông số width và height. Còn trong css thì phải set .img là 100%.
Nói chung vẫn còn phải làm thủ công đấy. Với những ảnh của bài viết cũ có xét w, h rồi thì vô phưong luôn..
Thế ah, để anh test các bài cũ xem sao vậy
Blogger có giao diện cho di động khá tõt thì cần gì responsive nữa bác : ekek:
ôi responsive trong đẹp tóa anh ạ, thèm thật
Thực ra trông cũng khá ổn trên smartphone
Ủa thế bác có đang đi nghỉ hè với gia đình không đấy
Cũng định dùng skin này nhưng…ngại giống skin eblogviet đang dùng.
Skin này có nhiều custom khôg đụng hàng , tha hồ tùy biến cấu trúc nên ko giong blogviet
Cám ơn bác, nhưng sao lại tát em ghê thế
Em đang dùng HP Pre 3 để comment !
Giao diện tuyệt đẹp…nhìn mượt lắm …
:D Iphone 4s mà mượt mà. chúc mừng bác.
iphone 4 lỗi ảnh rồi anh ơi
Anh Tỉnh đi nghỉ mát mà cũng ra tay review MD2 à
.Alex dạo này lắm chiêu quá, may là mua sản phẩm ổng sớm không thì ôm hận 
Hay nhỉ, hôm nay mới biết.
Quả thật truy cập bằng dòng galaxy thì eblogviet tự co giãn. Đép đấy bác Tỉnh
ko có con smartphone nào nên chả biet reponsitive ra làm sao
có iphone 4s thôi hả bác
Dùng con samsung B7330 duyệt các theme Thesic, các ảnh đều đc co lại băng với độ rộng màn hình khi xem ở chế độ mobile, chưa thấy có gì đặc biệt ở MD này .
Theme của bác đơn giản mà đẹp thật, phong cách Apple
Ra cái temp này trên Blogger platform bác xài ủng hộ không… cũng gần xong rồi đó :)
Bác ra đi rồi thông báo cho anh em 1 tiếng nhé :)
tăng thêm 30 giá thì chắc đợi hàng share
Chưa có smartphone hay máy tính bảng nên k rõ giao diện của mình ra sao khi duyệt…. :)
em ở chế độ Mobile thì chả có gì đặc biệt
Nhìn giao diện eblogviet.com và các ứng dụng tương tác vừa cập nhật rất ấn tượng. Hi vọng sớm đọc bài hướng dẫn setup và điều chỉnh giao diện maketers delight 2 của eblogviet.com, chắc chắn nhiều blogger cũng có cùng quan điểm.
Nói thật là đã quá trời số lần bác thay giao diện nhưng cái nào cũng được thiết kế gọn nhẹ và bài bản… nhìn là mê :-X
các skin của alex code rất chuyên nghiệp theo phong cách cổ điển , load mượt
giao diện responsive đẹp quá bác, mà hình như không cần phải dùng Mobile mới xem được giao diện,
=> chỉ cần giảm kích thước cửa sổ của trình duyệt theo ý thích là ra áh
Bác Tinh hay thay đổi giao diện blog nhỉ
Thi thoảng cũng phải đổi gió tý cho có khí thế bác ah
Các theme Genesis tự co dãn. Tuyệt với luôn.
Em chẳng có thiết mị smart nào test ngoài con laptop cùi bắp.
Ôi xời ơi, test responsive có khó gì đâu, gõ google là ra mà.
Bản thân em đánh giá cao thể loại giao diện tích hợp thêm responsive, cơ mà đối với Việt Nam thì em nghĩ cũng cần thêm 1-2 năm nữa, goi là độ trễ í mà.
đồng ý với bác. Việt Nam ta cập nhật xu thế trên thế giới rất trễ
, buồn 
Trễ hay không, là do các bác quyết định cả, buồn thì buồn ai nhỉ???
òh ha, đúng đúng !!!
Phải có độ trễ như vậy thì các IM mới có cơ hội, ai cũng theo thời hết thì cạnh tranh khốc liệt đấy
IM là gì vậy bác
mong bác chỉ giáo
Internet Marketer
Do đó, đa số ko theo kịp thời đại là cơ hội vô cùng tiềm năng để các IM khai thác .
Thử tưởng tượng 1 thế giới toàn dân trình độ, có khả năng tự tim kiếm thông tin, tự mài mò học hỏi thi khó bán sản phẩm số đấy
Ôi không biết mình có nầm trong độ trễ đó không? Sợ không theo kịp thì đón đầu chuyển sang theme này được không nhỉ.
Nghe có vẻ hấp dẫn nhỉ. Có nên chuyển sang dùng Wordpress không ta? Mình không có kinh nghiệm với Wordpress lắm, các bác có trang nào hướng dẫn sử dụng ko? Em chỉ quen mỗi Joomla thôi. hjc!
Hướng dẫn cài wordpress CƠ BẢN đây
Tích hợp vào các thiết bị cầm tay là xu thế công nghệ mà . Chúc mừng bác Tỉnh nhé .
Giao diện eblogviet responsive đẹp thật :) Mình cũng đang làm responsive cho site của mình, nhưng test tới test lui vẫn không vừa ý, nản thật :( Mọi người có thể dùng thêm plug-in WP Fluid Images để làm cho hình ảnh co giãn phù hợp với theme đang dùng, với một site nhiều ảnh như của mình thì plug-in này thật sự cần thiết.
Em không dùng wordpress bao giờ nhưng thấy trang eblogviet load tốt trên iphone
Giao diện mới này thấy đơn giản và dễ tìm, đẹo đấy bạn, nếu có lòng tốt thì share code nha
Cái này hình như Blogspot có tích hợp sẵn
blogspot đg gặp hạn bởi tụi vnpt,…
Sao thế bác, em thấy vẫn bình thường mà
VNPT đã chính thức chặn Wordpress.com và Blogspot rồi! Những blog có subdomain .wordpress.com, .blogspot.com đều không truy cập được bằng cách thông thường. Đến nản với cách quản lý kiểu này!
Thế ah, chỉ VNPT thôi chứ, chắc mạng VP mình dùng FPT nên vẫn thấy vào được :-)
Ùm, bây giờ thì chỉ có VNPT chặn thôi, các mạng khác và 3G vẫn chưa. FPT thì thoáng nhất trong các ISP rồi, mình nghĩ FPT sẽ không chặn đâu :) Blog của mình import font từ Google Web Fonts cũng bị chặn, sử dụng Wordpress.com Stats cũng bị chặn, mấy ngày trước thì vào Gmail và Google Translate cũng không được luôn, chỉ đến khi đổi DNS của máy thành 4.2.2.2 – 4.2.2.4 thì mọi thứ mới bình thường được!
hiện custom domain đã khắc phục, tên miền gốc thì chịu, chỉ truy cập bằng cách soft dùng để vào facebook
Đúng vậy. Phải đổi DNS về thành 4.2.2.4/4.2.2.5 thì mới vào được. Quá nản lun
mới khám phá 1 meo vào wordpress . com , chỉ cần Đổi http:// thành https://
Viettel cũng chặn blogger rùi
kiếm con sock nào đó chạy là vào được hết hoặc chuyển sang dùng Tor :)
Mình cũng dùng mạng VNPT mà vẫn vào Wordpress.com ầm ầm, đâu có sao. Hay là do mình để DNS 8.8.8.8 và 8.8.4.4 để vào fb nên vẫn vào được mấy trang đó nhỉ??
Đúng là nhìn giao diện của bác thấy Pro quá!!!
cái này theme Vpress 2012 của bác Hưng cũng đã tích hợp sẳn rùi
VPRESS dùng genesic thì phải
Cũng mới vừa chuyển qua sử dụng theme này, khá ưng ý với giao diện đơn giản
Sidebar của Eblogviet bị chệch anh Tỉnh ơi.
uhm, độ rộng trình duyệt hẹp thì bị rớt xuống bên dưới , có lẽ config phần layout trong thesic design
Lạ nhỉ, để kiểm tra lại xem sao
Thế ah, em view ở trình duyệt và độ phân giải nào, có thể capture không vì anh không thấy gì cả
1680 x 1050 Chrome, http://bloggeritems.com/wp-content/uploads/2012/06/Untitled-1.jpg
Uh nhỉ, sao mình dùng laptop không thấy? Chắc phải test trên độ phân giải đó xem sao
Chú check lại dùm xem đã ok chưa dùm anh, máy anh không ở độ phân giải đó
Nice rồi anh.
Cám ơn nhé, bên Kolakube support tốt thật, hỏi cái nó fix giúp ngay
hôm nay truy cập = firefox, thu hẹp bị rớt nua roai, mấy trình duyệt khác thì ok
Đã fixed, em bận quá nên không update. Bác kiểm tra xem thế nào và cho em biết nhé. Thanks
ok rồi, co lẽ ko khớp khung mặc định của theme
zoom tối đa thì vẫn rơi
nhưng chẳng ai zoom cỡ đó
Responsive vốn dĩ là vậy mà >”< Khi độ phân giải màn hình hoặc bề ngang của trình duyệt bị thu nhỏ đến một mức nhất định thì tự động các layout sẽ thay đổi, sidebar bị đẩy xuống dưới, bất cứ responsive theme nào cũng "responsive" theo cách này! Trong các trình duyệt web phổ biến thì chỉ có I.E 8 trở xuống là không hỗ trợ responsive vì trình duyệt này không hỗ trợ CSS3 Media queries, mọi người thử test eblogviet.com bằng I.E 8 trở xuống sẽ không thấy theme này responsive :)
Để em test lại xem sao, test trên IE8 bằng cách nào vì em zoom thấy vẫn responsive mà bác
Em định comt vào bài viết về hostgator nhưng bài đó bị close comt rùi, nên em hỏi nhờ ở đây.
E tính mua host gator nhưng giờ bên đó bắt chuyển tiền bằng bank wire chứ không cho paypal dù đã chụp cả visa và hộ chiếu?
A cũng dùng hostgator, nên em mới hỏi có cách nào đăng ký mua được không? Với lại dùng bank wire thì ngân hàng nào có dịch vụ này hả anh?
Dùng Visa Debit cũng không được sao !!!?
Bank wire thì phí từ $15 – $25 , ở Eximbank
Bác Tỉnh ơi cho em hỏi tẹo vs
EM mua Marketers Delight 2.2.6 mà sao cài lên mãi ko được nhỉ? :-s
Nó đòi bản 1.8.4 làm gốc hay gì gì ấy :-s
Bác có bài hướng dẫn ae blogger cái đấy dc ko?
Cảm ơn bác nhiều
Bác làm theo hướng dẫn trong file text ấy, nhớ import cái file dat nữa là okie, tất nhiên là bác phải dùng Thesis 1.8.5 cho nó tương thích chứ, forum nó đầy rẫy guide bác ah
Em ko tìm thấy chỗ down 1.8.4 hay 1.8.5 ở đâu bác ah.
Bác có ko cho em 1 bản vs. Em mua dc hơn 1 tuần rồi mà mày mò mãi ko xong
Nếu bác có cho em xin vào email vs nha :-*
Cảm ơn Bác
có Thesic thì upgrade miễn phí, MD này 1.8.3 chạy ngon roài
MD2 và Thesis là 2 cái khác nhau bác ah, bác cần mua thêm Thesis tại diythemes.com/thesis rồi down về, rồi cài MD2 theo hướng dẫn nhé. Em không share được đâu
ahh hóa ra là vậy :D
Em vừa mua thêm cái http://diythemes.com/plans/ gói Developer’s Option rồi :D
Cài lên nhìn củ chuối quá. Giờ phải tự mình customs mới dc như site của bác à bác Tỉnh?
có file tùy chỉnh sẵn giống demo, up lên là đc rồi
Đẹp đấy bác Tỉnh, Good JOB