Sản phẩm mới cập nhật Chúng tôi xin thông báo những mẫu mới nhất

Cài đặt Domain cho Blogspot chuẩn nhất không bị chặn bởi các nhà mạng Internet

Có rất nhiều người phàn nàn rằng, Blogspot bị chặn bởi các nhà mạng tại Việt Nam. Tôi xin đính chính rằng, trước kia đúng thật là Blogspot bị chặn bởi các nhà mạng ở Việt Nam khi bạn sử dụng tên miền .Blogspot.com . Nhưng hiện nay, bạn hoàn toàn yên tâm khi sử dụng Blogspot không bị chặn bằng việc cài đặt cho nó 1 cái tên miền và setup cho nó 1 địa chỉ IP.

Cách thực hiện, bạn làm như hình bên dưới


Cài đặt Domain cho Blogspot chuẩn nhất không bị chặn bởi các nhà mạng Internet

Cài đặt Domain cho Blogspot chuẩn nhất không bị chặn bởi các nhà mạng Internet

Cài đặt Domain cho Blogspot chuẩn nhất không bị chặn bởi các nhà mạng Internet

Cài đặt Domain cho Blogspot chuẩn nhất không bị chặn bởi các nhà mạng Internet

Cài đặt Domain cho Blogspot chuẩn nhất không bị chặn bởi các nhà mạng Internet


Bạn nhớ lấy các thông số ở hình ảnh số 3 nhé
IP bạn thay cho dãy 74.125.128.121
Bạn thay bằng 173.194.72.121 ( Cập nhật 7/2014 )


Cài đặt Domain cho Blogspot chuẩn nhất không bị chặn bởi các nhà mạng Internet

Cài đặt Domain cho Blogspot chuẩn nhất không bị chặn bởi các nhà mạng Internet

Vậy là thành công rồi, hình ảnh cuối cùng mình đã cài luôn cả Subdomain. Nếu không dung Subdomain bạn có thể bỏ qua nhé. Trên đây là quá trình trỏ tên miền cho Blogspot với trình quản trị Domain của GoDaddy.com .các trình quản lý khác bạn làm tương tự nhé. Mọi thắc mắc khó khăn bạn vui lòng để lại Comment phía dưới, mình sẽ hỗ trợ

Hiệu ứng Load trang màu đỏ giống youtube cho Blogspot

 Thủ thuật thực ra không quan trọng và cũng không cần thiết cho 1 Website, Bài viết ngày hôm nay nhằm mục đích mang đến cho bạn đọc thêm 1 cách nhìn nhận về khả năng của Blogspot cũng làm được các chức năng như các Website lớn, và mang đến cho bạn vọc Blogspot thêm những trải nghiệm tinh chỉnh Blogspot của mình thêm phong phú và đa dạng. Hiệu ứng load trang giống Youtube rất lạ và phong cách. Bạn có thể tích hợp hiệu ứng cho các trang báo điện tử, các trang shop cho tới các trang Video, Phim ảnh


Hiệu ứng Load trang màu đỏ giống youtube cho Blogspot


Cách thực hiện khá đơn giản, bạn chỉ cần chèn đoạn code sau trên </body>
<style>
#progress {
position: fixed;
z-index: 2147483647;
top: 0;
left: -6px;
width: 1%;
height: 2px;
background: #0088CC;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border-radius: 1px;
-moz-transition: width 500ms ease-out,opacity 400ms linear;
-ms-transition: width 500ms ease-out,opacity 400ms linear;
-o-transition: width 500ms ease-out,opacity 400ms linear;
-webkit-transition: width 500ms ease-out,opacity 400ms linear;
transition: width 500ms ease-out,opacity 400ms linear;
}
#progress dd, #progress dt {
position: absolute;
top: 0;
height: 2px;
-moz-box-shadow: #0088CC 1px 0 6px 1px;
-ms-box-shadow: #0088CC 1px 0 6px 1px;
-webkit-box-shadow: #0088CC 1px 0 6px 1px;
box-shadow: #0088CC 1px 0 6px 1px;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
}
#progress dt {
opacity: .6;
width: 180px;
right: -80px;
clip: rect(-6px,90px,14px,-6px);
}
#progress dd {
opacity: .6;
width: 20px;
right: 0;
clip: rect(-6px,22px,14px,10px);
}
</style>
<script>
jQuery(document).ready(function() {
jQuery("body").append(jQuery("<div><dt/><dd/></div>").attr("id", "progress"));
jQuery("#progress").width(100+ "%");
jQuery("#progress").width("101%").delay(800).fadeOut(400, function() {
jQuery(this).remove();
});
});
</script>
Bạn có thể tùy chỉnh để đổi màu bằng cách thêm mã màu vào màu xanh in đậm ở trên 
Chúc bạn thành công và đừng quên nhấn Like để tác giả chia sẻ thêm nhiều tính năng. 

Đưa bài viết Blogspot lên Google Search cực nhanh với Google +

Luôn tin tưởng với các sản phẩm của Google. Một ứng dụng khổng lồ nhất của hãng Google chính là Google Search - 1 ứng dụng đang cai trị internet toàn thế giới. Bộ máy tìm kiếm tốt nhất và chuyên nghiệp nhất. Bài ngày hôm nay, ThaiAiTi xin chia sẻ cách đưa bài viết Blogspot/Blogger nhanh chóng lên bộ máy tím kiếm Google Search bằng Google +

Có lẽ để nói với các bạn trẻ thì Google + không mặn mà như Facebook, nhưng với các nhà thiết kế Website, Seoer thì Google + lại như 1 cánh tay đắc lực. Theo cá nhân và kinh nghiệm của tôi. Tôi là Admin Website ThaiAiTi.com. Khi tôi post bài trực tiếp trên Website và tự động chia sẻ lên trang cá nhân Google + của tôi. Không tới 15 phút, bài tôi vừa đăng đã có trên Google Search bằng 1 từ khóa đó chính là tiêu đề bài viết của tôi. 

Nhưng không phải 1 Page G+ nào cũng có khả năng làm được điều đó. Đây là Page G+ của tôi, bạn có thể thấy rằng nó khác nhiều Page của bạn đúng không nào?

Đưa bài viết Blogspot lên Google Search cực nhanh với Google +

Hoặc bạn có thể View trực tiếp Page G+ ThaiAiTi tại đây

Vậy còn chờ gì nữa, nếu bạn đang sử dụng Website được xây dựng trên nền tảng BLogspot, bạn có thể thực hiện cách như hình bên dưới để chia sẻ bài đăng của mình lên G+ một cách tự động hóa.

Đưa bài viết Blogspot lên Google Search cực nhanh với Google +

Chú ý: Điều đầu tiên, bạn phải có 1 Page G+ với đầy đủ thông tin và có lượt xem lớn thì khả năng bài viết của bạn lên Google Search càng nhanh

Phần mềm chuyển đổi nhanh độ phân giải màn hình bằng phím tắt

Nếu bạn là 1 nhà thiết kế Website, bạn luôn phải thay đổi màn hình máy tính để có thể View trang Web theo nhiều kích thước. Việc thay đổi trực tiếp trên Screen Resolution khá mất thời gian. Bài hôm nay, mình sưu tầm trên trang chủ của phần mềm HotKey Resolution Changer. Nên nó viết bằng Tiếng Anh, nhưng các bạn có thể xem hình ảnh để tự cài đặt nhé. Cũng rất đơn giản thôi...
Bạn download phần mềm tại đây, sau khi giải nén được tệp tin như bên dưới và bạn làm theo nhé
Phần mềm chuyển đổi nhanh độ phân giải màn hình bằng phím tắt
This will start a tray icon, and will not automatically open the HRC window.  You don’t have to install HRC.  Double-click the tray icon to open it. 
Note: Windows 7 automatically hides new tray icons, so if you can’t see it, click the arrow to see the hidden tray icons.
cnange res - sshot-467
By default, HRC will show two entries with your default resolutions, color depth, and refresh rate.
change res - sshot-459
Add a keyboard shortcut by clicking the Change button over the resolution.  Press the keyboard shortcut you want to press to switch to that resolution; we entered Ctrl+Alt+1 for our default resolution.  Make sure not to use a keyboard shortcut you use in another application, as this will override it.  Click Set when you’ve entered the hotkey(s) you want.
image
Now, on the second entry, select the resolution you want for your alternate resolution.  The drop-down list will only show your monitor’s supported resolutions, so you don’t have to worry about choosing an incorrect resolution.  You can also set a different color depth or refresh rate for this resolution.  Now add a keyboard shortcut for this resolution as well.
change res - sshot-463
You can set keyboard shortcuts for up to 9 different resolutions with HRC.  Click the Select number of HotKeys button on the left, and choose the number of resolutions you want to set.  Here we have unique keyboard shortcuts for our three most-used resolutions on our netbook.
sshot-468
HRC must be kept running to use the keyboard shortcuts, so click the Minimize to tray icon which is the second icon to the right.  This will keep it running in the tray.
change res - sshot-464
If you want to be able to change your resolution anytime, you’ll want HRC to automatically start with Windows.  Create a shortcut to HRC, and paste it into your Windows startup folder.  You can easily open this folder by entering the following in the Run command or in the address bar in Explorer:
%appdata%\Microsoft\Windows\Start Menu\Programs\Startup
change res - sshot-466 
Conclusion
HRC- HotKey Resolution Changer gives you a great way to quickly change your screen resolution with a keyboard shortcut.  Whether or not you love keyboard shortcuts, this is still a much easier way to switch between your most commonly used resolutions.

Có nên sử dụng Reponsive - 1 công nghệ thiết kế Website 2014

Hiện nay, Reponsive đang được ứng dụng rất nhiều trong việc thiết kế Website tự động co dãn trên nhiều thiết bị như Laptop, PC, Di động, Iphone, Máy tính bảng... 

Reponsive Web là 1 xu hướng dành cho các nhà thiết kế Website đang thịnh hành. Năm 2014, ngành thiết kế Website có khá nhiều điểm mới mẻ bên cạnh Reponsive còn phải kể tới HTML5CSS3

Xã hội đang bước vào thời đại công nghệ, thời đại của cảm ứng số. 

Theo thống kê hiện nay, thì số lượng người truy cập internet bằng điện thoại di động và máy tính bảng rất nhiều. Hiểu được điều đó, Reponsive là 1 ứng dụng cần thiết phục vụ điều đó. Bài ngày hôm nay, ThaiAiTi chia sẻ bạn đọc tham khảo thêm những ưu nhược điểm khi sử dụng Reponsive Web.

Ưu điểm của Responsive web design


1. Thân thiện với người dùng


Thiết kế đáp ứng rõ ràng sẽ khiến trang web của bạn thân thiện với người sử dụng bởi nó có thể “vừa vặn” với bất kỳ màn hình nào của hầu hết các thiết bị. Ngày nay, công nghệ phát triển không ngừng, smartphone không hề xa lạ với con người. vậy nếu bạn có một trang web áp dụng giải pháp này, mọi người sẽ luôn có khả năng kết nối với trang web của bạn một các hiệu quả nhất. Đó chính là điểm cộng đầu tiên của Responsive web design.

2. Có lợi tại phân khúc dành cho điện thoại di động


Nhờ có Responsive web design, bạn có thể tính được toàn bộ số lượt người xem trang web của bạn. Bạn có thể có được tất cả các thông tin cần thiết liên quan đến lượt người xem trang web bởi giờ đây người dùng trên di động cũng được tính lượt truy cập. Do đó, lượng người xem được tính toán chính xác sẽ rất hiệu quả cho việc phân tích, đánh giá chất lượng của trang web hoặc nâng cấp nó.

3. Nâng cao khả năng chia sẻ


Responsive web design cũng cho người chủ trang web cơ hội để thu thập tất cả những chia sẻ của các mạng xã hội chỉ với 1 đường dẫn URL. Nó sẽ cho phép bạn có những đóng góp hay hơn cho trang web, gần gũi hơn với người dùng.

4. Không phải lo về đổi hướng người dùng


Bạn sẽ không phải tạo những liên kết ngược hay đổi hướng  cho người dùng điện thoại nữa. Hẳn nhiên là trang web của bạn sẽ dễ dàng xuất hiện trên các công cụ tìm kiếm hơn.  

5. Ít phải bảo dưỡng hơn


Phát triển một trang web riêng cho điện thoại di động là bạn đang tải thêm công việc cho mình đấy. Bạn sẽ phải bỏ công duy trì cả hai trang web. Nhưng nếu bạn chọn Responsive web design, sự bảo hành cho trang  web sẽ rất nhỏ vì bạn chỉ có duy nhất một bản thiết kế  cho mọi thiết bị. Điều này sẽ làm giảm khối lượng công việc cho bạn.

Nhược điểm của Responsive web design


1. Mất thời gian để tải

 

Mặc dù đây không phải là vấn đề lớn nhưng người sử dụng Responsive web design sẽ phải download HTML/CSS – những thứ không cần thiết lắm. Việc làm cho hình ảnh vừa với các kích cỡ màn hình sẽ lấy gấp đôi thời gian tải.

2. Sự xếp hạng của Google

 

Nếu trang web của bạn chỉ hoạt động duy nhất trên điện thoại, nó có thể ảnh hưởng đến sự xếp hạng của Google bởi vì Google chưa hỗ trợ những trang web dạng này và nó sẽ không  ghi nhận trang web của bạn.

3. Tốn thời gian phát triển


Phát triển một trang web đáp ứng có thể rất tốn thời gian, nhất là khi bạn có ý định chuyể một trang web có sẵ sang dạng Responsive web design. Nếu bạn muốn có một trang web thiết kế đáp ứng, lời khuyên là hãy làm ngay từ đầu.

4. Bản thiết kế

 

Thiết kế của Responsive web design chủ yếu hay thay đổi và người thiết kế không có nhiều sự điều khiển về trang web trông sẽ thế nào khi đang thiết kế. Nó cũng khiến người thiết kế mất nhiều thời gian để hiển thị các mô hình (hay bản sao) trước. Người thiết kế phải cố gắng thể hiện khung dây và mẫu trên cả thiết bị di động và màn hình máy tính. Nếu cả hai đều được chấp nhận thì bản thiết kế mới được hoàn thành.

Hiện tại, Website ThaiAiTi.com cũng đang ứng dụng công nghệ HTML5, CSS3, Reponsive
Bạn đọc có thể truy cập và xem Demo

Thêm 1 Font chữ cực đẹp cho thiết kế Website

Font chữ Roboto Condensed đang được dân thiết kế Website sử dụng nhiều với Style thanh mảnh. nét chữ hiền. Font Roboto Condensed được sử dụng hầu hết trên các trang tin tức, cá nhân, doanh nghiệp. Điển hình, như Zing.vn. Được Google Font hỗ trợ, nên bạn có thể chèn trực tiếp.



Để chèn được Font này khá đơn giản như sau: 

Bạn chèn đoạn Code sau bên dưới <head>
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
Và khi bạn CSS: bạn Code như sau
font-family: 'Roboto Condensed', sans-serif;font-weight: 400;
Chúc bạn thành công ! 

Tổng hợp Slider Images chuyên nghiệp dành cho Web/Blogspot

Slider là 1 phần không thể thiếu trong bố cục của 1 Website. Slider giúp trang Web nhấn mạnh 1 sản phẩm hay 1 bài viết, cũng có thể là 1 Poster. Tôi rất hài lòng với những Website sử dụng SLider Images nhằm thông báo sản phẩm của họ. Hiện nay, có rất nhiều TUT hướng dẫn, ở bài ngày hôm nay ThaiAiTi.com sẽ tổng hợp 1 số mẫu Slider Code sẵn cho bạn lựa chọn.

Tổng hợp Slider Images chuyên nghiệp dành cho Web/Blogspot

1. Đây là 1 mẫu Slider Images đẹp và load khá nhanh dành cho Website/Blogspot. Với mẫu Slider này sử dụng Javascipt và CSS nhưng không ảnh hưởng nhiều tới tốc độ Website. Với phong cách 3D trông rất sang trọng

Thêm 1 mẫu Slider Images đẹp cho Blogspot

Bạn xem chi tiết cách thực hiện tại đây

2. Mẫu Slider Photos giúp bạn hiển thi những hình ảnh quảng cáo ngoài Top home hoặc bất cứ đâu. Với Slider Photos này sẽ làm cho Website của bạn thêm phần thú vị và rất chuyên nghiệp. Phù hợp với các Website bán hàng, giới thiệu sản phẩm, Công ty, cá nhân. Tùy vào nhu cầu của bạn nhé.


Cách thực hiện tại đây

3. Cách tạo Slider ảnh dùng làm quảng cáo sản phẩm mới, khuyến mại, sản phẩm HOT... cho BLogspot, hiển thị Slider này trên Top ngoài trang chủ sẽ giúp cho Web của bạn trông rất chuyên nghiệp và thêm cún hút người xem

Demo bạn xem hình dưới



- Cách thực hiện rất đơn giản, bạn xem tại đây

4. Cách tạo Slider ảnh giống nhaccuatui.com cho blogspot, với tốc độ load nhanh, mượt sẽ làm cho Web của bạn thêm ấn tượng


Cách làm:  tại đây

Và còn rất nhiều mẫu Slider Images nữa, đang chờ bạn khám phá tại Website ThaiAiTi.com

Lựa chọn màu sắc là điều quan trọng trong thiết kế Website

Lựa chọn màu sắc là điều quan trọng trong thiết kế WebsiteTôi đã khá lúng túng trong nhiều bản thiết kế Website, để lựa chọn màu sắc chân thực nhất phù hợp nhất với 1 Website. Web là nơi thể hiện lĩnh vực của 1 công ty, 1 doanh nghiệp hay 1 cá nhân. ThaiAiTi là 1 trang về lĩnh vực máy tính và thiết kế. Tôi cũng đã rất đắn đo không biết nên lựa chọn tông màu nào cho thiết kế của mình. Cuối cùng, tôi đã chọn tông màu đen kết hợp xanh da trời. 



Lựa chọn màu phù hợp

Màu an toàn nhất, dễ đọc hơn và chuyên nghiệp là sự kết hợp của chữ đen nền trắng. Theo khả năng trung bình của mắt người - màu đỏ và xanh lá cây sẽ rõ ràng nhất nếu được đặt ở giữa. Trắng, đen, vàng và xanh dương thì rõ ràng hơn khi được đặt ở vùng biên. Nếu muốn xác định hai nhóm nội dung, đừng nên sử dụng kết hợp hai màu đỏ và xanh lá, hãy luôn nhớ rằng hầu hết những người bị bệnh mù màu là mù với hai màu đỏ và xanh lá. Cũng tương tự như thế với hai màu Xanh dương và Vàng bởi vì có ít nhất 1-2% số người bị mù với hai mùa Vàng và Xanh dương.

Với mục đích để thu hút sự chú ý của người đọc thì màu đỏ hoặc những màu sặc sỡ khác có thể giúp ích được cho mục đích của bạn. Những màu sáng khác cũng rất tốt cho chế độ hiển thị nội dung trên màn hình máy tính mà có thể được xem trong một thời gian dài. Những màu này cũng thích hợp với những người dùng lớn tuổi. Nếu bạn muốn màu sắc khi thiết kế trang web phải khác biệt với nhau thì những màu xanh đậm, đỏ, màu tía, màu xám, vàng và da cam là những gam màu tốt.

Sử dụng mùa để nói về công ty hay trang web của bạn

Những màu sáng như vàng để làm hình nền có thể được dùng để highlight cho những sản phẩm hạ giá. Những màu sắc phù hợp với thương mại là màu be, xanh dương, màu đỏ tía và màu xanh lá đậm ở trên hình nền trắng hoặc một màu thật nhẹ. Bạn đừng nên tạo thoi quen cho mình khi sử dụng chữ màu xám, hoặc màu nhạt cho những đoạn văn quan trọng. Nó cũng không tốt khi bạn sử dụng nhiều tông màu Xanh cùng một lúc. Bạn đừng tạo cho người đọc cảm giác bạn còn là một người nghiệp dư khi sử dụng những màu sặc sỡ để highlight một cái gì.
Chọn màu dựa trên chế độ xem
Khi bạn trong điều kiện thiếu ánh sáng, sử dụng chữ nhẹ, mỏng với màu vàng nhạt hoặc đỏ với màu nền là mùa xanh đậm, xanh lá hoặc đỏ. Nếu bạn làm việc trong môi trường đủ ánh sáng thì chữ đen, mảnh trên nền trắng là tốt nhất.

Cách thiết kế giao diện Reponsive Web tương thích trên nhiều thiết bị

Công nghệ làm Web năm 2014 đang hướng tới các kiểu giao diện thiết kế phẳng với Reponsive Web hiển thị tốt trên nhiều thiết bị. Đây là 1 công nghệ mới khá thú vị cho các nhà thiết kế Website chuyên nghiệp.

Cách thiết kế giao diện Reponsive Web tương thích trên nhiều thiết bị

Reponsive là gì? Nôm na rằng là 1 kiểu giao diện tự co dãn, hiển thị tốt trên nhiều trình duyệt Web hoặc trên nhiều thiết bị lướt Web như iphone, laptop, PC, điện thoại di dộng...

Ở bài ngày hôm nay, ThaiAiTi sẽ hướng dẫn cho các bạn các bước thiết kế 1 giao diện Reponsive Web đơn giản và nhanh chóng nhất.

Bước 1: Chèn đoạn Code sau vào sau <head>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>

Bước 2: Chèn đoạn code sau trên </head>
<!--[if lt IE 9]> <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script><![endif]-->

Bước 3: Viết CSS, bạn chèn tất cả trên ]]></b:skin> ( Với Blogspot )

Cách thiết kế giao diện Reponsive Web tương thích trên nhiều thiết bị

Trong ví dụ này, tôi có một bố cục trang cơ bản với một #header, #content nội dung, #sidebar, và #footer. Tiêu đề có height 180px cố định, nội dung #content width là 600px và #sidebar width là 300px.

HTML Code:
<div id="pagewrap"> <div id="header"><h1>Header</h1></div> <div id="content"> <h2>Content</h2> </div> <div id="sidebar"> <h3>Sidebar</h3> </div> <div id="footer"> <h4>Footer</h4> </div> </div>

Bước 4 :CSS-Media Queries

- Đầu tiên, tôi CSS cho các div trên
#pagewrap { padding: 5px; width: 960px; margin: 20px auto; } #header { height: 180px; } #content { width: 600px; float: left; } #sidebar { width: 300px; float: right; } #footer { clear: both; }
- Sau đó, tôi sẽ sử dụng CSS3 media query, với viewport từ 980px trở xuống , màn hình sẽ hiển thị 2 cột với width của #content là 65% và #sidebar là 30%
/* 980px hoặc nhỏ hơn */ @media screen and (max-width: 980px) { #pagewrap { width: 94%; } #content { width: 65%; } #sidebar { width: 30%; } }

- Và với viewport 700px trở xuống , ta set giá trị width của #content#siderbar là auto , bỏ float đi để hiển thị 1 cột full width
/* 700px hoặc nhỏ hơn */ @media screen and (max-width: 700px) { #content { width: auto; float: none; } #sidebar { width: auto; float: none; } }
- Cuối cùng , với viewport 400px trở xuống(mobile),ta set lại height  #header auto ,thay đổi font chữ h1 xuống 24px, và cho ẩn luôn sidebar
/* 480px hoặc nhỏ hơn */ @media screen and (max-width: 480px) { #header { height: auto; } h1 { font-size: 24px; } #sidebar { display: none; } }

Trên đây, chỉ là 1 ví dụ, bạn có thể làm với nhiều kích thước. Tất cả đơn vị khi bạn làm việc với Reponsive đều sử dụng %.
Chúc bạn thành công và có nhiều trải nghiệm với công nghệ mới hữu ích này.

Thiết kế Blogspot, Chuyển Template Wordpress, Joomla, PHP sang Blogspot

Hiện nay, Blogspot/Blogger đã được rất nhiều người dùng tại Việt Nam và trên toàn thế giới. Blogspot đã không còn mấy xa lạ với cộng đồng Blogger. Nói đến Blogspot trước tiên phải nói đến khả năng Seo cũng như dễ quản trị dữ liệu. Các Seoer đang tập trung dùng Blogspot làm site vệ tinh nhằm mục đích seo cho trang chính của họ. Bởi vì Blogspot luôn miễn phí hoàn toàn, tốc độ site load khá nhanh. Chất lượng Seo lại dễ dàng và rất tốt. Sở dĩ, Blogspot chính là đứa con ruột của Google - 1 tập đoàn lớn đang thống trị 1 internet.

Thiết kế Blogspot, Chuyển Template Wordpress, Joomla, PHP sang Blogspot

ThaiAiTi.com đã ra đời và hoạt động gần 1 năm trên cộng đồng mạng, 1 Website chuyên thiết kế Template Blogspot. và chất lượng được khẳng định bởi các sản phẩm được thiết kế và Edit tại đây. Với kho giao diện Template BLogspot không ngừng tăng và cải thiện.

ThaiAiTi.com luôn mang đến sự hài lòng về chất lượng Template cũng như đáp ứng nhanh chóng nhu cầu của khách hàng.

Một bài viết đã nói về việc phân biệt giữa Rip Template và convert, bạn có thể tham khảo thêm tại đây để cùng nhìn nhận

- Nhận chuyển đổi Template Wordpress, Joomla, PHP sang Template Blogspot

  • Nhanh chóng - Uy tín - Chất lượng
  • Chuẩn Seo Google
  • Thỏa thuận các chức năng trước khi bắt đầu ( Cũng có thể 1 số chức năng không thể chuyển đổi được )

- Thiết kế Website theo yêu cầu trên nền tảng Blogspot
- Thiết kế giao diện Dành cho Di động
- Thiết kế Website bán hàng, tin tức, xem phim, nghe nhạc
- Cài Win tại nhà

Mọi thông tin chi tiết, xin vui lòng liên hệ tại đây. 

3 cách Seo bài viết cho Blogspot 2014 chất lượng và cần thiết nhất

Hôm nay, tôi sẽ chia sẻ cho bạn đọc thêm 3 thủ thuật Seo bài viết cho Blogspot mới nhất 2014 và chất lượng nhất, chuẩn Seo Google. Google quả là 1 cái tên đang thống trị Internet, Với dịch vụ Google Search đang là cái tên nóng cho các Seoer, các nhà lập trình Website. 1 Webiste được thiết lập nếu không được hiển thi trên công cụ tìm kiếm Google Search xem như là chết. 


Thực tế cho thấy, Cứ một người truy cập Internet và mở trình duyệt Web, việc đầu tiên họ vào là Google.com. Ở bài ngày hôm nay, tôi muốn gửi gắm tới các bạn Blogger đang sử dụng nền tảng Blogspot thủ thuật Seo bài viết chuẩn Google.

1. Thêm các từ khóa cho tìm kiếm: các từ khóa cách nhau bằng dấu phẩy và 1 phím cách. 
Bạn nhập các từ khóa mô tả tìm kiếm vào khung màu đỏ như hình bên dưới

3 cách Seo bài viết cho Blogspot 2014 chất lượng và cần thiết nhất

2. Thêm thuộc tính Alt và Title cho ảnh:

- Chọn ảnh và kích chuột vào ảnh ta sẽ thấy Thuộc tính như khung đỏ trong hình dưới
- Tiếp theo Viết mô tả cho hình ảnh đó vào 2 ô: Văn bản tiêu đề văn bản thay thế
( 2 cái này bạn có thể viết như nhau cũng được ) 
- Bấm chọn OK

3 cách Seo bài viết cho Blogspot 2014 chất lượng và cần thiết nhất


3. Tạo liên kết chuẩn: cái này mình rất hay áp dụng, và theo kinh nghiệm của mình là rất dễ tạo ra backlink nhé mọi người

Bạn làm theo như hình bên dưới:
Trước tiên, chọn 1 cụm từ cần liên kết như bước số 1 trong hình và làm theo thứ tự

3 cách Seo bài viết cho Blogspot 2014 chất lượng và cần thiết nhất

Chúc bạn thành công, Vui lòng để lại Comment nếu bài viết có ích cho bạn.

Bạn đã hiểu gì về Rip Template Website chưa?

Lâu nay, mọi người hay cho rằng cứ co 1 mẫu giao diện Website giống 1 trang gốc nào đó gọi là Rip Template. Theo cá nhân mình, Đấy là 1 ý nghĩa sai lầm. Tôi cũng chưa định nghĩa được từ Rip ở đây là như thế nào. Tôi chỉ nói trên phương diện cá nhân của tôi. 


Nói nôm na rằng, nếu bạn Coppy y nguyên Code của 1 trang BLogspot nào đó thì cũng khá đơn giản và theo tôi đó mới gọi là Rip. Còn với tôi, khách hàng của tôi hay yêu cầu chuyển 1 trang Web được thiết kế bằng PHP, Wordpress, Joomla... Họ yêu cầu chuyển về Template Blogspot để tiện cho việc Seo và quản lý. Trường hợp này tôi ko gọi là Rip, tôi hay gọi nó là convert, và đó là sản phẩm của riêng cá nhân tôi, có nghĩa rằng chuyển đổi 1 định dạng PHP sang HTML và CSS, JS, cũng như khi ta chuyển đổi định dạng 1 bộ phim, hay 1 têp tin vậy. Trên cộng đồng mạng hiện nay, có khá nhiều điều để chúng ta đáng nói và suy nghĩ.

Có người nói, tôi đi Rip template của người khác, thì cái sản phẩm của tôi tạo ra đó không có giá trị và cũng không phải là sản phẩm của riêng cá nhân tôi. Nếu bạn nghĩ như thế, tôi xin trả lời bạn 1 câu rằng " Bạn chưa am hiểu gì về Code Web, BLogspot, Hay PHP ". Sở dĩ, tôi cũng chả am hiểu gì sâu xa cho lắm, nhưng tôi vẫn đang làm ra ít nhất được những Template BLogspot mà họ luôn cho rằng đó là Rip.

ThaiAiTi.com đi vào hoạt động đã được 1 thời gian, chuyên về lĩnh vực Template Blogspot. Có những sản phẩm Template do chính tôi thiết kế và tạo ra, cũng có những sản phẩm tôi Edit, clone. 

  • Rip 1 template Blogspot thì quá đơn giản
  • Bạn thử Rip 1 trang Web PHP sang Blogspot thử xem, nó chả khác gì bạn tự thiết kế 1 Template mới, chẳng qua chỉ là lấy 1 chút CSS

Điều mà tôi muốn gửi gắm ở bài này là sự chuẩn mực của từ ngữ và là những suy nghĩ trong cộng đồng mạng.

Blogspot Template:


  • Được sử dụng HTML, CSS và JavaScrip
  • Cấu trúc sử dụng các Section, Widget và có những đặc thù riêng, tất cả Code được đặt trong 1 File .XML duy nhất

PHP, Wordpress, Joomla...


  • Được sử dụng ngôn ngữ lập trình PHP
  • Cấu trúc riêng

Chỉ bấy nhiêu thôi, cũng đủ để bạn hiểu quá trình chuyển đổi từ PHP sang Blogspot không phải là đơn giản. Không chỉ đơn thuần là bạn View Code rồi Coppy và dán về Blogspot
Bạn không thể nhặt 1 chức năng nào đó từ Wordpres, Joomla.... sang Blogspot 1 cách đơn giản. Còn Với Blogspot, bạn gọi là Rip thì chỉ 10 phút, tôi có thể Rip 1 Template Blogspot đơn giản cho bạn. Bạn thử Rip PHP sang Blogspot đi thì bạn sẽ hiểu.

Vậy tại sao khi tôi tạo ra 1 sản phẩm Template Blogspot giống 1 trang Web PHP lại không phải là sản phẩm của tôi. Tôi làm ra nó trên nền tảng Blogspot kia mà. Tôi không hề Coppy y nguyên toàn bộ Code mã nguồn của trang đó. Đúng không nào?

Khi tôi tạo ra 1 sản phẩm nào đó trên nền Blogspot, đó chính là sản phẩm của tôi tạo ra, đó là bản quyền của tôi, bạn không thể phủ nhận điều đó. 

Hầu hết, tất cả các trang Web tin tức, giải trí, cho đến các trang Web thương mại điện tử đều có những kiểu giao diện truyền thống như nhau và các lối thiết kế na ná nhau và thậm chí đa số các trang Web Việt Nam đều thiết kế theo 1 mẫu Template. Tôi thấy có rất nhiều trang Web nổi tiếng ở Việt Nam họ vẫn sử dụng Template có sẵn trên thị trường để làm thương hiệu cho riêng mình.

Sự nhảm nhí của 1 số con người trên cộng đồng mạng

Tôi là ThaiAiTi, hiện đang là Admin/Design cho Website http://www.thaiaiti.com . Là 1 Website chuyên về lĩnh vực Template Blogspot, chia sẻ thủ thuật, Đồ họa thiết kế...
Những sản phẩm của tôi, có sản phẩm tôi làm ra, cũng có sản phẩm Edit, nhưng tất cả mọi thứ tạo ra không phải là đơn giản mà phải trải qua quá trình, thời gian, sức khỏe và những thứ xung quanh. 




Tôi bán Template Blogspot giá theo mọi người có lẽ là đắt, nhưng với phương châm của tôi. Khách hàng không phải là thượng đế, Tôi làm được gì và khách hàng cần gì ở tôi. Khách hàng cần làm, tôi đáp ứng yêu cầu đó tốt. Đấy mới là điều quan trọng.

Tôi làm việc chân chính và thật thà, không bao giờ lừa ai, Tôi bán Template, khách hàng gửi tiền, tôi gửi lại Template qua Email và hỗ trợ cài đặt.


Thế nhưng điều tôi đãng từng gặp phải ở thời gian gần đây rất đáng để tôi bức xúc và các bạn nên quan tâm hộ mình nhé:

- Thứ nhất: Việc 1 người có nicknam là Koolvip93. Số ĐT: 0167 561 3351
Trang Blogspot là http://cuahangtemplate.blogspot.com/
Địa Chỉ: ngõ 245(dưới cầu định công)-định công-hoàng mai-hà nội Điện thoại: 01675613351
Email: koolvip93@gmail.com


Người này đã mạo danh mình trên các diễn dàn, mạng cộng đồng đi spam, lừa mọi người thế này thế kia. Đúng là 1 hành động vô văn hóa. GATO quá trời

Ghi chú: Các sản phẩm của mình chỉ duy nhất đăng tải tại Website: http://www.thaiaiti.com/


  • Nickname Yahoo mình hỗ trợ là: thaiaiti
  • Gmail là:hohoangthai@gmail.com
  • Nick trên diễn đàn thường là hohoangthai

- Thứ 2: có 1 số người gọi theo tuổi teen là GATO ( tạm gọi là ghen ăn tức ở ). Cũng nói xấu mình đủ kiểu, mà thực ra chưa bao giờ gặp mình, chưa bao giờ biết tới mình. Thực sự rất là vô văn hóa các bạn ạ

- Thứ 3: Mình làm Template, mình bán Template, nhưng khi khách hàng đã mua Template của mình rồi, dùng xong họ Share đi, thế là mọi người lại cho là mình bán Template Share. Hoặc có cái Edit vào thời điểm chưa có Share trên Internet.


Một số hình ảnh trên cộng đồng sinhvienit.net




Không biết có đến biết bao nhiêu điều đa xảy ra từ khi tôi làm nghề này nữa. Mặc dù tôi thấy mình có lỗi j trong chuyên này, tôi làm tôi tạo ra những sản phẩm bằng mồ hôi, chứ không phải tự dưng nó có. Và tôi cũng chưa hề nói xấu ai, phạm vào ai ka.. Mạng Internet giúp con người ngày càng hiện đại, thì lại ngày càng là 1 cái thùng rác bẩn nhất thời đại

Hy vọng mọi người đọc được những dòng trên, Sẽ có cách nhìn nhận lại. Và để tránh tình trang bị lừa nhé.






Kiểm tra tốc độ trang Web/Blogspot với 1 ứng dụng của Google

Tôi luôn ưa thích các sản phẩm của Google - 1 tập đoạn lớn thế giới đang thống trị Internet. Tập đoạn Google hiện nay có khá nhiều ứng dụng đồ sồ như Google Search, Gmail, Adsen, Adword. và đặc biệt 1 sản phẩm xuất bản Website nhanh chóng mà tôi rất tâm đắc và khám phá hằng ngày. Blogspot giúp tôi có nhiều trải nghiệm. 

Kiểm tra tốc độ trang Web/Blogspot với 1 ứng dụng của Google

Theo cá nhân tôi, quan điểm của tôi luôn nhìn nhận rằng tất cả sản phẩm của Google đều tốt và rất có giá trị. Bài hôm nay, tôi sẽ giới thiệu cho bạn đọc thêm 1 công cụ kiếm tra tốc độ Load của 1 trang Web/Blogspot có là 1 ứng dụng có tên là PageSpeed Insights

Kiểm tra tốc độ trang Web/Blogspot với 1 ứng dụng của Google

Cách thực hiện khá đơn giản, bạn chỉ cần truy cập theo liên kết tại đây 
Tiếp theo, nhập địa chỉ trang Web/blogspot của bạn và bấm Phân tích như hình trên là ok

Thêm tác giả, ngày viết bài, comment dưới tiêu đề cho Blogspot

Thường thì các Blogger khi viết bài đều để lại thông tin của người Post, Thời gian Post bài. Nhưng không phải bất cứ Template Blogspot/Blogger nào cũng có sẵn những thứ này. Ở bài này tôi tạm gọi chúng là postmeta. Với thẻ postmeta này chỉ cho phép hiển thị ở trang bài viết. Bạn có thể xem hình minh họa và Demo bên dưới



Cách thực hiện:
Bạn tìm post bar hentry và giống đoạn Code bên dưới 
  <div class='post bar hentry'>    <b:if cond='data:blog.pageType != &quot;item&quot;'><b:if cond='data:post.title'>      <h2 class='post-title entry-title'>     <b:if cond='data:post.link'>       <a expr:href='data:post.link'><data:post.title/></a>     <b:else/>        <b:if cond='data:post.url'>          <a expr:href='data:post.url'><data:post.title/></a>        <b:else/>          <data:post.title/>        </b:if>     </b:if>      </h2></b:if>
Chèn đoạn Code sau bên dưới đoạn Code phía trên
<b:if cond='data:blog.pageType != &quot;static_page&quot;'><div class='postmeta'><style>.postmeta{font: 12px arial;float: left;width: 100%;}.author{color:#666;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYO6suI4eUuI8jXrYOGG496nqIiVouKM2Tf4Wqb1D7heAP1dAUccgwlHKC_ptQJxOzLOozd-CvjuL9rZFykb9QNh3THyh5h5vOfhsBtgM6xZuMgsYcYOzdQGD2Zf8n0mit47_sc5KrwTI7/s1600/user.png) left center no-repeat;padding:2px 5px 2px 20px}.clock{color:#666;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiecBONoPfy6cevBAU1-z_N-EnlB2bBfaUawtQlFiTa7MHQtY5gTsDiWo6LY_IRniTM5_y3yAzfds6ptvnA9S5A2sVe-iKr9IuMaJInyh85jO-5N9ToZDD-OUdHajYZDbVrF_ISYrPitvz1/s1600/time.png) left center no-repeat;padding:2px 5px 2px 20px}.clock a{color:#666}.clock a:hover{color:#422929}.commentsmeta {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHEeygA6L68FHRH7qZ6_Y_lvVeWFLwxgipimH0iq-FBdAFrVzv9PGJo4Sc0oha7-QU_dtlMbIdG0pULG0eKW8LMkZDNQU3IPzn8QyFcN-UiZcfXwD7MDtIgHgiDCUjKiNzhYVQX2VG3Sbq/h120/ico-help.png) no-repeat;padding: 0 25px;margin-left: 5px;}.video-container iframe,.video-container object, .video-container embed { position:absolute;width:100%; height:100%;text-align:center }</style> <span class='author'><data:post.author/> </span> <span class='clock'><data:post.timestamp/></span>  <span class='commentsmeta'><b:if cond='data:post.allowComments'>  <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'>0 comments</b:if> <b:if cond='data:post.numComments == 1'>1 comment</b:if> <b:if cond='data:post.numComments &gt;= 2'> <data:post.numComments/> comments</b:if> </a></b:if></span>  <!-- quickedit pencil -->  <b:include data='post' name='postQuickEdit'/></div></b:if>
Chúc bạn thực hiện thành công. Vui lòng để lại Comment bên dưới
 
Điện Máy
Bản quyền © 12/08/2013 thuộc về buonbanweb.com
270A, Lý Thường Kiệt, Phường 14, Quận 10 , TPHCM - Hotline: 0904 384 505