Membuat Tag Cloud Pada Blog V.2

Tag Cloud Comulus ? Pasti anda bertanya apa itu . . .

terus terang saya juga tidak tahu betul apa arti dari tag Cloud tapi bila diartikan satu persatu tag artinya label cloud artinya awan jadi bila di gabungkan artinya adalah label awan,kalau betul syukur, kalau salah jangan di protes, kira-kira bentuknya Seperti gambar di bawah dan dapat bergerak-gerak jika mouse anda dekatkan:
kali ini  KM akan ngeshare cara buat tag cloud comulus seperti gubhuk reyot dan caranya sagat mudah berikut screen shot nya:

khoirul mufid

Untuk membuatnya cukup gampang,langsung saja

1 Login Blogger

2 Masuk ke Rancangan >> Element Halaman3 Tambah Widget >> HTML/Java Script
4 Masukkan code berikut :

<span class="fullpost"><span style="color: #009900;"><span style="color: #009900; font-size: 100%;"><span style="color: black;"><div class="box4" style="background:#222; width:178px;border:8px solid #333;margin:2px 0px 2px 1px;"> <br /><div class="box3" style="background: rgb(239,63,0); /* Old browsers */<br /> background: -moz-radial-gradient(center, ellipse cover,  rgba(239,63,0,1) 10%, rgba(255,242,0,1) 50%, rgba(255,0,0,1) 62%, rgba(0,0,0,1) 87%); /* FF3.6+ */<br />background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(10%,rgba(239,63,0,1)), color-stop(50%,rgba(255,242,0,1)), color-stop(62%,rgba(255,0,0,1)), color-stop(87%,rgba(0,0,0,1))); /* Chrome,Safari4+ */<br />background:transparent url(http://tagcloud-cumulus.googlecode.com/files/bg_cumulus-gubhugreyot-1.png) center repeat-x;border:3px solid #555;width:172px;"><br /><div class="box2" style=" -webkit-radial-gradient(center, ellipse cover,  rgba(239,63,0,1) 10%,rgba(255,242,0,1) 50%,rgba(255,0,0,1) 62%,rgba(0,0,0,1) 87%); /* Chrome10+,Safari5.1+ */<br /> background: -o-radial-gradient(center, ellipse cover,  rgba(239,63,0,1) 10%,rgba(255,242,0,1) 50%,rgba(255,0,0,1) 62%,rgba(0,0,0,1) 87%); /* Opera 12+ */<br />background:transparent url(http://tagcloud-cumulus.googlecode.com/files/bg_cumulus-gubhugreyot-1.png);width:166px;height:210px;border:3px solid #777;"><br /><script type="text/javascript" src="http://tagcloud-cumulus.googlecode.com/files/bgsGR_cumulus.js"></script><br /><div id="flashcontent"> <a href="http://k-mufid.blogspot.com" style="text-decoration:none;">khoirul mufid</a></div> <br /><script type="text/javascript"><br />var so = new <br />SWFObject("https://sites.google.com/site/gubhugreyotprojects/tagcloud-cumulus/GR_cumulus-gubhugreyot.swf", "tagcloud", <br />"160", "210", "7", "#333333");<br />// uncomment next line to enable transparency<br />so.addParam("wmode", "transparent");<br />so.addVariable("tcolor", "0x000000");<br />so.addVariable("mode", "tags");<br />so.addVariable("distr", "true");<br />so.addVariable("tspeed", "250");<br />so.addVariable("tagcloud", "<tags><a href='Link-1' style='16' color='0x69fd59' hicolor='0xfb3f20'>Nama Link-1</a><a href='Link-2' style='22' color='0xe3d002' hicolor='0xfbacac'>Nama Link-2</a><a href='Link-3' style='16' color='0x6dc6fe' hicolor='0xf978fb'>Nama Link-3</a><a href='Link-4' style='20' color='0x787bfb' hicolor='0xfd8ff1'>Nama Link-4</a><a href='Link-5' style='9'  color='0xdcdf00' hicolor='0xb4acfb'>Nama Link-5</a><a href='Link-6' style='16' color='0xdfa300'  hicolor='0x78fbf9'>Nama Link-6</a><a href='Link-7' style='16' color='0xdf1f00' hicolor='0x78fb7e'>Nama Link-7</a><a href='Link-8' style='12' color='0xfbf378' hicolor='0xb17501'>Nama Link-8</a><a href='Link-9' style='16' color='0xfcf9fd' hicolor='0xfbc878'>Nama Link-9</a> <a href='Link-10' style='16' color='0xfd332f' hicolor='0xfbd687'>Nama Link-10</a><a href='Link-11' style='27'  color='0xc7fcfd' hicolor='0xfb835e'>Nama Link-11</a><a href='Link-12' style='13' color='0x9497d7'  hicolor='0x14eefc'>Nama Link-12</a> <a href='Link-13' style='14' color='0x010bde' hicolor='0xfdc2b3'>Nama Link-13</a><a href='Link-14' style='16' color='0x01dbde' hicolor='0x8ba08b'>Nama Link-14</a><a href='Link-15' style='11' color='0xfe5003' hicolor='0x16de01'>Nama Link-15</a><a href='Link-16' style='16' color='0xfef2c4' hicolor='0xef0000'>Nama Link-16</a> <a href='Link-17' style='11'  color='0xc8fcca' hicolor='0xfa9cfb'>Nama Link-17</a><a href='Link-18' style='16' color='0xefdb00'  hicolor='0x12e102'>Nama Link-18</a><a href='Link-19' style='22' color='0x02e9fe' hicolor='0x9aaaf9'>Nama Link-19</a><a href='Link-20' style='27' color='0xef7000' hicolor='0xf9fc02'>Nama Link-20</a><a href='Link-21' style='9' color='0xfb5724' hicolor='0xffffff'>Nama Link-21</a><a href='Link-22' style='16' color='0x24fb2f' hicolor='0xfd8fa9'>Nama Link-22</a> <a href='Link-23' style='20' color='0xfe3324' hicolor='0xacabab'>Nama Link-23</a><a href='Link-24' style='9' color='0x37fbcf' hicolor='0xb4acfb'>Nama Link-24</a><a href='http://khoirul-mufid.blogspot.com/2010/07/tag-cloud-cumulus-full-color-buat-dan.html' style='22'  color='0xaffb37' hicolor='0xffffff'>Tag Cloud Cumulus Full Color</a></tags>");<br />so.addParam("allowScriptAccess", "always");<br />so.write("flashcontent");<br /></script><br /></div> <br /></div> <br /></div> </span></span><span style="font-weight: bold;"><span style="color: black;"><span style="font-size: 85%;"><br /></span></span></span></span></span>

Jangan lupa simpan dan lihat blogg...

sumber:http://gubhugreyot.blogspot.com