OscarminiOscarmini
  • Home
  • Reviews
  • Computers
  • How Tos
  • Travel & Lifestyle
  • Phone ROMs
  • Contact
    • Advertise
    • About Us
Facebook Twitter Instagram
  • Advertise With Us
  • Newsletter
Facebook Twitter Instagram
Oscarmini Oscarmini
  • Home
  • Reviews
  • Computers
  • How Tos
  • Travel & Lifestyle
  • Phone ROMs
  • Contact
    • 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
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

Related Posts

5 Best Gadgets For Hobby-Bloggers In 2023

March 3, 2021

5 Best Writing Software And Gadgets For Writers In 2023

January 14, 2021

Suggestions on How To Write Enough

November 15, 2020
Add A Comment

Comments are closed.

Latest Posts

Kenya to Produce Its First Electric Buses

February 2, 2023

AfriGo, Nigeria’s First National Payment Card

February 2, 2023

IBM to Lay off 3,900 Workforce Globally

January 30, 2023

Airtel Introduces eSIM in Nigeria

January 30, 2023
Get the best African tech newsletters in your inbox
Oscarmini
Facebook Twitter Instagram YouTube
© 2023 Oscarmini Co. Designed by illBytes.

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