• About
  • Sitemap
  • Privacy Policy
  • Contact
  • Advertise with us
  • Hire Met
Nigerian best technology blog
  • Home
  • Android Flashing
  • Computers
  • Mobile Tutorial
  • Free Browsing
  • Blackberry
  • Flash Files
  • iOS Tools
Home » Blogger Widget » Blogging » Awasome Best Beautiful Colorful Labels Cloud Widget For Bloggers

Awasome Best Beautiful Colorful Labels Cloud Widget For Bloggers

This Improving the appearance of blog like bringing awesomeness and professionalism to blog templates and themes is always best. Because there are several reasons for this like getting approval from big advertising companies such as Google Adsense and BuySellAds. There are several professional templates on the internet which we can use but it might not have uniqueness because they're made for public and everyone can use that. After theme or template, it's also important to have professional widgets such as Labels or Tags widget, Popular Posts widget, Social Sharing, Related Posts etc.

Labels Cloud Widget For Blogger

If you're enough smart in web designing then you can easily bring professionalism to your widgets but if not then there are also already made awesome widgets for you on the internet. Today, in this post, we're going to do a tweak with our blogs which will beautify our blog theme a little bit. Just today, I've customized label cloud widget for blogger and below I'm going to share it with all.

  • How To Install Google Analytics to Your Blog and Website
  • How to Stop Your Blogger from Redirecting Country Specific Domain

Colorful Flat UI Labels Cloud Widget

These days Flat UI and Metro designs are mostly trending in web designing. Today, when I came to update Blogger Yard and was about thinking about the topic. I thought why not today I do some customization with Blogger widgets and share it here. Then just started choosing the widget for customization and I came to know that labels cloud widget has been old looking on all blogs so I started doing something new to it. And made this colorful Flat UI label cloud widget.

  • Also Read: Best Social Sharing Widget For Blogger and Website

So, This is colorful Flat UI label cloud widget in which tags or labels are having multiple colors. That's why we've put "Colorful" word in its name. After this, It's look is inspired from Flat UI designs which is mostly famous these days. The colors which we've used in this widget are also Flat UI colors. Another specialty of this widget is that when someone hovers the mouse on any label it will give a beautiful effect on hover.

  • Must Read: HOW TO ADDED A SITEMAP WIDGET TO YOUR BLOG

This widget is customized using pure CSS3 and we've not used any JavaScript or any other heavy programming language which means that it will not affect on the loading speed of your blog. You can have its live demo by looking in the right sidebar of this blog. We're also using it here. So, let's start the tutorial on how can we implement this colorful Flat UI label cloud widget for Blogger.

Go To Blogger >> Layout >> Add a Gadget

Choose "Labels" Widget.

Make Settings Like The Below Image & "Save" It.

Widget For Blogger
Now the widget has been added into the blog and let's customize the label cloud widget.

Customizing Labels Cloud Widget

Go To Blogger >> Template >> Backup Your Template

Click Edit HTMl and Find For ]]></ b:skin>

Copy and Paste The Following Code Above ]]></ b:skin>
/* Flat UI Labels Cloud By Www.Technicheng.Blogspot.Com ---------------- */ .sidebar .label-size { position:relative; text-transform: uppercase; text-decoration:none; font-size:13px; font-family:Open Sans; color:#fff!important; } .sidebar .label-size a { color:#fff!important; font-weight:bold; padding:8px 10px; margin:0 6px 6px 0; float:left; display:block; -moz-transition: all 0.4s ; -o-transition: all 0.4s; -webkit-transition: all 0.4s ; -ms-transition: all 0.4s ; transition: all 0.4s ; } .sidebar .label-size-1 a {background:# 1abc9c;border-bottom:3px solid #127 F69;} .sidebar .label-size-1 a:hover {background:#16a 085 ;} .sidebar .label-size-2 a {background:# 3498 db;border-bottom:3px solid #226693 ;} .sidebar .label-size-2 a:hover {background: #2980 b9;} .sidebar .label-size-3 a {background:# 2ecc71;border-bottom:3px solid #1F8C4C;} .sidebar .label-size-3 a:hover {background:#27ae60} .sidebar .label-size-4 a {background:# 9b59b6;border-bottom:3px solid #74398 E;} .sidebar .label-size-4 a:hover {background:#8e44ad} .sidebar .label-size-5 a {background:# e74c3c;border-bottom:3px solid #922 C20;} .sidebar .label-size-5 a:hover {background:#c 0392 b}
Click "Save Template".

  • Get This: Awasome stylish social media widget to your blog

Congratulations! You've successfully customized colorful Flat UI label cloud widget in your blog.

If you have any problem drop your comment and we should fix your problem.

Have you enjoying this post? If yes you can share this post to your friends.

Happy blogging...
Posted by Abubakar Adam on Sunday, August 10, 2014 - Rating: 4.5
Title : Awasome Best Beautiful Colorful Labels Cloud Widget For Bloggers
Description : This Improving the appearance of blog like bringing awesomeness and professionalism to blog templates and themes is always best. Because th...

Share this post on

Facebook Google+ Twitter

4 Responses to "Awasome Best Beautiful Colorful Labels Cloud Widget For Bloggers"

  1. AnonymousAugust 18, 2014 at 11:15 AM

    Nice... Would implement this on my blog View My Blog Here

    ReplyDelete
    Replies
      Reply
  2. Abubakar AdamAugust 18, 2014 at 12:23 PM

    Enjoy and after implement the code on your dnt forget to share this post to ur friends

    ReplyDelete
    Replies
      Reply
  3. mubarak aminuOctober 21, 2014 at 6:18 AM

    What an awsome post kudan, I will surely implement this on my blog when I am on pc,by the way I like your blog design

    ReplyDelete
    Replies
      Reply
  4. Abubakar AdamOctober 26, 2014 at 1:07 PM

    enjoy and share it to your friends

    ReplyDelete
    Replies
      Reply
Add comment
Load more...

Newer Post
Older Post
Home
Subscribe to: Post Comments (Atom)

ADF.LY

Adverts

https://join-adf.ly/22008645

Google Translate

Categories

Android Computers Blogging Free Browsing Mobile Tutorial Blackberry iOS Symbian Tech News Windows 10 Social Media Windows 8 / 7 Internet & Website Make Money Online Google Adsense SEO & Traffic Nokia s40 Tutorial Flash Tools SmadaV Adsense Alternatives Firmware File Android Games Cracked Box Blogger Widget Softwares Antivirus Free Calls iTel Smartphone Entertainment Exams Portal Nokia Flash Files USB Drivers Clone Tecno Camon iOS Tools iTel Features phone

Blog Archive

  • ►  2023 (1)
    • ►  March (1)
  • ►  2022 (1)
    • ►  January (1)
  • ►  2021 (2)
    • ►  March (2)
  • ►  2020 (14)
    • ►  August (4)
    • ►  May (4)
    • ►  April (1)
    • ►  February (1)
    • ►  January (4)
  • ►  2019 (9)
    • ►  August (4)
    • ►  June (4)
    • ►  April (1)
  • ►  2018 (10)
    • ►  July (2)
    • ►  June (1)
    • ►  May (2)
    • ►  April (4)
    • ►  January (1)
  • ►  2017 (2)
    • ►  November (1)
    • ►  February (1)
  • ►  2016 (55)
    • ►  September (1)
    • ►  August (4)
    • ►  July (3)
    • ►  June (7)
    • ►  May (17)
    • ►  April (7)
    • ►  March (10)
    • ►  February (1)
    • ►  January (5)
  • ►  2015 (3)
    • ►  July (2)
    • ►  February (1)
  • ▼  2014 (117)
    • ►  December (6)
    • ►  November (7)
    • ►  October (1)
    • ►  September (1)
    • ▼  August (2)
      • Download New 2go v4.0.2 For All Java Phones
      • Awasome Best Beautiful Colorful Labels Cloud Widge...
    • ►  July (13)
    • ►  June (12)
    • ►  May (14)
    • ►  April (11)
    • ►  March (13)
    • ►  February (16)
    • ►  January (21)
  • ►  2013 (110)
    • ►  December (19)
    • ►  November (8)
    • ►  October (15)
    • ►  September (28)
    • ►  August (19)
    • ►  July (6)
    • ►  June (2)
    • ►  May (5)
    • ►  April (1)
    • ►  March (2)
    • ►  February (4)
    • ►  January (1)
  • ►  2011 (1)
    • ►  November (1)

Popular Posts

  • HOW TO FORMAT OR FLASH A BLACKBERRY PHONE - RESTORE FACTORY SETTINGS
    How To Format Or Flash A Blackberry Phone - Restore Factory Settings Before you sell, donate or throw away your BlackBerry phone it'...
  • Enjoy Airtel Unlimited 1.5GB For N50 Only
    Airtel night browsing is here again with special night browsing plan that gives you 1.5GB for just N50 and 500MB for N25. Well they seem t...
  • How to publish/syndicated your blog post automatically to the social network sites using networkedblogs
    Syndication tells NetworkedBlogs where you want your new blog posts to be posted in Facebook (and NetworkedBlogs can automatically twee...
  • [Great] Download SmadaV Latest v14.6 With Free Registration Key 2021
    SmadaV is an all in one good and powerful antivirus software that provides total safeguard preventing the pass on of the trojan? It provides...
  • HOW TO FORMAT/HARD RESET A LOCKED TECNO ANDROID PHONE
    What is your Android problem and do you you want to format your Android device using the hard reset method? Some of the things that will ma...
  • How To Use GLO BIS To Work on Android phones
    I want to share it with you guys the configuration settings that will enable you to browse with GLO BIS on samsung or any android phones us...
  • BBM For Android iOS is now available to Download
    On my previous post last 5days ago I discuss about BBM Now Available for   Android and iPHONE iOS there was some problem with the link t...
  • Download Vidmate Premium Youtube Video Downloader Cracked Mods
    The VidMate is the best YouTube downloader app for android. Free download videos from YouTube, Facebook, Instagram, WhatsApp status and Tikt...
  • How to Download Youtube video Easily via mobile and PC
    Follow this simple Steps: •Go to www.youtube.com Open the page of the video that you wish to download •Now you will have to make a ...
  • New 2go V3.7 Has been Release With New Notification Enable
    The 2go chat app is instead,waxing stronger with new updates of the 2go chat application being rolled out to satisfy most of its users. T...

Blog Followers

Total Pageviews

Sparkline 2,125,748

About Me

Abubakar Adam
View my complete profile

Followers

Copyright © 2011 - 2023 Nigerian best technology blog - All Rights Reserved
Design by Abubakar Adam - Kudantown Blog - Powered by Blogger