Background

Background

Silahkan klik beberapa gambar di bawah ini

  • image1
  • image2
  • image3
  • image4
  • image2
  • image1
  • image4
  • image3
Hiển thị các bài đăng có nhãn blogspot. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn blogspot. Hiển thị tất cả bài đăng

Tối ưu hóa Meta Description trong mỗi bài viết Blogspot

Trong giao diện Blogger mới phần mô tả tìm kiếm được bổ sung để giúp người sử dụng tối ưu hóa công cụ tìm kiếm của mình thân thiện hơn.
Phần này thực sự có những điều tuyệt vời và hôm nay chúng ta sẽ thảo luận với bạn về tất cả mọi phần của phần mô tả tìm kiếm của blogspot.
Như tất cả các bạn biết rằng đây chính là nội dung Meta Description của từng bài viết của bạn. 

Meta Description blogspot
Meta Description blogspot

Meta Description là gì?

Meta mô tả là một phần tử HTML hay XML mô tả các trang web để tìm kiếm thu thập công cụ của. Nói cách khác nó cho các thông tin về trang web của bạn để thu thập công cụ tìm kiếm của công cụ tìm kiếm để có thể cung cấp cho trang web của bạn trong kết quả tìm kiếm trên vị trí thích hợp.

Thêm Meta Description chung cho ​​Blogspot

Trong phần này, các thẻ meta sẽ giúp cho trang chủ và phần cuối này sẽ cho bạn thấy làm thế nào bạn có thể sử dụng các thẻ cho mỗi bài.Đơn giản chỉ cần làm theo các bước dưới đây.
  • Vào Blogger Cài đặt Tìm kiếm Tuỳ chọn
  • Tìm Thẻ Meta và đánh dấu vào "Có" để kích hoạt nó.
  • Một hộp thoại sẽ xuất hiện khi bạn phải viết thẻ meta cho trang chủ của bạn. Hãy chắc chắn rằng nó không quá 150 ký tự.
  • Nhấp vào Lưu Thay đổi!

meta description blogspot
meta description blogspot
Bây giờ hãy chuyển sang bước tiếp theo meta cho từng bài viết đây

Thêm Meta Tags cho từng bài viết

Khi viết bài mới sẽ bạn sẽ thấy "Mô tả Tìm kiếm" trong thanh bên, đơn giản là viết mô tả nội dung tóm tắt tìm kiếm của cho bài viết đó.

post description
post-description
Read More 0 nhận xét

Giao diện abtland001

Giao diện được thiết kế sẳn có cho blogspot
Tổng quan giao diện

Các vị trí và cách chỉnh sửa



Vị trí 1 : 
Các bạn vào trong trang quản lý Blog vào mục "Cài đặt " --> " Cơ bản "  ở phần " Mô tả " chọn " chỉnh sửa " 




Vị trí 2 : 


Đoạn code này : 

<table border="0" width="100%">
<tr>
<td><a href="/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLeKT4ABbmDe3TxSZ9JSF1Hx657kl47Lwbr9H-UFEWXwzVGSFLx4HMjepec4RRlmzUgjkvkis19VjNeBVR3C2TTNw49ErviK2IXCemnP6wARB-aupF46mrCYN9NlSiiKNsgs3p3fLRuTA/s1600/logo.png" alt="ABT LAND - Sàn Giao Dịch Bất Động Sản" /></a></td>
<td><marquee direction="up" scrollamount="2" scrolldelay="40"height=170 onmouseover="this.stop();" onmouseout="this.start();" behavior="scroll" scrollamount=3>
<!-- Recent Posts by Label Start -->
<script type="text/javascript">
function recentpostslist(json) {
document.write('<ul>');
for (var i = 0; i < json.feed.entry.length; i++)
{
for (var j = 0; j < json.feed.entry[i].link.length; j++) {
if (json.feed.entry[i].link[j].rel == 'alternate') {
break;
}
}
var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '" target="_blank"><img src="http://abtland.com/themes/default/images/nha-dat/tinvip.gif" alt="nhà đất hot" />' + entryTitle + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="/feeds/posts/summary/-/vip?max-results=15&alt=json-in-script&callback=recentpostslist"></script>
<!-- Recent Posts by Label End -->
</marquee></td>
</tr>
</table>


Trong đó vip là nhãn để lấy các bài đăng có nhãn  vip.Các bạn thay thành 1 nhãn nào đó để tin hiển thị theo nhãn tại vị trí này

Vị trí 3 : 

Ở đây tôi lấy tất cả các bài đăng có nhãn là " nhà đất" các bạn có thể thay bằng nhãn khác tại dòng 692 trong " chỉnh sủa giao diện "



Vị trí 4 : 


Các bạn điều chỉnh tại dòng 1425 trong " chỉnh sửa giao diện "


Vị trí 5 : 

Chỉnh sửa tại dòng 1430 đến 1432 trong chỉnh sửa giao diện


Vị trí 6 : 
Chỉnh sửa tại dòng 1439 đến 1441 trong chỉnh sửa giao diện

Vị trí 7 : 
Chỉnh sửa tại dòng 1448 đến 1451 trong chỉnh sửa giao diện

Vị trí 8 : 

Chỉnh sửa tại dòng 1457 trong chỉnh sửa giao diện
Vị trí 9 : 

Vị trí 10 : 

Chỉnh sửa tại dòng 1464 trong chỉnh sửa giao diện
Vị trí 11 : 

Chỉnh sửa tại dòng 1471 trong chỉnh sửa giao diện
Vị trí 12 : 

Chỉnh sửa tại dòng 1478 trong chỉnh sửa giao diện
Vị trí 13 : 

<div class="author" style="position: relative; padding: 20px 0px; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(187, 187, 187); margin-left: -15px; margin-right: -15px;">
<br class="Apple-interchange-newline" />
&nbsp;<div class="exlefttop" style="width: 0px; height: 0px; border-bottom-width: 9px; border-bottom-style: solid; border-bottom-color: transparent; border-top-width: 9px; border-top-style: solid; border-top-color: transparent; border-right-width: 9px; border-right-style: solid; border-right-color: rgb(66, 113, 139); font-size: 0px; line-height: 0; position: absolute; top: 11px; left: -10px; z-index: 4;">
&nbsp;</div>
<div class="exleftbottom" style="width: 0px; height: 0px; border-bottom-width: 9px; border-bottom-style: solid; border-bottom-color: transparent; border-top-width: 9px; border-top-style: solid; border-top-color: transparent; border-right-width: 9px; border-right-style: solid; border-right-color: rgb(66, 113, 139); font-size: 0px; line-height: 0; position: absolute; top: 113px; left: -10px; z-index: 4;">
&nbsp;</div>
<div class="exrighttop" style="width: 0px; height: 0px; border-bottom-width: 9px; border-bottom-style: solid; border-bottom-color: transparent; border-top-width: 9px; border-top-style: solid; border-top-color: transparent; border-left-width: 9px; border-left-style: solid; border-left-color: rgb(6, 72, 136); font-size: 0px; line-height: 0; position: absolute; top: 11px; right: -10px; z-index: 4;">
&nbsp;</div>
<div class="exrightbottom" style="width: 0px; height: 0px; border-bottom-width: 9px; border-bottom-style: solid; border-bottom-color: transparent; border-top-width: 9px; border-top-style: solid; border-top-color: transparent; border-left-width: 9px; border-left-style: solid; border-left-color: rgb(6, 72, 136); font-size: 0px; line-height: 0; position: absolute; top: 113px; right: -10px; z-index: 4;">
&nbsp;</div>
<div id="namkna-reb" style="width: 705px; height: 100px; margin: 0px; padding: 0px; background-color: rgb(83, 144, 173); border-top-width: 1px; border-top-style: solid; border-top-color: rgb(66, 113, 139); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(66, 113, 139); position: relative; top: 0px; left: -10px; z-index: 5; background-position: initial initial; background-repeat: initial initial;">
<div class="author-box" style="padding: 22px 20px; line-height: 18px; font-family: Arial; font-size: 15px; color: rgb(255, 255, 255);">
<div class="author-avatar" style="height: 50px; width: 50px; float: left; margin: 4px 10px 15px 0px;">
<img height="50" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDKdGF-0RTEaDrvLWjTP_q6nKlkM_JEbVmsZOPJ0lSYw0dCRp-F2lIZ-xcMY5uPNSVC7Q6OojiKdIDdgJr3HBUJSws39PeGm_fkv3fq1vCx3HAVXZaJBLKC-v-RrWwpK_XjQN8iET2PDg/w140-h140-p/huenq2.jpg" width="50" style="margin: 0px; padding: 0px; clear: both; max-width: 640px !important; min-width: 10px !important;" /></div>
<a target="_blank" style="color: rgb(255, 246, 0); text-decoration: none; margin: 0px; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px;" href="http://huenq.abtland.com/2013/11/ban-nha-ngo147-trieu-khuc-35m2-4tang-xom-le-trieu-khuc.html#">
<b>HOTLINE</b></a>: Nguyễn Quang Huệ : 0904 711 788 . Email : 
huenq@abtland.com<br />
&nbsp;<div class="author-inf" style="padding: 5px;">
K&#7871;t n&#7889;i:<span class="Apple-converted-space">&nbsp;</span><a target="_blank" style="color: rgb(255, 246, 0); text-decoration: none; margin: 5px; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px; padding: 2px 5px; display: inline; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;" href="ymsgr:sendim?bdstruongthai"><b>Yahoo</b></a>,<a target="_blank" style="color: rgb(255, 246, 0); text-decoration: none; margin: 5px; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px; padding: 2px 5px; display: inline; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;" href="https://www.facebook.com/Abtland"><b>Facebook</b></a>,<span class="Apple-converted-space">&nbsp;</span><a target="_blank" style="color: rgb(255, 246, 0); text-decoration: none; margin: 5px; text-shadow: rgb(102, 102, 102) 0.5px 0.5px 1px; padding: 2px 5px; display: inline; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;" href="http://twitter.com/Abtland"><b>Twitter</b></a><div class="plus" style="float: right; padding-right: 20px; margin-top: -5px;">
</div>
</div>
</div>
</div></div>

Vị trí 14 : 

<style>img.recent_thumb {padding:1px;width:60px;height:55px;border:0;float:right;margin:0 0 5px 10px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;}</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script style='text/javascript' src="http://dl.dropbox.com/u/70549761/Recent/namkna-blogspot-com/recentpostticker.js" ></script>
<script style='text/javascript' src='http://dl.dropbox.com/u/70549761/Recent/namkna-blogspot-com/recentpostswiththumbnailsv3.js'></script>
<script style='text/javascript'>
var numposts = 12;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
$(document).ready(function () {$('#sai').vTicker({
speed: 500,
pause: 3000,
showItems: 4,
animation: 'fade',
mousePause: false,
height: 0,
direction: 'up'
});});
</script>
<div id="sai">
<script src='http://huenq.abtland.com/feeds/posts/default/-/vip?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
</div>


Vị trí 15 : 
Lấy các nhãn quận huyện


Xem theo địa điểm : <select class='postform' id='cat' name='cat' onchange='location=this.options[this.selectedIndex].value;'>
<option />== Chọn quận huyện ==
<option value="/search/label/ba đình" />Ba Đình
<option value="/search/label/hoàn kiếm" />Hoàn Kiếm
<option value="/search/label/hai bà trưng" />Hai Bà Trưng
<option value="/search/label/đống đa" />Đống Đa
<option value="/search/label/tây hồ" />Tây Hồ
<option value="/search/label/cầu giấy" />Cầu Giấy
<option value="/search/label/thanh xuân" />Thanh Xuân
<option value="/search/label/hoàng mai" />Hoàng Mai
<option value="/search/label/long biên" />Long Biên
<option value="/search/label/từ liêm" />Từ Liêm
<option value="/search/label/thanh trì" />Thanh Trì
<option value="/search/label/gia lâm" />Gia Lâm
<option value="/search/label/đông anh" />Đông Anh
<option value="/search/label/sóc sơn" />Sóc Sơn
<option value="/search/label/hà đông" />Hà Đông
<option value="/search/label/sơn tây" />Sơn tây
<option value="/search/label/ba vì" />Ba Vì
<option value="/search/label/phúc thọ" />Phúc Thọ
<option value="/search/label/thạch thất" />Thạch Thất
<option value="/search/label/quốc oai" />Quốc oai
<option value="/search/label/chương mỹ" />Chương Mỹ
<option value="/search/label/đan phượng" />Đan Phượng
<option value="/search/label/hoài đức" />Hoài Đức
<option value="/search/label/thanh oai" />Thanh Oai
<option value="/search/label/mỹ đức" />Mỹ Đức
<option value="/search/label/ứng hòa" />Ứng Hòa
<option value="/search/label/thường tín" />Thường Tín
<option value="/search/label/phú xuyên" />Phú Xuyên
<option value="/search/label/mê linh" />Mê Linh
</select>

Vị trí 16 : 

Là widget lấy tin theo nhãn để ở dạng danh sách


Vị trí 17 : 



Vị trí 18 : 




Vị trí 19 : 


Vị trí 20 : 



Read More 0 nhận xét

Hướng dẫn làm quen, tạo Blogger/Blogspot

Chào các bạn, mình hiện đã sử dụng dụng Blooger/Blogspot được một thời gian, và cũng có một kiến thức kha khá về lĩnh vực này. Hôm nay mình mạo muội xin hướng dẫn các bạn mới làm quen cũng như đã và đang sử dụng cách Tạo một trang blogspot cũng như các thủ thuật, SEO blogspot từ đơn giản tới phức tạp.
Đầu tiên mình xin khẳng định với các bạn là hoàn toàn có thể tạo một Website với qui mô cá nhân, bán hàng, hay giới thiệu sản phẩm cho một công ty vừa và nhỏ bằng Blogspot.  Vậy tại sao nên dùng Blogspot?
Blogger/Blogspot là gì
Blogspot (hay còn gọi là Blogger) giúp bạn tạo ra một blog/website hoàn chỉnh chỉ trong thời gian ngắn mà bạn không cần phải biết hay am hiều về lập trình web, code cũng có thể làm được. Với giao diện có thể nói là không còn gì thân thiện hơn :D Mình đã từng làm quen với những web mã nguồn mở khác như Joomla và Wordpress và thấy so với Blogspot thì nó "khó nhằn" hơn nhiều cho những ai không chuyên. Hơn nữa tất cả mọi thứ ở Blogger/Blogspot đều miễn phí và là đứa con của Google.
Điểm mạnh và yếu của Blogspot
Ưu điểm:
Blogger là một nền tảng miễn phí của Google, không giới hạn băng thông cũng như dung lượng. Picasa của Google cho phép bạn Upload 10 GB ảnh, bạn tha hồ chèn hình ảnh của mình vào bài viết và khi nào mới hết dung lượng 10 GB?

Tiết kiệm chi phí. Với giao diện thân thiện và  cực kỳ dễ dùng, bạn hoàn toàn có thể sở hữu cho mình một blog/website do chính tay mình tạo ra mà không mất nhiều thời gian cũng như chi phí.

Bạn không phải mua host cũng như tên miền (domain). Như đã nói ở trên "hoàn toàn miễn phí", tên miền mặc định sau khi tạo ra của bạn sẽ là: "tên miền của bạn".blogspot.com (Ví dụ blog của mình: http://huongdan-abtland.blogspot.com/).

Cộng đồng Blogger/Blogspot vô cùng lớn mạnh và đông đảo. Blog của bạn sẽ sớm có được lượng truy cập, và ghé thăm của nhiều bạn đọc.

Cha đẻ cuộc Blogspot là Google. Đây chính là một lợi thế cực kì lớn cho các bạn sau này, đặc biệt là về SEO (Mình sẽ nói về vấn đề này tại các phần tiếp theo).
Nhược điểm:
Blogger bị chặn, nhưng chỉ là đã từng bị chặn thôi nhé, từ lúc dùng blogger tới giờ mình vẫn chưa thấy cái gọi là bị chặn ^^

Blogspot thường hay bị xóa mà không được báo trước. Vậy bạn nghĩ nghuyên nhân vì sao blog của bạn lại bị xóa (nhiều bạn lập web blog rồi sau đó đi copy, dùng mang tính chất spam, dán link đủ các kiểu, hay nội dung xấu sau đó bị xóa rồi kêu than)

Blog thì vẫn là Blog, nếu bạn muốn tạo một Website với qui mô lớn, nhiều chức năng, danh mục, lượng cơ sở dữ liệu lớn và có tổ chức cao thì lời khuyên của mình là bạn không nên sử dụng blogspot (Chưa hỗ trợ nhiều về các tool SEO, cũng như tổ chức website theo kiểu phân mục, Blogspot chủ yếu làm việc qua các nhãn/label - chưa thể gọi là phân mục).
Làm quen với giao diện Blogspot:
Tạo blog khá đơn giản, bạn chỉ cần có một tài khoản Gmail. Sau đó truy cập vào www.blogger.com/ . Bạn đăng nhập bằng tài khoản Gmai (Đây sẽ là tài khoản quản trị blog đó sau này, bạn cũng có thể chia sẻ quyền quản trị cho những tài khoản Gmail khác).


Làm quen với giao diện Blogspot - Đăng ký
Đăng nhập Gmail để tham gia Blogspot
Giao diện chào mừng đến với Blogger. Bạn chọn "Tiếp tục".

Chọn Tiếp tục với Blogger để tiếp tục
Giao diện trang chủ Blogger, danh sách blog của bạn sẽ xuất hiện ở đây (một tài khoản có thể dùng để tạo và quản trị nhiều blog). Bạn chọn "Blog mới" để tiếp tục.

Giao diện trang chủ Blogger.
Tạo tiêu đề và địa chỉ trang chủ cho blog. Ví dụ blog của mình:
- Tiêu đề: hướng dẫn nhân viên
- Địa chỉ: http://huongdan-abtland.blogspot.com/


Làm quen với giao diện Blogspot - Khởi tạo

Tạo xong mặc định sẽ quay về trang chủ Blogger, nơi chưa danh sách các blog của bạn.

Danh sách blog

Chọn blog vừa khởi tạo. Ở đây là blog "Hướng dẫn làm blog" (Đây chính là tiêu để của blog). Ta sẽ vào được trang chủ của trang quản trị/Administrator, mọi thứ về blog của bạn đều có ở đây.
Làm quen với giao diện Blogspot - Trang quản trị
Giao diện trang chủ blogspot
- Bài đăng mới: Nơi bạn khởi tạo, viết bài mới cho blog.
- Bài đăng: Danh sách các bài đang hiện có trong blog của bạn.
- Trang: Tạo menu cho blog, tạo các trang giống bài đăng, nhưng đa phần là để tạo các bài dạng như: Liên hệ, Sitemap. Mỗi blog được tới đa 20 trang. Như thế là vừa đủ phải không? :))
- Nhận xét: Nơi để bạn quản lý các nhận xét/comment của người đọc trên các bài đăng, bài viết. Bạn có  thể xóa bất kì một nhận xét nào.
- Google +: Liên kết blog của bạn với trang tiểu sử Google + của bạn, hoặc bạn có thể thêm mục nhận xét Google+ vào bài đăng.
- Thống kê: Giúp bạn xem, thống kê tình hình truy cập vào blog (số người truy cập theo từng thời điểm, những bài đăng được truy cập nhiều, nguồn truy cập từ trang nào, ở đâu,...).
- Bố cục: Căn chỉnh lại vị trí của các mục, menu trên blog.
- Mẫu: Tùy chỉnh lại giao diện blog đầy đủ hoàn chỉnh.
- Cài đặt: Tinh chỉnh blog của bạn (chủ yếu là để SEO - Khá quan trọng cho những ai quan tâm tới vấn đề thứ hạng của blog/website).

Sau khi tạo xong bạn hoàn toàn có thể xem lại giao diện trang chủ blog của mình bằng cách nhấp vào nút "Xem blog" hoặc vào trực tiếp bằng địa chỉ/domain.
Đây là giao diện mặc định sau khi tạo chưa qua chỉnh sửa.



Read More 0 nhận xét