Google Search Box phong cách mới cho blogspot

Sau đây mình sẽ hướng dẫn các bạn chèn Google Search Box cho Blogger.

Demo: Click vào đây để xem demo

Hướng dẫn:
1. Đăng nhập vào Blogger
2. Tới Edit HTML
3. Copy đoạn code dưới đây lên trên  ]]></b:skin>
 

/* div container containing the form */ #searchContainer { margin:20px; } /* Style the search input field. */ #field { float:left; width:200px; height:27px; line-height:27px; text-indent:10px; font-family:arial, sans-serif; font-size:1em; color:#333; background: #fff; border:solid 1px #d9d9d9; border-top:solid 1px #c0c0c0; border-right:none; } /* Style the "X" text button next to the search input field */ #delete { float:left; width:16px; height:29px; line-height:27px; margin-right:15px; padding:0 10px 0 10px; font-family: "Lucida Sans", "Lucida Sans Unicode",sans-serif; font-size:22px; background: #fff; border:solid 1px #d9d9d9; border-top:solid 1px #c0c0c0; border-left:none; } /* Set default state of "X" and hide it */ #delete #x { color:#A1B9ED; cursor:pointer; display:none; } /* Set the hover state of "X" */ #delete #x:hover { color:#36c; } /* Syle the search button. Settings of line-height, font-size, text-indent used to hide submit value in IE */ #submit { cursor:pointer; width:70px; height: 31px; line-height:0; font-size:0; text-indent:-999px; color: transparent; background: url(http://4.bp.blogspot.com/-GX7E4j3jwR0/ThMXKjuQ9VI/AAAAAAAAEsE/rJE5Ip1qDEg/s1600/ico-search.png) no-repeat #4d90fe center; border: 1px solid #3079ED; -moz-border-radius: 2px; -webkit-border-radius: 2px; } /* Style the search button hover state */ #submit:hover { background: url(http://4.bp.blogspot.com/-GX7E4j3jwR0/ThMXKjuQ9VI/AAAAAAAAEsE/rJE5Ip1qDEg/s1600/ico-search.png) no-repeat center #357AE8; border: 1px solid #2F5BB7; } /* Clear floats */ .fclear {clear:both}

4. Copy đoạn code dưới đây lên trên thẻ </head>
 

<script src='http://code.jquery.com/jquery-1.6.1.min.js' type='text/javascript'/><script type='text/javascript'>$().ready(function() { // if text input field value is not empty show the "X" button $("#field").keyup(function() { $("#x").fadeIn(); if ($.trim($("#field").val()) == "") { $("#x").fadeOut(); } }); // on click of "X", delete input field value and hide "X" $("#x").click(function() { $("#field").val(""); $(this).hide(); }); }); </script>

5. Save lại nhé.

Chúc các bạn thành công.

More about →

Hướng dẫn đăng ký tài khoản apple không cần thẻ tín dụng

Sau đây mình sẽ hướng dẫn các bạn đăng ký tài khoản apple thông qua iTunes một cách hoàn toàn miễn phí mà không cần phải nhập thông tin thẻ tín dụng.

Bước 1: Mở iTunes từ máy tính của bạn, nếu chưa cài đặt thì có thể download về tại đây

Bước 2: Hãy chắc chắn là bạn chưa đăng ký 1 tài khoản apple nào.
Click vào App Store

Bước 3: Từ cột bên phải, trượt xuống tới TOP FREE APPS và chọn Free app. Nó sẽ không hoạt động nếu như bạn không chọn một ứng dụng miễn phí nào đó.

Bước 4: Từ ứng dụng miễn phí bạn đã chọn, click vào Free

Bước 5: Một cửa sổ xuất hiện và nó sẽ bắt bạn đăng nhập hoặc đăng ký một tài khoản.
Bây giờ hãy click vào Create Apple ID

Bước 6: Click vào Continue

Bước 7: Click vào "Country, click here" như hình dưới đây để chọn đất nước mà bạn muốn đăng ký.
(United States, or UK)

Bước 8: Điền vào bảng thông tin sau:

Bước 9: 
Chọn None để đưa về chế độ tùy chọn thanh toán.
Điền đầy đủ thông tin thanh toán vào Bill Adress
Sau khi hoàn thành thông tin bạn chọn Create Apple ID

Chú ý: Nếu không thấy xuất hiện nút "None" thì quay về bước 3 để download ứng dụng miễn phí khác để thử lại nhé !

More about →

Responsive CSS Timeline với hiệu ứng 3D Cho Blogspot

Sau đây là cách hiển thị rất mới mẻ cho những ai dùng blogspot bằng việc áp dụng Responsive Css Timeline với hiệu ứng 3D cho bài viết trên trang blogspot. Chúng ta sẽ có bài viết thể hiện trên trang home page như một dòng thời gian với hiệu ứng và hình ảnh rất đẹp mắt.

Các bạn có thể xem Demo tại đây: Click Here

Hướng Dẫn:

Bước 1:  Vào quản lý blogger > Template > Click vào EDIT HTML

 

Bước 2: Click vào bất kỳ chỗ nào trong khung code template và nhấn tổ hợp phím Ctrl + F

Bước 3: Tìm thẻ </head> và thêm vào trước nó đoạn code sau:

<b:if cond='data:blog.pageType != "static_page"'><b:if cond='data:blog.pageType != "item"'><style type='text/css'>.post-body img, .post-body .tr-caption-container, .Profile img, .Image img, .BlogList .item-thumbnail img {padding: 0px; border: 0px;} .post-footer {display: none;} .post {margin-bottom: 50px; padding-bottom: 0px; background: none; border: none;} .jump-link a {display: none;} h3.post-title a {display: none;} .date-header {display: none;} *, .timeline:after, .timeline:before {box-sizing: border-box;padding: 0; margin: 0;} .timeline {position: relative;padding: 30px 0 50px 0;font-family: Arial, sans-serif;} .timeline:before {content: '';position: absolute;width: 5px;height: 100%;margin:0px;top: 0;left: 200px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAJUlEQVQIW2NkQAP/gYARWQwkAOLDBeECjEAAkkEWAKtEFwAJAgAZEBP+oM1IkwAAAABJRU5ErkJggg==);} .event {position: relative;margin-bottom: 80px;padding-right: 40px;} .thumb {position: absolute; width: 90px; height: 90px;box-shadow: 0 0 0 8px rgba(65,131,142,1), 0 1px 1px rgba(255,255,255,0.5);background-repeat: no-repeat;border-radius: 50%;-webkit-transform: scale(0.8) translateX(24px);-moz-transform: scale(0.8) translateX(24px);-o-transform: scale(0.8) translateX(24px);-ms-transform: scale(0.8) translateX(24px);transform: scale(0.8) translateX(24px);} .thumb:before {content: '';background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAPElEQVQYV2NkQAP/gYARCNDFUQRgirAphitEl0TngxXisg5ZnBGXIpgbYfIYjkb3BNxGbBLYxIgyEaQRAA8KKAWYsZtjAAAAAElFTkSuQmCC);position: absolute;height: 8px; z-index: -1; width: 50px;top: 42px; left: 100%;margin-left: 8px; } .thumb span {color: #41838e;width: 100%;text-align: center;font-weight: 700;font-size: 15px;text-transform: uppercase;position: absolute;bottom: -30px;} .event label,.event input[type="radio"] {width: 24px;height: 24px;left: 158px;top: 36px;position: absolute;display: block;} .event input[type="radio"] {opacity: 0;z-index: 10;cursor: pointer;} .event label:after{content: "\2713";background: #41838E;border-radius: 50%;color: #fff;font-size: 20px;height: 100%;width: 100%;font-weight: bold;left: -2px;top: -3px;line-height: 24px;position: absolute;text-align: center;} .content-perspective { margin-left: 230px;position: relative;perspective: 600px;-webkit-perspective: 600px;-moz-perspective: 600px;-o-perspective: 600px;-ms-perspective: 600px;} .content-perspective:before { content: ''; width: 34px; left: -44px; top: 48px;position: absolute;height: 1px; z-index: -2;background: #fff;} .content {transform: rotateY(10deg);transform-origin: 0 0;transform-style: preserve-3d;} .blog-post-body {position: relative;padding: 20px;color: #333; border-left: 5px solid #41838e;box-shadow: 0 4px 6px rgba(0,0,0,0.1);background: #fff;} .blog-post-body h3 {border: none;margin: 0px;} .blog-post-body h3 a{font-size: 21px;padding: 5px 0 5px 0;color: #41838e;margin: 0px;text-decoration: none;border: none;} .event input[type="radio"]:checked ~ .content-perspective .blog-post-body h3 a{color: #F26328;} .blog-post-body p,.thumb span,.event label {-webkit-backface-visibility: hidden;} .blog-post-body p {font-size: 15px;max-height: 0px; overflow: hidden; color: rgba(0,0,0,0);text-align: left;} .blog-post-body:before {content: '\25c2';font-weight: normal; line-height: 86px; font-size: 86px;position: absolute;color: #41838e; left: -41px;width: 100%;height: 100%; top: 3px;z-index: -1;} .thumb,.thumb span,.blog-post-body h3 {transition: all 0.6s ease-in-out 0.2s;-webkit-transition: all 0.6s ease-in-out 0.2s;-moz-transition: all 0.6s ease-in-out 0.2s;-o-transition: all 0.6s ease-in-out 0.2s;-ms-transition: all 0.6s ease-in-out 0.2s;transition: all 0.6s ease-in-out 0.2s;} .blog-post-body { transition: box-shadow 0.8s linear 0.2s;-webkit-transition: box-shadow 0.8s linear 0.2s;-moz-transition: box-shadow 0.8s linear 0.2s;-o-transition: box-shadow 0.8s linear 0.2s;-ms-transition: box-shadow 0.8s linear 0.2s;} .content {transition: transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;-webkit-transition: -webkit-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;-moz-transition: -moz-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;-o-transition: -o-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;-ms-transition: -ms-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;} .blog-post-body p { transition: max-height 0.5s linear, color 0.3s linear;-webkit-transition: max-height 0.5s linear, color 0.3s linear;-moz-transition: max-height 0.5s linear, color 0.3s linear;-o-transition: max-height 0.5s linear, color 0.3s linear;-ms-transition: max-height 0.5s linear, color 0.3s linear;} .event input[type="radio"]:checked + label:after {content: '\2714';color: #fff;background: #F26328;box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.8);} .event input[type="radio"]:checked ~ .content-perspective:before {background: #F26328;} .event input[type="radio"]:checked ~ .content-perspective .blog-post-body h3 { color: #F26328;} .event input[type="radio"]:checked ~ .content-perspective .content {transform: rotateY(-5deg);-webkit-transform: rotateY(-5deg);-moz-transform: rotateY(-5deg);-o-transform: rotateY(-5deg);-ms-transform: rotateY(-5deg);} .event input[type="radio"]:checked ~ .content-perspective .blog-post-body {border-color: #F26328;box-shadow: 10px 0px 10px -6px rgba(0, 0, 0, 0.1);} .event input[type="radio"]:checked ~ .content-perspective .blog-post-body p {max-height: 460px; color: rgba(0,0,0,0.6); transition-delay: 0s, 0.6s;-webkit-transition-delay: 0s, 0.6s;-moz-transition-delay: 0s, 0.6s;-o-transition-delay: 0s, 0.6s;-ms-transition-delay: 0s, 0.6s;} .event input[type="radio"]:checked ~ .content-perspective .blog-post-body:before {color: #F26328;} .event input[type="radio"]:checked ~ .thumb {transform: scale(1);box-shadow: 0 0 0 8px rgba(242,99,40,1), 0 1px 1px rgba(255,255,255,0.5); -webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);} .event input[type="radio"]:checked ~ .thumb span {color: #F26328;} .event input[type="radio"]:checked ~ .thumb:before { background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAPUlEQVQYV2NkQAOfUjX+882+wYgujiIAU4RNMVwhuiQ6H6wQl3XI4oy4FMHcCJPHcDS6J2A2EqUQpJhohQBbNyaHFmzEqgAAAABJRU5ErkJggg==);} @media screen and (max-width: 850px) {.blog-post-body h3 {font-size: 20px;} .blog-post-body p { font-size: 14px; text-align: justify; } .event input[type="radio"]:checked ~ .content-perspective .blog-post-body p { max-height: 500px; }} @media screen and (max-width: 540px) {.timeline:before { left: 50px;} .event {padding-right: 0px; margin-bottom: 100px; } .thumb { transform: scale(0.8); -webkit-transform: scale(0.8);-moz-transform: scale(0.8);-o-transform: scale(0.8);-ms-transform: scale(0.8);} .event input[type="radio"] { width: 100px;height: 100px;left: 0px;top: 0px; } .thumb:before,.event input[type="radio"]:checked ~ .thumb:before {background: none;width: 0;} .event label {display: none;} .content-perspective {margin-left: 0px;top: 80px;} .content-perspective:before {height: 0px; } .content { transform: rotateX(-10deg);-webkit-transform: rotateX(-10deg);-moz-transform: rotateX(-10deg);-o-transform: rotateX(-10deg);-ms-transform: rotateX(-10deg);} .event input[type="radio"]:checked ~ .content-perspective .content { transform: rotateX(10deg);-webkit-transform: rotateX(10deg);-moz-transform: rotateX(10deg);-o-transform: rotateX(10deg);-ms-transform: rotateX(10deg);} .blog-post-body {border-left: none;border-top: 5px solid #41838e;} .event input[type="radio"]:checked ~ .content-perspective .blog-post-body {border-color: #F26328;box-shadow: 0 10px 10px -6px rgba(0, 0, 0, 0.1);} .blog-post-body:before {content: '\25b4';left: 33px; top: -32px;} .event input[type="radio"]:checked ~ .content-perspective .blog-post-body p {max-height:300px; }} ul.timeline {list-style-type: none;} </style></b:if></b:if>

Bước 4: Tìm đoạn <data:post.body/> và thay thế nó bằng đoạn code sau:

<b:if cond='data:blog.pageType != "static_page"'><b:if cond='data:blog.pageType != "item"'><ul class='timeline'><li class='event'><input checked='checked' name='tl-group' type='radio'/><label/><b:if cond='data:post.thumbnailUrl'><img class='thumb' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl'/></b:if><div class='thumb'><b:if cond='data:post.dateHeader'><span><data:post.dateHeader/></span></b:if></div><div class='content-perspective'><div class='content'><div class='blog-post-body'><h3><b:if cond='data:post.link'><a expr:href='data:post.link'><data:post.title/></a><b:else/><b:if cond='data:post.url'><b:if cond='data:blog.url != data:post.url'><a expr:href='data:post.url'><data:post.title/></a><b:else/><data:post.title/></b:if><b:else/><data:post.title/></b:if></b:if></h3><p><b:if cond='data:blog.pageType != "item"'><b:if cond='data:blog.pageType != "static_page"'><data:post.snippet/></b:if></b:if></p></div></div></div></li></ul></b:if></b:if><b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if><b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>

Bước 5: Lưu lại và chiêm ngưỡng nhé.

Chú ý: bạn sẽ phải tùy chỉnh lại thông số để bài viết xuất hiện chuẩn theo yêu cầu.
 Tới phần Layout (Bố cục) sau đó edit phần Blog posts area (Bài đăng trên blog) theo như hình sau và lưu lại.

Chúc các bạn thành công nhé !
 

More about →

THƯ GỬI NHÂN DÂN TRUNG HOA

Bài viết của một bạn trong Cộng đồng người Việt Nam tại Anh Quốc:

 

THƯ GỬI NHÂN DÂN TRUNG HOA - 写给中华人民的信 - Letter to Chinese People

我是越南的一个孩子。在国家主权被侵犯时，你们依然感受我的触觉。

我国在历史上与你的国家和别各帝国经过了多次奋斗，我们的人民已经失去了这么多，我们希望生活在和平、友谊 和合作中。

所有我们总是希望两国活像由胡志明主席和毛泽东主席努力地得到了的成果和希望。忠于胡志明主席已说了的友谊方针： “无论是同志，既是兄弟”，像关于越-中友谊请由音乐家杜润写的歌词：

越南 – 中国山连山，江连江

同临东海我们的友谊像朝阳

我相信你们真的是一个爱好和平的民族，我们也是这样。战争是死亡，是痛苦的，家庭入在妻子失去了丈夫、儿子没有了父亲的情况中…多么战争的创伤还治不了，我们不想我族民再一次遭遇激烈的战争。

但是，如果出现这种情况，整个越南民族，我们都愿意再一次牺牲，准备战斗到最后一滴血为保护我们民族的自由和独立。 9千万个人一直一心保护越南国家。

全体世界人民！热爱和平的朋友们! 中国正侵犯我们的主权，公然违反越南法律，违反了联合国宪章，违反1982年联合国海洋法公约。我们建议世界各国人民，帮助越南人民群众保护国家。

全体越南人民！因和平，我们不得不让步。但是，如果让步而中国方仍然有橫暴的行为，我建议全部越南人民，老轻大小谁都要站起来保护我们的越南国家。

如果需要有一阵海上奠边府大战，他们也意愿。一切都可以忽略不计，但主权权利和管辖权绝不能受到侵犯。

越南万岁！

胡志明主席万岁！

武元甲大奖万岁！

Dear Chinese people,

In the past, China has been invaded by other countries, so Chinese people also feel the pain and the loss when a foreign country was invaded.

I am a child of Vietnam. Certainly you can understand my feelings when our sovereignty is infringed by your army.

China has been invaded by other countries, so Chinese people also feel the pain and the loss when a foreign country was invaded.

Our nation has experienced many struggles with your country and other empires. We had lost so much. Therefore, we want to live in peace, friendship and cooperation. We always hope that our both countries will follow the desire and achievements that were gained by a great effort of President Ho Chi Minh and President Mao Zedong as well as the predecessors of the two countries. We hope that our country will follow the slogan about friendship that President Ho Chi Minh said, “We are comrades as well as brothers”, as the lyrics of composer Do Nhuan’s song, Vietnam – China: “Vietnam – China, joined by mountains, joined by rivers, sharing Eastern Sea, an friendship, early like the dawn.”

I am sure that you also want to live in peace, we do too. War is painful and death. War causes countless families to be in afflictive situations. Our wounds due to wars haven’t been healed. We don’t want to suffer that great pain once more time. However, if that happens, all Vietnamese people are willing to sacrifice once more time to protect our freedom and independence. Our 90 million people are ready to protect our country together.

Dear peoples of the world – those who love peace, China is violating Vietnam’s sovereignty. They are violating Vietnam’s law as well as UNCLOS 1982 and the United Nations Charter. Therefore, we look forwards to your help to protect our country.

Dear all of Vietnamese, Because of peace, we have to compromise. But if China is still aggressive, I call for all of Vietnamese to stand up to protect our Vietnam.

We are ready for a Dien Bien Phu on the sea. Anything can be ignored but sovereigty and national jurisdiction could not be violated.

Long live Vietnam!

Long live Ho Chi Minh!

Long live Vo Nguyen Giap!

Thưa toàn thể nhân dân Trung Hoa! Trong lịch sử, Trung Quốc đã từng bị các nước đế quốc thực dân xâm lược, nhân dân Trung Quốc cũng đã cảm nhận sự mất mát và đau thương khi một quốc gia bị ngoại bang xâm lăng.

Tôi là một người con của nước Việt Nam. Chắc hẳn các bạn cũng hiểu cảm xúc của tôi khi đất nước tôi bị quân đội các bạn xâm phạm chủ quyền.

Dân tộc tôi đã trải qua nhiều cuộc đấu tranh với quý quốc và các nước đế quốc, dân tộc tôi đã mất mát quá nhiều, chúng tôi muốn được sống trong hòa bình hữu nghị và hợp tác. Tất cả chúng tôi luôn hi vọng rằng hai nước sống đúng với mong muốn và những thành quả có được nhờ bao nỗ lực dày công vun đắp của Chủ tịch Hồ Chí Minh, Chủ tịch Mao Trạch Đông và các vị tiền bối hai nước. Sống đúng với phương châm của tình hữu nghị mà Chủ tịch Hồ Chí Minh đã nói “vừa là đồng chí, vừa là anh em”, cũng như lời bài hát Tình hữu nghị Việt Nam – Trung Hoa của nhạc sĩ Đỗ Nhuận:

"Việt Nam – Trung Hoa núi liền núi, sông liền sông

Chung một Biển Đông mối tình hữu nghị sớm như rạng đông…"

Tôi tin chắc rằng các bạn cũng muốn hòa bình và chúng tôi cũng vậy. Chiến tranh là chết chóc, là đau thương, khiến bao gia đình lâm vào cảnh con mất cha, vợ mất chồng, cháu mất ông … Bao vết thương chiến tranh trong chúng tôi còn chưa lành, chúng tôi không muốn 1 lần nữa dân tộc tôi lại phải hứng chịu những khốc liệt của chiến tranh.

Nhưng nếu điều đó xảy ra, toàn thể dân tộc Việt Nam chúng tôi sẵn sàng hi sinh 1 lần nữa, sẵn sàng chiến đấu tới giọt máu cuối cùng để bảo vệ Tự do và Độc lập của dân tộc chúng tôi. 90 triệu người dân chúng tôi trên dưới 1 lòng sẵn sàng bảo vệ đất nước Việt Nam.

Thưa toàn thể nhân dân thế giới – những người yêu chuộng hòa bình! Trung Quốc đang xâm phạm chủ quyền của chúng tôi, ngang nhiên vi phạm luật pháp Việt Nam, vi phạm Công ước Luật Biển năm 1982, vi phạm Hiến chương Liên hợp quốc.

Chúng tôi đề nghị nhân dân thế giới giúp đỡ nhân dân Việt Nam bảo vệ Tổ quốc. Thưa toàn thể dân tộc Việt Nam! Vì hòa bình chúng ta phải nhân nhượng. Nhưng nếu sự nhân nhượng đó không được phía Trung Quốc thực hiện mà vẫn lấn tới, thì tôi đề nghị toàn thể dân tộc Việt Nam già trẻ gái trai ai ai cũng phải đứng lên bảo vệ Tổ quốc Việt Nam của chúng ta.

Nếu cần phải có 1 trận Điện Biên Phủ trên biển thì chúng ta cũng sẵn sàng. Mọi thứ có thể bỏ qua, nhưng chủ quyền và quyền tài phán quốc gia thì không thể nào bị xâm phạm.

Việt Nam muôn năm!

Đây là bức thư gửi nhân dân Trung Hoa và bạn bè quốc tế về việc Trung Quốc đưa giàn khoan HD 981 vào xâm phạm chủ quyền và quyền tài phán của Việt Nam tại Biển Đông (bức thư do bạn Bùi Thị Thuý An viết). Các bạn giúp chia sẻ tại các trang mạng trên thế giới để người Trung Hoa và bạn bè quốc tế hiểu rõ vấn đề. Xin cám ơn các bạn.

Chủ tịch Hồ Chí Minh muôn năm!

Đại tướng Võ Nguyên Giáp muôn năm!

Bài đăng trên FB tại đây!

More about →

Hướng dẫn vào facebook bị chặn ngày 18/5/2014

Chủ nhật ngày 18/5/2014 khi mở máy và dùng điện thoại bật lên mình thấy không vào được facebook, hùng hục phi vào thay file hosts và thay dns mãi vẫn không được. Sau một hồi tung hoàn bên các blogger khác thấy mọi người đều kêu là không vào được facebook. Sau đây mình sẽ hướng dẫn các bạn vào facebook một cách bình thường khi bị chặn nhé.

Hướng Dẫn:

Cách 1:

Ngay bây giờ hãy download tool tại trang sau: https://www.torproject.org/download/download.html.en

Cách 2:
Bạn có thể download UltraSurf: http://cdn02.rada.vn/data/Soft/2014/04/10/u1304.exe
Cài đặt như bình thường và các bạn sẽ vào được facebook, tuy nhiên tốc độ load không được nhanh như bình thường.

Chúc các bạn vui vẻ trong ngày chủ nhật nhé !

More about →

Share theme shop bán hàng chuẩn seo cho blogspot

Sau đây mình sẽ share cho các bạn theme shop bán hàng rất đẹp và chuẩn seo. Template này có banner rộng các bạn có thể thiết kế tùy ý theo sở thích. Phù hợp với các site bán hàng thời trang quần áo và phụ kiện trình diễn, đồ trang sức...

Theme này đã được mã hóa footer và bạn có thể điều chỉnh tùy ý, không để lại bản quyền template.
Chúc các bạn thành công.

Demo: http://vina-handmade.blogspot.com/
Link Download:  https://www.mediafire.com/?rbd900mrn3408tn

More about →

AJAX Navigation Menu Widget Cho Blogspot

Demo: Click Here

Hướng dẫn:

1. Vào Blogger Dashboard > Chọn Blog > Tới trang chỉnh sửa giao diện.
2. Click vào Edit HTML.

Thêm đoạn code dưới đây vào trước ]]></b:skin>

 

/* Menu Stylings */ .w2bmenu *{margin: 0;padding: 0;} ul.w2bmenu {list-style: none;line-height: 1;overflow: visible !important;} ul.w2bmenu:after{margin: 0;padding: 0;content: ' ';display: block;height: 0px;clear: both;} ul.w2bmenu li{list-style: none;position:relative;float: left;margin: 0 !important;padding: 0 !important;} ul.w2bmenu li a{margin: 0;padding: 12px 16px !important;font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif !important;color: #6b6b6b !important;text-shadow: 0 1px 0 #fff;font-weight: 700 !important;text-transform: uppercase !important;font-size: 12px !important;display: block !important;border: 0 none !important;} ul.w2bmenu li a:hover,ul.w2bmenu li a.hoverover{background: #f5f5f5 !important;} ul.w2bmenu ul{position: absolute;display: none;top: 100%;border:1px solid #ccc;} ul.w2bmenu li:hover > ul{display: block;} ul.w2bmenu ul li{float: none;min-width: 160px;background:#f5f5f5;text-shadow: none;} ul.w2bmenu ul li a{padding: 12px 14px;text-transform: none;font-weight: normal;} ul.w2bmenu ul li a:hover,ul.w2bajaxmenu ul li a.hoverover{background: #fff !important;} ul.w2bmenu ul ul{display: none;left: 100%;top: 0;} /* AJAX Menu Stylings */ ul.w2bajaxmenu li div.submenu {display: none;position: absolute;width: 600px;z-index: 90;left: -1px;top: 100%;overflow: hidden;min-height: 150px;background: #fff;border:1px solid #cccccc;border-top: 0 none;} ul.w2bajaxmenu li:hover div.submenu {display: block;} ul.w2bajaxmenu ul ,ul.w2bajaxmenu ul li{display: block !important;border: 0 none !important;margin: 0 !important;padding:0 !important;} ul.w2bajaxmenu ul li{background: none !important;float: none !important;} ul.w2bajaxmenu ul.verticlemenu{position: absolute;width: 33%;left:0;top:0;bottom: 0;background: #f5f5f5;} ul.w2bajaxmenu ul.postslist {position: relative;display: block;width:65%;float: right;margin: 8px 0 !important;background: none;} ul.w2bajaxmenu ul.postslist li{display: block;overflow: hidden;border-bottom: 1px #eee solid;position: relative;min-height: 60px;padding: 8px 8px 8px 110px !important;} ul.w2bajaxmenu ul.postslist li:last-child{border-bottom: none 0;} ul.w2bajaxmenu ul.postslist li .imgCont{position: absolute;left: 0;top:8px;width: 100px;height: 60px;overflow: hidden;border:1px solid #dcdcdc;font-size: 0;line-height: 0;} ul.w2bajaxmenu ul.postslist li .imgCont img{position: relative;top:-20px;padding: 0;width: 100px;height: 100px;display: block;} ul.w2bajaxmenu ul.postslist li a{display: block;line-height: 1.4;padding: 0 !important;} ul.w2bajaxmenu .loader{background:url('http://i.imgur.com/SeivG.gif') no-repeat scroll 0 0 transparent;width:22px;height:22px;position: absolute;top:50%;margin-top: -11px;right:5px;} ul.w2bajaxmenu .menuArrow {border-bottom: 4px solid transparent;border-top: 4px solid transparent;border-left: 4px solid #999999;display: block;height: 0;margin-top: -4px;position: absolute;right: 11px;top: 50%;width: 0;} #w2bajaxmenu {background: #ededed;background: -moz-linear-gradient(top, #ededed 0%, #e0e0e0 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#e0e0e0));background: -webkit-linear-gradient(top, #ededed 0%,#e0e0e0 100%);background: -o-linear-gradient(top, #ededed 0%,#e0e0e0 100%);background: -ms-linear-gradient(top, #ededed 0%,#e0e0e0 100%);background: linear-gradient(to bottom, #ededed 0%,#e0e0e0 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#e0e0e0',GradientType=0 );border: 1px solid #cccccc;}

Nếu blog của bạn có jQuery plugin thì không cần thêm plugin này vào template
nếu không có thì hãy thêm đoạn code dưới đây trước </head> 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

 Thêm đoạn code dưới đây trước </head>

<script type="text/javascript" src="http://widgets.way2blogging.org/blogger-widgets/ajaxbloggermenu.min.js"></script><script type="text/javascript">jQuery(document).ready(function($) { $('#w2bajaxmenu').ajaxBloggerMenu({ numPosts : 4, // Number of Posts to show defaultImg : 'http://url-to-image.com/default-image.jpeg' // Default thumbnail Image }); }); </script>

Sử dụng đoạn html sau để thêm vào nơi mà bạn muốn hiển thị menu.

<ul id="w2bajaxmenu" class="w2bmenu"><li> <a href="#">Home</a> </li><li> <a href="#">Example 1</a> <ul><li><a href="http://yourblogdomain.blogspot.com/search/label/AdSense">Sample Label</a></li><li><a href="http://yourblogdomain.blogspot.com/search/label/Gadgets?q=harish">Label w/ Search</a></li><li><a href="http://yourblogdomain.blogspot.com/search?q=way2blogging">Search Query</a></li><li><a href="http://yourblogdomain.blogspot.com/search?q=This+is+long+query+you+do+not+get+any+results,+so+try+others">Unknown Search</a> </ul></li><li> <a href="#">Example 2</a> <ul><li><a href="http://yourblogdomain.blogspot.com/search/label/Design">Design</a></li><li><a href="http://yourblogdomain.blogspot.com/search/label/Facebook?q=Like+Button">Facebook</a></li><li><a href="http://yourblogdomain.blogspot.com/search/label/Templates">Templates</a></li><li><a href="http://yourblogdomain.blogspot.com/search?q=Guest+Posts">Guest Posts</a></li></ul></li><li><a href="http://yourblogdomain.blogspot.com">Normal Link</a></li></ul>
 

More about →

Hướng dẫn quản lý comment facebook trên Blogspot

Hướng dẫn quản lý comment facebook trên Blogspot

Các bạn truy cập đường dẫn sau: https://developers.facebook.com/apps

Điền thông tin của bạn vào như hình dưới

Bấm tạo ứng dụng

Chúng ta sẽ được dẫn đến 1 trang quản trị ứng dụng của chúng ta

Các bạn chú ý App ID mỗi người sẽ có 1 con số khác nhau

Bước 1:

Chèn code sau trước thẻ </head>

<meta content='App ID' property='fb:app_id'/>

Chú ý: App ID là mã ứng dụng (id App face mà bạn vừa tạo ở bước trên) bạn thay nó thành mã App ID của bạn nhé


Bước 2: chèn tiếp bên trên thẻ đóng </head>



<script type='text/javascript'>
//<![CDATA[
var purl= location.href;
var fb_href = purl.substring(0,purl.indexOf(".html")+5);
var fbcm ='<div class="fb-comments" data-href="'+fb_href+'" data-num-posts="5" data-width="540"></div>';
//]]>
</script>





Bước 3 - Thêm đoạn mã bên dưới vào trước thẻ </body>.





<div id='fb-root'/>
<script>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>


Bước 4 - Tìm một trong các đoạn code như sau:
<b:include data='post' name='post'/>


- Rồi thêm ngay dưới nó đoạn code sau:


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
document.write(fbcm);
</script>
</b:if>



Đây là chỗ để hiển thị comment facebook

Giờ là cách quản lý comment facebook

Truy cập vào link sau https://developers.facebook.com/tools/comments

Mình sẽ nhìn được những ai comment trên blog của mình

More about →

Hướng dẫn cài ứng dụng Android cho Blackberry Z10

Blackberry Z10 có một ưu điểm là có thể cài các ứng dụng Android, sau đây là bài viết hướng dẫn các bạn cách tải về và cung cấp hai kho ứng dụng uy tín nhất hiện nay là: Amazon Appstore và Mobile 1.

Kể từ khi có Blackberry 10.2.1, Blackberry đã cho phép cài các ứng dụng Android.

Sau đó cài đặt kho ứng dụng Amazon theo các bước sau:

1. Trên điện thoại BlackBerry Z10, trong trình duyệt, bạn tải về Amazon Appstore. Click nút “Download the Amazon Appstore”

2. Sau khi file “AmazonApps-release” tải về hoàn tất, bạn nhấn trực tiếp lên file này, cửa sổ cài đặt ứng dụng sẽ xuất hiện, bạn chọn “Cài đặt”.

a. Khi được hỏi “Cho phép cài đặt ứng dụng từ các nguồn khác”, bạn mở tính năng này lên, rồi chọn nút “Trở về” ở góc dưới bên trái của màn hình.

b. Tiếp tục chọn “Cài đặt” để cài kho ứng dụng “Amazon Appstore” lên Z10. Khi thông báo xin quyền truy cập của ứng dụng hiện ra, bạn chọn “Chấp nhận”. Khi kho ứng dụng này được cài đặt xong, nút “Mở” sẽ xuất hiện.

Vậy là bạn đã cài đặt xong kho ứng dụng Android là Amazon Appstore. Trên điện thoại BlackBerry Z10 của bạn sẽ có 1 biểu tượng của kho ứng dụng này. Chọn mở kho ứng dụng để bắt đầu tìm và cài đặt các ứng dụng theo ý của bạn. Ví dụ: để tìm và cài đặt trò chơi “Candy Crush Saga”, bạn thực hiện các bước dưới đây:

Bước 1: Bạn nhấn vào hình chiếc kính lúp, gõ “Candy Crush Saga”, kết quả hiện ra, bạn nhấn vào trò chơi này, chọn “Free” rồi “Get app” để tải về.

Bước 2: Sau khi tải xong, cửa sổ cài đặt sẽ xuất hiện, chọn “Cài đặt”. Khi thông báo xin quyền truy cập của ứng dụng hiện ra, bạn chọn “Chấp nhận”. Khi trò chơi này được cài đặt xong, nút “Mở” sẽ xuất hiện. Trên điện thoại của bạn cũng xuất hiện 1 biểu tượng của trò chơi “Candy Crush Saga”.

Với các trò chơi hoặc ứng dụng khác, bạn cũng làm tương tự như vậy.

Hướng dẫn cài đặt kho ứng dụng 1Mobile trên điện thoại BlackBerry Z10

Kể từ phiên bản hệ điều hành BlackBerry 10.2.1.1925 (Bản phát hành phần mềm 10.2.1.537), điện thoại BlackBerry Z10 đã có thể cài đặt trực tiếp các phần mềm, trò chơi từ các kho ứng dụng Android. Nếu điện thoại BlackBerry của bạn chưa nâng cấp lên phiên bản này (cách xem thông tin phiên bản: Cài đặt -> Giới thiệu -> Phiên bản Hệ điều hành), hãy vào Cài đặt -> Cập nhật phần mềm để nâng cấp lên phiên bản mới nhất.

Sau đó cài đặt kho ứng dụng 1Mobile như sau:

1. Trên điện thoại BlackBerry Z10, trong trình duyệt, bạn mở trang web: 1Mobile.com, nhìn bên tay phải, bạn sẽ thấy khung “1Mobile Market”. Click vào khung này, trang web mới sẽ hiện ra, bạn chọn nút “Download” ở khung dành do Smartphone (bên trái).Lúc này, tab “downloads” sẽ hiện ra, bạn chọn “Lưu” file “1MobileMarket_i”

2. Sau khi file “1MobileMarket_i” tải về hoàn tất, bạn nhấn trực tiếp lên file này, cửa sổ cài đặt ứng dụng sẽ xuất hiện, bạn chọn “Cài đặt”.

a. Khi được hỏi “Cho phép cài đặt ứng dụng từ các nguồn khác”, bạn mở tính năng này lên, rồi chọn nút “Trở về” ở góc dưới bên trái của màn hình.

b. Tiếp tục chọn “Cài đặt” để cài kho ứng dụng “1MobileMarket” lên Z10. Khi thông báo xin quyền truy cập của ứng dụng hiện ra, bạn chọn “Chấp nhận”. Khi kho ứng dụng này được cài đặt xong, nút “Mở” sẽ xuất hiện.

Vậy là bạn đã cài đặt xong kho ứng dụng Android là 1Mobile Market. Trên điện thoại BlackBerry Z10 của bạn sẽ có 1 biểu tượng của kho ứng dụng này. Chọn mở kho ứng dụng để bắt đầu tìm và cài đặt các ứng dụng theo ý của bạn.

Ví dụ: để tìm và cài đặt trò chơi “Candy Crush Saga”, bạn thực hiện các bước dưới đây:

Bước 1: Bạn nhấn vào hình chiếc kính lúp, gõ “Candy Crush Saga”, kết quả hiện ra, bạn nhấn vào trò chơi này, chọn “Free” để tải về.

Bước 2: Sau khi tải xong, cửa sổ cài đặt sẽ xuất hiện, chọn “Cài đặt”. Khi thông báo xin quyền truy cập của ứng dụng hiện ra, bạn chọn “Chấp nhận”. Khi trò chơi này được cài đặt xong, nút “Mở” sẽ xuất hiện. Trên điện thoại của bạn cũng xuất hiện 1 biểu tượng của trò chơi “Candy Crush Saga”.

Với các trò chơi hoặc ứng dụng khác, bạn cũng làm tương tự như vậy.

Lưu ý: Để tắt thông báo của 1Mobile Market trong BlackBerry Hub, bạn tìm và cài đặt ứng dụng “Ghost Commander”. Mở “Ghost Commander” lên, chọn “Applications”, nhấn và giữ dòng “1Mobile Market”, chọn “Mange”, bỏ dấu tick ở dòng “Hiển thị thông báo”.

Theo Vietnamnet

More about →

Cách viết một bài essay tiếng anh

Bạn đã bao giờ cảm thấy bực mình khi viết một bài luận bằng tiếng anh chưa? Tôi nghĩ có rất nhiều người sẽ gặp phải những cảm giác bực mình khi viết một bài essay. Nếu bạn biết và hiểu những bước cần phải làm thì điều đó sẽ trở nên dễ dàng hơn đối với bạn.

9 bước sau đây sẽ giúp bạn cách viết bài luận tiếng anh:

1. Nghiên cứu: Bắt đầu bài luận bằng việc nghiên cứu topic. Sử dụng internet, các dự liệu học tập mà bạn có xoay quanh chủ đề. Ghi tóm tắt những ý mà bạn muốn viết.

2. Phân tích: Bây giờ bạn cần có những kiến thức nền tảng, bắt đầu phân tích những bài essay mà bạn đang đọc. Xác định rõ ràng những yêu cầu, viết ra những lý do, bằng chứng. Nghiên cứu những điểm yếu và điểm mạnh. Học cách viết một bài essay bằng cách đọc và phân tích những bài essay của người khác viết.

3. Động não: Bài essay của bạn sẽ yêu cầu những cái nhìn sâu sắc của chính bản thân bạn, những ý tưởng độc quyền của cá nhân bạn. Tự hỏi bản thân hàng tá những câu hỏi và những câu trả lời. Hãy ngồi suy ngẫm với một cây bút trong tay, đi bộ và suy nghĩ cho tới khi nảy ra ý tưởng sâu sắc để viết về nó.

4. Luận đề: Chọn ý tưởng tốt nhất và khẳng định rằng bạn có thể viết toàn bộ bài essay xoay quanh nó. Luận đề của bạn là những điểm chính, tập hợp những câu ngắn gọn để người đọc dễ dàng nắm bắt. Bạn không thể viết mà không có những luận đề rõ ràng.

5. Phác thảo: Phác thảo ra bài essay của bạn trước khi bắt tay vào viết trực tiếp. Sử dụng một dòng để miêu tả những đoạn văn miêu tả những gì sẽ có trong đoạn văn. Vạch ra cấu trúc của những lập luận và phải chắc chắn rằng các đoạn văn là một thể thống nhất.

6. Mở bài: Lời giới thiệu sẽ thu hút sự chú ý của người đọc, xây dựng vấn đề và dẫn dắt người đọc tới luận đề. Sự giới thiệu của bạn chỉ là những yếu tố của những vấn đề. Nó sẽ mang người đọc tới lập luận của bài essay.

7. Những đoạn văn: Mỗi đoạn văn nên tập trung vào những ý tưởng riêng để hỗ trợ cho luận đề. Bắt đầu đoạn văn với câu chủ đề, những khẳng định với bằng chứng, giải nghĩa những ý tưởng một cách rõ ràng nhất, hợp lý nhất có thể. Hãy nói với người đọc giống như họ đang ngồi trước mặt bạn. Nói cách khác, thay vì viết essay, hãy thử nói essay để người khác hiểu như bạn đang nói chuyện trực tiếp.

8. Kết luận: Kết thúc bài essay của bạn bằng một câu tổng kết nhanh, tiếp sau đó là một suy nghĩ đáng nhớ, lời kêu gọi hành động. Cho người đọc biết chính xác những gì cần phải làm.

9. Định dạng bài essay của bạn theo hướng dẫn chính xác cho những chỉ dẫn. Mượn ý tưởng hay trích dẫn phải thật chính xác ở phần thân bài. Ghi rõ nguồn tài liệu mà bạn tham khảo.

More about →

Bản Cover Facebook Thể Hiện Tình Yêu Nước

Hiện nay làn sóng yêu nước đang trên đà cao trào, đặc biệt với tình hình hiện nay của đất nước ta. Là người dân Việt Nam chúng ta có rất nhiều cách để thể hiện tình yêu nước. Chính vì vậy sau đây là một số cover facebook yêu nước.  -Click vào hình để xem đầy đủ kích cỡ ảnh nhé-

More about →

GymBase v7.4 - Responsive Gym Fitness wordpress theme

GymBase là giao diện wordpress dành cho các site gym fitness, là một giao diện khá đơn giản. Nó tích hợp trên mọi thiết bị máy tính và di động. Chủ yếu giao diện này tập trung vào các slide ở trang chủ.

Demo: http://themeforest.net/item/gymbase-responsive-gym-fitness-wordpress-theme/2732248

Download: http://www44.zippyshare.com/v/92443499/file.html

More about →

Nỗi vất vả mang tên "Người Phụ Nữ"

Một buổi chiều lang thang trên những con phố cổ ở Hà Nội, tôi dừng chân bên ven đường với một ly đen đá. Ngồi bâng khuâng tôi suy nghĩ về cuộc sống và con người, ngoảnh mặt ra ngắm con phố với những dòng người qua lại hối hả của buổi chiều tà. Một điều đặc biệt đập vào mắt tôi đó chính là những cô, những bà thậm chí là những chị gánh những hàng rong đi dọc phố.

Tôi nghĩ về người phụ nữ và những số phận của họ trong cuộc sống hằng ngày. Ly cà phê đắng trở nên ngọt ngào hơn khi nhìn thấy những giọt mồ hôi lăn trên má của những người phụ nữ gánh hàng rong. Ở ngoài kia còn biết bao nhiêu người khổ cực nhất là phụ nữ, tôi đã chứng kiến rất nhiều trường hợp ở ngoài đời, họ khổ cực gánh hàng rong, năm ba đồng để nuôi chồng nuôi con. Có ai đã từng dậy sớm hay chạy xe qua những con phố vào những buổi sáng sớm. Sẽ gặp cảnh những người phụ nữ vất vả nhường nào. Họ lai thồ nhiều thứ trên chiếc xe đạp cũ kỹ, bán từng mớ rau kiếm sống qua ngày. Tôi ít thấy những người đàn ông làm công việc này. Rồi đêm khuya họ gánh hàng rong đi khắp phố đêm, kiếm những đồng tiền ít ỏi ngoài xã hội. Tất cả những công việc đó thật vất vả và cực nhọc, ngồi nơi đây tôi thầm ước họ sẽ gặp nhiều may mắn. Nhưng không khi bên đầu kia tôi chứng kiến một cảnh tượng những chú công an đi dọc phố thấy những hàng bán rong thì dừng xe lại và tịch thu hết những gì trên đôi quang gánh nặng nhọc kia. Giọt mồ hôi hòa cùng với nước mắt, sao lúc ấy tôi muốn rơi lệ, nhưng tất cả đều nuốt vào tim. Tôi lại nhớ về những lời bố đã từng nói: "Trong mọi hoàn cảnh khó khăn, người phụ nữ là người chịu khổ nhiều nhất, người đàn bà phải bươn trải nhiều nhất lúc sa cơ" quả thật không sai chút nào cả. Tôi thầm nghĩ sao đàn bà phụ nữ họ lại khổ vậy chứ, còn quá nhiều điều họ phải gánh chịu trong cuộc sống. Còn biết bao người không những chịu cảnh nghèo, phải bươn trải ngoài xã hội kiếm sống mà họ còn phải gánh những đau thương khác về mặt thể xác, họ làm những công việc bần hàn ngoài xã hội và bị coi khinh. Gần đây còn có nhiều phụ nữ bị bạo lực gia đình, sống trong cảnh bị hành hạ cả thể xác lẫn tâm hồn. Là thằng đàn ông nên ngồi lại và ngẫm lại những gì mà người phụ nữ phải chịu đựng, thật sự họ thật đáng thương và đáng được coi trọng.

More about →

The Company - Responsive Multi-Purpose Wordpress Theme

The Company - Responsive Multi-Purpose Theme (Wordpress)

The Company là một wordpress theme cực kỳ đa dạng, nó sẽ hỗ trợ các bạn tạo một website mới. Được xây đựng dựa trên sự hội nhập Twitter Bootstrap 3 and WooCommerce. Bạn có thể dễ dàng xây dựng website của bạn trên bất cứ điều gì bạn muốn. Nếu bạn muốn làm một e-commerce store, website nhà hàng, trang web quảng cáo salon hoặc website công ty thì đây chính là giao diện giúp bạn làm điều đó.

Demo: http://themeforest.net/item/the-company-responsive-multipurpose-theme/7438138

Download: http://www71.zippyshare.com/v/79955530/file.html

More about →

Cách nhúng facebook posts vào blog hoặc website

Bạn có thể nhúng bất kỳ bài viết nào được post công khai trên facebook lên một website hay blog. Những bài nhúng sẽ gồm các dạng như videos và hình ảnh cũng như là số lượng like, comment và share. Nó có thể like và share ngay trên trang mà bạn đã nhúng nội dung từ facebook.

Chúng ta có thể làm như sau:

1. kiểm tra xem bài viết đó trên facebook có ở trạng thái public hay không nhé. Vì chỉ có bài public mới có thể có chức năng nhúng.

2. Di chuột tới biểu tượng hình nhữ "v" nằm bên góc phải của bài post (Status), click vào đó sẽ xuất hiện một bảng chọn, chọn Embed post.

3. Bạn sẽ nhìn thấy một hộp thoại chứa code cần nhúng.

4. Bạn có thể đặt chiều cao chiều rộng ngay trên Width(px)........
5. Nhúng vào nơi bạn cần nhúng.

Demo:

Post by Những Bài Văn Mẫu Hay.

More about →

Hướng dẫn cài đặt XAMPP trên Localhost

XAMPP là viết tắt của X + Apache + Mysql + PHP + Perl
Xampp là chương trình tạo máy chủ Web (Web Server) trên máy tính cá nhân (Localhost) được tích hợp sẵn Apache, PHP, MySQL, FTP Server, Mail Server và các công cụ như PHPmyadmin.
Gói phần mềm XAMPP là miễn phí, bạn có thể tải về bản mới nhất tại tramg chủ XAMPP

I. Cài đặt XAMPP và Cấu hình cơ bản

Sau khi download thành công, bạn click đúp vào file đuôi .exe để cài đặt XAMPP.

Bạn nhấn Next ở màn hình tiếp theo lựa chọn các service kèm theo XAMPP

Theo mặc định XAMPP sẽ được cài đặt vào ổ C theo đường dẫn C:\xampp, bạn có thể thay đổi vị trí lưu.

Màn hình hiển thị tiến độ cài đặt XAMPP hiện ra.

Quá trình cài đặt XAMPP hoàn tất, bạn nhấn vào nút Finish kết thúc.

XAMPP sẽ tự động cài đặt các service mà bạn đã chọn ở mục SERVICE SECTION bên trên, đầu tiên là Apache service.Tiếp đó là MySQL service.

Sử dụng và Quản trị XAMPP

Sau khi cài đặt xong thì cửa sổ XAMPP Control Panel hiện bạn kích hoạt chương trình bằng cách ấn nút Start

Khi bạn click vào nút Admin bên dưới mục Services bạn sẽ được đưa tới màn hình quản trị phpMyAdmin
Theo đường dẫn sau http://localhost/phpmyadmin/
Ở bảng điều khiển cột bên trái sẽ liệt kê danh sách tất cả các database
Bên phải là các lựa chọn cài đặt, và chỉnh sửa

Đến đây là hoàn thành quá trình cài đặt XAMPP.

II. Tạo Database trong PhpMyadmin

Xong xuôi chúng ta có thể bắt đầu tạo database rất đơn giản. Các bạn click đúp vào Databases từ thanh menu ngang
Đặt tên cho Databases và hỗ trợ ngôn ngũ tiếng việt nếu bạn dùng tiếng việt trong site

Nếu thành công thì bạn sẽ nhận được thông báo như hình và database thành công nằm bên trái.

Như vậy quá trình tạo ra một database đơn giản và nhanh chóng đến bất ngờ :D

Lời kết

Sau khi làm hết những bước mà mình đề cập ở trên là bạn đã có một máy chủ Web Server và một Database khá hoàn chỉnh và chuyên nghiệp rồi.
ở bài viết sau mình sẽ Hướng dẫn cài đặt WordPress.
Mọi thắc mắc các bạn có thể bình luận ngay tại đây. Chúc các bạn có được một blog hoàn hảo nhất.

More about →