How to Make a Label Cloud

type='html'>

To create a view label or category more interesting, you can try to replace them with labels that resemble a cloud, or better known by the name of the label cloud. Label cloud is a label that resembles a cloud, you can see on the right sidebar of this blog.

 

There visible label or tag such as a clot cloud. Writings also vary, the greater any posts means the more content label. You want to create a label cloud as I have ?

 

Well, following the steps.

  1. Login to Blogger with your ID.

  2. Click Layout.

  3. Then click Edit HTML.

  4. Backup template first, click the Download Full Template.

  5. Then click Expand Widget Templates.

  6. Put the following code above the code ]]>


    /* Label Cloud
    ----------------------------------------------- */
    #labelCloud {text-align:center;font-family:arial,sans-serif;}
    #labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
    #labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
    #labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
    #labelCloud a{text-decoration:none}
    #labelCloud a:hover{text-decoration:underline}
    #labelCloud li a{}
    #labelCloud .label-cloud {}
    #labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
    #labelCloud .label-cloud li:before{content:"" !important}


  7. Then place the following code above the code




  8. After that, find the code like this
















    • ()









  9. Delete the code, and replace with the following code
















  10. Save Template.
copy the code with the full, because if left only one element, label cloud will not successfully created. Good Luck !

No comments:

Post a Comment