20 thg 1, 2011

hướng dẫn tạo tag cho các bài viết trên blogger


hướng dẫn tạo tag cho các bài viết trên blogger

xem demo tại blog buaxua



trong bài này nguyenha sẽ hướng dẫn thật tỉ mỉ cho các bạn mới làm quen với blog cũng co thể thực hiện được.
Trước tiên hãy sao lưu dữ liệu bằng cách đăng nhập vào Blogger , Chọn Template (Bố cục) -> Edit HTML (Chỉnh sửa HTML) . Tại đây , bạn hãy bấm Download Full Template (Tải xuống mẫu đầy đủ)
Thế là xong , cẩn tắc vô áy náy ^^.lỡ có làm sai thì vẫn có thể khôi phục lại mẫu cho blog như cũ.khi nào cần  cho blog quay lại như lúc chưa chỉnh sửa thì chỉ việc tải cái mới tải về lên lại là xong.như không có gì xảy ra hihihi.

Sau đó , bạn tìm trong Template của mình đoạn mã gần giống nhất với đoạn dưới đây :
cách tìm: bấm phím Ctrl + F  ==>coppy doạn code này rồi dán vào cái khung hiện ra khi bấm tổ hợp phim ctrl + F .Nếu thấy hiện lên số 0 màu đỏ tức là k có đoạn nào giống y chang như vậy.đừng vội ngĩ là sai nhé ! 
-hãy đặt con trỏ chuột vào phía cuối trong khung có đoạn code đó (tính từ trái qua phải)
và bấm phím xóa (backspace) trên bàn phím.bấm từ từ đến khi nào thấy có đoạn code nào trong khung  mẫu được bôi đậm hiện lên thì dùng lại.chính là  đoạn mình cần tìm đó
*bạn giữ chuột bôi đen đoạn code để dễ nhìn nhé
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>



xóa đoạn  này đi ,xong dán doạn code bên dưới vào vị trí  vừa xóa


<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>

<div class='widget-content'>
<div id='LabelDisplay'>
</div>
</div>

<script language='javascript' type='text/javascript'>
function zoomStyle() {
var max = 0;
var min = 10000;
<b:loop values='data:labels' var='label'>
if (<data:label.count/> &gt; max)
max = <data:label.count/>;
if (<data:label.count/> &lt; min)
min = <data:label.count/>;
</b:loop>
var display = &quot;";
<b:loop values='data:labels' var='label'>
var delta = <data:label.count/> - min;
var size = 80 + (delta * 100) / (max - min);
display = display + &quot;<span style='font-size:" + size + "%'><a expr:href='data:label.url + "?max-results=100"' style='text-decoration:none;'><data:label.name/></a></span> &quot;;
</b:loop>

obj = document.getElementById(&#39;LabelDisplay&#39;);
obj.innerHTML = display;
}


zoomStyle();
</script>

<b:include name='quickedit'/>
</b:includable>
</b:widget>

Chú ý đừng chép đè lên 

</b:section>



Chọn Preview (Xem trước), nếu thấy ưng ý chọn Save (Lưu mẫu)
Bạn cũng có thể di chuyển tùy ý widget này đến nơi nào mình thích , bằng cách chọn Page Elements (Phần tử trang) . Nhớ Save (Lưu) lại nha.

trên mạng có rất nhiều cách nhưng khó làm và bị xai nhiều,cách này là dễ nhất đó
*có gì khó khăn thì liên hệ trực tiếp nguyenha nha
nick: bin_nguyen87

1 nhận xét:

  1. giao dien thier' lapp bay jo ko jong' the' nay` nua~
    b huong' dan~ lai cho m dk ko

    Trả lờiXóa