MM-HelperBlogger: Customize Labels Cloud in Blogger

Customize Labels Cloud in Blogger

ဒါကေတာ့ေနာက္ထပ္စတိုင္တစ္မ်ိဳးပါ။ မိမိဘေလာ့စ္မွာ Labels ကိုဒီလိုစတိုင္ေလးထားခ်င္တယ္ဆိုရင္
ေအာက္မွာအဆင့္ဆင့္ျပထားပါတယ္။ မိမိ ဘေလာ့ရဲ႕ Template ကိုသြားလိုက္ပါ။ မိမိရဲ႕ Template ကို အရင္ Backup လုပ္ထားပါ။ ပထမဆံုး လုပ္ရမွာက ေၾကာ္ျငာေလးအရင္ကလစ္ပါ..ဟိဟိေိခိးးD

Go to Blogger Dashboard > Settings > Layouts
Click Add a Gadget > Labels
Select Cloud Display once you’re inside the settings.
Choose to display 25 labels at most because too much would look awkward.
Save widget. Go to Settings > Template
Backup your template.
Click Edit HTML > Proceed then look for:

1)Using Ctrl+F, look for ]]></b:skin> in your blog’s template code.
2)Copy/paste the following code below right above it. ျပီးရင္ Edit HTML ကို၀င္လိုက္ပါ။ ေအာက္မွာျပထားတဲ့ ကုဒ္ကိုရွာလိုက္ပါ။ ]]></b:skin> ေတြ႔ရင္ေအာက္က ကုဒ္ကို ကူးျပီးသူ႔အေပၚမွာ Copy/paste လုပ္လိုက္ပါ။

/*-----Custom Labels Cloud widget by http://mm-helperblogger.blogspot.com----*/
.label-size{ 
margin:0 2px 6px 0; 
padding: 3px; 
text-transform: uppercase; 
border: solid 1px #C6C6C6; 
border-radius: 3px; 
float:left; 
text-decoration:none; 
font-size:10px; 
color:#666; 
}

.label-size:hover { 
border:1px solid #6BB5FF; 
text-decoration: none;
-moz-transition: all 0.5s ease-out;  
-o-transition: all 0.5s ease-out;  
-webkit-transition: all 0.5s ease-out;  
-ms-transition: all 0.5s ease-out;  
transition: all 0.5s ease-out; 
-moz-transform: rotate(7deg);  
-o-transform: rotate(7deg);  
-webkit-transform: rotate(7deg);  
-ms-transform: rotate(7deg);  
transform: rotate(7deg);  
filter: progid:DXImageTransform.Microsoft.Matrix( 
 M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand'); 
zoom: 1;  
}

.label-size a  { 
text-transform: uppercase; 
float:left; 
text-decoration: none; 
}
.label-size a:hover  { 
text-decoration: none; 
}

font-size:10px ေနရာမွာ မိမိထားခ်င္သေလာက္ခ်ိန္ပါ။
ျပီးရင္ေတာ့ Save template ပါပဲ။ အားလံုးပဲအဆင္ေျပၾကပါေစ...

ေၾကာ္ျငာေလးကလစ္ဖို႔မေမ့ၾကပါနဲ႔သယ္ရင္းေရ....