Truyện Cười BlogTaPhiet KC

Chat Box


--------------:Search

Thứ Sáu, 28 tháng 8, 2009

Thủ thuật tạo Tag/Label Cloud cho Blogger

Tag cloud hay còn gọi là label cloud trong blogger là một danh sách bao gồm tất cả các nhãn Label sử dụng trong blogger được hiển thị theo style mang đậm tính “mỹ thuật”. Kỹ thuật Tag Cloud mà tôi hướng dẫn các bạn thực hiện trong bài viết này được phát triển bởi phydeaux3. Các bạn có thể tham khảo thêm về kỹ thuật này.

Để thực hiện tạo Tag Cloud các bạn làm theo hướng dẫn sau:

Trước tiên bạn Truy cập vào Blogger Layout > Page Elements page và thêm tiện ích Labels Widget.

Trong Labels Widget bạn lựa chọn sort the labels Alphabetically.

Sau đó vào  Layout > Edit Html (không chọn expand the widget templates để dễ dàng thực hiện hơn)

Sau đó tìm kiếm (Ctrl+F) đoạn mã tương tự đoạn mã dưới:

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



Thay thế chúng bằng:

<b:widget id='Label1' locked='false' title='Label Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='labelCloud'/>
<p align='center'>
<script type='text/javascript'>
var cloudMin = 1;
var maxFontSize = 25;
var maxColor = [0,255,0];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;
// Don't change anything past this point -----------------
// Cloud function s() ripped from del.icio.us
function s(a,b,i,x){
if(a&gt;b){
var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
}
else{
var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)
}
return v
}
var c=[];
var labelCount = new Array();
var ts = new Object;
<b:loop values='data:labels' var='label'>
var theName = &quot;<data:label.name/>&quot;;
ts[theName] = <data:label.count/>;
</b:loop>
for (t in ts){
if (!labelCount[ts[t]]){
labelCount[ts[t]] = new Array(ts[t])
}
}
var ta=cloudMin-1;
tz = labelCount.length - cloudMin;
lc2 = document.getElementById(&#39;labelCloud&#39;);
ul = document.createElement(&#39;ul&#39;);
ul.className = &#39;label-cloud&#39;;
for(var t in ts){
if(ts[t] &lt; cloudMin){
continue;
}
for (var i=0;3 &gt; i;i++) {
c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
}
var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
li = document.createElement(&#39;li&#39;);
li.style.fontSize = fs+&#39;px&#39;;
a = document.createElement(&#39;a&#39;);
a.title = ts[t]+&#39; Posts in &#39;+t;
a.style.color = &#39;rgb(&#39;+c[0]+&#39;,&#39;+c[1]+&#39;,&#39;+c[2]+&#39;)&#39;;
a.href = &#39;/search/label/&#39;+encodeURIComponent(t);
if (lcShowCount){
span = document.createElement(&#39;span&#39;);
span.innerHTML = &#39;(&#39;+ts[t]+&#39;) &#39;;
span.className = &#39;label-count&#39;;
a.appendChild(document.createTextNode(t));
li.appendChild(a);
li.appendChild(span);
}
else {
a.appendChild(document.createTextNode(t));
li.appendChild(a);
}
ul.appendChild(li);
abnk = document.createTextNode(&#39; &#39;);
ul.appendChild(abnk);
}
lc2.appendChild(ul);
</script>
</p>
<noscript>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
</noscript>
<br/>Powered By:<small><a href='http://ChoiBlog.TK'>Blogger Widgets</a></small>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>


Tìm kiếm đoạn mã:

]]></b:skin>




Thêm vào phía trước (trên) đoạn mã đã tìm trên bằng đoạn mã dưới:


#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:&quot;&quot; !important}



Bạn lưu lại mẫu và xem tác phẩm Tag Label Cloud trên blog của bạn xem thế nào nhé.
[Click here to Read More]

Thủ thuật tạo Tag/Label Cloud cho Blogger

Tag cloud hay còn gọi là label cloud trong blogger là một danh sách bao gồm tất cả các nhãn Label sử dụng trong blogger được hiển thị theo style mang đậm tính “mỹ thuật”. Kỹ thuật Tag Cloud mà tôi hướng dẫn các bạn thực hiện trong bài viết này được phát triển bởi phydeaux3. Các bạn có thể tham khảo thêm về kỹ thuật này.

Để thực hiện tạo Tag Cloud các bạn làm theo hướng dẫn sau:

Trước tiên bạn Truy cập vào Blogger Layout > Page Elements page và thêm tiện ích Labels Widget.

Trong Labels Widget bạn lựa chọn sort the labels Alphabetically.

Sau đó vào  Layout > Edit Html (không chọn expand the widget templates để dễ dàng thực hiện hơn)

Sau đó tìm kiếm (Ctrl+F) đoạn mã tương tự đoạn mã dưới:

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



Thay thế chúng bằng:

<b:widget id='Label1' locked='false' title='Label Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='labelCloud'/>
<p align='center'>
<script type='text/javascript'>
var cloudMin = 1;
var maxFontSize = 25;
var maxColor = [0,255,0];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;
// Don't change anything past this point -----------------
// Cloud function s() ripped from del.icio.us
function s(a,b,i,x){
if(a&gt;b){
var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
}
else{
var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)
}
return v
}
var c=[];
var labelCount = new Array();
var ts = new Object;
<b:loop values='data:labels' var='label'>
var theName = &quot;<data:label.name/>&quot;;
ts[theName] = <data:label.count/>;
</b:loop>
for (t in ts){
if (!labelCount[ts[t]]){
labelCount[ts[t]] = new Array(ts[t])
}
}
var ta=cloudMin-1;
tz = labelCount.length - cloudMin;
lc2 = document.getElementById(&#39;labelCloud&#39;);
ul = document.createElement(&#39;ul&#39;);
ul.className = &#39;label-cloud&#39;;
for(var t in ts){
if(ts[t] &lt; cloudMin){
continue;
}
for (var i=0;3 &gt; i;i++) {
c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
}
var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
li = document.createElement(&#39;li&#39;);
li.style.fontSize = fs+&#39;px&#39;;
a = document.createElement(&#39;a&#39;);
a.title = ts[t]+&#39; Posts in &#39;+t;
a.style.color = &#39;rgb(&#39;+c[0]+&#39;,&#39;+c[1]+&#39;,&#39;+c[2]+&#39;)&#39;;
a.href = &#39;/search/label/&#39;+encodeURIComponent(t);
if (lcShowCount){
span = document.createElement(&#39;span&#39;);
span.innerHTML = &#39;(&#39;+ts[t]+&#39;) &#39;;
span.className = &#39;label-count&#39;;
a.appendChild(document.createTextNode(t));
li.appendChild(a);
li.appendChild(span);
}
else {
a.appendChild(document.createTextNode(t));
li.appendChild(a);
}
ul.appendChild(li);
abnk = document.createTextNode(&#39; &#39;);
ul.appendChild(abnk);
}
lc2.appendChild(ul);
</script>
</p>
<noscript>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
</noscript>
<br/>Powered By:<small><a href='http://ChoiBlog.TK'>Blogger Widgets</a></small>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>


Tìm kiếm đoạn mã:

]]></b:skin>




Thêm vào phía trước (trên) đoạn mã đã tìm trên bằng đoạn mã dưới:


#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:&quot;&quot; !important}



Bạn lưu lại mẫu và xem tác phẩm Tag Label Cloud trên blog của bạn xem thế nào nhé.
[Click here to Read More]

Thứ Tư, 26 tháng 8, 2009

[Wallpaper] mặt trời !

- Pic này mình design đã lâu, hiện tại đang là banner của blog và chia sẽ cùng các bạn ở đây ! chúc vui vẻ.

sáng hơn.
[Click here to Read More]

[Wallpaper] mặt trời !

- Pic này mình design đã lâu, hiện tại đang là banner của blog và chia sẽ cùng các bạn ở đây ! chúc vui vẻ.

sáng hơn.
[Click here to Read More]

Chủ Nhật, 2 tháng 8, 2009

Các kênh Naked News (18+)


- Tình cờ lướt web ... blog mình cũng đã có các kên news nakes và mình chia sẽ ở đây ! Nếu ai dưới 18 tuổi xin đừng truy cập, cảm ơn !

  • Link

  • [Click here to Read More]

    Các kênh Naked News (18+)


    - Tình cờ lướt web ... blog mình cũng đã có các kên news nakes và mình chia sẽ ở đây ! Nếu ai dưới 18 tuổi xin đừng truy cập, cảm ơn !

  • Link

  • [Click here to Read More]
    Top