Tag Cloud / Label Cloud

مجموعه مقالات و مطالب مرتبط با بلاگر و وبلاگ نویسی و دنیای فناوری اطلاعات

دیدن مطالب وبلاگ

۱۳۸۶/۰۷/۱۸

Tag Cloud / Label Cloud


حتما در وبلاگهاي وردپرسي ديده ايد كه ويجگتي وجود دارد كه برچسبها را براساس تعداد پستهاس بيشتر مربوط به آن بزرگتر و پررنگتر نمايش ميدهد.اين ترفند همچنين قابليتي را به بلاگر مي افزايد.

مرحله اول :ابتدا كد زير را در قسمت سي اس اس قالب خود قرار دهيد

/* 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}
]]></b:skin>
مرحله دوم :در اين مرحله كد مرحله سوم را بعد از كد بالا و قبل از كد هد زير قرار دهيد
</head>
مرحله سوم
<scripttype='text/javascript'>
// Label Cloud User Variables
var cloudMin = 1;
var maxFontSize = 20;
var maxColor = [0,0,255];
var minFontSize = 10;
ar minColor = [0,0,0];
var lcShowCount = false;
</script>
در مرحله چهارم در قالب خود بدنبال اين كد بگرديد
<b:widgetid='Label1' locked='false' title='Labels' type='Label'/>
در مرحله پنجم اين كد رابا كد مرحله قبل جايگزين كنيد

0 نظر:

لینکهای دوستان