ဒီ Website သည္ facebook Account ၀င္ၿပီးမွ ၾကည့္လွ်င္ ပိုျမန္သည္။ ဒီေနရာကၾကည့္လွ်င္လည္း ပိုျမန္သည္။ ဆိုက္ေရာက္အမွတ္တရ Facebook Like ေလး မိတ္ျဖစ္ေဆြျဖစ္ ကလစ္ေပးပါ။ လာလည္တဲ့အတြက္ ေက်းဇူးပါ။ နည္းပညာဆိုက္မ်ားကို လမင္း နည္းပညာ hlamin.blogspot.com တြင္ စုစည္းေပးထားပါတယ္။ အမ်ားေလ့လာႏိုင္ဖို႔ပါ။ မိုးေကာင္းကင္ ေဖာင္းျပင္ Facebook Fan Page>> သို႔ ဒီဆုိက္ေလးကို ( 11.8.2014 တြင္ တည္ေဆာက္ထားသည္

Tuesday, August 5, 2014

Purple Cloud Label Widget For Blogger

purple-Cloud-Label
In this post im gonna explain how to add attractive purple cloud  label widget for blogger. So this Purple Cloud labels are neat and nice looking, peoples can find the any categories easily. Few months ago i published few post with different style cloud labels  with various colors. If this is not match  for you. you can find best one from below list. I cant provide demo for this  tutorial.Just look at below purple cloud label style.



purple-Cloud-Label

You may like these articles.
Green Cloud Label widget for blogger
Orange Cloud Label widget for blogger
Blue Cloud Label widget for blogger

How to add Purple Cloud Label Widget For Blogger


1. Log in to blogger account and Click drop down.
blog-post-option
2. Now select "Template" Like Below.

Select-template
3. Now you can see Live on blog, Click EDIT HTML Button"

4. Now click Proceed button.
   
5. Find this tag by using Ctrl+F    ]]></b:skin>

6. Paste below code Before ]]></b:skin> tag

/*-----Custom Labels widget by www.bloggertrix.com----*/
#Label1 a{
outline:1px dotted #FEB380;border: 1px rgba(0,0,0,0.2) solid;padding: 6px 8px 6px 14px;text-decoration:none;
color:black;white-space: nowrap;
font-family: arial,serif;text-transform:capitalize;
font-size: 12px;font-weight: bold;
position: relative !important;background: #aa00ff;
-moz-opacity:0.75;
-khtml-opacity:0.75;opacity:0.75;
filter:alpha(opacity:75%);
float:left;padding: 4px 3px;
margin: 0 5px 5px 0;
border-radius:4px 4px; -moz-border-radius:8px 4px 4px 4px; -khtml-border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px; border-radius:4px 4px 4px 4px;
}
#Label1 a:hover {
-moz-opacity:1;
-khtml-opacity:1;
opacity:1;
background:#A55A27;color:white;
-webkit-transition:all ease-in-out .5s;
-moz-transition:all ease-in-out .5s;
-o-transition:all ease-in-out .5s;
transition:all ease-in-out .5s;
}
#Label1 a:active {
background:#B24700;color:#80FFFE;
-webkit-transition:all linear .5s;
-moz-transition:all linear .5s;
-o-transition:all linear .5s;transition:all linear .5s;
}

7. Now Click  Save Template. You are done.
leave a comment, if you need  a help to add this Purple cloud Label Widget to your blog.

http://www.bloggertrix.com/2013/05/purple-cloud-label-widget-for-blogger.html

0 အားေပးစကားေျပာၾကားၾကပါ:

Post a Comment