Background

Giao diện abtland001

Giao diện được thiết kế sẳn có cho blogspot

các bạn có thể tải về tại đây :  Tải về
Demo xem trước : http://huenq.abtland.com/

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 : 



Categories: , Share

Leave a Reply