Skip to main content

Customize Label cloud widget of blogger with Hover effects.

By
Hi guys welcome back to worldtech360.In this post i am gonna deal with blogger labels.Usually Labels are used to categories your blog posts.By using Labels on your blog or website you tell the readers what type of topics you deal with.So in order to make the labels more attractive,in this post i am gonna show how to customize the label widget with hover effect.So let's see how to do this.
Customize Label cloud widget of blogger with Hover effects.

Steps:

1.Open Blogger>>Layout.
2.Click "Add widget" and select "Labels" form it.
3.Now a window will pop up and choose display as cloud instead of list as shown below.
choose cloud from display of labels widget.
4.Now move to Template >>Edit HTML.
5.Search for ]]></b:skin> and paste the below code above it.
/*-----Labels Cloud widget by worldtech360.com ----*/
.label-size{
  background-color:#ffffff;
  border:2px solid #2AA4CF;
  float:left;
  font-family:georgia;
  font-size:12px;
  margin:0px 1px 1px 0px;
  padding:7px;
  text-transform:uppercase;
  box-shadow:rgba(0, 0, 0, 0.45098) 0 1px 11px;
}

.label-size:hover {
  background-color:#ffffff;
  border:none;
  border-bottom-left-radius:12px;
  border-bottom-right-radius:12px;
  border-top-left-radius:12px;
  border-top-right-radius:12px;
  font-family:georgia;
  font-weight:bold;
  padding:7px;
  text-decoration:none;
  border-bottom-style:solid;
  text-color:#fff;
  border-bottom-color:#595b67;
  border-bottom-width:4px;
  box-shadow:rgba(0, 0, 0, 0.45098) 0 1px 11px;
}

6.Save you template and you will see the labels as shown below.
Look of labels before and after.
7.Done.
That's it friends i hope you enjoyed the post,if you have any queries feel free to ask us through comments.
Labels:

Comments

Post a Comment

Popular posts from this blog

8 Important Tips to Protect Your Magento Store from Hacking

By
Protection of eCommerce and financial websites is necessary because these websites deal with monetary transactions and stand first as a victim in the list of cyber crime. Magento is the most popular eCommerce platform which also comes under threat of hacking by accessing unauthorized logins and other attacks. Magento Platform is rich in security features but security is needed on the admin level to protect it from cyber criminals. Here are some security tips that help you to protect your Magento store and keep your site safe: 1.Admin Path Customization: It is the first step you can take to keep your Magento site safe is to customize the admin path because the normal login pages and admin pages can easily be accessed by just hit and trial methods and it is very easy to navigate to admin page by hackers if the path remains unchanged. With the use of many hacking software available online, it is easy to guess user name and password combinations and these software can guess user n...
1 comment
Read more

Top 10 Best Anime series you should watch.

By
Anime is a Japanese film which is far more advanced than the normal cartoon which we watch regularly.As the demand for Anime is increasing day by day,author are trying to create new anime series.Keeping in this mind,in this post i am gonna list out some of the best anime series and make the readers to watch top anime series. Top Anime List: 1. One Piece. 2. Naruto Shippuden. 3. Fairy Tail. 4. Bleach. 5. Dragon ball Z. 6. Dragon ball GT. 7. Hunter x Hunter(2011). 8. Ao no exorcist. 9. Death note. 10. Naruto. Top Cool Notepad tricks. That's it friends i hope you like this article and if you know other anime which are best,then just comment the name in the comment section so that we will add it to the post and have a nice day.
Post a Comment
Read more

How to lock a folder without any software-using Notepad.

By
Hi guys in this tutorial i am gonna show you How to Lock a folder without any software using notepad.As we know that,day-by-day lots of hackers are trying to steal the confidential data that resides on one system.As a result many of us are trying to protect there confidential data to be hidden by using various types of Folder locks. But as these folders locks are not available for free,they get expire after a period of time.In order to get rid of it in this article i am gonna show you how to create a folder which is password protected.This works in all windows(i.e XP,vista,7,8).To do this Follow the steps that are given below. Steps : 1.In order to do this,Open notepad( you can do this by pressing windows+R and type in it notepad). 2.Now in that copy the code which is given below. CODE: cls :End @ECHO OFF title Folder Locker cls :END @ECHO OFF title worldtech360 Folder lock /*replace with your desired title */ if EXIST "Control Panel.{21EC2020-3AEA-1069-A2DD-0...
Post a Comment
Read more