Tag Cloud

Blogumulus by Roy Tanck and Amanda Fazani

 애플이 최근 발표한 아이패드에서도 어도비시스템즈 플래시 기술을 지원하는 것을 거부했다. 아이폰에 이어 아이패드 사용자들도 플래시 기반 콘텐츠를 이용할 수 없게 됐다.
 스티브 잡스 애플 최고경영자는 아이패드가 동영상 감상에 있어 넷북이나 스마트폰보다 향상된 경험을 제공할 것이라는 점을 분명히 했다. 그러면서도 웹에서 돌아가는 동영상의 70~75%에 탑재된 플래시 지원을 거절했다는 점에서 그 배경에 비상한 관심이 쏠리고 있다.
 아이폰 출시 이후 플래시 지원을 놓고 애플과 어도비는 불편한 관계였다. 어도비는 아이폰에 플래시를 넣고 싶어했지만 애플은 문호를 열어주지 않았다. 한때 아이폰에 플래시가 들어갈 것이란 신호가 포착됐지만 루머에 그쳤다. 애플은 결국 아이패드에서도 플래시에 대한 잠금장치를 풀지 않았다.전문가들에 따르면 아이패드에서 플래시를 지원하지 않는 것은 애플에게는 마이너스가 될 수 있다는 평가. 아이패드는 웹브라우징에 초점이 맞춰져 있다. 그런만큼, 플래시를 배제한 것은 사용성에 문제를 일으킬 수 있다.


 CNN, 훌루, 디즈니 등 다수 웹사이트는 지금 플래시 기반이다.어도비도 공격모드로 나섰다. 아이폰에서 외면받았을때만 해도 어도비는 애플과 협력을 기대한다는 뉘앙스을 풍겼으나 아이패드에서도 거부당하자 사용자들은 웹콘텐츠를 제대로 이용할 수 없을 것이라고 경고했다.어도비의 애드리언 루드위그 플래시 플랫폼 매니저는 블로그를 통해 "애플이 아이패드에 플래시를 거부한 것은 아이튠스 서비스에서 사용자들이 콘텐츠를 이용하는 것을 통제하기 위한 것"이라고 지적했다고 뉴욕타임스는 전했다.


 어도비는 현재 50개 이상의 파트너들과 협력해 개발자, 콘텐츠 업체들이 자신들의 콘텐츠를 다양한 기기에 접목할 수 있는 오픈스크린 프로젝트를 진행중이다. 디바이스에 상관없이 콘텐츠와 애플리케이션에 접근할 수 있도록 해주겠다는게 골자. 이를 감안하면 아이폰과 아이패드에서 플래시가 돌아가지 않는 것은 어도비에겐 부담스러울 수 밖에 없다.


 애플은 아이폰에서 플래시를 지원하지 않는 것과 관련해 너무 무겁기 때문이라는 입장을 밝혀왔다. 아이패드에서 플래시를 거부한 것도 기술적인 이유와 무관치 않은 듯 하다. 애플 데스크톱과 노트북의 경우 현재 플래시를 지원하고 있다. 그러나 플래시로 인해 애플리케이션간 충돌 현상이 벌어진다는 지적. 애플은 아이패드에서도 비슷한 상황이 벌어지는 것을 우려하고 있다는 설명이다.플래시 지원에 따른 시스템 부하와  보안 문제도 거론됐다. 플래시 기반 콘텐츠가 배터리도 많이 잡아먹는다는 것도 문제로 꼽혔다.


 애플은 플래시 대신 차세대 웹표준으로 주목받고 있는 HTML5를 주목하는 모습이다. 애플외에 유튜브와 비메오닷컴도 현재 HTML5로의 전환을 추진중이다. 플리커닷컴도 플래시의 대안을 고민하고 있다. 별도 런타임 SW를 깔아야 하는 플래시와 달리 HTML5는 웹브라우저에서 바로 돌아간다. HTML5가 확산될 경우 아이폰과 아이패드 사용자들은 플래시가 없어도 웹기반 동영상 콘텐츠를 이용할 수 있게 된다.그러나 HTML5는 아직 초기 단계다. 게임 제작이나 고급 동영상 기능 지원은 부족하다는 지적이다. 그런만큼, 웹을 HTML5 포맷으로 전환하는 과정은 쉽지도, 빠르지도 않을 것이라고 뉴욕타임스는 전하고 있다. 아직은 플래시가 개발자들에게 멀티미디어 프로그래밍 언어라는 것이다.그럼에도 뉴욕타임스는 많은 동영상 사이트에서 플래시의 대안으로 HTML5를 실험하고 있다는 것을 이유로 들어 플래시 공백에 따른 영향을 길지 않을 수도 있다고 분석했다. 

A one-time password (OTP) is a password that is only valid for a single login session or transaction. OTPs avoid a number of shortcomings that are associated with traditional (static) passwords. The most important shortcoming that is addressed by OTPs is that, in contrast to static passwords, they are not vulnerable to replay attacks. This means that, if a potential intruder manages to record an OTP that was already used to log into a service or to conduct a transaction, he will not be able to abuse it since it will be no longer valid. On the downside, OTPs cannot be memorized by human beings. Therefore they require additional technology in order to work.

상당히 예민한 성격이어서
사소한 일에도 신경을 쓰고 걱정하는 사람이 있었다.

그런데 언제부터인가 그런 버릇이 씻은 듯이 없어졌다.
그의 친구가 물었다.

"이봐, 이게 어떻게 된 거야? 자네가 전혀 걱정을 하지 않게 되다니."
"하하하, 나대신 걱정해주는 친구를 하나 채용했어.
일주일에 백만원을 주기로 하고 그 친구를 채용했더니 걱정이 하나도 없어."

"뭐라고? 일주일에 백만원이나?. 도대체 그 많은 돈을 어떻게 마련하려고 그래?"

그러자 그가 밝게 웃으며 대답했다.
"그것도 그 친구가 걱정할 일이지."




1. 사랑하는 사람에게 고맙다는 말을 많이 했더라면 
2. 진짜 하고 싶은 일을 했더라면 
3. 조금만 더 겸손했더라면 
4. 친절을 베풀었더라면 
5. 나쁜 짓을 하지 않았더라면 
6. 꿈을 꾸고 그 꿈을 이루려고 노력했더라면 
7. 감정에 휘둘리지 않았더라면 
8. 만나고 싶은 사람을 만났더라면 
9. 기억에 남는 연애를 했더라면 
10. 죽도록 일만 하지 않았더라면 
11. 가고 싶은 곳으로 여행을 떠났더라면 
12. 고향을 찾아가보았더라면 
13. 맛있는 음식을 많이 맛보았더라면 
14. 결혼했더라면 
15. 자식이 있었더라면 
16. 자식을 혼인시켰더라면 
17. 유산을 미리 염두에 두었더라면 
18. 내 장례식을 생각했더라면 
19. 내가 살아온 증거를 남겨두었더라면 
20. 삶과 죽음의 의미를 진지하게 생각했더라면 
21. 건강을 소중히 여겼더라면 
22. 좀 더 일찍 담배를 끊었더라면 
23. 건강할 때 마지막 의사를 밝혔더라면 
24. 치료의 의미를 진지하게 생각했더라면
25. 아마... 종교를 몰랐던 것?..

Update: Improved Widget Code



I have updated the code required to run this widget to activate links in the tag cloud Flash movie. If you have already installed Blogumus, please replace your widget code with the new updated code, or reference the additional lines to modify your existing installation.

How it works

This widget uses a combination of JavaScript and Flash animation to parse and display your blog labels. Once installed in your template, it should work "out of the box" without any additional tweaking required, though of course you may prefer to change the variables for color, background and size if appropriate :)

You should also be able to move the Label Cloud widget through the Page Elements page of your dashboard if you prefer display in a different layout location.

To see Blogumus in action, both Flash and Javascript must be installed and enabled for your internet browser. However, it does degrade relatively gracefully, and label links will still be clickable (though not animated) for those who do not use JavaScript of Flash (including search engine spiders).

How to install Blogumus in your Blogger layout



Installing Blogumus in your Blogger layout is surprisingly simple! You should only need to copy and paste a section of code to your Blogger template, though any tweaks for the style of display will require some manual editing.

Here are the steps required to install Blogumus in your Blogger layout:

Go to Layout>Edit HTML in your Blogger dashboard, and search for the following line (or similar):

<b:section class='sidebar' id='sidebar' preferred='yes'>
Immediatly after this line, paste the following section of code:



<b:widget id='Label99' 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://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
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='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>


Then preview your template. If installed correctly, you should see the tag cloud appear in your sidebar. Then you are free to save your template, edit the colors and dimensions as required, or move it to a different location.



That's all!

Customizing Blogumus

In this default installation, Blogumus includes the following preset variables:

  • Width is set to 240px
  • Height is set to 300px;
  • Background color is white
  • Test color is grey
  • Font size is "12"
If you would prefer to make your widget wider, shorter, change the color scheme, etc, you will need to do this by editing various parts of the code. I'll go through these options in the order they appear in the widget code.

Editing width and height

The variables for width and height are found in this line of the script:

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "style="color: red;">240", "style="color: blue;">300", "7", "#ffffff");


The width (currently 240) is highlighted in red, while the height (300px default) is highlighted in blue. These numerical values specify the width and height in pixels, so you can alter these of you prefer.

Editing background color

You can change the background color from white to any other color by altering the hex value in the same line:

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "style="color: red;">#ffffff");
For example, if you prefer a bright red background, you may replace #ffffff with #ff0000. Take a look at this page for a list of commonly used hex color codes.

Alter the color of text

By default, the text is set to display as dark grey ( hex value #333333). You can alter this variable in the following line:

so.addVariable("tcolor", "0xstyle="color: red;">333333");


Be aware that "tcolor" is a Flash variable and doesn't include the usual hash symbol of hex color codes. Be sure to only replace the numbers!

Adjust the font size

The maximum font size of tags is specified in this line:

so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='style="color: red;">12'><data:label.name/></a></b:loop></tags>");
You can alter this to ensure tags are displayed in a bigger or smaller font if you prefer by changing "12" to a larger or smaller number.

While making any of these changes, you should be able to preview your widget and be certain that your new choice of color, dimensions and background are suitable for your needs.