feed me
Showing posts with label Widget. Show all posts
Showing posts with label Widget. Show all posts
Monday, May 3, 2010

For you who like Messenger Online at Yahoo (YM), you can add your Yahoo! Messenger status in your blog that you have. Surely with this YM status, visitors who come to the blog you can directly call / contact you. Might want to ask whether in this case about blogs, business and other things. You need in the Online at Yahoo Messenger circumstances. Now for those of you who still do not understand how to add YM status to the blog, you can follow the steps below.


Here are the steps to install Yahoo Messenger Status on your blog :

1. Login to Blogger

2. Go to Dashboard -> Layout

3. Page Elements

4. Add a gadget and select HTML / JavaScript

5. Copy and paste the code below :

<a href="ymsgr:sendIM?YourID">
<img src="http://opi.yahoo.com/online?u=YourID&amp;m=g&amp;t=2" border="0" /></a>
And the result will like this :



You can change t=2, with other numbers. This is the examples :

t=9






t=11









t=14








t=16

Thursday, April 22, 2010

Many Bloggers were asking how to create a rolling label or tag cloud, so I wanna share how to create it.

This the following steps :

1. Sign in to Blogger.com
2. Select layout tab
3. Select Edit HTML
4. Check Expand Widget Templates
5. Copy-paste code after this code
<b:section class='sidebar' id='sidebar' preferred='yes'>

<b:widget id='Label129' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://elmubarok.fileave.com/labelclouds.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.marewa.info'>marewa</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "180", "100", "7", "#000000");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0xfffffff");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='24'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
7. Save Template

Note:

1. The numbers 180 and 100 width and height of the label cloud, you can change the size of your blog's sidebar
2. Color Code #000000 (Black) is the color of labels Clouds layout, change the color code in accordance with you want.
3. Code FFFFFF (White) is the code of the text will appear, change its color, the color of your choice
4. 100 is the speed in the Clouds label, the higher the number, the faster Clouds will rolling
5. 24 is a measure of size of the text that appears in the label Clouds.

Source : rasiqzonetwork