طوق حياه

هاك لاداة سحابة التسميات لمدونات البلوجر - Labels Cloud Widget Hack For Bloggers

ما هي اداة سحابة التسميات ؟
Labels Cloud Widget
هي عبارة عن اداة بها اقسام المدونة عى شكل غيوم اي تكون اقسام المدونة بجانب بعض بشكل عشوائي بأختلاف حجم الخط و الشكل و اللون ان اردت

ما فائدتها ؟
1. هي مفيدة للزوار تساعدهم للوصول الى الاقسام بطريقة سهله
( للحصول على كود حساب الزوار من جوجل)
(اضغط هنا للانتقال للموضوع)
2। لها شكل جمالي يختلف عن اداة التسميات LABLE المملة العادية
الان نذهب الى الطريقة :

اولا : نضيف اداة التسميات Labels Widget

1. اذهب الى التخطيط Layout
2. عناصر الصفحة Page Elements
3. اضافة اداة Add a Gadget
4. التسميات Labels Widget
ثانيا : اضافة الهاك كود HTML :

1. تخطيط
2. تحرير html
3. توسيع عناصر الصفحة
4. خذ نسخة احتياطية من مدونتك لمعرفة الطريقة اضغط هنااا

الان اتبع الخطوات التالية :
1 -ابحث عن الكود التالي :
]]></b:skin>

ضع فوقة مباشرة الكود التالي :



/* Label Cloud Styles
----------------------------------------------- */
#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:"" !important}
2_ ابحث عن الكودالتالي :
</head>
وضع الكود قبلها :



<script type='text/javascript'>
// Label Cloud User Variables
var cloudMin = 1;
var maxFontSize = 20;
var maxColor = [0,0,255];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;
</script>
3-ابحث عن الكود التالي :



<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
ملاحظة : قم بأستبدال الكود من اوله حتى اخرة
</b:widget>

و استبدله بالكود التالي :



<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'/>
<script type='text/javascript'>


// 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('labelCloud');
ul = document.createElement('ul');
ul.className = 'label-cloud';
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('li');
li.style.fontSize = fs+'px';
li.style.lineHeight = '1';
a = document.createElement('a');
a.title = ts[t]+' Posts in '+t;
a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';
a.href = '/search/label/'+encodeURIComponent(t);
if (lcShowCount){
span = document.createElement('span');
span.innerHTML = '('+ts[t]+') ';
span.className = 'label-count';
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(' ');
ul.appendChild(abnk);
}
lc2.appendChild(ul);
</script>


<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>
<b:include name='quickedit'/>
</div>


</b:includable>
</b:widget>

الان اضغط معاينة للتأكد ان هاك الاداة تم اضافتها بالشكل الصحيح
اضغط حفظ و مبروك عليك الاداة

أصدقاء(طوق حياه)
تعليقات Facebook
6تعليقات Blogger

6 عدد التعليقات على موضوع هاك لاداة سحابة التسميات لمدونات البلوجر - Labels Cloud Widget Hack For Bloggers

غير معرف يقول...

It's remarkable to go to see this website and reading the views of all mates on the topic of this piece of writing, while I am also zealous of getting familiarity.

Feel free to visit my web blog online stopwatch full screen.

مصراوية مول يقول...

@غير معرف
I hope that explanation is good for you and all visitors the pleasure of your presence at the site

غير معرف يقول...

Greаt aгtiсle! Тhat iѕ thе tуρe of info that shоuld be
ѕhared around thе net. Ѕhame оn thе ѕeеk engines for no lοngег pοsitioning thiѕ submit upper!

Ϲome on oveг anԁ consult with mу ωebsite .

Thanks =)

Му ωeb-sіtе;
meuble de salle de bain

غير معرف يقول...

It's perfect time to make some plans for the future and it's time to
be happy. I have read this post and if I may just I want to suggest you some fascinating things or tips.
Perhaps you can write subsequent articles referring to this article.
I desire to learn even more issues about it!

Visit my weblog; Voyance En Direct

غير معرف يقول...

Unqueѕtionably belіeve that which you saіd.
Your favоuгite гeason seеmed to
be at thе internet the simplest factor to takе intο account of.
І say to you, I certainly get irkеd while people cοnsider concerns that they plainly do not recognise about.
You managed to hit the nail upon the highеst and also outlined оut the
entire thing with nο need sіde-effectѕ , other
folks could take a sіgnal. Will pгobably be agаin to get more.
Thanks

Feel free to visit mу site ... devis fenetres

إرسال تعليق