Mr.Quay's Blog: Thủ Thuật Blog

KeyFreeze – Vô hiệu hóa nhanh bàn phím và chuột trên Windows

<div style="background-color: white; font-size: 17px; line-height: 25px; padding: 8px 0px;">
Như đã biết thì khi cần khóa nhanh Windows, người dùng thường sử dụng tổ hợp phím tắt WIN + L. Tuy hữu ích nhưng nó chỉ cho phép bạn khóa nhanh toàn bộ hệ thống và cụ thể là màn hình máy tính. Và cách làm này vẫn không tránh khỏi kẻ xấu có thể xâm nhập vào máy tính của bạn nếu họ biết mật khẩu đăng nhập. Do đó, bên cạnh việc khóa màn hình máy tính thì bạn cũng nên nghĩ đến việc vô hiệu hóa bàn phím và chuột.</div>
<div class="VCSortableInPreviewModeWrapper" style="background-color: white; font-size: 17px; line-height: 25px; padding: 8px 0px; text-align: center;">
</div>
<div class="VCSortableInPreviewMode" style="box-sizing: border-box; display: inline-block; font-style: italic; margin: auto !important; padding: 0px; text-align: center; width: 640px;" type="Photo">
<div style="margin: 0px; padding: 0px;">
<img alt="" id="img_112487" photoid="112487" rel="http://genknews.vcmedia.vn/2015/ava-1432196472554.jpg" src="http://genknews.vcmedia.vn/k:2015/ava-1432196472554/keyfreeze--vo-hieu-hoa-nhanh-ban-phim-va-chuot-tren-windows.jpg" style="border: none; display: inline; margin: 0px; max-width: 100%; padding: 0px !important;" title="" type="photo"></div></div>

KeyFreeze – Vô hiệu hóa nhanh bàn phím và chuột trên Windows

Như đã biết thì khi cần khóa nhanh Windows, người dùng thường sử dụng tổ hợp phím tắt WIN + L. Tuy hữu ích nhưng nó chỉ cho phép bạn khóa n...

Hướng Dẫn Cách Tạo Sitemaps Cho Blogspot

Như đã thông tin ở bài viết <a href="http://www.vuvanphong.com/2014/07/seo-onpage-la-gi-cach-lam-co-ban-hieu-qua.html" style="-webkit-transition: color 0.15s linear; background-color: #fffcf5; color: #5f874e; font-family: Roboto, sans-serif; font-size: 16px; line-height: 25px; margin: 0px; padding: 0px; text-align: justify; text-decoration: none; transition: color 0.15s linear;" target="_blank">SEO Onpage là gì? Cách làm đơn giản đem lại hiệu quả cao</a> mình có thông tin với các bạn 1 điều quan trọng trong làm SEO Onpage đó là sitemaps. Sitemaps giúp người xem có cái nhìn tổng quát và cụ thể nhất về Website, Blog của bạn. Google thích điều này, với Google mọi thứ càng đơn giản và dễ nhận biết thì hắn càng thích ăn. - Khá nhiều <a href="http://www.vuvanphong.com/2014/07/thu-thuat-blogspot-va-seo-blogger.html" style="-webkit-transition: color 0.15s linear; background-color: #fffcf5; color: #5f874e; font-family: Roboto, sans-serif; font-size: 16px; line-height: 25px; margin: 0px; padding: 0px; text-align: justify; text-decoration: none; transition: color 0.15s linear;" target="_blank">thủ thuật Blogspot</a> về cách tạo sơ đồ trang (Sitemaps) được chia sẻ trên mạng nhưng cũng nhiều bạn phàn nàn về vấn đề có mã độc khi dùng thủ thuật đó. Ở bài viết này thì mình đã kiểm tra và sử dụng cách tạo Sitemaps dưới đây. Giúp bạn hoàn toàn yên tâm vì không phải lo mã độc ^_* Sitemaps này sẽ theo khung thời gian bạn đăng bài. 
<div class="separator" style="background-color: #fffcf5; clear: both; color: #1e1e1e; font-family: Roboto, sans-serif; font-size: 16px; line-height: 25px; margin: 0px; padding: 0px; text-align: center;">
<a href="http://2.bp.blogspot.com/-pT500zwgjyQ/U9B0mH4Q4II/AAAAAAAAASc/tA3tob5vXes/s1600/sitemaps-blogspot.jpg" imageanchor="1" style="-webkit-transition: color 0.15s linear; color: #5f874e; margin: 0px 1em; padding: 0px; text-decoration: none; transition: color 0.15s linear;"><img alt="Hướng dẫn cách tạo Sitemaps cho Blogspot" border="0" src="http://2.bp.blogspot.com/-pT500zwgjyQ/U9B0mH4Q4II/AAAAAAAAASc/tA3tob5vXes/s1600/sitemaps-blogspot.jpg" style="border: none; height: auto; margin: 0px; max-width: 100%; padding: 0px; position: relative;" title=""></a></div>

Hướng Dẫn Cách Tạo Sitemaps Cho Blogspot

Như đã thông tin ở bài viết SEO Onpage là gì? Cách làm đơn giản đem lại hiệu quả cao mình có thông tin với các bạn 1 điều quan trọng trong...

Tích hợp Adf.ly cho tất cả các link trong blogspot, website

<div style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px; text-align: justify;">
<a href="http://adf.ly/" style="color: #006666; text-decoration: none;" target="_blank">Adf.ly</a> là một website cung cấp dịch vụ rút ngắn link và bạn có thể kiếm được tiền từ dịch vụ này. Bạn là một webmaster, sở hữu 1 blog sử dụng nhiều link liên kết như blog chuyên về download thì đây là cơ hội để bạn có thể có thêm thu nhập cho web/blog của mình.</div>
<div style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px; text-align: justify;">
Chính vì thế nhằm tạo sự tiện lợi và tối ưu doanh thu cho các bạn mình xin chia sẻ lại cách để bạn có thể tích hợp <a href="http://adf.ly/" style="color: #006666; text-decoration: none;" target="_blank">Adf.ly</a>cho tất cả các link mà bạn chỉ định trên web/blog của mình.</div>
<div style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px; text-align: justify;">
Trước khi áp dụng hình thức quảng cáo ở bên dưới bạn phải chắc chắn rằng mình đã đăng ký một tài khoản quảng cáo kiếm tiền, bạn thì bạn phải <a href="http://adf.ly/" style="color: #006666; text-decoration: none;" target="_blank">Đăng ký tài khoản Adf.ly</a><a href="http://www.traidatmui.com/2012/10/tich-hop-adfly-cho-tat-ca-cac-link.html" style="color: #006666; text-decoration: none;" target="_blank">,</a></div>
<h3 style="border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Arial; line-height: 19.600000381469727px; margin: 0px; padding: 3px; text-align: justify;">
» Cách Tích hợp Adf.ly cho tất cả các link trong blogspot, website</h3>
<div style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px; text-align: justify;">
1. Đăng nhập (login) vào tài khoản Blogger</div>
<div style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px; text-align: justify;">
2. Vào phần Template (Mẫu)</div>
<div style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px; text-align: justify;">
3. Chọn chỉnh sửa HTML (Edit HTML).</div>
<a href="https://www.blogger.com/null" name="more" style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;"></a>4. Chèn code bên dưới vào sau thẻ <body> 
<pre style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 3px dotted rgb(153, 204, 102); color: #666666; font-family: 'Courier New', monospace; font-size: 14px; line-height: 19.600000381469727px; margin-bottom: 10px; margin-top: 10px; max-height: 250px; overflow: auto; padding: 7px; width: auto !important;"><script>
var adfly_id = 1066510;
var adfly_advert = 'int';
var domains = ['rapidshare.com', 'vip-file.com', 'smsfiles.ru', '4files.net', 'turbobit.ru', 'uploading.com', 'letitbit.net', 'depositfiles.ru', 'sms4file.com', 'ifolder.ru', 'hotfile.com', 'anyfiles.net', 'sharingmatrix.com'];
</script>
<script src='http://adf.ly/js/link-converter.js'/></pre>
<div style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px; text-align: justify;">
» Trong đó (Bạn tùy chỉnh các thành phần mà mình hướng dẫn ở bên dưới cho phù hợp với blog hoặc web của bạn nha):</div>
<ul style="font-family: Arial; font-size: 14px; line-height: 19.600000381469727px;">
<li style="text-align: justify;">var domains = Bạn hãy thay đổi những tên miền (Domain) đã được mình tô màu xanhở trên thành những tên miền mà bạn muốn tích hợp Adf.ly, tức khi click vào link chứa domain trong danh sách đó sẽ tự động chạy link với Adf.ly, còn những domain không có ở đó sẽ không chạy quảng cáo của Adf.ly.</li>
<li><div style="text-align: justify;">
var adfly_id =1066510; bạn thay thành id tài khoản Adf.ly của bạn. Bạn có thể xem id bằng cách đăng nhập vào trang Adf.ly bằng tài khoản của bạn => sau đó click vào thẻReferrals => Tại mục Referrals Program bạn sẽ thấy id bạn cần (xem bên dưới sẽ thấy).</div>
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdcWitzjwOGOXyYILa6Cig9nsxafB5WX7EfZhE5Gmtxo6m2xutMovpBGDhaL2Sd2etwnR7rDcRCVtGRkS_8cND-nhmiWthwSJsffwDmwFse_5KLeM0h0JNBTMabZDx6ubE_31S8yxWZ3U/s1600/tich-hop-adfly-cho-tat-ca-cac-link-trong-blog-web.png" imageanchor="1" style="background-color: white; color: #006666; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="Lấy ID của Adf.ly cho tất cả các link trong blogspot, website" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdcWitzjwOGOXyYILa6Cig9nsxafB5WX7EfZhE5Gmtxo6m2xutMovpBGDhaL2Sd2etwnR7rDcRCVtGRkS_8cND-nhmiWthwSJsffwDmwFse_5KLeM0h0JNBTMabZDx6ubE_31S8yxWZ3U/s1600/tich-hop-adfly-cho-tat-ca-cac-link-trong-blog-web.png" style="border: 0px; clear: both; max-width: 580px; min-width: 1px; padding: 0px;" title="Lấy ID của Adf.ly cho tất cả các link trong blogspot, website"></a></div></div></li></ul>

Tích hợp Adf.ly cho tất cả các link trong blogspot, website

Adf.ly là một website cung cấp dịch vụ rút ngắn link và bạn có thể kiếm được tiền từ dịch vụ này. Bạn là một webmaster, sở hữu 1 blog sử d...

Chèn Video Youtube Vào Blogspot

<div class="separator" style="clear: both; color: #005595; font-family: 'Times New Roman', Times, sans-serif; font-size: 18px; line-height: 25.200000762939453px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuz0bXtdynH5dD9d_w8tFMi8JMCns3cU_xxyWVxI9aV3YxihHRsYyGSwNv5tVKsrlXqValB2uUcd4XTvvBo6nNfrd10iJJK7hYDMaava1V3gFlmGoKY2FGjqLXbl2IZqCJMFl60zbzqGs/s1600/Youtube-thumbnail.png" imageanchor="1" style="clear: left; color: #005595; float: left; margin: 0px 1em 1em 0px; text-decoration: none;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuz0bXtdynH5dD9d_w8tFMi8JMCns3cU_xxyWVxI9aV3YxihHRsYyGSwNv5tVKsrlXqValB2uUcd4XTvvBo6nNfrd10iJJK7hYDMaava1V3gFlmGoKY2FGjqLXbl2IZqCJMFl60zbzqGs/s200/Youtube-thumbnail.png" style="border: none; position: relative;"></a></div>
<div class="post-body" style="color: #005595; font-family: 'Times New Roman', Times, sans-serif; font-size: 18px; line-height: 25.200000762939453px; width: 656px;">
Mới nhìn tiêu đề bài viết chắc hẳn nhiều người thấy buồn cười vì vấn đề này xưa như trái đất và rất nhiều blog đã hướng dẫn về cách chèn video của youtube vào bài viết của blogspot.</div>
Về code này mình cũng đã có bài chia sẻ từ đã lâu xem ở<a href="http://kartriderdautocrazy01.blogspot.com/2013/01/chen-video-cua-youtobe-vao-blog.html" style="color: #005595; font-family: 'Times New Roman', Times, sans-serif; font-size: 18px; line-height: 25.200000762939453px; margin: 0px; text-decoration: none;" target="_blank">ĐÂY</a>. Bài này mình muốn trình bầy lỗi mà nhiều người thường mắc phải khi chèn video của youtube vào blogspot có cài đặt tiện ích tự động tóm tắt bài viết ở trang chủ không dùng javascript mà không lấy được ảnh thumbnail mà nhẽ ra nó hoàn toàn tự động lấy ảnh thumbnail không cần up ảnh kèm video.

Chèn Video Youtube Vào Blogspot

Mới nhìn tiêu đề bài viết chắc hẳn nhiều người thấy buồn cười vì vấn đề này xưa như trái đất và rất nhiều blog đã hướng dẫn về cách chèn ...

[jQuery] Hướng dẫn tạo jQuery Tabs đơn giản

<div style="background-color: white; border: 0px none; color: #333333; font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 0px 0px 1em;">
Trong việc thiết kế web thì người thiết kế bao giờ cũng có nhiều sự lựa chọn trong việc trình bày giao diện. Tuy nhiên làm như thế nào cho hợp lý, làm thế nào cho thỏa mãn nhu cầu khách hàng đó là mục đích của chúng ta. Hôm nay mình giới thiệu với các bạn cách tạo jQuery Tabs và tác dụng của nó.</div>
<div style="background-color: white; border: 0px none; color: #333333; font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 0px 0px 1em;">
Đối với những ai đã học qua HTML & CSS cũng như từng xem nhiều website thì khá rõ về Tabs là gì rồi. Tabs là một cách trình bày được nhiều thông tin trong cũng một không gian trên trang web. Nó có thể giúp các bạn tiết kiệm được diện tích website và tạo sự chuyên nghiệp, tránh thông tin tràn lang gây khó chịu cho người dùng.</div>
<div style="background-color: white; border: 0px none; color: #333333; font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 0px 0px 1em;">
<img alt="[jQuery] Hướng dẫn tạo jQuery Tabs đơn giản" src="https://dl.dropboxusercontent.com/u/1552467/pctips/jquery-tabs.jpg" style="border: 0px none; height: auto; list-style: none; margin: 0px; max-width: 100%; outline: none; padding: 0px;"></div>

[jQuery] Hướng dẫn tạo jQuery Tabs đơn giản

Trong việc thiết kế web thì người thiết kế bao giờ cũng có nhiều sự lựa chọn trong việc trình bày giao diện. Tuy nhiên làm như thế nào cho ...

Tạo tin liên quan trong blogspot với ảnh thumnail

<div style="background-color: white; border: 0px none; color: #333333; font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 13px; line-height: 19.5px; list-style: none; outline: none; padding: 0px 0px 1em;">
Để blog của bạn trở nên sinh động và dễ dàng giới thiệu những bài viết hay đến cho nhiều người thì tin liên quan là thứ không thể thiếu cho blog của bạn, có rất nhiều cách để làm điều đó, hôm nay mình xin giới thiệu cách tạo tin liên quan với hình ảnh thumnail của bài viết hiện tại, các tin liên quan này sẽ hiển thị ở dưới cùng bài viết và được chọn cùng danh mục, label và tag của bài viết đó. Như hình mình họa dưới đây <img alt="Tạo tin liên quan trong blogspot với ảnh thumnail" src="https://dl.dropboxusercontent.com/u/1552467/TapchiCNTT/blogger/tao-tin-lien-quan-trong-blogspot-voi-anh-thumnail.jpg" style="border: 0px none; height: auto; list-style: none; margin: 0px; max-width: 100%; outline: none; padding: 0px;"></div>

Tạo tin liên quan trong blogspot với ảnh thumnail

Để blog của bạn trở nên sinh động và dễ dàng giới thiệu những bài viết hay đến cho nhiều người thì tin liên quan là thứ không thể thiếu cho...

Bài viết liên quan theo nhiều label cho blogspot

Bpress responsive blogger template Free - Download và cài đặt

Bpress responsive blogger template là 1 mẫu thiết kế rất chuyên nghiệp và nhiều chức năng cho Blogspot. Với mẫu thiết kế này bạn có thể sử dụng phù hợp với những trang như tin tức, blog cá nhân,... 
<div class="separator" style="clear: both; font-family: Arial; font-size: 12px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNAxdDUHZmIAXfIOU0STst6F0jHydaUsh13_UVM8U1Le9BIbEYVmh-WnI8V1R1hBufVRTv2ynIeDITIYvQSRsJK_1NPVlyXCwbDGT63HtPoPofkXm-Ih3tZMVEITMKQa2OCq4ebQjxYf_f/s1600/bpress-template-blogger.png" imageanchor="1" style="color: #004d99; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="162" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNAxdDUHZmIAXfIOU0STst6F0jHydaUsh13_UVM8U1Le9BIbEYVmh-WnI8V1R1hBufVRTv2ynIeDITIYvQSRsJK_1NPVlyXCwbDGT63HtPoPofkXm-Ih3tZMVEITMKQa2OCq4ebQjxYf_f/s320/bpress-template-blogger.png" style="border: none;" width="320"></a></div>

Bpress responsive blogger template Free - Download và cài đặt

Bpress responsive blogger template là 1 mẫu thiết kế rất chuyên nghiệp và nhiều chức năng cho Blogspot. Với mẫu thiết kế này bạn có thể sử d...

Share template blogspot tối ưu SEO - blogger goctraitim360

Sau khi blog góc trái tim 360 được hoạt động thì 1 số bạn có hỏi <a href="http://seophongvu.com/" style="color: #004d99; text-decoration: none;" target="_blank">Phong Vũ</a> về Template này vì nó có nhiều ưu điểm và phù hợp với blogger cá nhân có những bài viết có hình đại diện đẹp. Demo trực tiếp: <a href="http://goctraitim360.blogspot.com/" style="color: #004d99; font-family: Arial; font-size: 12px; text-decoration: none;" target="_blank">Góc trái tim 360</a> 
<div class="separator" style="clear: both; font-family: Arial; font-size: 12px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8to-evr6K-_NIL1GNekUteS7U3fjJeUPDf2qJkPU4BINDZE1m89MSWQDmtx6MpxLl666lEPCt3mutzV_GsgEcc_krXVdvJZa1o7VGWlNs1q2qkVyPagTl1J15qPfUxmetYkarlIW4AJR9/s1600/template-blogspot-seo.JPG" imageanchor="1" style="color: #004d99; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="Share template blogspot tối ưu SEO - blogger goctraitim360" border="0" height="532" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8to-evr6K-_NIL1GNekUteS7U3fjJeUPDf2qJkPU4BINDZE1m89MSWQDmtx6MpxLl666lEPCt3mutzV_GsgEcc_krXVdvJZa1o7VGWlNs1q2qkVyPagTl1J15qPfUxmetYkarlIW4AJR9/s640/template-blogspot-seo.JPG" style="border: none;" title="" width="640"></a></div>
<div class="separator" style="clear: both; font-family: Arial; font-size: 12px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnoFAI5VfJJRi_-_etVChwTsmc8xHfy4ATVIFpFz3Mh1Io5pFP9hqTvAwvfo55qUFAKk8nGBzUb2ZU38L2aW3ZXBgrspBw7f0zJe6fkKaajNUoyFh4pLrBhzTuCgEHFIGM_9bVKbZEGmgX/s1600/template-blogspot-seo1.JPG" imageanchor="1" style="color: #004d99; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="558" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnoFAI5VfJJRi_-_etVChwTsmc8xHfy4ATVIFpFz3Mh1Io5pFP9hqTvAwvfo55qUFAKk8nGBzUb2ZU38L2aW3ZXBgrspBw7f0zJe6fkKaajNUoyFh4pLrBhzTuCgEHFIGM_9bVKbZEGmgX/s640/template-blogspot-seo1.JPG" style="border: none;" width="640"></a></div>
<div class="separator" style="clear: both; font-family: Arial; font-size: 12px; text-align: center;">
</div>

Share template blogspot tối ưu SEO - blogger goctraitim360

Sau khi blog góc trái tim 360 được hoạt động thì 1 số bạn có hỏi Phong Vũ về Template này vì nó có nhiều ưu điểm và phù hợp với blogger cá...

Rocket Blogger Template - Share mẫu Reponsive blogspot Full

Đây sẽ là 1 mẫu thiết kế Full màn hình và co nhỏ kích thước theo Reponsive toàn diện. Với dạng giao diện Template 3 cột. Rocket Blogger Template là 1 mẫu thiết kế chuyên dụng cho nhiều bạn đam mê với blog. 
<div class="separator" style="clear: both; font-family: Arial; font-size: 12px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxVzF8NCx2_Fbe6Xg4gi14TFmRwDkGsogxuW3m1o7yJlxzyka8pE-D3aUbOWGykpXTybr3hCMJ3S7-z2tNo8a7Gu_uJBy8VCOu49KuIF5CI8uG0WfpiiYyTUrD5bHc4Mkzi3r640mbZlta/s1600/rocket-template-blogger.jpg" imageanchor="1" style="color: #004d99; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="402" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxVzF8NCx2_Fbe6Xg4gi14TFmRwDkGsogxuW3m1o7yJlxzyka8pE-D3aUbOWGykpXTybr3hCMJ3S7-z2tNo8a7Gu_uJBy8VCOu49KuIF5CI8uG0WfpiiYyTUrD5bHc4Mkzi3r640mbZlta/s640/rocket-template-blogger.jpg" style="border: none;" width="640"></a></div>
Phân tích 1 số Ưu điểm <a href="https://www.blogger.com/null" name="more" style="color: #004d99; font-family: Arial; font-size: 12px;"></a> - Giao diện Reponsive Full màn hình

Rocket Blogger Template - Share mẫu Reponsive blogspot Full

Đây sẽ là 1 mẫu thiết kế Full màn hình và co nhỏ kích thước theo Reponsive toàn diện. Với dạng giao diện Template 3 cột. Rocket Blogger Temp...

Cenutis magazine blogger template - Share temp Blogspot

Cenutis magazine là 1 mẫu thiết kế dành cho blogger yêu thích viết nội dung theo dạng Blog tạp chí. Với template Cenutis magazine bạn sẽ có 1 site chuyên nghiệp dành cho cá nhân mình. 
<div style="font-family: Arial; font-size: 12px;">
- Ưu điểm:</div>
<div style="font-family: Arial; font-size: 12px;">
+ Menu nổi bật</div>
<div style="font-family: Arial; font-size: 12px;">
+ Slide đẹp</div>
<div style="font-family: Arial; font-size: 12px;">
+ Template 2 cột thân thiện, giao diện sáng dễ nhìn</div>
<div class="separator" style="clear: both; font-family: Arial; font-size: 12px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzlEOmPahpnu_64NiVIawLmKoubNLAOBoz6abiiAYFmUHcB008gEWygYe-R0Yu7iwBm5cNpYQb9HQdr8gnTD-3PLneX_lthxA7FOEa_Qtur5M_PdAB7quu6__Qy8HDQCf-hBtFnW14uzVy/s1600/cenutis-magazine.JPG" imageanchor="1" style="color: #004d99; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzlEOmPahpnu_64NiVIawLmKoubNLAOBoz6abiiAYFmUHcB008gEWygYe-R0Yu7iwBm5cNpYQb9HQdr8gnTD-3PLneX_lthxA7FOEa_Qtur5M_PdAB7quu6__Qy8HDQCf-hBtFnW14uzVy/s1600/cenutis-magazine.JPG" style="border: none;"></a></div>
<div style="font-family: Arial; font-size: 12px;">
<a href="https://www.blogger.com/null" name="more" style="color: #004d99;"></a>demo: <a href="http://newbloggerthemes.com/cenutis-magazine-blogger-template/demo/" style="color: #004d99; text-decoration: none;" target="_blank">TẠI ĐÂY</a></div>
<div style="font-family: Arial; font-size: 12px;">
Link Download code: <a href="http://download.mybloggerthemes.com/2013/12/cenutis-magazine-blogger-templates.html" style="color: #004d99; text-decoration: none;" target="_blank">TẠI ĐÂY</a></div>
<div style="font-family: Arial; font-size: 12px;">
Hướng dẫn cài đặt:</div>
<div style="font-family: Arial; font-size: 12px;">
1. Chỉnh sửa Menu ngang header 
</div>

Cenutis magazine blogger template - Share temp Blogspot

Cenutis magazine là 1 mẫu thiết kế dành cho blogger yêu thích viết nội dung theo dạng Blog tạp chí. Với template Cenutis magazine bạn sẽ có ...

Share template blogger My Timeline - Download temp blogspot

<div class="separator" style="background-color: white; clear: both; color: #333333; font-family: 'Kite One', sans-serif; font-size: 14px; line-height: 22.399999618530273px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBLpjK4gSi8vzJB8tjtR7xZAAUn3bwDVOTa2ykYVSinWVXDinYD9IlLVlekZYrw3uqK__yp8X6U5boITDzs8Q_agmwjAdvK-jeJTc_L547toOoYYY8xj6spMXBR5tC009TPNCroST1GFYI/s640/my-timeline-blogger.JPG" imageanchor="1" style="color: #0084ce; margin-left: 1em; margin-right: 1em; outline: none; text-decoration: none;"><img alt="Share template blogger My Timeline - Download temp blogspot" border="0" height="460" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBLpjK4gSi8vzJB8tjtR7xZAAUn3bwDVOTa2ykYVSinWVXDinYD9IlLVlekZYrw3uqK__yp8X6U5boITDzs8Q_agmwjAdvK-jeJTc_L547toOoYYY8xj6spMXBR5tC009TPNCroST1GFYI/s640/my-timeline-blogger.JPG" style="border: 1px solid rgb(204, 204, 204); box-shadow: rgb(204, 204, 204) 0px 0px 7px inset; padding: 7px;" title="" width="640"></a></div>
Demo tại Blog: <a href="http://trimuntrungcanhanh.blogspot.com/" style="color: #0084ce; outline: none; text-decoration: none;" target="_blank">Trị mụn trứng cá nhanh</a> 
<a href="https://www.blogger.com/null" name="more" style="background-color: white; color: #0084ce; font-family: 'Kite One', sans-serif; font-size: 14px; line-height: 22.399999618530273px; outline: none;"></a>

Share template blogger My Timeline - Download temp blogspot

Demo tại Blog: Trị mụn trứng cá nhanh

Widget bài viết mới theo nhãn hiển thị hai cột có ảnh cho blogspot

<div class="separator" style="background-color: white; clear: both; color: #333333; font-size: 16px; text-align: center;">
<img alt="Widget bài viết mới theo nhãn hiển thị hai cột có ảnh cho blogspot" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizBxvLWQc95zcJ9Kr2DyvZWPwI0ggHVUoQRtK1kcL5_lLEMDcsFVqiC2B9bCDm6jOHH6MT_pI_J7IBw8xT8cw5aJqeqtS2uKT2xcVBAR8rTqI-y0e4vy95Za33WsAP8PNVLoZPBk5Y-x8/s1600/baimoi2cot.gif" style="border: 0px solid rgb(204, 204, 204); height: auto !important; max-width: 570px; padding-top: 4px;" title="Widget bài viết mới theo nhãn hiển thị hai cột có ảnh cho blogspot"></div>
 Widget bài viết mới theo nhãn hiển thị hai cột có ảnh cho blogspot. Cách thêm Widget bài viết mới theo nhãn hiển thị hai cột có ảnh cho blogspot.hướng dẫn cách tạo widget Bài Mới Nhất Hiển Thị 2 Cột khi rê chuột vào bài viết sẽ có hiệu ứng toolip mô tả về bài viết đó nhìn rất bắt mắt <a href="https://www.blogger.com/null" name="more" style="background-color: white; color: #333333; font-size: 16px;"></a>

Widget bài viết mới theo nhãn hiển thị hai cột có ảnh cho blogspot

Widget bài viết mới theo nhãn hiển thị hai cột có ảnh cho blogspot. Cách thêm Widget bài viết mới theo nhãn hiển thị hai cột có ảnh cho bl...

BLOGSPOT : MỘT SỐ VẤN ĐỀ THƯỜNG GẶP

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIdIeuNdqiUCCC23MoDVCbTU8W90nkhjKK_aAKkBJNubFHqxUeD7hEyRYmGs28UHZN_0vh_BEtWFZ-8yQSTJ_2TxHPFzujDaBi_CiQJUmPlTnPtkr2jzd5twBR5sut8fV-yiJ6yTZWjEQ/s1600/fix.jpg" imageanchor="1" style="background-color: white; clear: left; color: #0091d6; float: left; font-family: Arial, Tahoma, sans-serif; font-size: 13px; line-height: 17px; margin-bottom: 1em; margin-right: 1em; outline: none;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIdIeuNdqiUCCC23MoDVCbTU8W90nkhjKK_aAKkBJNubFHqxUeD7hEyRYmGs28UHZN_0vh_BEtWFZ-8yQSTJ_2TxHPFzujDaBi_CiQJUmPlTnPtkr2jzd5twBR5sut8fV-yiJ6yTZWjEQ/s1600/fix.jpg" style="border-width: 0px; height: auto !important; max-width: 560px;" /></a>Trong quá trình chỉnh sửa tùy biến Blogger hẳn không ít lần bạnBlogger thường mắc phải, kèm theo cách giải quyết. mắc phải sai lầm khiến phát sinh lỗi ngoài ý muốn. Bạn không biết nên làm lại từ đâu và sửa chữa như thế nào ? Bài viết này có thể sẽ giúp được bạn, đây là tổng hợp một số vấn đề mà rất nhiều người dùng  Điều quan trọng nhất trước khi chỉnh sửa template là sao lưumột bản gốc để có thể phục hồi lại khi cần thiết. Nếu sau khi tùy biến mà bạn nhận ra template của mình bị mất một số thành phần (avatar, label, .v.v...) thì có thể hoàn nguyên mẫu tiện ích về mặc định để "lấy lại những gì đã mất". 1/ Bị mất bài ở trang chủ     Đây là vấn đề mà rất nhiều người mắc phải, nguyên nhân là do tính năng auto-pagination của Blogger tự động cắt bớt số bài đăng để blog của bạn load nhanh hơn. Đặc biệt nếu ở trang chủ có các bài đăng chứa nhiều hình ảnh thì khả năng mất bài là khá cao.     Cách giải quyết: dùng tính năng read more (đọc thêm) của Blogger để thu gọn nội dung các bài đăng ở trang chủ (đừng nhầm lẫn với auto-readmore, nó chắc chắn không giúp bạn giải quyết được vấn đề này). Nếu không thấy tính năng này thì bạn vào phần cài đặt của Blogger rồi chọn cập nhật trình chỉnh sửa bài đăng. 2/ Số bài đăng của mỗi nhãn hiển thị không chính xác Cách giải quyết : tìm trong template dòng sau <code style="background-color: white; color: #555555; font-family: 'andale mono', 'lucida console', monospace; font-size: 13px; line-height: 18px;"><a expr:href='data:label.url' rel='tag'></code> Sửa nó thành: <code style="background-color: white; color: #555555; font-family: 'andale mono', 'lucida console', monospace; font-size: 13px; line-height: 18px;"><a expr:href='data:label.url + &quot;?&amp;max-results=10&quot;' rel='tag'></code> 10 là số bài đăng tối đa mà bạn muốn hiển thị trên từng nhãn. 3/ Mục bài đăng cũ hơn, bài đăng mới hơn không hiển thị      Lỗi này do nhiều nguyên nhân, cách giải quyết thường là hoàn nguyên mẫu tiện ích về mặc định, nếu vẫn không được thì bạn kiểm tra trong template xem đã có dòng này hay chưa : <code style="background-color: white; color: #555555; font-family: 'andale mono', 'lucida console', monospace; font-size: 13px; line-height: 18px;">#blog-pager { clear : both; }</code> 4/ Tiện ích phân trang không hoạt động      Blog của bạn phải có một số lượng bài đăng nhất định thì tiện ích phân trang mới hoạt động. Ngoài ra nếu bạn cài đặt blog ở trạng thái chỉ có tác giả xem được thì cũng sẽ không thấy phân trang. 5/ Tiện ích Popular Posts không hiển thị ảnh thumbnail       Mặc dù tất cả các bài đăng phổ biến của bạn đều chứa hình ảnh nhưng tiện ích Popular Postscủa Blogger vẫn không hiển thị ảnh đại diện. Khi bạn đăng bài và dùng tính năng chèn hình ảnh củaBlogger thì chúng được tự động upload lên Picasa, và tiện ích Popular Posts chỉ lấy các ảnh này làm ảnh đại diện thu nhỏ. Do vậy nếu bạn copy link ảnh từ các trang web khác (không phải từPicasa) thì sẽ không thấy ảnh thumbnail. Đây cũng là cách mà Blogger khuyến khích người dùng tự viết bài và không nên đi sao chép của người khác. 6/ Ảnh trong bài đăng quá to và lấn sang sidebar      Bạn có thể điều chỉnh kích thước tối đa của ảnh chứa trong bài đăng bằng đoạn CSS sau: <code style="background-color: white; color: #555555; font-family: 'andale mono', 'lucida console', monospace; font-size: 13px; line-height: 18px;">.post img { max-width: 600px; }</code> Đoạn code trên có nghĩa là nếu bài nào chứa ảnh mà có kích thước quá lớn thì sẽ tự động thu nhỏ (resize) bề rộng còn 600px. Các ảnh nhỏ hơn 600px vẫn giữ nguyên kích thước. 7/ Blog load quá chậm      Có rất nhiều nguyên nhân gây chậm, thường là do bạn không dùng tính năng đọc thêm (read-more) của Blogger mà lại dùng auto-readmore script. Việc phải tải toàn bộ nội dung của tất cả bài đăng ở trang chủ khiến tốc độ blog giảm rất nhiều. Ngoài ra, việc lạm dụng quá nhiều tiện ích bên ngoài như Bài đăng mới, Bài đăng theo nhãn, bài đăng ngẫu nhiên (có ảnh đại diện)... cũng gây chậm đáng kể. Sử dụng các tiện ích do chính Blogger cung cấp là tốt nhất. Bạn có thể tham khảo bài viết này để cải thiện tốc độ cho blog của mình. 8/ Các tiện ích có dùng js không hoạt động      Các link .js trong template của bạn đã die, bạn cần upload chúng lên một host khác (Dropbox,Google Code...). Hoặc bạn có thể chèn trực tiếp đoạn mã trong file js vào thẳng trong template. Cách này có ưu điểm là nhanh, không phụ thuộc vào host nhưng nhược điểm là dễ khiến bọ củaGoogle nhầm lẫn giữa nội dung bài với đoạn mã mà bạn đã chèn, ảnh hưởng tới SEO. 9/ Chuyển toàn bộ Blog sang một tài khoản khác, làm thế nào ?       Đăng nhập vào Blogger -> Cài đặt -> Quyền , ở mục Tác giả blog bạn nhập địa chỉ tài khoản mới (email). Cấp quyền quản trị (Admin) cho tài khoản đó, đăng nhập vào hộp thư tài khoản mới để xác nhận, cuối cùng bạn gỡ bỏ quyền quản trị của tài khoản cũ và remove nó đi. Khi bạn muốn xóa một blog nào đó mà không muốn phải đợi đến 90 ngày thì cũng có thể dùng cách này.      Trên đây là các vấn đề thường gặp của Blogger, cách giải quyết có thể chưa phải là tối ưu. Nếu bạn có ý kiến khác thì có thể bổ sung ở dưới đây, chắc chắn nó sẽ có ích cho nhiều người.

BLOGSPOT : MỘT SỐ VẤN ĐỀ THƯỜNG GẶP

Trong quá trình chỉnh sửa tùy biến Blogger hẳn không ít lần bạn Blogger thường mắc phải, kèm theo cách giải quyết. mắc phải sai lầm khiến...

Cách thêm comment facebook và quản lý comment cho Blogspot

<div class="separator" style="background-color: white; clear: both; color: #333333; font-size: 16px;">
<img alt="Cách thêm comment facebook và quản lý cho Blogspot - Web" border="0" height="444" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmvw9v-Xr6hZYYz8OpSgW5LAQ5wUJX8WHYDh5Cele2KienmpRXf2uitvK7t-HGCHo9A88JVy5n_2qDgJI7QJIQUdDtvSqoSxAH_8t8yREbMqYoZ6Vl3Rhc2DpQVpDSCev5Ph3okUiG5fM/s640/face.png" style="border: 0px solid rgb(204, 204, 204); height: auto !important; max-width: 570px; padding-top: 4px;" title="Cách thêm comment facebook và quản lý cho Blogspot - Web" width="640" />Cách thêm comment facebook và quản lý comment cho Blogspot - website . Chèn khung Comment Facebook cho Blogspot .Hướng dẫn Cách thêm comment facebook và quản lý comment cho Blogspot .Làm sao để có thể quản lý được comment facebook trên blogspot của mình (xóa comment của người khác, và nhận thông báo khi có comment mới )</div>
 Sau khi mình viết bài: <a href="http://bittuot.blogspot.com/2013/07/cach-them-comment-facebook-cho-blogspot.html" style="color: #256ead; text-decoration: none;">Cách thêm comment facebook cho Blogspot</a> có nhiều bạn đưa ý kiến là không quản lý được các comment trên blogspot đó. Không biết khi nào có comment mới , và xóa những comment mang tính khiếm nhã như thế nào. Vì vậy sau đây <a href="http://bittuot.blogspot.com/" style="color: #256ead; text-decoration: none;">Bít Tuốt</a> xin chia sẻ với các bạn Cách thêm comment facebook và quản lý cho Blogspot để các bạn có thể dễ dàng trả lời và quản lý comment khi có comment mới trên blog - website của bạn. Hãy cùng Bít Tuốt xem chi tiết hướng dẫn dưới đây : <a href="https://www.blogger.com/null" name="more" style="background-color: white; color: #333333; font-size: 16px;"></a> Cách thêm comment facebook và quản lý cho Blogspot - Web Bước 1. Tạo Facebook APP Chú ý mình đang dùng facebook với tiếng viêt nhé 
<ul style="background-color: white; color: #333333; font-size: 16px;">
<li>Truy cập <a href="https://developers.facebook.com/apps" style="color: #256ead; text-decoration: none;">https://developers.facebook.com/apps</a></li>
<li>Click vào nút: Ứng Dụng ==>  Register as a Developer (bạn được hình dưới chọn vào ô checkbox rồi nhấn tiếp tục)</li>
</ul>
 
<div class="separator" style="background-color: white; clear: both; color: #333333; font-size: 16px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiasVT-6AsCfqx24Zh64O1hBwTPIOPeJ_jWAdwpTwqiOPoIjZxAy9Szy-E2CJiIGcDlg-2OqCgTj4YSA-5Ey4ZZaLjuDFAyDxWlbER1WGTtgLsTes3kjNsA6LATunR2mS_mjGktk8eJGxM/s1600/fa1.png" imageanchor="1" style="color: #256ead; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="Cách thêm comment facebook và quản lý cho Blogspot - Web" border="0" height="296" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiasVT-6AsCfqx24Zh64O1hBwTPIOPeJ_jWAdwpTwqiOPoIjZxAy9Szy-E2CJiIGcDlg-2OqCgTj4YSA-5Ey4ZZaLjuDFAyDxWlbER1WGTtgLsTes3kjNsA6LATunR2mS_mjGktk8eJGxM/s640/fa1.png" style="border: 0px solid rgb(204, 204, 204); height: auto !important; max-width: 570px; padding-top: 4px;" title="Cách thêm comment facebook và quản lý cho Blogspot - Web" width="640" /></a></div>
 - Tại cửa sổ Popup bạn chọn quốc gia là Việt Nam và điền số điện thoại vào ( Bạn nên dùng mạng vina nhé , mạng viettel không được mình đã thử. Mình đã phải đàu tư ngay cái Sim vina để viết bài hướng dẫn này giúp các bạn :D ): 
<div class="separator" style="background-color: white; clear: both; color: #333333; font-size: 16px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJj326KNBkAJXgsR0UfCC_KioNdLfBdtS5iv6ThCrELHcjUDdZLI7nXZwIItT6zWEhRitpomVQggUDrznYHdrzpvmTSMcg8nt7dy5j0ih8dTiPQjUWjQ9SDVdr_48oTDWElKIEQBj1B4Q/s1600/fa2.png" imageanchor="1" style="color: #256ead; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="Cách thêm comment facebook và quản lý cho Blogspot - Web" border="0" height="272" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJj326KNBkAJXgsR0UfCC_KioNdLfBdtS5iv6ThCrELHcjUDdZLI7nXZwIItT6zWEhRitpomVQggUDrznYHdrzpvmTSMcg8nt7dy5j0ih8dTiPQjUWjQ9SDVdr_48oTDWElKIEQBj1B4Q/s640/fa2.png" style="border: 0px solid rgb(204, 204, 204); height: auto !important; max-width: 570px; padding-top: 4px;" title="Cách thêm comment facebook và quản lý cho Blogspot - Web" width="640" /></a></div>
 - Sau đó bạn sẽ được gửi một tin nhắn về mã xác nhận tới điện thoại bạn vừa nhập. hãy nhập vào ô mã và bấm xác nhận. Nhấn tiếp tục đên hình dưới đây 
<div class="separator" style="background-color: white; clear: both; color: #333333; font-size: 16px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPdHbxZrTpYs8RlKWkRonVBKRCGhYCVICKeTaZGCIX_DqgJ-MqAe0m1k7PWcIpRtoBzOXkupDyFCxedLXQZqjuWzr1Dzgt8GSpOTQqNJK549dhCAt-U5dcjHK-ADW1Ybo_XRWBuuXiWLw/s1600/fa3.png" imageanchor="1" style="color: #256ead; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="Cách thêm comment facebook và quản lý cho Blogspot - Web" border="0" height="522" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPdHbxZrTpYs8RlKWkRonVBKRCGhYCVICKeTaZGCIX_DqgJ-MqAe0m1k7PWcIpRtoBzOXkupDyFCxedLXQZqjuWzr1Dzgt8GSpOTQqNJK549dhCAt-U5dcjHK-ADW1Ybo_XRWBuuXiWLw/s640/fa3.png" style="border: 0px solid rgb(204, 204, 204); height: auto !important; max-width: 570px; padding-top: 4px;" title="Cách thêm comment facebook và quản lý cho Blogspot - Web" width="640" /></a></div>
 - Bạn tích vào những mục bạn mong muốn, bạn tích hết cũng được rối nhấn tiếp tục vậy là bạn đã thành công bước đầu (các thao tac bên trên là thao tác dành cho những ai chưa đăng ký tạo app lần nào). Còn bây giờ chúng ta bắt đầu đi tạo app để quản lý comment trên blogspot Bắt đầu tạo app: Ứng Dụng => Create a New App điền đầy đủ thông tin rồi nhấn vào Tạo Ứng dụng 
<div class="separator" style="background-color: white; clear: both; color: #333333; font-size: 16px; text-align: center;">
<img alt="Cách thêm comment facebook và quản lý cho Blogspot - Web" border="0" height="330" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD6ysDIvlhfS7pJ_wJPSJY5ZkDRmGVv6d-ZV8eZ-tff46q6MmmDO2bNoyz5igjUUbGpdQ_Q0znG4FzdkqoZ46tTCgLH21yznJ1ovfS1VC_XD7jchIY4iVELdOm4TpFZPMHGi9VaotsmEw/s640/pa4.png" style="border: 0px solid rgb(204, 204, 204); height: auto !important; max-width: 570px; padding-top: 4px;" title="Cách thêm comment facebook và quản lý cho Blogspot - Web" width="640" /></div>
 - sau khi thành công bạn sẽ có mục id này 
<div class="separator" style="background-color: white; clear: both; color: #333333; font-size: 16px; text-align: center;">
<img alt="Cách thêm comment facebook và quản lý cho Blogspot - Web" border="0" height="164" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlopskY34HubOYNcE9pkRtBmXlcURDWpV8TPQfq0aikOTFsrdLzaMmYkTclzTmHwNp5ZyuSUVO9eaM5ABAbjqENZbjxUDxpdyJa7Bi2D1MEB4gF1SDpfU-VnIWPRA8JfhB5r3GAGWwZBY/s640/pa5.png" style="border: 0px solid rgb(204, 204, 204); height: auto !important; max-width: 570px; padding-top: 4px;" title="Cách thêm comment facebook và quản lý cho Blogspot - Web" width="640" /></div>
 Cách thêm commnet facebook cho blogspot Bước 1 - Đăng nhập vào blog Bước 2 - Chọn mẫu (Template) Bước 3 - Chọn chỉnh sửa HTML (Edit HTML) Chú ý:  Trước khi chỉnh sửa code web lên tải bản code về để có bản gốc, tránh trường hợp code lỗi ko khôi phục lại được ! - Tìm đoạn code  <html  thường thì nó ở ngay dòng thứ 2, bạn thêm đoạn code sau ngay bên phải nó ==> xmlns:fb='https://www.facebook.com/2008/fbml' (ngăn cách nhau bằng dấu cách nếu có đoạn code đó rồi thì bạn ko phải thêm nữa nhé) - Thêm đoạn code sau dưới thẻ <head> ===> <meta content='1381242482126904' property='fb:app_id'/> Chú ý: 1381242482126904 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 của bạn nhé 
<div class="separator" style="background-color: white; clear: both; color: #333333; font-size: 16px; text-align: center;">
<img alt="Cách thêm comment facebook và quản lý cho Blogspot - Web" border="0" height="164" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXkUUQ75uRnFdoPmHXTPUWYeeeW76JeQEACTUUeCeoVu7gY2Yd8_iTAoxMLgrx9UylwDTR016afNgjPeTry-fvGh-MxOm4ew7pjvXzLOXp2f7ox0lld6VGK3Ffjab0EbRII8C1JWB_i84/s640/pa5.png" style="border: 0px solid rgb(204, 204, 204); height: auto !important; max-width: 570px; padding-top: 4px;" title="Cách thêm comment facebook và quản lý cho Blogspot - Web" width="640" /></div>
 Bước 4 - 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> Và đoạn code sau lê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> Lưu ý : Các bạn thay data-num-post=5 : số comment hiển thị. Nếu quá sẽ tự động gộp comment data-width=540 : chiều rộng khung comment 
<div style="background-color: white; color: #333333; font-size: 16px;">
 </div>
 Cách thêm commnet facebook vào Blogspot Bước 5 - 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> Chú ý: Một số bạn có thắc mắc về màu chữ hay khung có màu trùng với màu nền thì các bạn thực hiện thêm bước sau nhé (nếu ko ảnh hưởng thì không cần làm thêm bước này) Dán đoạn code sau vào trước thẻ ]]></b:skin>. 
<div class="chuy" style="background-color: #c0e9fa; background-position: 30px 20px; background-repeat: no-repeat; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; border: 3px dashed rgb(14, 127, 173); box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin: 20px 10px; outline: none; overflow: auto; padding: 10px; width: 450px;">
.comments-page {           background-color: #f2f2f2;           width:540px           } #blogger-comments-page {           padding: 0px 5px;           display: none           } .comments-tab {           float: left; padding: 5px;           margin-right: 3px;           cursor: pointer;           background-color: #f2f2f2           } .comments-tab-icon {           height: 14px;           width: auto;           margin-right: 3px           } .comments-tab:hover {           background-color: #eeeeee           } .inactive-select-tab {           background-color: #d1d1d1           } </div>
 Để thay đổi màu nền của nội dung các tab chỉ cần chỉnh sửa #f2f2f2  , #eeeeee , #d1d1d1 (đây là mã màu các bạn thay đổi cho phù hợp nhé) Để thay đổi độ rộng của chiều rộng khung comment thay đổi giá trị : 540px Lưu lại vậy là Xong ! Cách quản lý comment facebook trên blogspot Sau khi các bạn đã làm thành công các bước trên . Để quản lý các comment facebook trên blospot của bạn các bạn làm như sau: Bước 1: Bạn truy cập vào link sau <a href="https://developers.facebook.com/tools/comments" style="color: #256ead; text-decoration: none;">https://developers.facebook.com/tools/comments</a> (chú ý bạn phải đang đăng nhập facebook mà bạn đã đăng ký app nhé) 
<div class="separator" style="background-color: white; clear: both; color: #333333; font-size: 16px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4YzkT_RHwZRtDMwY6iqCCjPg2bMWhDsBGctTLr01OpjEi0828cMn2YtrKqG8fE4AF1Ad6FQVhA60SG27i1MSkO13weLRjEacdfeinQOy_KFyO1xHob9w3FnUuSI7f5KjOx8zdwUl2uAI/s1600/pa6.png" imageanchor="1" style="color: #256ead; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="Cách thêm comment facebook và quản lý cho Blogspot - Web" border="0" height="232" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4YzkT_RHwZRtDMwY6iqCCjPg2bMWhDsBGctTLr01OpjEi0828cMn2YtrKqG8fE4AF1Ad6FQVhA60SG27i1MSkO13weLRjEacdfeinQOy_KFyO1xHob9w3FnUuSI7f5KjOx8zdwUl2uAI/s640/pa6.png" style="border: 0px solid rgb(204, 204, 204); height: auto !important; max-width: 570px; padding-top: 4px;" title="Cách thêm comment facebook và quản lý cho Blogspot - Web" width="640" /></a></div>
 - Bạn muốn comment nó thuộc bài viết nào thì bạn click sang Moderator View ==> click chuột vào phần Visit Website để sang bài viết mà có comment đó. Còn bây giờ mọi người hay bắt tay vào và test ngay thôi ! Chúc các bạn thêm phần comment facebook và quản lý cho Blogspot thành công! Nguồn bittuot

Cách thêm comment facebook và quản lý comment cho Blogspot

Cách thêm comment facebook và quản lý comment cho Blogspot - website . Chèn khung Comment Facebook cho Blogspot .Hướng dẫn Cách thêm comme...

Code CSS gạch chân 2 đường - hướng dẫn trên Web, Blogger

Chỉ với 1 dòng code CSS bạn sẽ thực hiện được điều này. Trước hết là chia sẻ code và hướng dẫn cách làm trên Blogger... 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEBdD9ZWFNhrwmVvW4HONopVKxl3NxUtrbqf3uWGo_VG0_7YyU7R6tquDfPRgEfwlDBQBLRcERnVv4c82cVxQQmDu7rwLdUP70NqNdR6jv65o7QSUn8u7qjs7FrP0l8nOugT7FY0yJ4HWu/s1600/css.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="Code CSS gạch chân 2 đường - hướng dẫn trên Web, Blogger" border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEBdD9ZWFNhrwmVvW4HONopVKxl3NxUtrbqf3uWGo_VG0_7YyU7R6tquDfPRgEfwlDBQBLRcERnVv4c82cVxQQmDu7rwLdUP70NqNdR6jv65o7QSUn8u7qjs7FrP0l8nOugT7FY0yJ4HWu/s320/css.jpg" title="" width="320" /></a></div>
 
<a href="https://www.blogger.com/null" name="more"></a>Code: 
<code> 
u.double { /* -- double underline -- */ 
border-bottom: 1px solid; 
} 
.altdouble { /* alternate double */ 
border-bottom: 3px double; 
line-height: 1.7em; 
} 
u.triple { /* -- triple threat -- */ 
border-bottom: 3px double; 
line-height: 1.9em; 
} 
</code> 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTKuIpyHTHS51WdXA8xLIR8L9uJWaZ6gYJCBjzQguu4OAeLW0PN_WIyZA9AQwBweC4g4ZpbFyazpnsiaX0_BGfeElSnG8XURYOosZEo9BFq_vTlbHZlNT1wYsJQKUwSccl21gdbDn6MFMN/s1600/css-gach-chan.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="Code CSS gạch chân 2 đường - hướng dẫn trên Web, Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTKuIpyHTHS51WdXA8xLIR8L9uJWaZ6gYJCBjzQguu4OAeLW0PN_WIyZA9AQwBweC4g4ZpbFyazpnsiaX0_BGfeElSnG8XURYOosZEo9BFq_vTlbHZlNT1wYsJQKUwSccl21gdbDn6MFMN/s1600/css-gach-chan.jpg" title="" /></a></div>
 
- Hướng dẫn trên Blogger. 
Tùy vào style cho từng vị trí mà các bạn chỉnh sửa nhé. Ví dụ ở đây mình
 muốn đặt cho link bào viết là 2 dấu gạch chân với Style 2 
Dán đoạn code CSS này trước </b:skin> 
và dán: 
<code> 
.post-info a { /* alternate double */ 
border-bottom: 3px double; 
line-height: 1.7em; 
} 
</code> 
chúc các bạn vui vẻ !
<div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;">
Nguồn St</div>

Code CSS gạch chân 2 đường - hướng dẫn trên Web, Blogger

Chỉ với 1 dòng code CSS bạn sẽ thực hiện được điều này. Trước hết là chia sẻ code và hướng dẫn cách làm trên Blogger... Code: u.doubl...

Cách lấy ảnh Thumbnail của video làm ảnh cho bài viết Blogspot

<div class="separator" style="clear: both; text-align: center;">
<img alt="Cách lấy ảnh Thumbnail của video làm ảnh cho bài viết Blogspot" border="0" height="418" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhZsy0l8OPvzwXcbQBogadhxCrZirIoxQpvp_0hh58k2N_amUchtmsBRxoNbMTALcvpzDorfRtqYQVRCl1KKrU14kv9wqqx-w5shj3jTmCq2nvJPi8WCwPcIrZzNGxy7mtTwY_9hT2CS0/s1600/video.gif" title="Cách lấy ảnh Thumbnail của video làm ảnh cho bài viết Blogspot" width="640" /></div>
 
Cách lấy ảnh Thumbnail của video làm ảnh cho bài viết Blogspot. Như tiêu đề hôm nay Bít Tuốt xin hướng dẫn các bạn Cách lấy ảnh Thumbnail của video làm ảnh cho bài viết Blogspot. 
 
Vậy lấy ảnh này để làm gì ? 
 
Như các bạn biết hiện nay có rất nhiều <a href="http://bittemplates.blogspot.com/">theme dành cho blogspot</a>
 dùng để làm cho các blog chia sẻ về video và nếu các bạn không biết 
cách đăng bài viết cho các theme kiểu như này thì khi các hình ảnh đại 
diện trên blog của bạn sẽ không có ảnh hiển thị và nhìn sẽ không đẹp mắt
 (bạn sẽ thấy rõ nếu blog của bạn hiện bài mới nhất ở trang chủ có Hình 
ảnh đại diện của bài viết + Tiêu đề bài viết ...) 
 
Trường hợp áp dụng ? 
 
- Thủ thuật mình chia sẻ ở đây sẽ áp dụng tốt cho những ai có ý định 
viết 1 bài viết mà trong đó không có hình ảnh mà chỉ có video . Và chúng
 ta sẽ lấy cái ảnh Thumbnail của video đó làm ảnh đại diện cho bài viêt 
(áp dụng tốt cho các video lấy từ youtube) 
 
Cách lấy ảnh Thumbnail của video làm ảnh cho bài viết Blogspot 
 
Để làm được như vậy các bạn khi đăng bài làm như sau chuyển chế đọ đăng 
bài sang dạng HTML và copy link chia sẻ của youtube như sau: 
 
Ví dụ dưới đây là phần code khi bạn chèn vào bài viết các bạn làm tương tự là ok 
 
<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/dNiVB_d_z4k" width="560"></iframe><img border="0" height="0" src="http://i2.ytimg.com/vi/dNiVB_d_z4k/0.jpg" width="0" /> 
 
- dNiVB_d_z4k : Phần ID của video 
- <img border="0" height="0" src="http://i2.ytimg.com/vi/dNiVB_d_z4k/0.jpg" width="0" /> Phần hiển thị ảnh mô tả của video chú ý thay ID theo đúng id của mỗi video để có thể hiển thị đúng ảnh 
 
Youtube cung cấp cho bạn 4 hình thumbnail ảnh đại diện cho mỗi video từ 0 ==> 3. Bạn có thể thay 0.jpg thành 1.jpg, 2.jpg, 3.jpg để lấy các hình khác. 
 
Các bạn muốn hiểu rõ bài viết này có thể thực hành ngay trên blog của mình để xem nó hiệu quả ra sao nhé 
 
Chúc các bạn thành công ! 
 
Nguồn được viết bởi : http://bittuot.blogspot.com/

Cách lấy ảnh Thumbnail của video làm ảnh cho bài viết Blogspot

Cách lấy ảnh Thumbnail của video làm ảnh cho bài viết Blogspot . Như tiêu đề hôm nay Bít Tuốt xin hướng dẫn các bạn Cách lấy ảnh Thumbna...

Cách lấy hình thumbnail ảnh đại diện của video trên Youtube

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZmQf7_VIM3HdxC8rBBW6VgyFDWyGIu9iKex2F7GPKGF-JntJEtMY1merJ_H7sz15yxiyZSziuxMw79aNASHKSyBWmaKi1l-6IoMrSWCV_r7x8ELeyg0brn_TtprtUmCrUFNAXxJzkgt4/s1600/youtube.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="Cách lấy hình thumbnail ảnh đại diện của video trên Youtube" border="0" height="358" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZmQf7_VIM3HdxC8rBBW6VgyFDWyGIu9iKex2F7GPKGF-JntJEtMY1merJ_H7sz15yxiyZSziuxMw79aNASHKSyBWmaKi1l-6IoMrSWCV_r7x8ELeyg0brn_TtprtUmCrUFNAXxJzkgt4/s1600/youtube.jpg" title="Cách lấy hình thumbnail ảnh đại diện của video trên Youtube" width="640" /></a></div>
Cách lấy hình thumbnail ảnh đại diện của video trên Youtube.Cách lấy hình thumbnail của video trên Youtube. Cách
 lấy hình đại diên của video trên Youtube. làm sao để lấy được hình đại 
diện của 1 video. Cách lấy ảnh đại diện của video trên youtube 
 
Sau đây <a href="http://bittuot.blogspot.com/">Bít Tuốt Blog</a> xin hướng dẫn các bạn : Cách lấy hình thumbnail ảnh đại diện của video trên Youtube 
 
Để lấy được hình thumbnail ảnh đại diện của video trên Youtube các bạn làm theo bước sau : 
 
Bước 1: Các bạn mở một video YouTube cần lấy hình thumbnail. 
 
Bước 2: Xem URL của video trên thanh địa chỉ, 
 
Mình xin lấy ví dụ qua link sau: https://www.youtube.com/watch?v=Xb7MQF0Rw7o 
-Phần vạn quan tâm nhất sẽ là phần sau chữ v= mà mình đã bôi đỏ ở trên đó chính là id của video của bạn 
 
Bước 3: Gõ địa chỉ sau http://img.youtube.com/vi/Id của video/0.jpg  lên thanh địa chỉ. 
 
Chú ý đến phần của id của video nhé. Lấy cái ID ở trên rồi thay vào rồi nhân Enter vậy nó sẽ hiện ra nahr mà bạn cần lấy 
 
Youtube cung cấp cho bạn 4 hình thumbnail ảnh đại diện cho mỗi video từ 0 ==> 3. Bạn có thể thay 0.jpg thành 1.jpg, 2.jpg, 3.jpg để lấy các hình khác. 
 
 
 
Vậy là xong chúc các bạn thành công ! 
 
Nguồn được viết bởi : http://bittuot.blogspot.com/

Cách lấy hình thumbnail ảnh đại diện của video trên Youtube

Cách lấy hình thumbnail ảnh đại diện của video trên Youtube.Cách lấy hình thumbnail của video trên Youtube . Cách lấy hình đại diên của v...

Làm đẹp cho nội dung bài viết blogspot

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPOtHkdIvmH73FsrpGoc1qK6Ys2fgpeS5Je9e5DKnIe0pyIQY2l2IKr-FpAs76VsW3JEsOk40GCaSaLz6JXnn7lJxQKJa_RPdL0eaVoT9L0HFHJ-fMMydMrr_KXcWW7NcSNZapMobIs4U/s640/12.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPOtHkdIvmH73FsrpGoc1qK6Ys2fgpeS5Je9e5DKnIe0pyIQY2l2IKr-FpAs76VsW3JEsOk40GCaSaLz6JXnn7lJxQKJa_RPdL0eaVoT9L0HFHJ-fMMydMrr_KXcWW7NcSNZapMobIs4U/s320/12.png" /></a></div>
Làm đẹp cho nội dung bài viết blogspot.Làm đẹp cho bài viết 
blogspot.Code làm đẹp cho nội dung bài viết blogspot.Làm đẹp cho phần 
cần nhấn mạnh - phần quan trọng trong nội dung bài viết 
 
<a href="https://www.blogger.com/null" name="more"></a> 
Làm đẹp cho phần cần nhấn mạnh - phần quan trọng trong nội dung bài viết 
 
Bước 1 : Đăng nhập blogspot => Mẫu (Template) => Chỉnh sửa HTML 
 
Rồi tìm đoạn code sau :  ]]></b:skin> rồi dán các đoạn code dưới đây 
 
Bạn thêm đoạn code này lên trên phần ]]></b:skin>

<div class="noibat">
.noibat { 
background-color:#C0E9FA; 
background-position:30px 20px; 
background-repeat:no-repeat no-repeat; 
border:3px dashed #0E7FAD; 
border-bottom-left-radius:15px; 
border-bottom-right-radius:15px; 
border-top-left-radius:15px; 
border-top-right-radius:15px; 
box-sizing:border-box; 
color:#000; 
font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px; 
line-height:24px; 
margin:20px 10px; 
outline:none;padding:10px; 
}</div>
Bạn lưu lại vậy là xong bước 1 
 
Bước 2 : Cần chú ý khi viết bài 
- Bước này là bước bạn thao tác khi viết bài . Khi bạn viết bài thì bạn đơn giản chuyển dạng soạn thảo văn bản từ dạng Viết sang dạng HTML rồi bao phần nội dung cần gây chú ý vào thẻ: 
 
 <div class="noibat"> Nội dung cần làm nổi bật </div> 
 
Chúc các bạn thành công !Chúc các bạn thành công !

Nguồn ST

Làm đẹp cho nội dung bài viết blogspot

Làm đẹp cho nội dung bài viết blogspot.Làm đẹp cho bài viết blogspot.Code làm đẹp cho nội dung bài viết blogspot.Làm đẹp cho phần cần nh...

Code popup thông báo xuất hiện chỉ 1 lần khi vào trang web blogspot

<div class="separator" style="clear: both; text-align: center;">
<img alt="Code popup thông báo xuất hiện chỉ 1 lần khi vào trang web blogspot" border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIF4NRzxdH6ES7iTsGuDtdfj2MqJhKnzLlZ77ZwLxXEM4UT9nQGnLBnsmyCUSabDEml5DBs_Pj9lt18hxOVZNpfhqH7pz12PlMkkGDjX85X2VmD-oxH6wqYkrR3lRbzAX_GBcH9BMFnII/s640/popup.png" title="Code popup thông báo xuất hiện chỉ 1 lần khi vào trang web blogspot" width="640" /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
Code popup xuất hiện chỉ 1 lần khi vào trang web blogspot. Hướng tạo popup thông báo,banner quảng cáo xuất hiện chỉ 1 lần khi vào trang web blogspot. 
 
Hôm nay Bít Tuốt sẽ 
hướng dẫn các bạn tạo code tạo popup thông báo hay banner thông 
báo,quảng cáo...chỉ lần đầu tiên vào website không xuất hiện thêm nữa 
khí vào đọc các bài viết khác nhau để không gây khó chịu cho người dùng 
 
<a href="https://www.blogger.com/null" name="more"></a> 
Code popup thông báo xuất hiện chỉ 1 lần khi vào trang web blogspot 
 
Cách thực hiện như sau: 
 
Bước 1: Thêm đoạn code sau lên trên thẻ đóng </head> 
 
<div class="chuy">
 <link rel="stylesheet" href="https://sites.google.com/site/tessssssssblog/popup.css" /> 
  
 <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script> 
 <script type="text/javascript" src="https://seovnpro.googlecode.com/files/popup.js"></script> 
 
 
<script type="text/javascript" > 
    jQuery.noConflict();      /* dòng chống conflict jquery */ 
    jQuery(window).load(function() { 
        if(document.cookie.indexOf("adf") == -1) /*  Bỏ dòng này thì nó 
hiện thông báo liên tục mỗi khi mở web lên rất là phiền  */ 
        { 
            document.cookie = "popunder1=adf"; 
            jQuery('#myModal').bittuotblog(jQuery('#myModal').data()); 
        } 
    }); 
</script></div>
 
Bước 2: Bạn thêm đoạn code sau lên trên thẻ đóng </body> 
 
<div class="chuy">
<div id="myModal" class="modal"> 
 <img src="link ảnh của bạn" /> 
 <a class="close-modal">X</a> 
</div> </div>
Chú ý: Thay phần  <img src="link ảnh của bạn cần hiển thị" />   bằng hình ảnh của bạn nhé. Bạn có thể thay nó bằng đoạn text thông báo tùy ý cũng dc 
- Còn đối với đoạn này: <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script> bạn có thể bỏ đi nếu nó không chạy thì có thể do bị xung đột jquery hoặc javascript. 
 
Nguồn Biết tuốt

Code popup thông báo xuất hiện chỉ 1 lần khi vào trang web blogspot

Code popup xuất hiện chỉ 1 lần khi vào trang web blogspot . Hướng tạo popup thông báo,banner quảng cáo xuất hiện chỉ 1 lần khi vào trang...

Mr.Quay's Blog