Entertainment

Fun & Fashion

International

Latest Updates

Làm SEO Cho Blogspot

01:45

Làm thế nào để thêm thẻ meta trong blogger. Vâng! Trong bài đăng này, mình sẽ chia sẻ một gói hoàn chỉnh các thẻ meta cho SEO Blogger. Như bạn đã biết, Blogspot là một nền tảng viết blog khá phổ biến và dễ dàng sử dụng. Tối ưu hóa công cụ tìm kiếm là một phần quan trọng nhất trong blogger. Một người sử dụng và công cụ Tìm kiếm có một ý tưởng ngắn từ thẻ tiêu đề của trang / bài viết của bạn và nó là quan trọng. Chúng tôi đặt thẻ <title> sau thẻ <head>. Thẻ tiêu đề này hiển thị trên thanh tiêu đề của trình duyệt và Kết quả tìm kiếm. Nếu bạn có một Blog, bạn cần phải Tối ưu hóa SEO cho blog của mình để nhiều người biết đến blog của mình thông qua các công cụ tiềm kiếm như google, yahoo, bing..... SEO cho blogger là một phần quan trọng nhất cho mỗi blogger. Trong bài này mình xin chia sẻ một gói SEO hoàn chỉnh cho blogger. Một blog cần phải thêm thẻ tilte khác trong các trang hoặc bài đăng khác nhau.

Blogger SEO / Blogspot SEO


Sử dụng gói seo All in one cho blogger, bạn cũng có thể thêm các từ khoá meta tag vào blog của mình, điều này sẽ làm cho các công cụ tìm kiếm hiểu về blog của bạn. Từ khóa meta tag của Blogger tóm tắt blog của bạn để hiểu Blog của bạn làm gì và có nội dung gì ? Thẻ meta cũng quan trọng đối với blogger. Thẻ meta cung cấp một bản tóm tắt trang hoặc các bài viết của bạn trên kết quả tìm kiếm. Đó là điều quan trọng nhất để lập chỉ mục các bài viết của bạn trên công cụ tìm kiếm. Thẻ meta tiêu đề và mô tả thẻ meta là quan trọng nhất cho bloger seo. Thẻ meta của Blogger là <meta name = "description" content = "XXXX"> đây là mô tả thẻ meta cho blogger và nó cũng đặt sau <head> như thẻ tiêu đề. , Làm thế nào để thêm thẻ meta trong blogger Tất cả trong một gói SEO cho blogger có thể giúp bạn cho kết quả tìm kiếm tốt hơn.

Thẻ meta trên blogger rất cần thiết cho mọi thứ trên blog của bạn. Thẻ meta Blogger sẽ cho kết quả tìm kiếm đến trang của bạn tốt hơn. Trong bài này mình chia sẻ một gói hoàn chỉnh các thẻ meta SEO. Điều đó giúp bạn rất nhiều. Trong thế giới internet, bạn cũng tìm thấy máy phân tích thẻ meta, nhưng nó sẽ không phải là một bản sao cho blog của bạn. Bạn cần phải có một tối ưu hóa blogger seo hoàn chỉnh. Bài viết này mình sẽ chia sẻ đầy đủ các thẻ meta để tối ưu hóa công cụ tìm kiếm. Các chủ đề blogger thân thiện với SEO cũng đóng một vai trò quan trọng trong kết quả tìm kiếm.

Tính năng đầy đủ của SEO Meta Tags


  • Full SEO Meta tag blogger: Complate SEO meta tags pack for your blogspot blogger
  • Optimized posts title: Hiển thị tiêu đề bài đăng đầu tiên trên kết quả tìm kiếm.
  • Optimized blogger comments: Giúp tìm kiếm các chương trình để thu thập thông tin nhận xét của blog.
  • Optimized Archive pages: Chỉ định các trang lưu trữ của bạn một cách riêng biệt.
  • Optimized Blogger labels: Chỉ mục các trang nhãn của bạn một cách riêng biệt.
  • Optimized keywords meta tag: Từ khóa chính của bạn, giúp các chương trình tìm kiếm hiểu về blog của bạn.
  • Google, Bing and Alexa verify by verification code: Xác minh tất cả các công cụ quản trị trang web bằng cách sử dụng xác minh ID.
  • SEO friendly robots.txt file by tag:  Nó cho bạn một ý tưởng ngắn gọn để lập chỉ mục blog của bạn cho công cụ tìm kiếm.
  • Convert title tags into dynamic title tags:
  • Convert title on 404 error page: Chuyển đổi tiêu đề blog khi khách truy cập ở trong trang lỗi.
  • Facebook and Twitter profile compatible: Thẻ meta xã hội giúp bạn để giao tiếp xã hội.
  • Allow bots to crawl your site on daily: Các robot thu thập dữ liệu bằng các thẻ meta
  • Google + Author name profile picture Compatible: Thẻ meta xã hội giúp bạn để giao tiếp xã hội.
  • Facebook user name and Page name Compatible: Thẻ meta xã hội giúp bạn để giao tiếp xã hội.

Nếu trong blog của bạn đã thêm thẻ seo, thì bạn cần phải rõ ràng các thẻ meta trước đó từ blog của mình. Bây giờ, hãy bắt đầu và xem cách thêm thẻ meta trong blogger. Bây giờ hãy vào Bảng điều khiển Blogger> Chỉnh sửa HTML và bên dưới mã ngay sau <head>

SEO Meta Tags cho Blogspot Blogger


<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>Page Not Found - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.pageTitle + &quot;, &quot; + data:blog.title' name='keywords'/>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='YOUR, KEYWORDS, HERE' name='keywords'/></b:if>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if>
<meta content='website' property='og:type'/></b:if></b:if></b:if>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/></b:if>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='https://plus.google.com/GOOGLE+ID/posts' rel='publisher'/>
<link href='https://plus.google.com/GOOGLE+ID/about' rel='author'/>
<link href='https://plus.google.com/GOOGLE+ID' rel='me'/>
<meta content='GOOGLE-WEBMASTER-CODE' name='google-site-verification'/>
<meta content='BING-WEBMASTER-CODE' name='msvalidate.01'/>
<meta content='ALEXA-VERIFY-CODE' name='alexaVerifyID'/>
<meta content='Sylhet, Bangladesh' name='geo.placename'/>
<meta content='YOUR-NAME' name='Author'/>
<meta content='general' name='rating'/>
<meta content='Bangladesh' name='geo.country'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta name="language" content="english"/>
<meta content='https://www.facebook.com/Msubel.np' property='article:author'/>
<meta content='https://www.facebook.com/Msdesign.rtml' property='article:publisher'/>
<meta content='FACEBOOK-APP-ID' property='fb:app_id'/>
<meta content='FACEBOOK-ADMIN-ID' property='fb:admins'/>
<meta content='@msubelbd' name='twitter:site'/>
<meta content='@msubelbd' name='twitter:creator'/>
<!-- End of All in One SEO cho blogger by nguyenmanhdien.blogspot.com -->

  1. YOUR, KEYWORDS, HERE:  Gõ từ khóa chính của bạn. 
  2. GOOGLE+ID: Hồ sơ trên Google Plus của bạn (thay thế 3 lần).
  3. GOOGLE-WEBMASTER-CODE:  mã xác minh công cụ quản trị trang web của Google.
  4. BING-WEBMASTER-CODE: Mã xác minh của công cụ quản trị trang web Bing.
  5. ALEXA-VERIFY-CODE: Alexa Xác minh mã.
  6. Sylhet, Bangladesh: Tên quốc gia của bạn.
  7. YOUR-NAME: Tên quản trị của Blog
  8. Bangladesh: Tên nước bạn.
  9. Lag: Ngôn ngữ nội dung của bạn
  10. Msubel.np: Tên người dùng Facebook..
  11. manhdien.rtml: Tên người sử dụng trang Facebook.
  12. FACEBOOK-APP-ID: Ứng dụng facebook của bạn. (make here)
  13. FACEBOOK-ADMIN-ID: ID Facebook của bạn. (find here
  14. @msubelbd: Tên người dùng Twitter của bạn (thay thế 2 lần).
Note: Sẽ mất tối đa 72 giờ để cập nhật toàn bộ blog của bạn.
Ok vậy là đã xong hãy save lại và xem kết quả của mình nhé. Nếu bạn gặp bất kỳ lỗi nào, vui lòng hãy thông báo cho mình về phần nhận xét. Đăng ký nhận tin để có tất cả các cập nhật mới nhất. Nếu bạn nghĩ các bài viết của mình hữu ích thì đừng quên chia sẻ bài đăng của chúng tôi với bạn bè vì sự hỗ trợ của bạn là tương lai của chúng tôi. Cảm ơn và viết blog vui vẻ.

Tạo biểu tượng hộp đăng ký Email cho Blogger

01:47
Hộp thư Đăng ký Email cho Blogger - là một widget của blogger sử dụng jquery. Mẫu đăng ký này được tạo bằng css3 và jquery. Trong bài viết này mình sẽ hướng dẫn cho các bạn cách thêm hộp đăng ký email mỗi khi ngưởi dùng mở website của bạn lên.

Bằng cách thêm tiện ích này, bạn sẽ dễ dàng tăng được lượng độc giả cho blog của mình. Đó là một cách rất tốt để tăng lượng theo dõi cho blog của mình. Tôi hy vọng hộp thư email mới này sẽ giúp bạn tăng độc giả blog. Bây giờ chúng ta sẽ bắt tay vào thực hiện nhé.

Bạn vào mục Template > Edit HTML Và past đoạn mã code CSS vào trước thẻ </style> 

 #sub-box {display:none;background:rgba(0,0,0,0.9);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;}
#boxclose {width:100%;height:100%;-webkit-transform:translateZ(0);}
#boxview {background:#fff;border:8px solid #fff;width:600px;height:250px;position:absolute;top:33%;left:28%;}
#closebox {float:right;cursor:pointer;position:absolute;right:-1px;top:-2px;}
#closebox:before {content:"Close";padding:5px 8px;background:#fff;color:#48cb7a;font-weight:normal;font-size:12px;font-family:Open sans;}
#boxlink,#boxlink a.visited,#boxlink a,#boxlink a:hover {color:#aaaaaa;font-size:9px;text-decoration:none;text-align:center;padding:5px;}
#subscribe-box {width:600px;height:250px;background-color:#02BA74;}
#subscribe-box p {font-family:'Open Sans';font-size:18px;color:#fff;line-height:20px;padding:10px 20px 0 20px;margin:0;}
#subscribe-box .emailfield {padding:0px 20px 10px;}
#subscribe-box .emailfield input {background:#f9f9f9;color:#bbb;padding:10px;margin-top:10px;font-size:13px;font-family:'Open Sans';width:96.3%;border:0;transition:all 0.4s ease-in-out;}
#subscribe-box .emailfield input:focus {background:#fff;outline:none;color:#888;}
#subscribe-box .emailfield .submitbutton {background:#444;color:#fff;text-transform:uppercase;font-weight:normal;font-size: 16px;border:none;outline:none;width:100%;cursor:pointer;border-radius:3px;transition:all 0.4s ease-in-out;}
#subscribe-box .emailfield .submitbutton:active {outline:none;border:none;background:#fff;color:#e25734;}
#subscribe-box .emailfield .submitbutton:hover{background:#fff;color:#444;}

Bạn Save template
 Bây giờ bạn vào Layout > Add a gadget > HTML/Javascript  và paste đoạn code sau vào.



Subscribe for Latest Update

Tạo nút Like fanpage dưới chân trang cho Blogspot

03:06
Bạn có một website và có một fanpage và muốn fanpage hiển thị trên website để tăng lượng truy cập và theo dõi website của bạn, nhưng bạn chưa biết làm như thế nào ? Hôm nay mình xin hướng dẫn các bạn cách chèn Like fanpage vào blogspot một cách đơn giản và nhanh chóng.



| Vì sao bạn cần chèn nút Like fanpage vào website cũng như Blog của mình !
" Đơn giản vì Fanpage sẽ mang lại cho bạn nhiều thành viên trung thành với Website hay thương hiệu của bạn hơn bởi tính phổ cập của Facebook với mọi người. Giúp trang Blogger của bạn ngày càng được nhiều người yêu thích và có lẽ đó cũng là niềm vui và tự hào của mình về chính trang Blog của mình."
Nào chúng ta bắt đầu thôi nào. Trước khi bắt đầu bạn lên sao lưu dữ liệu của theme cho an toàn nhé. phòng trường hợp các bạn làm sai :)☺.

Các bạn vào Mục   Template  > Edit HTML  và Past đoạn CSS và trước thẻ  </style>

#open-fb{background-color: #FFFFFF; border: 4px solid rgb(210, 210, 210); bottom: 0; border-bottom: 0; float:left; height: auto; margin-bottom: 0; margin-right: 5px; position: fixed; right: 0; width: auto; z-index: 10;}
.close-fb{color: #333!important; position: absolute; top: 1px; right: 1px; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 11px;}
.slideUp{
 animation-name: slideUp;
 -webkit-animation-name: slideUp;

 animation-duration: 1s;
 -webkit-animation-duration: 1s;

 animation-timing-function: ease;
 -webkit-animation-timing-function: ease;

 visibility: visible !important;  
}

@keyframes slideUp {
 0% {
  transform: translateY(100%);
 }
 50%{
  transform: translateY(-8%);
 }
 65%{
  transform: translateY(4%);
 }
 80%{
  transform: translateY(-4%);
 }
 95%{
  transform: translateY(2%);
 }  
 100% {
  transform: translateY(0%);
 }
}
@-webkit-keyframes slideUp {
 0% {
  -webkit-transform: translateY(100%);
 }
 50%{
  -webkit-transform: translateY(-8%);
 }
 65%{
  -webkit-transform: translateY(4%);
 }
 80%{
  -webkit-transform: translateY(-4%);
 }
 95%{
  -webkit-transform: translateY(2%);
 }  
 100% {
  -webkit-transform: translateY(0%);
 }
}

Và bây giờ bạn tiếp tục past đoạn code này vào trước thẻ  </body>

<div class='slideUp' id='open-fb'>
<a class='close-fb' href='#close-fb-like-box' onclick='hide(&apos;open-fb&apos;)' title='Close'><i class='fa fa-times'/></a>
<div class='fb-like-box ' data-header='false' data-height='62' data-href='https://www.facebook.com/manhdien.rtml' data-show-faces='true' data-stream='false' data-width='187'><span style='height: 62px; width: 187px; '><iframe allowTransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fmanhdien.rtml&amp;width=187&amp;height=62&amp;show_faces=false&amp;colorscheme=light&amp;stream=false&amp;border_color&amp;header=true' style='border:none; overflow:hidden; width:187px; height:62px;'/>
</span></div></div>
<script type='text/javascript'>
function show(target) {
    document.getElementById(target).style.display = &#39;block&#39;;
}

function hide(target) {
    document.getElementById(target).style.display = &#39;none&#39;;
}
</script>

Note: các bạn thay  /manhdien.rtml  thành tên ứng dụng của bạn nhé

và bây giờ bạn Save template và xem thành quả của mình thôi nhé.

Mình hy vọng là các bạn thích bài hướng dẫn này, nếu bạn có trục trặc trong quá trình làm thì hãy comment ở phía dưới mình sẽ cố gắng giải đáp mọi thắc mắc của các bạn. Cảm ơn bạn .

" Nếu thấy bài viết hay và có ích thì hãy like trang hoặc gửi mail để nhận những bài viết mới nhất nhé."
 
Copyright © Mạnh Điển ICT. Designed by OddThemes