Tạo sitemap sơ đồ Blog/Website theo nhãn chi tiết và đẹp mắt

Sitemap là gì ? Sitemap là một bản đồ của website, là một trong những yếu tố vô cùng quan trọng khi đánh giá Onepage của một Blog/Website. Đây là một đường dẫn trên trang web của bạn.


 Ở bài viết này mình sẽ giúp các bạn tạo một sitemap theo dạng label nhãn vô cùng đơn giản mà chuẩn seo. Sitemap sẽ có dạng như sau:

+Bước 1: Bạn vào https://www.blogger.com, để tạo trang mới và Chuyển sang thẻ HTML 



+Bước 2: Sao chép và dán đoạn code sau:
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<br /></div>
<script type="text/javascript">
var numposts = 100;
var standardstyling = true;
function showrecentposts(json) {
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}}
posttitle = posttitle.link(posturl);
if (standardstyling) document.write('<li>');
document.write(posttitle);}
if (standardstyling) document.write('</li>
');
}
</script>
<strong><a href="https://thoandroid.blogspot.com/search/label/seoblogger">Thủ thuật Blog/Website</a></strong>
<br />
<br />
<ul>
<script src="https://thoandroid.blogspot.com/feeds/posts/default/-/seoblogger?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</ul>

<br /></div>

+Bước 3: Thay đổi dòng chữ màu xanh và đỏ phù hợp với blog của bạn:
 - Dòng màu xanh: là địa chỉ url blog của bạn
 - Dòng màu đỏ: là nhãn của bài viết của bạn. Lưu ý nếu nhãn của bạn có 2 từ có khoảng trắng chính giữa thì phải thêm %20. ví dụ: nhãn là thu thuat  thì là thu%20thuat

Lưu lại và kiểm tra thành quả nhé !

   Cảm ơn các bạn đã xem bài viết. Mọi thắc mắc liên quan các bạn vui lòng comment bên dưới để trao đổi nhé !
 ( Lưu ý khi sao chép vui lòng ghi rõ nguồn trang thoandroid.ga).

Tạo khung popup quảng cáo Fanpage Facebook đơn giản và đẹp


Nếu bạn đang có một Fan page Facebook và muốn quảng cáo cho người dùng tương tác đến để cập nhật những thông tin nhanh nhất từ website của bạn.


Thì việc tại một popup quảng cáo face khi người dùng truy cập vào Blog là một điều rất cần thiết.
Ưu điểm của tiện ích popup like fanpage facebook mà Blog Tho Android sẽ giới thiệu:
  - Tiện ích này chỉ hiện thị 1 lần duy nhất khi truy cập vào trang với 1 địa chỉ ID. Điều này không gây phiền đối với người vào xem Blog của bạn.
  - Tiện ích không cần phải chèn vào đụng vào Chỉnh sửa chủ đề của Blog.

+Bước 1: Bạn vào https://www.blogger.com, vào Bố cục, nhấp chọn thêm tiện ích HTML/JavaScript.

  Sao chép và dán đoạn code sau:

<style>
#fbox-background {
    display: none;
    background: rgba(0,0,0,0.8);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
}
#fbox-close {
    width: 100%;
    height: 100%;
}
#fbox-display {
    background: #eaeaea;
    border: 5px solid #3a5795;
    width: 340px;
    height: 230px;
    position: absolute;
    top: 32%;
    left: 37%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#fbox-button {
    float: right;
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 0px;
}
#fbox-button:before {
    content: "CLOSE";
    padding: 5px 8px;
    background: #3a5795;
    color: #eaeaea;
    font-weight: bold;
    font-size: 10px;
    font-family: Tahoma;
}
#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover {
    color: #000000;
    font-size: 9px;
    text-decoration: none;
    text-align: center;
    padding: 5px;
}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
// key and at least value given, set cookie...
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);
if (value === null || value === undefined) {
options.expires = -1;
}
if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}
value = String(value);
return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
// key and possibly options given, get cookie...
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_facebook_box') != 'yes'){
$('#fbox-background').delay(5000).fadeIn('medium');
$('#fbox-button, #fbox-close').click(function(){
$('#fbox-background').stop().fadeOut('medium');
});
}
$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fbox-background'>
<div id='fbox-close'>
</div>
<div id='fbox-display'>
<div id='fbox-button'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/thoandroid.vn/&width=330&height=217&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border: none; overflow: hidden; background: #fff; width: 330px; height: 200px;'></iframe>
<div id="fbox-link">Like Fanpage<a style="padding-left: 0px;" href="https://thoandroid.blogspot.com/" rel="nofollow"> Hoang Tho Blog</a></div>
</div>
</div>
+Bước 2: Tìm và thay thế địa chỉ Face sau: https://www.facebook.com/thoandroid.vn
thành địa chỉ face của bạn. 
Thay đổi kích thước khung với các chữ màu đỏ đã tô.

Lưu lại và kiểm tra thành quả nhé !

   Cảm ơn các bạn đã xem bài viết. Mọi thắc mắc liên quan các bạn vui lòng comment bên dưới để trao đổi nhé !
 ( Lưu ý khi sao chép vui lòng ghi rõ nguồn trang thoandroid.ga).

Chèn nút Like Facebook và G+ bên phải dọc Blog/Web


Để đáp ứng nhu cầu tương tác giữa người dùng với Blog của bạn. Khi đó bạn tạo một nút Like và G+ là một điều rất hợp lý. Hôm nay Blog Tho Android sẽ giúp bạn làm điều đó:





+Bước 1: Vào https://www.blogger.com, Chọn Mẫu , nhấp chọn Chủ đề và chọn Chỉnh sửa HTML

+Bước 2: Bạn Ctrl + F tìm kiếm thẻ <body>

+Bước 3: Bạn chèn đoạn code bên dưới nằm sau thẻ <body>
<style type='text/css'>
#chiase {position:fixed; top:35%; right:0%; background-color:#2AA4CF;padding:2px;z-index:10;border-bottom-right-radius:5px;border-top-right-radius:5px;}
#chiase .nut {float:left;clear:both;}
</style>
<div id='chiase'>
    <div style='margin:4px;'>
          <div class='nut' id='facebook'>
          <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
          <fb:like layout='box_count' show_faces='false'/>
          </div>
<br/>
        <div class='nut' id='google'>
     <script src='https://apis.google.com/js/plusone.js' type='text/javascript'>
     </script>
        <g:plusone size='tall'/>
        </div>
    </div>

</div>
Lưu lại và kiểm tra thành quả nhé !

   Cảm ơn các bạn đã xem bài viết. Mọi thắc mắc liên quan các bạn vui lòng comment bên dưới để trao đổi nhé !
 ( Lưu ý khi sao chép vui lòng ghi rõ nguồn trang thoandroid.ga).

Cách chèn Khung Chat Live Online cho Blog Website



Để đáp ứng nhu cầu tương tác giữa người dùng với Blog của bạn. Khi đó bạn tạo một khung chat live facebook là một điều rất hợp lý. Hôm nay Blog Tho Android sẽ giúp bạn làm điều đó:


+Bước 1: Vào https://www.blogger.com, Chọn Mẫu , nhấp chọn Chủ đề và chọn Chỉnh sửa HTML

+Bước 2: Bạn Ctrl + F tìm kiếm thẻ </body>

+Bước 3: Bạn chèn đoạn code sau lên trên thẻ </body>
<div class='liveChat-Box'>
    <div class='liveChat-bar'>Hỗ trợ trực tuyến</div>
    <div class='liveChat-panel'>
        <div id='fb-root'/>
      <script type='text/javascript'>
            (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/vi_VN/sdk.js#xfbml=1&amp;version=v2.5&quot;;
                fjs.parentNode.insertBefore(js, fjs);
            }(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));
        </script>

        <div class='fb-page' data-adapt-container-width='true' data-height='300' data-hide-cover='false' data-href='https://www.facebook.com/thoandroid.vn' data-show-facepile='false' data-show-posts='false' data-small-header='true' data-tabs='messages' data-width='250' style='position:fixed; z-index:9999999; right:10px; bottom:0px;'/>
       </div>
</div>



+Bước 4: Thay địa chỉ https://www.facebook.com/thoandroid.vn thành địa chỉ trang Face của bạn.


Lưu lại và kiểm tra thành quả nhé !

   Cảm ơn các bạn đã xem bài viết. Mọi thắc mắc liên quan các bạn vui lòng comment bên dưới để trao đổi nhé !
 ( Lưu ý khi sao chép vui lòng ghi rõ nguồn trang thoandroid.ga).

Cách chèn khung chứa Code cho Blog

Khi các bạn muốn chia sẻ một đoạn Code hay đơn giản là những dòng viết khá dài. Để thu gọn lại chúng cho gọn gàng trong một khung để dàng xem và sao chép. Thì việc chèn thêm 1 đoạn khung chứa code là một điều quan trọng trong việc tối ưu Blog của mình. Hôm nay Tho Android sẽ giúp bạn làm điều đó:




+Bước 1: Bạn vào https://www.blogger.com, vào Bài đăng mới, nhấp chọn HTML.


Sao chép và dán đoạn code sau:

<div style="background-color: #f4f4f4; border-color: gray; border-style: solid; border-width: 1px; cursor: text; font-family: consolas,'Courier New',courier,monospace; line-height: 12pt; margin: 20px 0px 10px; max-height: 200px; overflow: auto; padding: 4px; width: 97.5%;">
<span style="font-size: small;">
Nội dung code bạn muốn chèn vô khung
</span>
<span style="font-size: small;"><br /></span>
<span style="font-size: small;"></span></div>
<span style="font-size: small;"><span style="font-family: &quot;times&quot; , &quot;times new roman&quot; , serif;">

</span></span>
+Bước 2: Bạn nhấp chọn về Viết:


Thay dòng màu đỏ thành nội dung code của bạn cần chèn. 


Lưu lại và kiểm tra thành quả nhé !

   Cảm ơn các bạn đã xem bài viết. Mọi thắc mắc liên quan các bạn vui lòng comment bên dưới để trao đổi nhé !
 ( Lưu ý khi sao chép vui lòng ghi rõ nguồn trang thoandroid.ga).

Chèn hộp thoại đăng kí nhận tin qua Email

 Khi các bạn làm Blog để tương tác với người xem.
 Và người xem có nhu cầu theo dõi thường xuyên bài đăng mới nhất từ Blog của bạn. 


Thì việc chèn thêm vào Blog một hộp thoại đăng kí theo dõi bài viết mới nhất qua Email là điều rất cần thiết.


Để làm được điều này các bạn làm như sau:
 Bước 1: Vào Blogger.com tìm đến Bố cục , Thêm tiện ích Theo dõi qua Email => lấy dòng đống khung như bên dưới:



Bước 2: Vào Blogger.com tìm đến Bố cục , Thêm tiện ích HTML/JavaScript, copy và dán đoạn code trong file đính kèm sau:"  file " vào hộp HTML/JavaScript. (Nhấp vào "file" để xem code)
Bước 3: Tìm kiếm dòng code:    <input type="hidden" value="ThoAndroid" name="uri" />
Thay chữ màu đỏ thành Id mà bạn đã tìm được ở bước 1


Lưu lại và kiểm tra thành quả nhé !

   Cảm ơn các bạn đã xem bài viết. Mọi thắc mắc liên quan các bạn vui lòng comment bên dưới để trao đổi nhé !
 ( Lưu ý khi sao chép vui lòng ghi rõ nguồn trang thoandroid.ga).


Chèn nút Đăng ký youtube vào Blog

Nếu bạn đang có một kênh youtube và một blog kết hợp để đăng video. Thì việc tạo ra một nút đăng kí nhúng vào blog để mọi người biết đến khi truy cập vào là một điều rất cần thiết. Để nhúng nút đăng kí youtube vào blog vô cùng đơn giản. Các bạn làm như sau:
+ Bước 1: Các bạn truy cập vào Kênh youtube cần chèn nút đăng kí (Subscribe):

      ví dụ:  https://www.youtube.com/channel/UC5KXyuk5rXlJOktirllauzg

Mục đích bạn cần lấy ID được tô đỏ. Mỗi kênh youtube sẽ có một ID khác nhau .

+ Bước 2:  Bạn truy cập vào địa chỉ:
 https://developers.google.com/youtube/youtube_subscribe_button  để tiến hành đăng kí.

+ Bước 3: Bạn điền ID lấy được từ bước 1 vào Khung Channel Name or ID:



Cuối các bạn nhấn chọn Lấy mã và thêm tiện ích chèn vào Blog của bạn là xong.


Lưu lại và kiểm tra thành quả nhé !

   Cảm ơn các bạn đã xem bài viết. Mọi thắc mắc liên quan các bạn vui lòng comment bên dưới để trao đổi nhé !
 ( Lưu ý khi sao chép vui lòng ghi rõ nguồn trang thoandroid.ga).

Làm gì khi bị nhà mạng chặn truy cập Blogger/Blogspot

Khi các bạn truy cập vào trang blog. Đợi rất lâu nhưng không vào được blog, mặc dù mạng của chính mình đang sài khá mạnh.
Lí do là do nhà mạng đã chặn khi vào các trang liên quan đến Blogger, 
Hôm nay Blog Tho Android sẽ hướng dẫn mẹo nhỏ để có thể truy cập vào được. Mình đã thử là test thành công.
  +Bước 1: tại màn hình Desktop bạn chọn chuột phải vào mạng wifi của mình => chọn Open Network and Sharing Center

  + Bước 2: tại cửa sổ Open Network and Sharing Center, bạn chọn chuột nhấp chọn vào mạng wifi của mình. 



  + Bước 3: Một hộp thoại mới hiển thị như bên dưới, bạn chọn Properties.

  + Bước 4: ở thẻ Networking của cửa sổ mới bật lên, bạn Click vào Internet Protocol Version 4(TCP/ IPv4), sau đó Click chọn Properties.

  +Bước 5: Tiếp theo bạn tích vào Use The Follwing DNS Server Addresses và nhập vào các giá trị của DNS lần lượt là 8 8 8 8 8 8 4 4
Click chọn “OK” để hoàn tất quá trình đổi DNS. 


Sau đó bạn tắt trình duyệt và mở lên lại là có thể truy cập vào Blog được.
 Chúc bạn thành công !


Nâng cấp Google Adsen Hosted thành Content

   


Đối với các bạn nào đã đăng kí thành công tài khoản Google Adsen thông qua một kênh youtube. Hiện tại bạn muốn gia nhập vào Blog thông qua tài khoản Adsen từ youtube. Để làm được điều này các bạn cần làm những việc sau:


Bước 1: Đăng nhập vào Blogger.com bằng tài khoản gmail mà tài khoản đó cũng là gmail đăng kí Google Adsen .
                
Bước 2: Tiến hành vào phần Doanh thu trên trang tổng quan Blogger. Sau đó nhấp vào Đổi tài khoản adsense phía dưới cùng tab . 
Các bạn xác minh gmail, thông tin đăng nhập ...( bước này để bạn khai báo với google là bạn có một trang blog và muốn kiếm tiền với GA

Bước 3: Vào trang quản lí GA của bạn. Click chọn vào menu phía bên trái, chọn vào cài đặt cá nhân, chọn tiếp vào Trang web của tôi. Tại đây bạn nhập trang web của bạn vào là thêm địa chỉ Blog của chính bạn và nhấn thêm trang web.

Bước 4:  Click chọn vào Quảng cáo của tôi  => các Kênh tuỳ chỉnh => tạo Kênh tuỳ chỉnh mới => Lưu


Bước 5:  Trở lại trang tổng quan Bogger. Nhấp vào Doanh Thu. Các bạn chọn hiển thị quảng cáo. 

Lúc này quảng cáo sẽ không hiển thị ngay mà sẽ hiện một khoảng trắng. 
Cứ để khoảng trắng đó trên website . Thời gian này google sẽ xem xét trang blog của bạn và sẽ gửi gmail thông báo nếu như blog của bạn đạt tiêu chuẩn.