OscarminiOscarmini
  • Home
  • Reviews
  • Gadgets
  • Computers
  • How Tos
  • Travel & Lifestyle
  • Phone ROMs
  • Contact us
    • Advertise
    • About Us
Facebook Twitter Instagram
  • Home
  • Reviews
  • Gadgets
  • Computers
  • How Tos
  • Travel & Lifestyle
  • Phone ROMs
  • Contact us
    • Advertise
    • About Us
Facebook Twitter Instagram
Oscarmini Oscarmini
Subscribe
  • Home
  • Reviews
  • Gadgets
  • Computers
  • How Tos
  • Travel & Lifestyle
  • Phone ROMs
  • Contact us
    • Advertise
    • About Us
OscarminiOscarmini
Home»Tip»How To Add Beautiful CSS Cloud Label On Blogger
Blogging

How To Add Beautiful CSS Cloud Label On Blogger

Isaac FrankBy Isaac Frank2 Mins Read
Facebook Twitter WhatsApp LinkedIn Email
Share
Facebook Twitter LinkedIn WhatsApp Pinterest Email
Today Topic is how to add a Beautiful CSS based Blogger Label in a cloud Structure.

This Tutorial will take nothing More than 5 Mins to Implement and you will be amazed how simple and beautiful this will make your blog look.

Just follow the below steps any you will add this Label to your blog. Just take a look at a screenshot of it below:

Step 1:
Goto Your Blogger Dashboard.

Step 2.
Locate The Blog you want to apply this beautiful CSS Label To.

Step 3.
Locate Template >> EDIT HTML

Step 4.
Put your Mouse on the Blogger HTML Editor and Press

CTRL F

Step 5.
Type

]]></b:skin>

Step 6.
Just Above The code above, Put the CSS Code Below:

#Label1 a{
position:relative !important;
margin:4px;
padding:3px;
float:left;
white-space:nowrap;
background:#E0DDDD;
color:#454242;
border:1px solid #454242;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
font-family: “Arial”,”Helvetica”,sans-serif;
font-size:12px;
text-decoration:none;
text-transform:capitalize;
-moz-transition:all .6s linear ;
-webkit-transition:all .6s linear ;
-o-transition:all .6s linear ;
transition:all .6s linear ;
}
#Label1 a:hover {
background:#6992E9;
color:#F3F4F8;
-moz-transition:all .3s ease ;
-webkit-transition:all .3s ease ;
-o-transition:all .3s ease ;
transition:all .3s ease ;
}

Step 7. Save Template.

Step 8. Now install “Label” widget and activate “Cloud” display mode. If You already Have a Label in your blog, Edit It and Change Its display to “Cloud”

#Conclusion: Over To You Boss!!! What do you think About this Post?? Do you have further clarifications? Feedback? Suggestions? Or Inquiry? Why Not Use The comment Box To Communicate With Us? We will be Happy If you Do.

blogger
Share. Facebook Twitter Pinterest LinkedIn Tumblr Email
Isaac Frank
  • Website

I'm a writer, blogger, tech enthusiast and simply a Geek!

Related Posts

5 Best Gadgets For Hobby-Bloggers In 2022

March 3, 2021

5 Best Writing Software And Gadgets For Writers In 2022

January 14, 2021

Suggestions on How To Write Enough

November 15, 2020
Add A Comment

Comments are closed.

Latest Posts

5 Best Smart Helmets In 2022

July 5, 2022

5 Best Crypto Gadgets In 2022

July 5, 2022

Moove, a Nigerian Mobility Fintech Startup Raises N12bn

July 5, 2022

5 Best Lighting For Creatives In 2022

July 4, 2022
Oscarmini
Facebook Twitter Instagram YouTube
© 2022 Oscarmini Co. Designed by illBytes.

Type above and press Enter to search. Press Esc to cancel.