Tumblr Tag Cloud Integration

If you want to integrate a tag cloud (particularly the one found here), you might find that the tag cloud works, but then the Twitter timeline doesn’t.

This is due to conflicting versions of the jQuery javascript library.

All you have to do is delete the call from the tag cloud code, so you should end up with:

<!— Start Tumblr Tag Cloud —>

<script type=”text/javascript” src=”http://tumblrtags.rivers.pro/widget.js?css=default&minsize=120&maxsize=280”></script>

<!— End Tumblr Tag Cloud —>

If you want your tag cloud positioned and styled like mine (look to the right and under the description) then follow these instructions:

1. Insert the code below in the CustomHTML panel, underneath the description block.
   
           <div id=”tagCloud”>
                   <script type=”text/javascript” src=”http://tumblrtags.rivers.pro/widget.js?css=default&minsize=120&maxsize=280”></script>
           </div>
2. Insert the following code in the script tag in the CustomHTML.
   
           $(document).ready(function() {
                   $(‘#tagCloud’).css({ 
                           top: 335 + $(‘#blogdescription’).height() + ‘px’,
                          display: ‘inline’
                   });
           });
3. Paste the next snippet of code in the CustomCSS panel, or within the Style tags in the CustomHTML panel.
   
           #tagCloud { position: absolute; right: 10%; width: 27%; padding: 10px; background: #EEE; border-top: 1px dotted black; border-bottom: 1px dotted black; text-align: right; display: none; } 

1 year ago  /  cloud tumblr tweetline  /  2 notes

List issues: fixed!

There have been problems with the styling of ordered and unordered lists.

Here is the fix:

.regular ol, .photo ol, .photoset ol, .quote ol, .link ol, .video ol, .chat ol, .audio ol { margin-left: 30px; }

.regular ol, .photo ol, .photoset ol, .quote ol, .link ol, .video ol, .chat ol, .audio ol, .regular ol li, .photo ol li, .photoset ol li, .quote ol li, .link ol li, .video ol li, .chat ol li, .audio ol li { list-style-type: decimal; }

.regular ul, .photo ul, .photoset ul, .quote ul, .link ul, .video ul, .chat ul, .audio ul { margin-left: 30px; }

.regular ul, .photo ul, .photoset ul, .quote ul, .link ul, .video ul, .chat ul, .audio ul, .regular ul li, .photo ul li, .photoset ul li, .quote ul li, .link ul li, .video ul li, .chat ul li, .audio ul li { list-style-type: disc; }

Just paste the above CSS code into the CustomCSS box under the Advanced tab.

1 year ago  /  0 notes