Phạm Hồng Phúc Blog | Chia sẻ kiến thức về Blogger: Thủ thuật CNTT

Hiển thị các bài đăng có nhãn Thủ thuật CNTT. Hiển thị tất cả bài đăng

Hot - Microsoft miễn phí 1 năm Office 365 Personal + 1TB

Hot - Microsoft miễn phí 1 năm Office 365 Personal + 1TB

Đây là một tin vui đối với các cá nhân sử dụng Onedrive và Office của Microsoft. Ngày hôm nay Microsoft thực hiện miễn phí 1 năm Office 36...

Đọc thêm »

05:57

Cách thay đổi, chỉnh sửa file hosts để truy cập Facebook

<b><span style="color: blue;">Thay đổi file host</span></b> để truy cập vào Facebook là một trong những <a href="http://www.tranbadat.info/2015/09/cach-vao-facebook-bi-chan-moi-nhat.html">cách vào facebook khi bị chặn</a> được sử dụng nhiều nhất. File hosts là nơi chứa thông tin địa chỉ IP của máy chủ và tên miền trỏ tới, giúp cho hệ điều hành Windows dễ dàng chuyển địa chỉ IP của máy chủ sang tên miền. Vì vậy, chỉ cần khai báo một số thông tin về IP cho file hosts trong này là bạn có thể dễ dàng truy cập Facebook hay các trang web khác, thậm chí bạn có thể chặn truy cập của các trang, địa chỉ khác nữa.<br><br><div class="separator" style="clear: both; text-align: center;"><img alt="Cách thay đổi, chỉnh sửa file hosts để truy cập Facebook" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh57C8Mu40aS96pRvw9Jpt9D2Dk1aDT6cw7iMTjOpWz8UBYPsXgf1cji1i8tBe-p19uCqS3QpSWGD8UiMOAc0zNgzx8Ii3_4sddA8m8iUK2bsErR3oKL2ABnFJ2eDMC65lnbjbNSwIviuKC/s1600/cach-vao-facebook-moi-nhat.jpg" title="Cách thay đổi, chỉnh sửa file hosts để truy cập Facebook"></div><a href="http://www.tranbadat.info/2015/09/cach-thay-doi-chinh-sua-file-hosts.html#more">Read more »</a>

Cách thay đổi, chỉnh sửa file hosts để truy cập Facebook

Thay đổi file host để truy cập vào Facebook là một trong những cách vào facebook khi bị chặn được sử dụng nhiều nhất. File hosts là nơi ch...

Đọc thêm »

19:55

Cách hiển thị ảnh Blogspot dù bị VNPT chặn

Như các bạn đã biết, hiện Blogspot ở Việt Nam chúng ta đang bị nhà mạng VNPT chặn truy cập, vì có nhiều thành phần chống đối nhà nước sử dụng Blogspot làm công cụ để phát tán tin tức xấu. Điều này làm ảnh hưởng đến cả những Blogger chân chính như chúng ta, điều này rõ ràng là không đáng xảy ra.<br /><br />Vậy phải có cách gì đó cho chúng ta có thể tồn tại chứ, không thể cứ nhìn trang web mỗi lần bị chặn lại sụt giảm 30% lượt view như vậy được! Nhiều bạn có thể đã biết, để tránh bị VNPT chặn thì đầu tiên là nên trỏ tên miền về cho Blog, cái này mình không nói đến nữa, vì nó chính xác hoàn toàn rồi.<br /><br />Nhưng... trỏ tên miền xong thì chưa đủ, vì những hình ảnh trên web chúng ta đều có đuôi .blogspot.com, chính vì thế, cũng bị nhà mạng VNPT chặn nốt. Vào trang web mà ảnh thì chẳng có cái nào, xem bài viết ảnh toàn lỗi, vậy nếu là bạn bạn có out ngay cho khỏe không? Câu trả lời là có!<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9ZfeEF8wodq0a-mrEuH2NLEXFW1z4LuxjrnfjQ9rqMQ7TTpMNhmysZ4dCWuJmumRvf5dpvKj5zS4Twg0cwxuPqf_7KIBaxFSobnKBAXVbBmYqW8KkF-oT1Q-G7l7iN8C-RBpYVxOr7OgS/s1600/hienthianh.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cách hiển thị ảnh Blogspot dù bị VNPT chặn" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9ZfeEF8wodq0a-mrEuH2NLEXFW1z4LuxjrnfjQ9rqMQ7TTpMNhmysZ4dCWuJmumRvf5dpvKj5zS4Twg0cwxuPqf_7KIBaxFSobnKBAXVbBmYqW8KkF-oT1Q-G7l7iN8C-RBpYVxOr7OgS/s400/hienthianh.gif" title="Cách hiển thị ảnh Blogspot dù bị VNPT chặn" width="400" /></a></div><br />Chính vì thế, mình viết bài hướng dẫn này, giúp các bạn hiển thị ảnh trên Blogspot cho dù VNPT có chặn hay không! Cách này rất đơn giản, không cần phải sử dụng bất kỳ trang upload ảnh nào khác!<br /><br /><h3><b><span style="color: blue; font-size: large;">Vậy cách hiển thị ảnh Blogspot dù bị VNPT chặn làm thế nào?</span></b></h3>Blogspot, mặc định nó có 1 công cụ upload ảnh, tuy rằng, các bạn khi kiểm tra HTML của nó, thì ảnh có đuôi là .blogspot.com. Tuy nhiên, không phải, trang web lưu ảnh của chúng ta upload lên là Picasa chứ không phải Blogspot, nhiệm vụ của Blogspot chỉ là đổi đường link ảnh mà thôi :)<br /><br />- Sau khi upload ảnh, viết bài đầy đủ rồi, thì đừng public vội, hãy chuyển sang <b>tab html</b>:<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLRtF0jsZm5IpIPNQ0VNKR6T5aq1MZSqvjSE1YGI_AyKYPRhSXX0gJyfvR7_u0jowFlxgOvO5-1UFsrtkk3CFVEUiCQTMUZ16cpe2e6MRBH3v_vodu90c6-9jx3e6edNVNHZF6KFbfuV1Z/s1600/Screenshot+%2528147%2529.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cách hiển thị ảnh Blogspot dù bị VNPT chặn" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLRtF0jsZm5IpIPNQ0VNKR6T5aq1MZSqvjSE1YGI_AyKYPRhSXX0gJyfvR7_u0jowFlxgOvO5-1UFsrtkk3CFVEUiCQTMUZ16cpe2e6MRBH3v_vodu90c6-9jx3e6edNVNHZF6KFbfuV1Z/s1600/Screenshot+%2528147%2529.png" title="Cách hiển thị ảnh Blogspot dù bị VNPT chặn" /></a></div>- Tìm hết những đường link ảnh mà bạn đã upload, và thay toàn bộ phần này:<br /><br /><i>1.bp.blogspot.com</i><br /><i>2.bp.blogspot.com</i><br /><i>3.bp.blogspot.com</i><br /><i>4.bp.blogspot.com</i><br /><br />thành <i><b>lh3.ggpht.com</b></i>  hoặc <i style="font-weight: bold;">lh3.googleusercontent.com </i>--->><i style="font-weight: bold;"> </i>Chú ý: lh3, các bạn có thể thay số 3 thành 3-6 đều được nhé, hiện các subdomain này đều đang được Picasa sử dụng :)<br /><ul><li>Xem thêm: <a href="http://www.tranbadat.info/2015/11/cach-khac-phuc-anh-bi-loi-do-vnpt-chan.html"><span style="color: blue;">Khắc phục ảnh bị VNPT chặn bằng Javascript</span></a></li></ul>- Và giờ thì bạn đã có thể public bài viết, những đường link ảnh đã được chuyển về đúng dạng của nó, và tất nhiên là sẽ hiển thị ảnh dù VNPT có chặn hay không, vì VNPT chỉ chặn blogspot.com thôi ^_^

Cách hiển thị ảnh Blogspot dù bị VNPT chặn

Như các bạn đã biết, hiện Blogspot ở Việt Nam chúng ta đang bị nhà mạng VNPT chặn truy cập, vì có nhiều thành phần chống đối nhà nước sử dụn...

Đọc thêm »

20:35

Cách tạo widget bình luận mới nhất (Recent comments) blogspot

Bài viết này mình sẽ <b>hướng dẫn cách tạo widget bình luận mới nhất (Recent comments)</b> cho blogspot. Vì với blogspot thì việc quản lý bình luận khá khó khăn, hoặc bạn phải thường xuyên theo dõi mail của mình và rất dễ bị spam mail vì thông báo bình luận từ trang web.<br><br><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-aAUlCuUiYRL63qJoTtPBNL9jiS3bSIEJicq0ov6YhQ5mbP1uXVfwW0eyQiofTR7doVKmEsXnzg0tTP1NwsdA9ws1iEXfO95QF1en6kGSXPN1EYmPQ7PvO5fRxiMMoeJzHjsi8lAimmOT/s1600/recentcomments.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="tạo widget bình luận mới nhất (Recent comments)" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-aAUlCuUiYRL63qJoTtPBNL9jiS3bSIEJicq0ov6YhQ5mbP1uXVfwW0eyQiofTR7doVKmEsXnzg0tTP1NwsdA9ws1iEXfO95QF1en6kGSXPN1EYmPQ7PvO5fRxiMMoeJzHjsi8lAimmOT/s400/recentcomments.gif" title="tạo widget bình luận mới nhất (Recent comments)" width="400"></a></div><a href="http://www.tranbadat.info/2015/07/cach-tao-widget-binh-luan-moi-nhat-recent-comments-blogspot.html#more">Read more »</a>

Cách tạo widget bình luận mới nhất (Recent comments) blogspot

Bài viết này mình sẽ hướng dẫn cách tạo widget bình luận mới nhất (Recent comments) cho blogspot. Vì với blogspot thì việc quản lý bình luậ...

Đọc thêm »

23:42

Cách làm menu xổ xuống (Drop down) Blogspot

Bạn có thích 1 thanh menu đẹp để áp dụng cho<a href="http://www.tranbadat.info/2015/07/huong-dan-tao-thanh-menu-truot-sticky-menu.html" target="_blank"> <span style="color: #990000;"><b>thanh menu cố định khi cuộn trang</b></span></a> lung thị linh hơn? ^_^ Ở đây mình sẽ chia sẻ cách làm menu xổ xuống (drop down) cơ bản nhất cho Blogspot. Sau khi hoàn thành bạn sẽ có 1 thanh menu ấn tượng!<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjraov3P4YYzQd26DoEI7zLk5JYm4Nf8fJEIMN5h2RvBuZAI_4H_bsnz4UVUAn2fkmRRTfLGEG8TcsXLwtJLBZ0r5Gvefe0B3VaPOS-0RGtjQeC1Pt_FZ_6_0vfcBebApG3q01QyPcoGkVz/s1600/dropdown.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /><img alt="Cách làm menu xổ xuống (Drop down) Blogspot" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjraov3P4YYzQd26DoEI7zLk5JYm4Nf8fJEIMN5h2RvBuZAI_4H_bsnz4UVUAn2fkmRRTfLGEG8TcsXLwtJLBZ0r5Gvefe0B3VaPOS-0RGtjQeC1Pt_FZ_6_0vfcBebApG3q01QyPcoGkVz/s400/dropdown.gif" title="Cách làm menu xổ xuống (Drop down) Blogspot" width="400" /></a></div><br /><br />Chú ý là tất cả hướng dẫn ở đây chỉ áp dụng cho những mẫu có sẵn khu vực navigation ở top, còn những mẫu template khác thì các bạn phải tùy biến nhiều hơn mới có kết quả!<br /><h3><b><span style="color: blue; font-size: large;">Làm thế nào để làm menu xổ xuống (Drop down)?</span></b></h3>- Truy cập vào trang quản trị <b>Blogger > Design (Thiết kế)  > Page Elements (Bố cục)</b><br /><b><br /></b><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX9piTPMnCllyy8SKRl52tkFtUlRtAn6d5jOP5-5t-tQHJUKaaGFBuilpCdK8WWYkWpUhS5aY18DX5shQy_2c-jYfauKfsZXk7HNmAtJ9v7av3GVn09Bbd35OxpbW8GxaLIclrN1sYO27c/s1600/Screenshot+%2528132%2529.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cách làm menu xổ xuống (Drop down) Blogspot" border="0" height="147" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX9piTPMnCllyy8SKRl52tkFtUlRtAn6d5jOP5-5t-tQHJUKaaGFBuilpCdK8WWYkWpUhS5aY18DX5shQy_2c-jYfauKfsZXk7HNmAtJ9v7av3GVn09Bbd35OxpbW8GxaLIclrN1sYO27c/s640/Screenshot+%2528132%2529.png" title="Cách làm menu xổ xuống (Drop down) Blogspot" width="640" /></a></div><b><br /></b>- Hãy chọn <b>thêm HTML/JavaScript</b> như ảnh trên, và paste đoạn code này vào:<br /><blockquote class="tr_bq"><div class="MsoNormal"><br /><div id='drnavbar'> <o:p></o:p></div><div class="MsoNormal">      <ul id='drnav'> <o:p></o:p></div><div class="MsoNormal">        <li> <o:p></o:p></div><div class="MsoNormal">          <a href='<span style="color: red;">#</span>'><span style="color: blue;">Trang chủ</span></a> <o:p></o:p></div><div class="MsoNormal">        </li> <o:p></o:p></div><div class="MsoNormal">        <li> <o:p></o:p></div><div class="MsoNormal">          <a href='<span style="color: red;">#</span>'><span style="color: blue;">Chém gió</span></a> <o:p></o:p></div><div class="MsoNormal">        </li> <o:p></o:p></div><div class="MsoNormal">        <li> <o:p></o:p></div><div class="MsoNormal">          <a href='<span style="color: red;">#</span>'><span style="color: blue;">Liên hệ</span></a> <o:p></o:p></div><div class="MsoNormal">        </li> <o:p></o:p></div><div class="MsoNormal">        <li> <o:p></o:p></div><div class="MsoNormal">           <a href='<span style="color: red;">#</span>'><span style="color: blue;">Menu</span></a><o:p></o:p></div><div class="MsoNormal">            <ul> <o:p></o:p></div><div class="MsoNormal">                <li><a href='<span style="color: red;">#</span>'><span style="color: blue;">Menu 1</span></a></li> <o:p></o:p></div><div class="MsoNormal">                <li><a href='<span style="color: red;">#</span>'><span style="color: blue;">Menu 2</span></a></li> <o:p></o:p></div><div class="MsoNormal">                <li><a href='<span style="color: red;">#</span>'><span style="color: blue;">Menu 3</span></a></li> <o:p></o:p></div><div class="MsoNormal">              </ul> <o:p></o:p></div><div class="MsoNormal">        </li><o:p></o:p></div><div class="MsoNormal">      </ul> <o:p></o:p></div><div class="MsoNormal">    </div><o:p></o:p></div><div class="MsoNormal"><br /></div></blockquote><div>Trong đó:</div><div>+ Những dấu <span style="color: red;">#</span> sẽ được thay bằng các đường dẫn đến các chủ đề mà các bạn muốn nó xuất hiện</div><div>+ Chữ <span style="color: blue;">màu xanh</span> là nội dung hiển thị của các chủ đề</div><div>+ Thẻ <ul>...</ul> là thẻ dùng để mở rộng tạo menu xổ xuống (drop down). Như đoạn code trên thì khi  trỏ chuột vào Menu, sẽ xổ xuống các Menu 1,2,3</div><div>Sau đó lưu lại đi!</div><div><br /></div><div>- Giờ thì đến <b>Design (Mẫu)> Edit HTML (Chỉnh sửa HTML)</b></div><div>- Giờ thì nên <b>backup toàn bộ code</b> trước khi chỉnh sửa nhé, để khi cần còn có thể phục hồi lại như cũ</div><div>- Tìm kiếm đến thẻ <b>]]></b:skin></b> và thêm đoạn CSS này lên trên nó:<br /><blockquote class="tr_bq"><div class="MsoNormal">/*----- Drop Down Menu ----*/<o:p></o:p></div><div class="MsoNormal"><br /></div><div class="MsoNormal">#drnavbar { <o:p></o:p></div><div class="MsoNormal">    background: #060505; <o:p></o:p></div><div class="MsoNormal">    width: 960px; <o:p></o:p></div><div class="MsoNormal">    color: #FFF; <o:p></o:p></div><div class="MsoNormal">        margin: 0px; <o:p></o:p></div><div class="MsoNormal">        padding: 0; <o:p></o:p></div><div class="MsoNormal">        position: relative; <o:p></o:p></div><div class="MsoNormal">        border-top:0px solid #960100; <o:p></o:p></div><div class="MsoNormal">        height:35px;<o:p></o:p></div><div class="MsoNormal">}<o:p></o:p></div><div class="MsoNormal"><br /></div><div class="MsoNormal">#drnav { <o:p></o:p></div><div class="MsoNormal">    margin: 0; <o:p></o:p></div><div class="MsoNormal">    padding: 0; <o:p></o:p></div><div class="MsoNormal">} <o:p></o:p></div><div class="MsoNormal">#drnav ul { <o:p></o:p></div><div class="MsoNormal">    float: left; <o:p></o:p></div><div class="MsoNormal">    list-style: none; <o:p></o:p></div><div class="MsoNormal">    margin: 0; <o:p></o:p></div><div class="MsoNormal">    padding: 0; <o:p></o:p></div><div class="MsoNormal">} <o:p></o:p></div><div class="MsoNormal">#drnav li { <o:p></o:p></div><div class="MsoNormal">    list-style: none; <o:p></o:p></div><div class="MsoNormal">    margin: 0; <o:p></o:p></div><div class="MsoNormal">    padding: 0; <o:p></o:p></div><div class="MsoNormal">        border-left:1px solid #333; <o:p></o:p></div><div class="MsoNormal">        border-right:1px solid #333; <o:p></o:p></div><div class="MsoNormal">        height:35px; <o:p></o:p></div><div class="MsoNormal">} <o:p></o:p></div><div class="MsoNormal">#drnav li a, #drnav li a:link, #drnav li a:visited { <o:p></o:p></div><div class="MsoNormal">    color: #FFF; <o:p></o:p></div><div class="MsoNormal">    display: block; <o:p></o:p></div><div class="MsoNormal">   font:normal 12px Helvetica, sans-serif;    margin: 0; <o:p></o:p></div><div class="MsoNormal">    padding: 9px 12px 10px 12px; <o:p></o:p></div><div class="MsoNormal">        text-decoration: none; <o:p></o:p></div><div class="MsoNormal">        <o:p></o:p></div><div class="MsoNormal">} <o:p></o:p></div><div class="MsoNormal">#drnav li a:hover, #drnav li a:active { <o:p></o:p></div><div class="MsoNormal">    background: #BF0100; <o:p></o:p></div><div class="MsoNormal">    color: #FFF; <o:p></o:p></div><div class="MsoNormal">    display: block; <o:p></o:p></div><div class="MsoNormal">    text-decoration: none; <o:p></o:p></div><div class="MsoNormal">        margin: 0; <o:p></o:p></div><div class="MsoNormal">    padding: 9px 12px 10px 12px; <o:p></o:p></div><div class="MsoNormal">        <o:p></o:p></div><div class="MsoNormal">    <o:p></o:p></div><div class="MsoNormal">        <o:p></o:p></div><div class="MsoNormal">}<o:p></o:p></div><div class="MsoNormal">#drnav li { <o:p></o:p></div><div class="MsoNormal">    float: left; <o:p></o:p></div><div class="MsoNormal">    padding: 0; <o:p></o:p></div><div class="MsoNormal">} <o:p></o:p></div><div class="MsoNormal">#drnav li ul { <o:p></o:p></div><div class="MsoNormal">    z-index: 9999; <o:p></o:p></div><div class="MsoNormal">    position: absolute; <o:p></o:p></div><div class="MsoNormal">    left: -999em; <o:p></o:p></div><div class="MsoNormal">    height: auto; <o:p></o:p></div><div class="MsoNormal">    width: 160px; <o:p></o:p></div><div class="MsoNormal">    margin: 0; <o:p></o:p></div><div class="MsoNormal">    padding: 0; <o:p></o:p></div><div class="MsoNormal">} <o:p></o:p></div><div class="MsoNormal">#drnav li ul a { <o:p></o:p></div><div class="MsoNormal">    width: 140px; <o:p></o:p></div><div class="MsoNormal">} <o:p></o:p></div><div class="MsoNormal">#drnav li ul ul { <o:p></o:p></div><div class="MsoNormal">    margin: -25px 0 0 161px; <o:p></o:p></div><div class="MsoNormal">} <o:p></o:p></div><div class="MsoNormal">#drnav li:hover ul ul, #drnav li:hover ul ul ul, #drnav li.sfhover ul ul, #drnav li.sfhover ul ul ul { <o:p></o:p></div><div class="MsoNormal">    left: -999em; <o:p></o:p></div><div class="MsoNormal">} <o:p></o:p></div><div class="MsoNormal">#drnav li:hover ul, #drnav li li:hover ul, #drnav li li li:hover ul, #drnav li.sfhover ul, #drnav li li.sfhover ul, #drnav li li li.sfhover ul { <o:p></o:p></div><div class="MsoNormal">    left: auto; <o:p></o:p></div><div class="MsoNormal">} <o:p></o:p></div><div class="MsoNormal">#drnav li:hover, #drnav li.sfhover { <o:p></o:p></div><div class="MsoNormal">    position: static; <o:p></o:p></div><div class="MsoNormal">}<o:p></o:p></div><div class="MsoNormal">#drnav li li a, #drnav li li a:link, #drnav li li a:visited { <o:p></o:p></div><div class="MsoNormal">    background: #BF0100; <o:p></o:p></div><div class="MsoNormal">    width: 120px; <o:p></o:p></div><div class="MsoNormal">    color: #FFF; <o:p></o:p></div><div class="MsoNormal">    display: block; <o:p></o:p></div><div class="MsoNormal">    <span style="color: blue;">font:normal 12px Helvetica, sans-serif; </span><o:p></o:p></div><div class="MsoNormal">    margin: 0; <o:p></o:p></div><div class="MsoNormal">    padding: 9px 12px 10px 12px; <o:p></o:p></div><div class="MsoNormal">        text-decoration: none; <o:p></o:p></div><div class="MsoNormal">z-index:9999; <o:p></o:p></div><div class="MsoNormal">border-bottom:1px dotted #333;<o:p></o:p></div><div class="MsoNormal">    <o:p></o:p></div><div class="MsoNormal">} <o:p></o:p></div><div class="MsoNormal">#drnav li li a:hover, #drnavli li a:active { <o:p></o:p></div><div class="MsoNormal">    background: #060505; <o:p></o:p></div><div class="MsoNormal">    color: #FFF; <o:p></o:p></div><div class="MsoNormal">    display: block;     margin: 0; <o:p></o:p></div><div class="MsoNormal">    padding: 9px 12px 10px 12px; <o:p></o:p></div><div class="MsoNormal">        text-decoration: none; <o:p></o:p></div><div class="MsoNormal">}<o:p></o:p></div><div class="MsoNormal"><br /></div></blockquote></div><div>Các đoạn CSS có #... là màu của các thành phần trong thanh menu nhé, màu thế nào là tùy các bạn. Bạn có thể thay đổi font chữ tại đoạn code <span style="color: blue;">màu xanh</span></div><div><span style="color: blue;"><br /></span></div>Cuối cùng là lưu template lại và tận hưởng thành quả :D Nhưng nhớ là có không vừa ý thì cũng tự hiểu rằng đây chỉ là đoạn code cơ bản để làm menu xổ xuống (Drop down) cho Blogspot thôi ^_^ Bạn phải tùy chỉnh một vài nội dung nữa nó mới hợp với trang web của bạn!

Cách làm menu xổ xuống (Drop down) Blogspot

Bạn có thích 1 thanh menu đẹp để áp dụng cho thanh menu cố định khi cuộn trang lung thị linh hơn? ^_^ Ở đây mình sẽ chia sẻ cách làm menu ...

Đọc thêm »

18:30

Hướng dẫn tạo thanh menu cố định (Sticky menu) khi cuộn trang

Nay tiếp tục với phần hướng dẫn các <a href="http://www.tranbadat.info/search/label/Th%E1%BB%A7%20thu%E1%BA%ADt%20Blogspot" target="_blank"><span style="color: #990000;">thủ thuật dành cho blogspot</span></a>. Các bạn luôn muốn trang web mình trở nên hiện đại và đẹp, các bạn thấy nhiều trang web có cái thanh menu mỗi khi cuộn trang xuống là nó tự dính vào phía trên của màn hình và trượt theo... như web của mình ^_^ Thanh menu này sẽ giúp mọi người dễ dàng chuyển qua lại giữa các nội dung.<br><br><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiij6kIqIvmjushmTvt0efWqKIqH47UvBpUijiaNve9b698W56aLzoHC70LVjB1XhxbPTbibNJ3XNENYFENfkZ4WEKmIRZHzVez-luNrf-0V6e-dgA27TnhPRuaY_wMDxXJ2visNok6J_bU/s1600/123123234.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt=" tạo thanh menu trượt (Sticky menu) khi cuộn trang" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiij6kIqIvmjushmTvt0efWqKIqH47UvBpUijiaNve9b698W56aLzoHC70LVjB1XhxbPTbibNJ3XNENYFENfkZ4WEKmIRZHzVez-luNrf-0V6e-dgA27TnhPRuaY_wMDxXJ2visNok6J_bU/s400/123123234.gif" title=" tạo thanh menu trượt (Sticky menu) khi cuộn trang" width="400"></a></div><a href="http://www.tranbadat.info/2015/07/huong-dan-tao-thanh-menu-truot-sticky-menu.html#more">Read more »</a>

Hướng dẫn tạo thanh menu cố định (Sticky menu) khi cuộn trang

Nay tiếp tục với phần hướng dẫn các thủ thuật dành cho blogspot . Các bạn luôn muốn trang web mình trở nên hiện đại và đẹp, các bạn thấy nhi...

Đọc thêm »

01:30

Hướng dẫn thay đổi template cho blogspot

Hôm trước mình có viết bài hướng dẫn các bạn <a href="http://www.tranbadat.info/2015/06/cach-tao-trang-blog-bang-blogspot.html" target="_blank"><span style="color: #990000;">cách tạo ra một trang blog</span></a> cho mình bằng Blogspot. Đó mới chỉ là tạo ra blog và sử dụng những template có sẵn mà Blogger cung cấp cho chúng ta. Nay với bài viết này, mình sẽ hướng dẫn các bạn cách thay đổi template mặc định của blog bằng những template tùy chỉnh khác đẹp hơn.<br /><br /><div class="separator" style="clear: both; text-align: center;"><img alt="Cách thay đổi template blogspot" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi80G2pBsHL0Km_Ipu3aoBBxyk9aYPBOm7qw_FIOoKOu_aAv6JWIm6ABXl-dYimYYvBiOICAqlnnwTQ9OWZmT2E1ZUGrdr88wY7Fm1ng8loCQG9Wx_bqoKFHEOcx4Vd591Cznd4YHEyFvAY/s320/12312323.gif" title="Cách thay đổi template blogspot" width="320" /></div><br /><h3><b><span style="color: blue; font-size: large;">Hướng dẫn thay đổi template cho Blogspot:</span></b></h3>- Đầu tiên bạn hãy download những <a href="http://www.tranbadat.info/search/label/Template-Blogspot" target="_blank"><span style="color: #cc0000;">template blogspot cực đẹp được share tại Trần Bá Đạt (_CTPG_)</span></a><br />- Tiếp theo hãy truy cập vào trang quản trị blog của bạn tại: <a href="https://www.blogger.com/" rel="nofollow" target="_blank">https://www.blogger.com</a><br />- Chọn blog của bạn, và làm theo ảnh này:<br /><div class="separator" style="clear: both; text-align: center;"><img alt="Hướng dẫn thay đổi template cho blogspot" border="0" height="260" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzNezd6bG56O5q5mnNps_TmOUQXTf2UVhdGYuvsHNc6yq3SVPaTfSgmXsBcJE-jNo6BeECvH1q55TAdCG2Y80e6bwIVy43-Xx4QPyhzNzZ0UEQoa-8wQAiYqgMMARt08F_A_4PQ5cM2DpE/s640/Screenshot+%2528120%2529.png" title="Hướng dẫn thay đổi template cho blogspot" width="640" /></div><br />Click vào <b>Mẫu (Templates)</b>, tại đây chúng ta có nhiều tùy chọn. Từ những tùy chỉnh mà template cung cấp, cho đến chỉnh code của template và các template có sẵn...<br /><br />Hãy chọn vào <b>Sao lưu/ Khôi phục</b> ở góc bên phải (Vị trí số 2 trên ảnh), đây là khu vực cho bạn có thể export code của toàn bộ trang blog của mình ra file xml và cũng là nơi bạn import những file template có sẵn (xml) vào để thay thế code hiện tại.<br /><div class="separator" style="clear: both; text-align: center;"><img alt="Hướng dẫn thay đổi template cho blogspot" border="0" height="220" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhskHnETOebPoutehCPMHmpz0YUKcS8a4lWFbx3LGvBLx_kePFKHb16BEqn4W6VxHOB-8DhqFn7nrNEG2d8ABshqeEOYOtocfkUijc577t0X-8jPs7rxCaCq2CLzyPXDEGTIQf2Mna6oh5g/s400/Screenshot+%2528121%2529.png" title="Hướng dẫn thay đổi template cho blogspot" width="400" /></div><br />- Sau khi vào đó, hãy click vào phần <b>Chọn tệp (Choose file)</b>, và duyệt đến file template blog mà bạn đã tải ở trên (Nó là file xml nha). Và tiếp hành <b>Tải lên (Upload)</b>. Đợi 1 tí thì sẽ có thông báo thành công (hoặc lỗi :v :v ).<br /><br /><h3><b><span style="color: blue; font-size: small;">Đây là cách tải lên template bằng công cụ có sẵn của blog, tuy nhiên, bạn có thể thay đổi template blogspot bằng cách khác. Nhất là khi việc Upload lên bị lỗi:</span></b></h3>- Đầu tiên vẫn là tải template về, sau đó hãy giải nén ra. Chúng ta sẽ có một hoặc nhiều template có sẵn trong đó.<br />- Tiếp hành mở các template này, bằng notepad có sẵn (Code sẽ lộn xà bần lên ^^)  hoặc sử dụng một công cụ lập trình khác như Notepad ++ (Mình đang dùng cái này)<br /><br /><div class="separator" style="clear: both; text-align: center;"><img alt="Hướng dẫn thay đổi template cho blogspot" border="0" height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga_WQokjh-xlUlVtqZzDDxpuLrgWGG3eta-toUh3vAf1DsUOHw1oY7zXtfoK2kkma0902ctvfiE6PbF3puBTHz2pgWT-6Qwe_pdMRvqk19iRNi9gOVRSCsKaNANQP_DXq6uW8nrM5qbn9F/s400/Screenshot+%2528123%2529.png" title="Hướng dẫn thay đổi template cho blogspot" width="400" /></div><br />- Hãy copy toàn bộ code trong đó<br /><br /><div class="separator" style="clear: both; text-align: center;"><img alt="Hướng dẫn thay đổi template cho blogspot" border="0" height="275" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibvP3DRN1bJ9XWYWROFWqyLM_aaK8-ov5qJg132aTf5oriupjVRZ99vyNebG3mV9losgI3GPCb4OCckO3QpLC6z73onn4cEXMWZMWJpus7S418hCUtoq64F03eOgzKd5id0lq-ndpzLMG2/s400/Screenshot+%2528124%2529.png" title="Hướng dẫn thay đổi template cho blogspot" width="400" /></div><br />- Và vào Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML), hãy chọn toàn bộ code trong đó và paste toàn bộ code đã copy lúc nãy vào và lưu lại<br /><br /><div class="separator" style="clear: both; text-align: center;"><img alt="Hướng dẫn thay đổi template cho blogspot" border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs5Zd6ner1P1qD0AvOVGkAJqMkUEC8mWThawdGPwdD4lIyl2B-3tOakLVDFeKSR0akADXeph8pMfMHiQ4tI_rZ0fRRF4RcolloFu_rNhkDdxUhi6u1TGFEvFiHbTI6CF9J9JiiNiZSG5E5/s640/Screenshot+%2528125%2529.png" title="Hướng dẫn thay đổi template cho blogspot" width="640" /></div><br />OK, sau khi lưu lại xong thì hãy vào xem sự thay đổi của trang blog của mình nhé. Tuy nhiên, với nhiều template, thì bạn cần phải tùy chỉnh nhiều mới có thể được đúng như ảnh demo. Chính vì thế nếu cần support gì thì cmt bên dưới nhé :)

Hướng dẫn thay đổi template cho blogspot

Hôm trước mình có viết bài hướng dẫn các bạn cách tạo ra một trang blog cho mình bằng Blogspot. Đó mới chỉ là tạo ra blog và sử dụng những ...

Đọc thêm »

01:30

Cách truy cập vào Safe Mode bằng phím F8 trên Windows 8, 8.1

Như các bạn đã biết, mặc định trên Windows 7 thì mỗi khi khởi động máy, bấm liên tục phím F8 sẽ đưa bạn đến một menu boot đó là Advanced Boot Options, tại đây chúng ta có nhiều tùy chọn như sửa lỗi Windows, truy cập vào Safe Mode...<br><ul><li>Xem thêm: <a href="http://www.tranbadat.info/2015/07/huong-dan-cai-windows-tu-hdd-khong-can-usb-dvd.html" target="_blank"><span style="color: #990000;">Hướng dẫn cài Windows bằng HDD, không cần USB, DVD</span></a></li></ul>Tuy nhiên, với Windows 8, 8.1 thì Microsoft đã tắt tính năng này, buộc người dùng mỗi khi muốn truy cập vào menu boot này phải tự mình kích hoạt. Vì thế mình viết bài này hướng dẫn các bạn cách kích hoạt phím F8 để <b><span style="color: blue;">truy cập vào Safe Mode</span></b> hay Repair Your Computer.<br><div class="separator" style="clear: both; text-align: center;"><img alt="Cách truy cập vào Safe Mode bằng phím F8 trên Windows 8, 8.1" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg8D-30uJSBh7Q7V7Tr1ZdNJTsU1xrYG9tc8O8EaUBIFb34A9cgcSQ7g91bw2FSu5sHF573PjRVLaodLd-lgR3Xk3Gy9AzSDOVP8vrxZzvKK9LTLxoILOBE0GJfqDnhGiE50A8TKAowAhd/s320/1234.gif" title="Cách truy cập vào Safe Mode bằng phím F8 trên Windows 8, 8.1" width="320"></div><a href="http://www.tranbadat.info/2015/07/cach-truy-cap-vao-safe-mode-bang-phim-f8-windows8.html#more">Read more »</a>