Sunday, December 19, 2010

Tag Wp Cumulus cloud rainbow

Tag Wp cumulus cloud,mungkin semua sudah tau,sebab di beberapa blog 'Sang master' hal ini sudah banyak di bahas Bagi yang belum tau Tag wp Cumulus mungkin Boleh Melihat di sebelah kanan blog ini ,disitu ada Kotak yang berisi Link yang berwarna warni yang jika mana tersentuh oleh mouse pada bagian sisinya akan segera berputar putar ,dan jika anda klik kanan terdeteksi sebagai flash dan dengan mudah anda akan mengetahui dari mana sumber 'script antik 'tersebut.

Roy Tanck itulah pembuat script tersebut yang bermarkas disini,jika melihat dari namanya yang memakai embel embel 'WP' sangat jelas plugin/script tersebut diperuntukkan untuk CMS wordpress bukan untuk CMS  dan sejenisnya diluar wordpress, terlebih untuk Blogspot yang Notabene adalah saingan didunia Blogging hehe..

Tapi..dikarenakan banyak 'master' yang berbaik hati meluangkan waktu dan pikirannya untuk membedah script tersebut maka alhasil..Tag wp cumulus plugin tersebut dapat dengan mudah  di tancapkan pada Blogspot.



Siapakah master yang Berjasa tersebut ? secara umum saya tidak tahu..sebab jika mencoba mencari tahu lewat mesin pencari  dengan kata  : tag wp cumulus pelangi,tag wp cumulus rainbow,modifikasi tag wp cumulus dll

Blog yang saya harapkan tidak tertampil disana,adapun yang tertampil adalah aneka macam Blog yang memakai tag wp cumulus standard,tanpa warna warni..yang sumpah demi tuhan saya tidak percaya jika merekalah yang pertama melakukan bedah pada script tag wp cumulusnya si Roy Tanck,kenapa saya tidak percaya ? hehehe tentu saja setelah melihat tampilan Blog mereka yang rata rata tak secanggih dan tidak seunik tampilan blog yang saya maksudkan.setidaknya tampilan Blog yang tertampil mampu meyakinkan dengan bentuk dan designnya mungkin saya akan percaya bahwa tentu salah satu dari merekalah pertama yang melakukan bedah terhadap script tag wp cumulus tersebut.

lantas siapakah yang saya percaya ? nah terserah anda anda mau menilai apa,yang pasti saya memilih untuk lebih percaya pada sipemilik http://www.gubhugreyot.blogspot.com,dikarenakan tampilan dan design yang tertampil didalam Blognya jauh lebih canggih dari semua Blog yang saya temui..anda tak percaya ? Silahkan berkunjung ke Blognya dan lihat sendiri..dan jika ada diatara anda yang merasa pernah melihat Blog/web yang memiliki tampilan sejenis atau lebih dlm hal Jquery/script/css3 dan membahas tag wp cumulus Plugin tersebut..tolong tunjukkan kepada saya..

jadi sangat jelas..tag wp cumulus rainbow yang tertampil di blog ini,adalah hasil melihat,dan membaca Tutorial yang ada pada Blog gubhug reyot.dan jika anda mau belajar banyak silahkan merujuk ke Blog beliau..

Okey..Tutorial tag wp cumulus disini sekedar koleksi pribadi saya hasil dari belajar,yang saya coba " Bukukan secara on line" sekedar menyimpan untuk mengingat dan tidak bermaksud menggurui siapa siapa karena saya juga bukan siapa siapa..jikapun anda membacanya kemudian menerapkan pada Blog atau web anda,saya pribadi cuma menganggap anda sedang belajar dari Blog GR ( Gubhug Reyot ).cuma dengan gaya bahasa saya yang saya anggap cocok dan mudah saya pahami secara pribadi.dan...demi menjaga sikap yang pantang mencopy paste suatu artikel diluar ilmu pengetahuan umum dan berita yang memang untuk diumum umumkan.

okey berhubung sudah terlalu panjang basa basinya sebaiknya langsung saja saya menuliskan langkah langkah pemasangan  Tag Wp Cumulus Plugin pada Blogspot dengan cara yang teramat sangat Mudah



Langkah Pertama Silahkan login Kedalam blog anda  dengan memasukkan email dan password

Setelah berada dalam dashboard,pilih Rancangan /tata letak /layout.

lakukan penambahan widget kemudian Pilih HTML/java script

Copy lalu pastekan Script Berikut :



<div align="center" style="padding:0px;border:0px solid #555;">

<div class="box1" style="background:#999; width:190; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhJnpDBjYU0v_N0VJTK_MV2R1cuIbdWUyCWiAk9VxVnyp-SgEy7q1C-G3ngBdKfa9pi1C1d63dIXuUkKz2fItPy8_9RO5iIRLHPpgnZ75RKOMb2zsyPuj9EJqjlNnW898YXzqqKUmGGiI/) center no-repeat;border:2px solid #020b00;padding:0  0px">

<script type="text/javascript" src="http://shup.com/Shup/440431/swfobject.js"></script>

<div id="flashcontent">Anuku</div>



<script type="text/javascript">

var so = new

SWFObject("http://www.swfcabin.com/swf-files/1275932799.swf",'tagcloud',

'470', '470', '7', '#9b7d5f');

so.addParam("wmode", "transparent");

so.addVariable("tcolor", "0x000000");

so.addVariable("mode", "tags");

so.addVariable("distr", "true");

so.addVariable("tspeed", "220");

so.addVariable("tagcloud", "<tags><a href='http://link.com' style='16' color='0xFFff00' hicolor='0xfb3f20'>Title-1</a><a href='http://link.com' style='22' color='0xa9a0e8' hicolor='0xfbacac'>Title-2</a><a href='http://link.com' style='16' color='0x00A5ff' hicolor='0xf978fb'>Title-3</a><a href='http://link.com' style='20' color='0xBD00ff' hicolor='0xfd8ff1'>Title-4</a><a href='http://link.com' style='9'  color='0xFF00ff' hicolor='0xb4acfb'>Title-5</a><a href='http://link.com' style='16' color='0xFF0000'  hicolor='0x78fbf9'>Title-6</a><a href='http://link.com' style='16' color='0xFFff00' hicolor='0xfbc878'>Title-7</a><a href='http://link.com' style='13' color='0x27ebed'  hicolor='0x14eefc'>Title-8</a><a href='http://link.com' style='11' color='0x00ff00' hicolor='0x16de01'>Title-9</a><a href='http://link.com' style='11'  color='0x00ffff' hicolor='0xfa9cfb'>Title-10</a><a href='http://link.com' style='11'  color='0xc8fcca' hicolor='0xfa9cfb'>Title-11</a><a href='http://link.com' style='11'color='0x0000ff'hicolor='0xfa9cfb'>Title-12</a><a href='http://link.com' style='11'color='0xfa99f0'hicolor='0xfa99f0'>Title-13</a><a href='http://link.com' style='16' color='0x00ffff' hicolor='0xf978fb'>Title-14</a><a href='http://link.com' style='16' color='0xFF2100' hicolor='0xf978fb'>Title-15</a><a href='http://link.com' style='16' color='0x00ffff' hicolor='0xf978fb'>Title-16</a><a href='http://link.com' style='16' color='0xFF4200' hicolor='0xf978fb'>Title-17</a><a href='http://link.com' style='16' color='0xFFA500' hicolor='0xf978fb'>Title-18</a><a href='http://link.com' style='16' color='0x39ff00' hicolor='0xf978fb'>Title-19</a><a href='http://link.com' style='16' color='0x9f7716' hicolor='0xf978fb'>Title-19</a><a href='http://link.com' style='16' color='0xfab9b9' hicolor='0xfd3a3a'>Title-20</a><a href='http://link.com' style='16' color='0xbfa780' hicolor='0xe5dfd5'>Title-21</a><a href='http://link.com' style='16' color='0x7ca904' hicolor='0xe5fca8'>Title-22</a><a href='http://link.com' style='16' color='0x8d1cf7' hicolor='0xc992fd'>Title-23</a><a href='http://link.com' style='16' color='0xd5faf5' hicolor='0xf7fcfb'>Title-24</a><a href='http://link.com' style='16' color='0xd5faf5' hicolor='0xf7fcfb'>Title-25</a><a href='http://link.com' style='16' color='0x0ba3e3' hicolor='0x9edbf5'>Title-26</a></tags>");

so.addParam("allowScriptAccess", "always");

so.write("flashcontent");

</script></div></div>




sebelum di save/simpan silahkan diatur telebih dahulu dengan meelihat keterangan berikut  :

  • untuk mengganti Gambar background silahkan lakukan pergantian url gambar pada kode https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhJnpDBjYU0v_N0VJTK_MV2R1cuIbdWUyCWiAk9VxVnyp-SgEy7q1C-G3ngBdKfa9pi1C1d63dIXuUkKz2fItPy8_9RO5iIRLHPpgnZ75RKOMb2zsyPuj9EJqjlNnW898YXzqqKUmGGiI/,  ( Untuk hasil terbaik Gunakan gambar / background yang sesuai dengan tinggi dan lebar widget yang diinginkan )

  • Untuk mengatur lebar dan tinggi tag cumulus silahkan atur pada kode berwarna = '470', '470

  • untuk mengatur kecepatan pada rotasi silahkan  atur pada kode = ("tspeed", "220"

  • isikan link,dari blog anda atau Url yang anda suka pada kode dan warna = http://link.com

  • Isikan Tittle Link Yang anda Cantumkan pada kode dan warna = Title

  • Untuk mengganti warna pada setiap Link yang ada silahkan Ganti pada  kode dan warna = color='0xFFff00'

  • dan warna Hovered Link pada = hicolor='0xfb3f20'

  • Pastikan pada setiap kode warna yang ada dimulai dengan 0x dan penempatan link tidak berjarak atau ada spasi antara Link yang satu dan Link Yang berikutnya.

Script diatas terdiri dari 26 Link dengan Warna yang berbeda beda ( selengkap warna pelangi hehehe.. )

 dan sudah melalui proses Uji Coba,dan Berhasil secara sempurna,untuk melihatnya silahkan lihat pada Blog percobaan saya : http://www.kampoeng80.blogspot.com

dan untuk Versi jumbo yang sudah jadi dan anda bisa Lihat langsung source codenya via Browser anda  lihat disini http://www.kopral.tk/kopral80.html



Anda dapat menggantikan url script dan file swf yang ada diatas dengan mendownloadnya terlebih dahulu pada Link yang ada pada script diatas, kemudian menguploadnya kewebhost / file hosting kesukaan anda,ini untuk berjaga jaga dan demi menghindari terjadinya ERROR massal,akibat downnya server dimana File itu bermarkas,

Mari membiasakan diri untuk tidak mempergunakan url suatu file secara berjamaah...

dan akhirnya selesai juga.. sudah sangat tentu tak sebagus penjelasan sang master ketika menyampaikan..harap maklum saja yang menulisnya cuma seorang Newbie kelas Teri..jadi maafin saja..wassalam