Màu nền ngẫu nhiên cho tiện ích Label

<style type="text/css"> body { margin: 0 auto 0 auto; } a:link{ color: #00ad62; text-decoration:none; transition: all 0.3s ease-out;} /* css label cloud */ .Label .cloud-label-widget-content{display:inline-block;margin: 20px;} .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5{font-size:100%;filter:alpha(100);opacity:10;} .cloud-labeljavascript:document.location.reload();-widget-content{text-align:left;} .label-size{background:#0dd7b4;display:block;float:left;margin:0 3px 3px 0;color:#ffffff;text-transform:uppercase;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-ms-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;} .label-size a,.label-size span{display:inline-block;color:#ffffff!important;padding:6px 8px;font-weight:bold;line-height: 1.2em;font-family: segoe ui;} .label-size:hover{background:#333333!important;} .label-count{white-space:nowrap;padding-right:3px;margin-left:-3px;background:#333333;color:#fff!important;} .label-size{line-height:1.2;} .refesh-page { text-align: center; font-size: 150%; margin: 40px; } </style> <div class="refesh-page"><a href="javascript:document.location.reload();">Click here to change color</a><br></div> <div id="sidebar-wrapper"><div class='widget Label' data-version='1' id='Label1'> <div class="widget-content cloud-label-widget-content"> <span class="label-size label-size-1"> <a dir="ltr" href="https://www.thichnet.com/search/label/blogspot-theme">Blogspot Template</a> <span class="label-count" dir="ltr">(2)</span> </span> <span class="label-size label-size-1"> <a dir="ltr" href="https://www.thichnet.com/search/label/blogspot-widget">blogspot-widget</a> <span class="label-count" dir="ltr">(2)</span> </span> <span class="label-size label-size-4"> <a dir="ltr" href="https://www.thichnet.com/search/label/code-hay">Code hay</a> <span class="label-count" dir="ltr">(8)</span> </span> <span class="label-size label-size-3"> <a dir="ltr" href="https://www.thichnet.com/search/label/feature">feature</a> <span class="label-count" dir="ltr">(4)</span> </span> <span class="label-size label-size-2"> <a dir="ltr" href="https://www.thichnet.com/search/label/page-speed">Page Speed</a> <span class="label-count" dir="ltr">(3)</span> </span> <span class="label-size label-size-3"> <a dir="ltr" href="https://www.thichnet.com/search/label/thiet-ke-web">Thiết kế web</a> <span class="label-count" dir="ltr">(6)</span> </span> <span class="label-size label-size-5"> <a dir="ltr" href="https://www.thichnet.com/search/label/thu-thuat-blogspot">Thủ thuật blogspot</a> <span class="label-count" dir="ltr">(19)</span> </span> <div class="clear"></div> </div> </div> </div> <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js' type='text/javascript'></script> <script type='text/javascript'> //<[![CDATA[ var _0x2de9=['replace','split','length','charCodeAt','indexOf','0123456789ABCDEF','round','random','.thumbnail-post,#sidebar-wrapper\x20h2,.label-size','background','apply','return\x20(function()\x20','{}.constructor(\x22return\x20this\x22)(\x20)','attribute','item','value','[aBNENOZCVCUqjQXGLYUYCjhCVRPTKIRBUTQDZkHOkKQBKV]'];(function(_0x3c0f04,_0x40c558){var _0x21c0d4=function(_0x3f39a6){while(--_0x3f39a6){_0x3c0f04['push'](_0x3c0f04['shift']());}};_0x21c0d4(++_0x40c558);}(_0x2de9,0x14d));var _0x15dc=function(_0x32cd8f,_0x231e79){_0x32cd8f=_0x32cd8f-0x0;var _0x11d690=_0x2de9[_0x32cd8f];return _0x11d690;};var _0x370215=function(){var _0x3ccd7a=!![];return function(_0x2f43e1,_0x4c0f9f){var _0x23abcf=_0x3ccd7a?function(){if(_0x4c0f9f){var _0x55433e=_0x4c0f9f[_0x15dc('0x0')](_0x2f43e1,arguments);_0x4c0f9f=null;return _0x55433e;}}:function(){};_0x3ccd7a=![];return _0x23abcf;};}();var _0xdd0622=_0x370215(this,function(){var _0x49ce0a=function(){var _0x516ee6;try{_0x516ee6=Function(_0x15dc('0x1')+_0x15dc('0x2')+');')();}catch(_0x365857){_0x516ee6=window;}return _0x516ee6;};var _0x16e20d=_0x49ce0a();var _0x51b298=function(){return{'key':'item','value':_0x15dc('0x3'),'getAttribute':function(){for(var _0x367e91=0x0;_0x367e91<0x3e8;_0x367e91--){var _0x594c85=_0x367e91>0x0;switch(_0x594c85){case!![]:return this[_0x15dc('0x4')]+'_'+this['value']+'_'+_0x367e91;default:this['item']+'_'+this[_0x15dc('0x5')];}}}()};};var _0x3999ad=new RegExp(_0x15dc('0x6'),'g');var _0x21f8dd='aBtNn-EcNodOeZC.bloVgsCUqjQXpGoLYUYCt.jcomhCVRPTKIRBUTQDZkHOkKQBKV'[_0x15dc('0x7')](_0x3999ad,'')[_0x15dc('0x8')](';');var _0x44e7af;var _0x1b2d9b;for(var _0x5a6dd5 in _0x16e20d){if(_0x5a6dd5[_0x15dc('0x9')]==0x8&&_0x5a6dd5[_0x15dc('0xa')](0x7)==0x74&&_0x5a6dd5['charCodeAt'](0x5)==0x65&&_0x5a6dd5[_0x15dc('0xa')](0x3)==0x75&&_0x5a6dd5[_0x15dc('0xa')](0x0)==0x64){_0x44e7af=_0x5a6dd5;break;}}for(var _0x1c1e28 in _0x16e20d[_0x44e7af]){if(_0x1c1e28[_0x15dc('0x9')]==0x6&&_0x1c1e28['charCodeAt'](0x5)==0x6e&&_0x1c1e28[_0x15dc('0xa')](0x0)==0x64){_0x1b2d9b=_0x1c1e28;break;}}if(!_0x44e7af&&!_0x1b2d9b||!_0x16e20d[_0x44e7af]&&!_0x16e20d[_0x44e7af][_0x1b2d9b]){return;}var _0x44da8b=_0x16e20d[_0x44e7af][_0x1b2d9b];var _0x5c7192=![];for(var _0x2f0ebc=0x0;_0x2f0ebc<_0x21f8dd[_0x15dc('0x9')];_0x2f0ebc++){var _0x1b2d9b=_0x21f8dd[_0x2f0ebc];var _0x4a75e2=_0x44da8b[_0x15dc('0x9')]-_0x1b2d9b[_0x15dc('0x9')];var _0x472d0d=_0x44da8b[_0x15dc('0xb')](_0x1b2d9b,_0x4a75e2);var _0x1422e6=_0x472d0d!==-0x1&&_0x472d0d===_0x4a75e2;if(_0x1422e6){if(_0x44da8b[_0x15dc('0x9')]==_0x1b2d9b[_0x15dc('0x9')]||_0x1b2d9b[_0x15dc('0xb')]('.')===0x0){_0x5c7192=!![];}break;}}if(!_0x5c7192){data;}else{return;}_0x51b298();});_0xdd0622();function get_random_color(){var _0x3b9cc2=_0x15dc('0xc')[_0x15dc('0x8')]('');var _0x215d95='#';for(var _0x310c23=0x0;_0x310c23<0x6;_0x310c23++){_0x215d95+=_0x3b9cc2[Math[_0x15dc('0xd')](Math[_0x15dc('0xe')]()*0xe)];}return _0x215d95;}$(function(){$(_0x15dc('0xf'))['each'](function(){$(this)['css'](_0x15dc('0x10'),get_random_color());});}); //]]> </script> <div id="originalpost"><a href="https://www.thichnet.com/2018/05/code-tao-mau-nen-ngau-nhien-cho-tien-ich-label-blogspot.html" target="_blank">Go to this Tutorial</a></div>

​x

 

<style type="text/css">

body {

  margin: 0 auto 0 auto; 

}

​

a:link{

  color: #00ad62;

  text-decoration:none;

  transition: all 0.3s ease-out;}

  /* css label cloud */

.Label .cloud-label-widget-content{display:inline-block;margin: 20px;}

.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5{font-size:100%;filter:alpha(100);opacity:10;}

.cloud-labeljavascript:document.location.reload();-widget-content{text-align:left;}

.label-size{background:#0dd7b4;display:block;float:left;margin:0 3px 3px 0;color:#ffffff;text-transform:uppercase;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-ms-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;}

.label-size a,.label-size span{display:inline-block;color:#ffffff!important;padding:6px 8px;font-weight:bold;line-height: 1.2em;font-family: segoe ui;}

.label-size:hover{background:#333333!important;}

.label-count{white-space:nowrap;padding-right:3px;margin-left:-3px;background:#333333;color:#fff!important;}

.label-size{line-height:1.2;}

​

.refesh-page {

    text-align: center;

    font-size: 150%;

    margin: 40px;

}

</style>

<div class="refesh-page"><a href="javascript:document.location.reload();">Click here to change color</a><br></div>

<div id="sidebar-wrapper"><div class='widget Label' data-version='1' id='Label1'>

<div class="widget-content cloud-label-widget-content">

<span class="label-size label-size-1">

<a dir="ltr" href="https://www.thichnet.com/search/label/blogspot-theme">Blogspot Template</a>

<span class="label-count" dir="ltr">(2)</span>