Customize Label cloud widget of blogger with Hover effects.

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.

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.

7.Done.
That's it friends i hope you enjoyed the post,if you have any queries feel free to ask us through comments.

Comments

How to make an Installation file(setup file) using Iexpress.

Hi guys welcome to worldtech360. In this tutorial or article I am going to show you how to create an installation file(setup file) for the .EXE file which you have created using an inbuilt option in windows 7 named ‘ iexpress ’. So let’s see how to do this. Note: You can also create an installation file for .bat file files or .VBS files or any other files which are executable. Steps: 1. Choose an .EXE file or any other file for which you want to create a setup file or installation file. In this I am going to use .VBS file 2. Open Run and type “ iexpress ” or “ iexpress.exe ” and hit enter. 3. After hitting enter, iexpress wizard window will popup. On the screen you will see two options i.e. “ create new self-extracting directive file ” and the other is “ open existing self-extracting directive file ”. I recommend you to choose the first option as you are going to create a self-extracting file and click next. 4. In the next window select “ Extract files on...

Cool and Best software's that you should have on your New PC.

Hi Guys welcome back to Worldtech360 . This article will be useful for those who dump there PC with lot's of software. As they try to install different type of software on pc,though the software do not match to the system requirements and try to crash or damage their pc.For them i listed the best and commonly used software. Source code Editors: The editors plays a crucial role while you are running a website because it can be used to create templates and many more.It can also be used to write languages like c/c++,java ,basic and many more.keeping this in mind i listed the best software: 1 .Notepad ++ : Notepad++ is a free source code editor.It supports several languages.In one word to say,it is the modification of the Notepad and simple to handle. You can download it by click on this( CLICK HERE ). 2. Text pad: Text pad is a popular source code editor.It can be used for editing your web pages, or a programming IDE. It is most commonly used by companies t...

8 Important Tips to Protect Your Magento Store from Hacking

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...

Worldtech360 | It's your world

Search This Blog