tag:blogger.com,1999:blog-45285918523877776762024-11-01T15:40:17.989+07:00Sebuah Blog Sederhana Dan Berisi kan Konten Sederhana Pula,Tapi Semoga Bermanfaatd7http://www.blogger.com/profile/08006080950854585716noreply@blogger.comBlogger68125tag:blogger.com,1999:blog-4528591852387777676.post-8798912197304686422012-03-02T16:15:00.000+07:002012-02-03T16:42:17.164+07:00<span class="besar"><b><i>M</i></b></span><b>ungkin anda bingung apa yang saya maksud.<br /> Coba lihat background halaman saya dengan cara seksama dan dalam tempo se singkat2 nya, Lho malah ngaco....bkakakakakak<br /> Gimana bro?background otomatis berganti2 kan seperti lantai disco?</b><br /> <b>Tertarik untuk membuat nya?</b><br /> <a name='more'></a><b>Ok langsung saja ikuti panduan saya:::&gt;&gt;&gt;<br /> 1. Seperti biasanya login dulu<br /> 2. Pada halaman dasbor pilih rancangan<br /> 3. Pilih edit Html<br /> 4. Jangan lupa centang kotak expad widget<br /> 5. Cari kode ini bro:::&gt;&gt; <span style="color: red;">&lt;/head&gt; </span>supaya cepat ketemu tekan ( Ctrl+F )</b><br /> <b>6. Setelah itu masukan kode di bawah ini tepat di atas kode tadi ( <span style="color: red;">&lt;/head&gt; </span>)</b><br /> <span style="color: orange;"><b><br /> </b></span><br /> <div style="background-color: black; border: 5px aqua solid; height: 150px; overflow: auto; padding: 10px; text-align: left; width: 300px;"><span style="background-color: black;"><span style="color: orange;"><b>&lt;script type="text/javascript"&gt;</b></span></span><br /> <span style="color: orange;"><b>//&lt;![CDATA[</b></span><br /> <span style="color: orange;"><b><br /> </b></span><br /> <span style="color: orange;"><b>r=255;</b></span><br /> <span style="color: orange;"><b>g=255;</b></span><br /> <span style="color: orange;"><b>b=255;</b></span><br /> <span style="color: orange;"><b>flag=0;</b></span><br /> <span style="color: orange;"><b>t=new Array;</b></span><br /> <span style="color: orange;"><b>o=new Array;</b></span><br /> <span style="color: orange;"><b>d=new Array;</b></span><br /> <span style="color: orange;"><b><br /> </b></span><br /> <span style="color: orange;"><b>function hex(a,c)</b></span><br /> <span style="color: orange;"><b>{</b></span><br /> <span style="color: orange;"><b>t[a]=Math.floor(c/16)</b></span><br /> <span style="color: orange;"><b>o[a]=c%16</b></span><br /> <span style="color: orange;"><b>switch (t[a])</b></span><br /> <span style="color: orange;"><b>{</b></span><br /> <span style="color: orange;"><b>case 10:</b></span><br /> <span style="color: orange;"><b>t[a]='A';</b></span><br /> <span style="color: orange;"><b>break;</b></span><br /> <span style="color: orange;"><b>case 11:</b></span><br /> <span style="color: orange;"><b>t[a]='B';</b></span><br /> <span style="color: orange;"><b>break;</b></span><br /> <span style="color: orange;"><b>case 12:</b></span><br /> <span style="color: orange;"><b>t[a]='C';</b></span><br /> <span style="color: orange;"><b>break;</b></span><br /> <span style="color: orange;"><b>case 13:</b></span><br /> <span style="color: orange;"><b>t[a]='D';</b></span><br /> <span style="color: orange;"><b>break;</b></span><br /> <span style="color: orange;"><b>case 14:</b></span><br /> <span style="color: orange;"><b>t[a]='E';</b></span><br /> <span style="color: orange;"><b>break;</b></span><br /> <span style="color: orange;"><b>case 15:</b></span><br /> <span style="color: orange;"><b>t[a]='F';</b></span><br /> <span style="color: orange;"><b>break;</b></span><br /> <span style="color: orange;"><b>default:</b></span><br /> <span style="color: orange;"><b>break;</b></span><br /> <span style="color: orange;"><b>}</b></span><br /> <span style="color: orange;"><b>switch (o[a])</b></span><br /> <span style="color: orange;"><b>{</b></span><br /> <span style="color: orange;"><b>case 10:</b></span><br /> <span style="color: orange;"><b>o[a]='A';</b></span><br /> <span style="color: orange;"><b>break;</b></span><br /> <span style="color: orange;"><b>case 11:</b></span><br /> <span style="color: orange;"><b>o[a]='B';</b></span><br /> <span style="color: orange;"><b>break;</b></span><br /> <span style="color: orange;"><b>case 12:</b></span><br /> <span style="color: orange;"><b>o[a]='C';</b></span><br /> <span style="color: orange;"><b>break;</b></span><br /> <span style="color: orange;"><b>case 13:</b></span><br /> <span style="color: orange;"><b>o[a]='D';</b></span><br /> <span style="color: orange;"><b>break;</b></span><br /> <span style="color: orange;"><b>case 14:</b></span><br /> <span style="color: orange;"><b>o[a]='E';</b></span><br /> <span style="color: orange;"><b>break;</b></span><br /> <span style="color: orange;"><b>case 15:</b></span><br /> <span style="color: orange;"><b>o[a]='F';</b></span><br /> <span style="color: orange;"><b>break;</b></span><br /> <span style="color: orange;"><b>default:</b></span><br /> <span style="color: orange;"><b>break;</b></span><br /> <span style="color: orange;"><b>}</b></span><br /> <span style="color: orange;"><b>}</b></span><br /> <span style="color: orange;"><b><br /> </b></span><br /> <span style="color: orange;"><b>function ran(a,c)</b></span><br /> <span style="color: orange;"><b>{</b></span><br /> <span style="color: orange;"><b>if ((Math.random()&gt;2/3||c==0)&amp;&amp;c&lt;255)</b></span><br /> <span style="color: orange;"><b>{</b></span><br /> <span style="color: orange;"><b>c++</b></span><br /> <span style="color: orange;"><b>d[a]=2;</b></span><br /> <span style="color: orange;"><b>}</b></span><br /> <span style="color: orange;"><b>else</b></span><br /> <span style="color: orange;"><b>{</b></span><br /> <span style="color: orange;"><b>if ((Math.random()&lt;=1/2||c==255)&amp;&amp;c&gt;0)</b></span><br /> <span style="color: orange;"><b>{</b></span><br /> <span style="color: orange;"><b>c--</b></span><br /> <span style="color: orange;"><b>d[a]=1;</b></span><br /> <span style="color: orange;"><b>}</b></span><br /> <span style="color: orange;"><b>else d[a]=0;</b></span><br /> <span style="color: orange;"><b>}</b></span><br /> <span style="color: orange;"><b>return c</b></span><br /> <span style="color: orange;"><b>}</b></span><br /> <span style="color: orange;"><b>function do_it(a,c)</b></span><br /> <span style="color: orange;"><b>{</b></span><br /> <span style="color: orange;"><b>if ((d[a]==2&amp;&amp;c&lt;255)||c==0)</b></span><br /> <span style="color: orange;"><b>{</b></span><br /> <span style="color: orange;"><b>c++</b></span><br /> <span style="color: orange;"><b>d[a]=2</b></span><br /> <span style="color: orange;"><b>}</b></span><br /> <span style="color: orange;"><b>else</b></span><br /> <span style="color: orange;"><b>if ((d[a]==1&amp;&amp;c&gt;0)||c==255)</b></span><br /> <span style="color: orange;"><b>{</b></span><br /> <span style="color: orange;"><b>c--;</b></span><br /> <span style="color: orange;"><b>d[a]=1;</b></span><br /> <span style="color: orange;"><b>}</b></span><br /> <span style="color: orange;"><b>if (a==3)</b></span><br /> <span style="color: orange;"><b>{</b></span><br /> <span style="color: orange;"><b>if (d[1]==0&amp;&amp;d[2]==0&amp;&amp;d[3]==0)</b></span><br /> <span style="color: orange;"><b>flag=1</b></span><br /> <span style="color: orange;"><b>}</b></span><br /> <span style="color: orange;"><b>return c</b></span><br /> <span style="color: orange;"><b>}</b></span><br /> <span style="color: orange;"><b>function disco()</b></span><br /> <span style="color: orange;"><b>{</b></span><br /> <span style="color: orange;"><b>if (flag==0)</b></span><br /> <span style="color: orange;"><b>{</b></span><br /> <span style="color: orange;"><b>r=ran(1, r);</b></span><br /> <span style="color: orange;"><b>g=ran(2, g);</b></span><br /> <span style="color: orange;"><b>b=ran(3, b);</b></span><br /> <span style="color: orange;"><b>hex(1,r)</b></span><br /> <span style="color: orange;"><b>hex(2,g)</b></span><br /> <span style="color: orange;"><b>hex(3,b)</b></span><br /> <span style="color: orange;"><b>document.body.style.background="#"+t[1]+o[1]+t[2]+o[2]+t[3]+o[3]</b></span><br /> <span style="color: orange;"><b>flag=50</b></span><br /> <span style="color: orange;"><b>}</b></span><br /> <span style="color: orange;"><b>else</b></span><br /> <span style="color: orange;"><b>{</b></span><br /> <span style="color: orange;"><b>r=do_it(1, r)</b></span><br /> <span style="color: orange;"><b>g=do_it(2,g)</b></span><br /> <span style="color: orange;"><b>b=do_it(3,b)</b></span><br /> <span style="color: orange;"><b>hex(1,r)</b></span><br /> <span style="color: orange;"><b>hex(2,g)</b></span><br /> <span style="color: orange;"><b>hex(3,b)</b></span><br /> <span style="color: orange;"><b>document.body.style.background="#"+t[1]+o[1]+t[2]+o[2]+t[3]+o[3]</b></span><br /> <span style="color: orange;"><b>flag--</b></span><br /> <span style="color: orange;"><b>}</b></span><br /> <span style="color: orange;"><b><br /> </b></span><br /> <span style="color: orange;"><b>setTimeout('disco()',50)</b></span><br /> <span style="color: orange;"><b>}</b></span><br /> <span style="color: orange;"><b>//]]&gt;</b></span><br /> <span style="background-color: black;"><span style="color: orange;"><b>&lt;/script&gt;</b></span></span></div><br /> <b>7.Sesudah meletakkan kode di atas sekarang waktu nya minum kopi dulu...bkakakakakak</b><br /> <b>maap bercanda......</b><br /> <b>Cari lagi kode <span style="color: blue;">&lt;body&gt;&nbsp;</span></b><br /> <b>Nb: Untuk template yang baru kodenya sudah berubah bro,jadi kode nya seperti ini:::&gt;&gt;&gt;</b><br /> <span style="color: blue;"><b>&lt;body expr:class='&amp;quot;loading&amp;quot; + data:blog.mobileClass'&gt;</b></span><br /> <b><br /> </b><br /> <b>Nah ganti kode tersebut dengan kode ini:::&gt;</b><br /> <b><span style="color: magenta;"><span style="background-color: black;">&lt;body onload="disco( ) "&gt;&nbsp;</span></span></b><br /> <b style="background-color: white;">Setelah itu coba pratinjau dahulu sebelum menyimpan nya.</b><br /> <b style="background-color: white;">Semoga penjelasan saya dapat di mengerti dan selamat mencoba...</b><br /> <br /> <script type="text/javascript"> //<![CDATA[ r=255; g=255; b=255; flag=0; t=new Array; o=new Array; d=new Array; function hex(a,c) { t[a]=Math.floor(c/16) o[a]=c%16 switch (t[a]) { case 10: t[a]='A'; break; case 11: t[a]='B'; break; case 12: t[a]='C'; break; case 13: t[a]='D'; break; case 14: t[a]='E'; break; case 15: t[a]='F'; break; default: break; } switch (o[a]) { case 10: o[a]='A'; break; case 11: o[a]='B'; break; case 12: o[a]='C'; break; case 13: o[a]='D'; break; case 14: o[a]='E'; break; case 15: o[a]='F'; break; default: break; } } function ran(a,c) { if ((Math.random()>2/3||c==0)&&c<255) { c++ d[a]=2; } else { if ((Math.random()<=1/2||c==255)&&c>0) { c-- d[a]=1; } else d[a]=0; } return c } function do_it(a,c) { if ((d[a]==2&&c<255)||c==0) { c++ d[a]=2 } else if ((d[a]==1&&c>0)||c==255) { c--; d[a]=1; } if (a==3) { if (d[1]==0&&d[2]==0&&d[3]==0) flag=1 } return c } function disco() { if (flag==0) { r=ran(1, r); g=ran(2, g); b=ran(3, b); hex(1,r) hex(2,g) hex(3,b) document.body.style.background="#"+t[1]+o[1]+t[2]+o[2]+t[3]+o[3] flag=50 } else { r=do_it(1, r) g=do_it(2,g) b=do_it(3,b) hex(1,r) hex(2,g) hex(3,b) document.body.style.background="#"+t[1]+o[1]+t[2]+o[2]+t[3]+o[3] flag-- } setTimeout('disco()',50) } //]]> </script><br /> <br /> <br /> <a href="http://www.mylivesignature.com/" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;" target="_blank"><img src="http://signatures.mylivesignature.com/54490/51/C6D9F9A009803D5583DCA928CBEA646B.png" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 5px !important; border-color: initial !important; border-image: initial !important; border-left-width: 5px !important; border-right-width: 5px !important; border-style: initial !important; border-top-width: 5px !important;" /></a><br /> Credit: <a href="http://javascriptkit.com/">Javascript</a>d7http://www.blogger.com/profile/08006080950854585716noreply@blogger.com2tag:blogger.com,1999:blog-4528591852387777676.post-35920236137085494772012-02-27T18:12:00.001+07:002012-02-27T18:22:43.465+07:00<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI0MukhORjG_4eeR4tPn7DSrCwbw2dsJCMgx2psY5Dc7f9hqk5zNie9bkyIgf_E-rNJ7k4gclpMmzRJfDwFGykO95g5jKjlJSMvLUXeCHdI9gry6su2KBKY6_hsR2xGaKEXuE75ajYQRM/s1600/vocations_background.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="115" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI0MukhORjG_4eeR4tPn7DSrCwbw2dsJCMgx2psY5Dc7f9hqk5zNie9bkyIgf_E-rNJ7k4gclpMmzRJfDwFGykO95g5jKjlJSMvLUXeCHdI9gry6su2KBKY6_hsR2xGaKEXuE75ajYQRM/s320/vocations_background.jpg" width="320" /></a></div><br /> <b>TibiaME adalah massively multiplayer online pertama role-playing game untuk perangkat mobile. Datang bersama-sama dengan ratusan pemain dan petualangan pengalaman di dunia maya yang penuh warna! Seiring dengan teman Anda menjelajahi misterius tanah TibiaME, melawan jalan Anda melalui gerombolan makhluk jahat dan memecahkan teka-teki kuno untuk menemukan harta yang tak terhitung. Dengan setiap rakasa Anda mengalahkan Anda akan tumbuh dalam kekuatan dan kekuasaan. TibiaME didasarkan pada Tibia online yang sukses role-playing game yang menarik ribuan pemain setiap hari.</b><br /> <b>Untuk info lebih lanjut kunjungi:</b><a href="http://www.tibiame.com/">TibiaMe</a>d7http://www.blogger.com/profile/08006080950854585716noreply@blogger.com0tag:blogger.com,1999:blog-4528591852387777676.post-9823377059520782732012-02-27T18:02:00.000+07:002012-02-27T18:02:53.275+07:00<div style="text-align: justify;"><a href="http://www.skypeassets.com/content/dam/skype/images/campaigns/2010-10/home-promo-facebook-1.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="201" src="http://www.skypeassets.com/content/dam/skype/images/campaigns/2010-10/home-promo-facebook-1.jpg" width="320" /></a><b>Dengan Skype, Anda dapat berbagi cerita, merayakan ulang, belajar bahasa, mengadakan pertemuan, bekerja dengan rekan - apa saja yang perlu Anda lakukan bersama setiap hari. Anda dapat menggunakan Skype di apa pun yang terbaik untuk Anda - di ponsel atau komputer atau TV dengan Skype di atasnya. Hal ini bebas untuk mulai menggunakan Skype - untuk berbicara, melihat dan orang pesan instan lain di Skype misalnya. Anda bahkan dapat mencoba video yang kelompok, dengan versi terbaru dari Skype.<a name='more'></a></b></div><b> Jika Anda membayar sedikit, Anda dapat melakukan lebih banyak hal, dengan cara yang lebih, dengan lebih banyak orang - seperti telepon panggilan, akses WiFi atau mengirim teks. Anda dapat membayar sebagai Anda pergi atau membeli berlangganan, apa pun yang bekerja untuk Anda. Dan dalam dunia bisnis, ini berarti Anda dapat membawa ekosistem seluruh pekerja, mitra dan pelanggan sama untuk menyelesaikan sesuatu. Cobalah Skype hari ini dan mulai menambahkan teman, keluarga dan kolega. Mereka tidak akan sulit untuk menemukan; ratusan juta orang sudah menggunakan Skype untuk melakukan segala macam hal bersama-sama.<br /> Untuk info lebih lanjut kunjungi:<a href="http://www.skype.com/intl/en/home">Skype</a></b>d7http://www.blogger.com/profile/08006080950854585716noreply@blogger.com0tag:blogger.com,1999:blog-4528591852387777676.post-54100307248060902652012-02-27T17:48:00.001+07:002012-02-27T18:20:01.606+07:00<div class="separator" style="clear: both; text-align: center;"></div><div style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><a href="http://warspear-online.com/images/content/home/about-barb.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Об игре" border="0" height="320" src="http://warspear-online.com/images/content/home/about-barb.png" width="273" /></a><b>Warspear Online adalah sebuah cross-platform massively multiplayer online Roleplaying game (MMORPG) untuk ponsel cerdas. Melompat ke dalam permainan segala sesuatu dan pengalaman negeri-negeri Arinar tawarkan! Jelajahi dunia permainan yang unik dan menggali kaya, sejarah yang unik sebagai Anda pergi pada petualangan dan belajar kemampuan baru. Semua sementara Anda akan berkomunikasi dengan sesama pemain dari seluruh dunia dan menemukan teman baru untuk pertempuran dengan dan melawan. The, klasik grafis penuh warna akan membuat Anda pergi, dan yang dioptimalkan untuk smartphone berbagai sehingga Anda dapat menikmati permainan Anda tanpa mengganggu layar berkedut.<br /> </b><br /> <a name='more'></a><b><br /> Sesuaikan karakter Anda pada penciptaan dengan memilih tidak hanya jenis kelamin, golongan, dan kelas, tetapi tatanan rambut Anda &amp; warna juga. Seperti yang Anda pencarian Anda akan membekali Anda dengan berbagai karakter luar biasa dalam game item, seperti baja dan senjata yang akan membuat Anda menonjol lebih jauh! Pengalaman gameplay intens dengan real-time battle system kami yang tidak akan pernah meninggalkan Anda bosan (tidak seperti turn-based sistem). Benamkan diri Anda dalam dunia Warspear Online dan mengambil semua bahaya dan kejutan itu di toko!<br /> <br /> Warspear Online merupakan dunia yang menarik di mana Anda bisa menjadi pahlawan, mendapatkan rasa hormat dan bertemu teman baru. Dan terbaik dari semua, itu tidak akan pernah jauh dari tangan Anda - semua yang Anda butuhkan adalah akses telepon dan internet.<br /> <br /> "Warspear online foregoes efek gemerlap dan seni 3D yang mendukung pixel art sempurna ditata 2D dan stabilitas rock-solid. Permainan ini konsisten dijalankan dari atas ke bawah. "-Amazon Apps Tinjauan<br /> <br /> Fitur:<br /> <br /> Fantasi bergenre klasik desain;<br /> Colorful grafis dan dunia permainan yang unik;<br /> Keragaman karakter dan kemampuan untuk menyempurnakan mereka pada kehendak Anda. Ubah tampilan Anda dengan ton berbagai senjata dan baju besi;<br /> Gameplay intens berdasarkan adiktif real-time pertempuran;<br /> Perdagangan item dengan pemain lain;<br /> Komunikasi melalui multi-channel chatting permainan;<br /> Kemampuan untuk membentuk kelompok dan quests permainan lengkap bersama-sama;<br /> Bersaing melawan pemain lain dalam pertempuran PvP intens;<br /> Akses permainan dunia dari hampir semua lokasi, yang memungkinkan mobilitas lengkap.<br /> Persyaratan sistem:<br /> <br /> platform: iPhone / Android / Symbian S60 / Windows Mobile / Windows<br /> Resolusi layar: 176x208 dan lebih tinggi<br /> ruang kosong: sekitar 10Mb<br /> RAM bebas: tidak kurang dari 15MB<br /> perangkat harus memiliki akses Internet<br /> Untuk info lebih lanjut kunjungi:<a href="http://warspear-online.com/en/home">Warspear</a></b></div>d7http://www.blogger.com/profile/08006080950854585716noreply@blogger.com0tag:blogger.com,1999:blog-4528591852387777676.post-5390201615872599662012-02-27T17:30:00.000+07:002012-02-27T17:30:56.831+07:00<div class="span12" id="left_panel" style="clear: left; color: #222222; display: inline; float: left; font-family: sans-serif; font-size: 13px; height: 500px; line-height: 16px; margin-left: 0px; overflow-x: visible; overflow-y: visible; position: relative; width: 600px;"><div class="jcarousel-container jcarousel-container-horizontal" style="position: relative;"><div class="jcarousel-clip jcarousel-clip-horizontal" style="left: -22px; overflow-x: hidden; overflow-y: hidden; position: relative; width: 632px;"><ul class="jcarousel-list jcarousel-list-horizontal" id="home_slider" style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; font-family: inherit; left: 0px; line-height: 1; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; overflow-x: hidden; overflow-y: hidden; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; position: relative; top: 0px; width: 1996px;"><br class="Apple-interchange-newline" /> <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-2 jcarousel-item-2-horizontal" jcarouselindex="2" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://corporate.cdn.mig33.com.s3.amazonaws.com/1.86/resources/compressed/img/m-7782b7ec45e0ae6d5d9a376e8b94dd97.png); background-origin: initial; background-repeat: no-repeat no-repeat; border-bottom-width: 0px; border-color: initial; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; color: grey; float: left; font-family: inherit; height: 453px; line-height: 1; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; position: relative; width: 632px;" tabindex="2"></li> <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-3 jcarousel-item-3-horizontal" jcarouselindex="3" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://corporate.cdn.mig33.com.s3.amazonaws.com/1.86/resources/compressed/img/m-64186c061a2e8e76c0abf44959062db3.png); background-origin: initial; background-repeat: no-repeat no-repeat; border-bottom-width: 0px; border-color: initial; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; color: grey; float: left; font-family: inherit; height: 453px; line-height: 1; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; position: relative; width: 632px;" tabindex="3"></li> </ul></div><div class="jcarousel-prev jcarousel-prev-horizontal jcarousel-prev-disabled jcarousel-prev-disabled-horizontal" disabled="disabled"></div><div class="jcarousel-next jcarousel-next-horizontal jcarousel-next-disabled jcarousel-next-disabled-horizontal" disabled="disabled"></div></div><div id="slider_selector" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://corporate.cdn.mig33.com.s3.amazonaws.com/1.86/resources/compressed/img/m-a6a68bde486acef7d3c4457184e5809c.png); background-origin: initial; background-position: initial initial; background-repeat: initial initial; bottom: 25px; height: 45px; left: 195px; overflow-x: auto; overflow-y: auto; position: absolute; text-align: center; width: 236px;"><ul class="jcarousel-control" style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; display: inline-block; font-family: inherit; line-height: 1; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 12px; overflow-x: auto; overflow-y: auto; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><li style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://corporate.cdn.mig33.com.s3.amazonaws.com/1.86/resources/compressed/img/m-4583a7a11140b409e7e053544023fa62.png); background-origin: initial; border-bottom-width: 0px; border-color: initial; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; color: grey; cursor: pointer; display: block; float: left; font-family: inherit; height: 20px; line-height: 1; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 20px;" tabindex="1"></li> <li style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://corporate.cdn.mig33.com.s3.amazonaws.com/1.86/resources/compressed/img/m-4583a7a11140b409e7e053544023fa62.png); background-origin: initial; border-bottom-width: 0px; border-color: initial; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; color: grey; cursor: pointer; display: block; float: left; font-family: inherit; height: 20px; line-height: 1; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 20px;" tabindex="2"></li> <li style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://corporate.cdn.mig33.com.s3.amazonaws.com/1.86/resources/compressed/img/m-4583a7a11140b409e7e053544023fa62.png); background-origin: initial; border-bottom-width: 0px; border-color: initial; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; color: grey; cursor: pointer; display: block; float: left; font-family: inherit; height: 20px; line-height: 1; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 20px;" tabindex="3"></li> </ul></div></div><span style="color: #222222; font-family: sans-serif; font-size: x-small;"><span style="line-height: 16px;"><br /> </span></span><br /> <b>Mig33 adalah aplikasi yang menurut q sangat bagus,aplikasi ini bisa di kombinasikan dengan bebagai im.contoh nya seperti yahoo dan facebook.<br /> Untuk mendowload dan mengetahui info lebih lanjut silahkan kunjungi: </b><a href="http://www.mig33.com/">www.mig33.com</a>d7http://www.blogger.com/profile/08006080950854585716noreply@blogger.com0tag:blogger.com,1999:blog-4528591852387777676.post-16243162601148997152012-02-27T17:18:00.001+07:002012-02-27T18:18:39.068+07:00<h3>Tentang Nimbuzz</h3><br /> <h1 class="title_header" style="color: white; font-family: 'Trebuchet MS', Calibri, sans-serif; font-size: 48px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-shadow: rgb(136, 136, 136) 1px 1px 2px;">Panggilan dan Kirim Pesan Gratis</h1><div class="text_header" style="color: white; font-family: 'Trebuchet MS', Calibri, sans-serif; font-size: 16px; font-weight: bold; margin-bottom: 5px; margin-top: 5px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-shadow: rgb(153, 153, 153) 1px 1px 2px;">untuk generasi yang tersambung!</div><br /> <a name='more'></a><br /> <b>Nimbuzz menggabungkan kekuatan Internet dan komunikasi bergerak menjadi satu, dan memungkinkan Anda melakukan panggilan, mengirim pesan dan berbagi file, pada setiap perangkat mobile, secara gratis.<br /> <br /> Ini adalah segala yang dibutuhkan untuk berkomunikasi secara gratis:<br /> <br /> Panggilan, chat dan pesan dengan persyaratan Anda, ditambah berbagi foto, musik dan video.<br /> Berada di sana untuk teman - Tetap terhubung, melihat siapa yang online, dan apa yang mereka lakukan.<br /> Terhubung dengan teman baru di chat room dan bertemu tatap muka melalui berbagi lokasi.<br /> Untuk semua orang. Tidak peduli apa perangkat, Nimbuzz paling mungkin mendukung, jadi lanjutkan dan mengundang teman-teman Anda.<br /> Untuk mengetahui selengkapnya kunjungi: </b><a href="http://www.nimbuzz.com/">www.nimbuzz.com</a>d7http://www.blogger.com/profile/08006080950854585716noreply@blogger.com0tag:blogger.com,1999:blog-4528591852387777676.post-1207590781276231942012-02-27T17:10:00.001+07:002012-02-27T18:19:16.395+07:00<h3>Tentang Ebuddy</h3><iframe frameborder="0" scrolling="no" src="http://www.ebuddy.com/widgets/loginbox/custom_login.html?version=small" style="height: 250px; width: 200px;"></iframe><br /> <b></b><br /> <a name='more'></a><br /> <b>eBuddy dibuat pertama di dunia, mandiri, web browser berbasis layanan pesan cepat sebagai e-Messenger di 2003 (www.e-messenger.net). Perusahaan ini namanya pada tahun 2006 dari e-Messenger untuk eBuddy.<br /> <br /> Sekarang teknologi patent-pending kami memungkinkan jutaan pengunjung global bulanan dengan AOL, Google Talk, MSN, MySpace, Facebook, ICQ dan Yahoo Messenger account untuk chatting secara gratis dalam satu antarmuka agregat tanpa harus mengunduh atau menginstal aplikasi pada komputer mereka. Jutaan pengguna bulanan juga mengakses eBuddy di ponsel mereka, independen dari carrier atau perangkat melalui WAP atau mobile internet browser (m.ebuddy.com).<br /> <br /> eBuddy adalah perusahaan swasta yang dikuasai didukung oleh Perdana Technology Ventures dan Lowland Capital Partners. eBuddy berkantor pusat di Amsterdam dan memiliki kantor lokal di London dan San Francisco.<br /> <br /> Untuk informasi lebih lanjut, kunjungi: <a href="http://www.ebuddy.com/">www.ebuddy.com</a> <br /> </b>d7http://www.blogger.com/profile/08006080950854585716noreply@blogger.com0tag:blogger.com,1999:blog-4528591852387777676.post-38600202771235958282012-02-27T16:57:00.000+07:002012-02-27T16:57:46.566+07:00<div class="besar"><b><i>S</i></b></div><b>ebagai contoh anda bisa melihat Huruf S diawal pertama paragraph</b><br /> Cara pembuatan nya:<br /> Cari kode:&nbsp;<b><span style="color: red;">]]&gt;&lt;/b:skin&gt;</span></b><b><br /> copas kode css dibawah ini dan letakkan di atas nya:</b><br /> <a name='more'></a><br /> <form name="copy"><div align="left"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div><div style="text-align: left;"><textarea name="txt" style="height: 100px; padding: 3px; width: 400px;">&lt;style type="text/css"&gt; .first { display: block; float: left; margin: 5px 5px 0 0; color:red; font-size: 100px; background:transparent; font-family: Helvetica; } &lt;/style&gt;</textarea></div></form><b><br /> </b><br /> <b>Contoh Penerapan nya:</b><br /> <b></b><br /> <b><span style="color: orange;">&lt;div class="first"&gt;</span><span style="color: lime;">huruf pertama</span><b></b></b><br /> <div style="display: inline !important;"><b><b><span style="color: orange;">&lt;/div&gt;</span></b></b></div><br /> <b> </b><br /> <span style="color: red; font-family: Allura, cursive; font-size: 50px;"><b>Selamat Mencoba</b></span>d7http://www.blogger.com/profile/08006080950854585716noreply@blogger.com0tag:blogger.com,1999:blog-4528591852387777676.post-1086517858930107412012-02-27T16:47:00.000+07:002012-02-27T16:47:06.132+07:00<div class="besar"><b><i>S</i></b></div><b>ebagai contoh bisa anda lihat disini:<a href="http://frogstompss.blogspot.com/2012/02/strike.html"><b>DEMO</b></a><br /> Cara pembuatan nya:<br /> Cari kode:&nbsp;</b><b><span style="color: red;">]]&gt;&lt;/b:skin&gt;</span></b><b><br /> copas kode css dibawah ini dan letakkan di atas nya:</b><br /> <a name='more'></a><br /> <form name="copy"><div align="left"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div><div style="text-align: left;"><textarea name="txt" style="height: 100px; padding: 3px; width: 400px;">&lt;style type="text/css"&gt; strike { background:aqua; opacity: 0.6;font-weight: bold; font-size:65px; cursor: help; filter: alpha(opacity=60); -o-transition: all 1s ease-in; -moz-transition: all 1s ease-in; -webkit-transition: all 1s ease-in; } strike:hover { background: transparent; opacity: 1.0; filter: alpha(opacity=100); } &lt;/style&gt;</textarea></div></form><b><br /> </b><br /> <b>Contoh Penerapan nya:</b><br /> <b><span style="color: orange;">&lt;strike&gt;Contoh strike&lt;/strike&gt;</span> </b><br /> <b><span style="color: orange;"><br /> </span></b><br /> <span style="color: red; font-family: Allura, cursive; font-size: 50px;"><b>Selamat Mencoba</b></span>d7http://www.blogger.com/profile/08006080950854585716noreply@blogger.com0tag:blogger.com,1999:blog-4528591852387777676.post-77394672906945956472012-02-27T16:41:00.000+07:002012-02-27T16:41:05.982+07:00<div class="besar"><b><i>S</i></b></div><b>ebagai contoh bisa anda lihat disini:<a href="http://frogstompss.blogspot.com/2012/02/morphing-cubes.html"><b>DEMO</b></a><br /> Cara pembuatan nya:<br /> Cari kode:&nbsp;</b><b><span style="color: red;">]]&gt;&lt;/b:skin&gt;</span></b><b><br /> copas kode css dibawah ini dan letakkan di atas nya:</b><br /> <a name='more'></a><br /> <form name="copy"><div align="left"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div><div style="text-align: left;"><textarea name="txt" style="height: 100px; padding: 3px; width: 400px;">&lt;style type="text/css" media="screen"&gt; body { color: white; font-family: 'Lucida Grande', Verdana, Arial; font-size: 12px; background-image: -webkit-gradient(radial, 50% 500, 1, 50% 500, 400, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0))); background-repeat: no-repeat; } #container { width: 100%; height: 700px; -webkit-perspective: 800; /* For compatibility with iPhone 3.0, we leave off the units here */ -webkit-perspective-origin: 50% 225px; } #stage { width: 100%; height: 100%; -webkit-transition: -webkit-transform 2s; -webkit-transform-style: preserve-3d; } #shape { position: relative; top: 160px; margin: 0 auto; height: 200px; width: 200px; -webkit-transform-style: preserve-3d; } .plane { position: absolute; height: 200px; width: 200px; border: 1px solid white; -webkit-border-radius: 12px; -webkit-box-sizing: border-box; text-align: center; font-family: Times, serif; font-size: 124pt; color: black; background-color: rgba(255, 255, 255, 0.6); -webkit-transition: -webkit-transform 2s, opacity 2s; -webkit-backface-visibility: hidden; } #shape.backfaces .plane { -webkit-backface-visibility: visible; } #shape { -webkit-animation: spin 8s infinite linear; } @-webkit-keyframes spin { from { -webkit-transform: rotateY(0); } to { -webkit-transform: rotateY(-360deg); } } /* ---------- cube styles ------------- */ .cube &gt; .one { opacity: 0.5; -webkit-transform: scale3d(1.2, 1.2, 1.2) rotateX(90deg) translateZ(100px); } .cube &gt; .two { opacity: 0.5; -webkit-transform: scale3d(1.2, 1.2, 1.2) translateZ(100px); } .cube &gt; .three { opacity: 0.5; -webkit-transform: scale3d(1.2, 1.2, 1.2) rotateY(90deg) translateZ(100px); } .cube &gt; .four { opacity: 0.5; -webkit-transform: scale3d(1.2, 1.2, 1.2) rotateY(180deg) translateZ(100px); } .cube &gt; .five { opacity: 0.5; -webkit-transform: scale3d(1.2, 1.2, 1.2) rotateY(-90deg) translateZ(100px); } .cube &gt; .six { opacity: 0.5; -webkit-transform: scale3d(1.2, 1.2, 1.2) rotateX(-90deg) translateZ(100px) rotate(180deg); } .cube &gt; .seven { -webkit-transform: scale3d(0.8, 0.8, 0.8) rotateX(90deg) translateZ(100px) rotate(180deg); } .cube &gt; .eight { -webkit-transform: scale3d(0.8, 0.8, 0.8) translateZ(100px); } .cube &gt; .nine { -webkit-transform: scale3d(0.8, 0.8, 0.8) rotateY(90deg) translateZ(100px); } .cube &gt; .ten { -webkit-transform: scale3d(0.8, 0.8, 0.8) rotateY(180deg) translateZ(100px); } .cube &gt; .eleven { -webkit-transform: scale3d(0.8, 0.8, 0.8) rotateY(-90deg) translateZ(100px); } .cube &gt; .twelve { -webkit-transform: scale3d(0.8, 0.8, 0.8) rotateX(-90deg) translateZ(100px); } /* ---------- ring styles ------------- */ .ring &gt; .one { -webkit-transform: translateZ(380px); } .ring &gt; .two { -webkit-transform: rotateY(30deg) translateZ(380px); } .ring &gt; .three { -webkit-transform: rotateY(60deg) translateZ(380px); } .ring &gt; .four { -webkit-transform: rotateY(90deg) translateZ(380px); } .ring &gt; .five { -webkit-transform: rotateY(120deg) translateZ(380px); } .ring &gt; .six { -webkit-transform: rotateY(150deg) translateZ(380px); } .ring &gt; .seven { -webkit-transform: rotateY(180deg) translateZ(380px); } .ring &gt; .eight { -webkit-transform: rotateY(210deg) translateZ(380px); } .ring &gt; .nine { -webkit-transform: rotateY(-120deg) translateZ(380px); } .ring &gt; .ten { -webkit-transform: rotateY(-90deg) translateZ(380px); } .ring &gt; .eleven { -webkit-transform: rotateY(300deg) translateZ(380px); } .ring &gt; .twelve { -webkit-transform: rotateY(330deg) translateZ(380px); } .controls { width: 80%; margin: 0 auto; padding: 5px 20px; -webkit-border-radius: 12px; background-color: rgba(255, 255, 255, 0.5); } .controls &gt; div { margin: 10px; } &lt;/style&gt;</textarea></div></form><b>Setelah itu carilah kode: <span style="color: cyan;">&lt;/head&gt;</span></b><br /> <b>copas kode javascript di bawah ini dan letakkan di atas nya:</b><br /> <form name="copy"><div align="left"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div><div style="text-align: left;"><textarea name="txt" style="height: 100px; padding: 3px; width: 400px;">&lt;script type="text/javascript" charset="utf-8"&gt; function hasClassName(inElement, inClassName) { var regExp = new RegExp('(?:^|\\s+)' + inClassName + '(?:\\s+|$)'); return regExp.test(inElement.className); } function addClassName(inElement, inClassName) { if (!hasClassName(inElement, inClassName)) inElement.className = [inElement.className, inClassName].join(' '); } function removeClassName(inElement, inClassName) { if (hasClassName(inElement, inClassName)) { var regExp = new RegExp('(?:^|\\s+)' + inClassName + '(?:\\s+|$)', 'g'); var curClasses = inElement.className; inElement.className = curClasses.replace(regExp, ' '); } } function toggleClassName(inElement, inClassName) { if (hasClassName(inElement, inClassName)) removeClassName(inElement, inClassName); else addClassName(inElement, inClassName); } function toggleShape() { var shape = document.getElementById('shape'); if (hasClassName(shape, 'ring')) { removeClassName(shape, 'ring'); addClassName(shape, 'cube'); } else { removeClassName(shape, 'cube'); addClassName(shape, 'ring'); } // Move the ring back in Z so it's not so in-your-face. var stage = document.getElementById('stage'); if (hasClassName(shape, 'ring')) stage.style.webkitTransform = 'translateZ(-200px)'; else stage.style.webkitTransform = ''; } function toggleBackfaces() { var backfacesVisible = document.getElementById('backfaces').checked; var shape = document.getElementById('shape'); if (backfacesVisible) addClassName(shape, 'backfaces'); else removeClassName(shape, 'backfaces'); } &lt;/script&gt;</textarea></div></form><b>Contoh Penerapan nya:</b><br /> <b></b><br /> <b><span style="color: orange;">&lt;div class="controls"&gt;</span></b><br /> <b><span style="color: orange;">&lt;h1&gt;</span></b><br /> <b><span style="color: orange;">Animations, Transitions and 3D Transforms&lt;/h1&gt;</span></b><br /> <b><span style="color: orange;">&lt;div&gt;</span></b><br /> <b><span style="color: orange;">&lt;button onclick="toggleShape()"&gt;Toggle Shape&lt;/button&gt;&lt;/div&gt;</span></b><br /> <b><span style="color: orange;">&lt;div&gt;</span></b><br /> <b><span style="color: orange;">&lt;input type="checkbox" id="backfaces" onclick="toggleBackfaces()" checked&gt;&lt;label for="backfaces"&gt;Backfaces visible&lt;/label&gt;&lt;/div&gt;</span></b><br /> <b><span style="color: orange;">&lt;/div&gt;</span></b><br /> <b><span style="color: orange;"><br /> </span></b><br /> <b><span style="color: orange;">&lt;div id="container"&gt;</span></b><br /> <b><span style="color: orange;">&lt;div id="stage"&gt;</span></b><br /> <b><span style="color: orange;">&lt;div id="shape" class="cube backfaces"&gt;</span></b><br /> <b><span style="color: orange;">&lt;div class="plane one"&gt;</span></b><br /> <b><span style="color: orange;">1&lt;/div&gt;</span></b><br /> <b><span style="color: orange;">&lt;div class="plane two"&gt;</span></b><br /> <b><span style="color: orange;">2&lt;/div&gt;</span></b><br /> <b><span style="color: orange;">&lt;div class="plane three"&gt;</span></b><br /> <b><span style="color: orange;">3&lt;/div&gt;</span></b><br /> <b><span style="color: orange;">&lt;div class="plane four"&gt;</span></b><br /> <b><span style="color: orange;">4&lt;/div&gt;</span></b><br /> <b><span style="color: orange;">&lt;div class="plane five"&gt;</span></b><br /> <b><span style="color: orange;">5&lt;/div&gt;</span></b><br /> <b><span style="color: orange;">&lt;div class="plane six"&gt;</span></b><br /> <b><span style="color: orange;">6&lt;/div&gt;</span></b><br /> <b><span style="color: orange;">&lt;div class="plane seven"&gt;</span></b><br /> <b><span style="color: orange;">7&lt;/div&gt;</span></b><br /> <b><span style="color: orange;">&lt;div class="plane eight"&gt;</span></b><br /> <b><span style="color: orange;">8&lt;/div&gt;</span></b><br /> <b><span style="color: orange;">&lt;div class="plane nine"&gt;</span></b><br /> <b><span style="color: orange;">9&lt;/div&gt;</span></b><br /> <b><span style="color: orange;">&lt;div class="plane ten"&gt;</span></b><br /> <b><span style="color: orange;">10&lt;/div&gt;</span></b><br /> <b><span style="color: orange;">&lt;div class="plane eleven"&gt;</span></b><br /> <b><span style="color: orange;">11&lt;/div&gt;</span></b><br /> <b><span style="color: orange;">&lt;div class="plane twelve"&gt;</span></b><br /> <b><span style="color: orange;">12&lt;/div&gt;</span></b><br /> <b><span style="color: orange;">&lt;/div&gt;</span></b><br /> <b><span style="color: orange;">&lt;/div&gt;</span></b><br /> <b><span style="color: orange;">&lt;/div&gt;</span></b><br /> <div><b><br /> </b></div><b> </b><br /> <span style="color: red; font-family: Allura, cursive; font-size: 50px;"><b>Selamat Mencoba</b></span>d7http://www.blogger.com/profile/08006080950854585716noreply@blogger.com0tag:blogger.com,1999:blog-4528591852387777676.post-15417285377074389812012-02-27T16:31:00.000+07:002012-02-27T16:31:25.553+07:00<div class="besar"><b><i>S</i></b></div><b>ebagai contoh bisa anda lihat disini:<a href="http://frogstompss.blogspot.com/2012/02/image-rotation.html"><b>DEMO</b></a><br /> Cara pembuatan nya:<br /> Cari kode:&nbsp;</b><b><span style="color: red;">]]&gt;&lt;/b:skin&gt;</span></b><b><br /> copas kode css dibawah ini dan letakkan di atas nya:</b><br /> <a name='more'></a><br /> <form name="copy"><div align="left"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div><div style="text-align: left;"><textarea name="txt" style="height: 100px; padding: 3px; width: 400px;">&lt;style type="text/css"&gt; @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); } } #spinWrapper { position: relative; margin: 100px 0 0 200px; } #spinImage { background: url(spiral-1.png) 0 0 no-repeat; position: absolute; top: -60px; left: -45px; width: 275px; height: 292px; -webkit-animation-name: spin; -webkit-animation-duration: 1000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 1000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 1000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; } &lt;/style&gt;</textarea></div></form><b><br /> </b><br /> <b>Contoh Penerapan nya:</b><br /> <b></b><br /> <b><span style="color: orange;">&lt;div id="spinWrapper"&gt;</span></b><br /> <b><span style="color: orange;">&lt;img src="url gambar" alt="spiral" id="spinImage" /&gt;</span></b><br /> <b><span style="color: orange;">&lt;/div&gt;</span></b><br /> <b> </b><br /> <span style="color: red; font-family: Allura, cursive; font-size: 50px;"><b>Selamat Mencoba</b></span>d7http://www.blogger.com/profile/08006080950854585716noreply@blogger.com0tag:blogger.com,1999:blog-4528591852387777676.post-30206565330400219812012-02-27T15:07:00.000+07:002012-02-27T15:07:15.436+07:00<div class="besar"><b><i>S</i></b></div><b>ebagai contoh bisa anda lihat disini:<a href="http://frogstompss.blogspot.com/2012/02/border-transparan.html"><b>DEMO</b></a><br /> Cara pembuatan nya:<br /> Cari kode:&nbsp;</b><b><span style="color: red;">]]&gt;&lt;/b:skin&gt;</span></b><b><br /> copas kode css dibawah ini dan letakkan di atas nya:</b><br /> <a name='more'></a><br /> <form name="copy"><div align="left"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div><div style="text-align: left;"><textarea name="txt" style="height: 100px; padding: 3px; width: 300px;">&lt;style type="text/css"&gt; .border { height: 400px; width: 100%px; border:10px solid black; -webkit-box-shadow: inset 0 0 0 50px hsla(0,0%,100%,.55); -moz-box-shadow: inset 0 0 0 50px hsla(0,0%,100%,.55); box-shadow: inset 0 0 0 50px hsla(0,0%,100%,.55); } &lt;/style&gt;</textarea></div></form><b><br /> </b><br /> <b>Contoh Penerapan nya:</b><br /> <b></b><br /> <b><span style="color: orange;">&lt;div class="border" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcqNQ86nfnUXkNjAjpvqPEbbDYY-bSbaAHycl88vkRiff_nvt5_Wa0JPEMOJTTfjfH6qEn_R529jdW2gYWaviIZ-UhbnEppqhDK7HETZbWIzPiBV8sWVH_4q3Xt5hPD7ZyvWpT6U1BcaPm/s640/3d-wallpaper.jpg);"&gt;</span></b><br /> <b><span style="color: orange;">&lt;/div&gt;</span></b><br /> <b> </b><br /> <span style="color: red; font-family: Allura, cursive; font-size: 50px;"><b>Selamat Mencoba</b></span>d7http://www.blogger.com/profile/08006080950854585716noreply@blogger.com0tag:blogger.com,1999:blog-4528591852387777676.post-53779151424328453582012-02-27T14:58:00.000+07:002012-02-27T14:58:28.475+07:00<div class="besar"><b><i>S</i></b></div><b>ebagai contoh bisa anda lihat disini:<a href="http://frogstompss.blogspot.com/2012/02/corner-ribbon.html"><b>DEMO</b></a><br /> Cara pembuatan nya:<br /> Cari kode:&nbsp;</b><b><span style="color: red;">]]&gt;&lt;/b:skin&gt;</span></b><b><br /> copas kode css dibawah ini dan letakkan di atas nya:</b><br /> <a name='more'></a><br /> <form name="copy"><div align="left"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div><div style="text-align: left;"><textarea name="txt" style="height: 100px; padding: 3px; width: 400px;">&lt;style type="text/css"&gt; .wrapper { margin: 50px auto; width: 280px; height: 370px; background: black; border:5px solid transparent; border-radius: 10px; -webkit-box-shadow: 0px 0px 8px rgba(255,255,0,0.3); -moz-box-shadow: 0px 0px 8px rgba(255,255,0,0.3); box-shadow: 0px 0px 8px rgba(255,255,0,0.3); position: relative; z-index: 90; } .ribbon-wrapper-red { width: 85px; height: 88px; overflow: hidden; position: absolute; top: -3px; right: -3px; } .ribbon-red { font: bold 15px Sans-Serif; color: black; text-align: center; text-shadow: rgba(255,255,255,0.5) 0px 1px 0px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); position: relative; padding: 7px 0; left: -5px; top: 15px; width: 120px; background-color: #000; background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -moz-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -ms-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -o-linear-gradient(top, #BFDC7A, #8EBF45); color: #6a6340; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px rgba(0,0,0,0.3); } .ribbon-red:before, .ribbon-red:after { content: ""; border-top: 3px solid red; border-left: 3px solid transparent; border-right: 3px solid transparent; position:absolute; bottom: -3px; } .ribbon-red:before { left: 0; } .ribbon-red:after { right: 0; }​ &lt;/style&gt;</textarea></div></form><b><br /> </b><br /> <b>Contoh Penerapan nya:</b><br /> <b></b><br /> <b><span style="color: orange;">&lt;div class="wrapper"&gt;</span></b><br /> <b><span style="color: orange;">&lt;div class="ribbon-wrapper-red"&gt;</span></b><br /> <b><span style="color: orange;">&lt;div class="ribbon-red"&gt;</span></b><br /> <b><span style="color: orange;">COntoh&lt;/div&gt;</span></b><br /> <b><span style="color: orange;">&lt;/div&gt;</span></b><br /> <b><span style="color: orange;">&lt;/div&gt;</span></b><br /> <b> </b><br /> <span style="color: red; font-family: Allura, cursive; font-size: 50px;"><b>Selamat Mencoba</b></span>d7http://www.blogger.com/profile/08006080950854585716noreply@blogger.com0tag:blogger.com,1999:blog-4528591852387777676.post-44210791689661766702012-02-27T14:53:00.000+07:002012-02-27T14:53:37.693+07:00<div class="besar"><b><i>S</i></b></div><b>ebagai contoh bisa anda lihat disini:<a href="http://frogstompss.blogspot.com/2012/02/animasi-gelombang.html"><b>DEMO</b></a><br /> Cara pembuatan nya:<br /> Cari kode:&nbsp;</b><b><span style="color: red;">]]&gt;&lt;/b:skin&gt;</span></b><b><br /> copas kode css dibawah ini dan letakkan di atas nya:</b><br /> <a name='more'></a><br /> <form name="copy"><div align="left"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div><div style="text-align: left;"><textarea name="txt" style="height: 100px; padding: 3px; width: 400px;">&lt;style type="text/css"&gt; .loader { text-align: center; } .loader span { display: inline-block; vertical-align:middle; width: 10px; height: 10px; margin: 0px auto; background: transparent; border-radius: 50px; -webkit-animation: loader 0.9s infinite alternate; -moz-animation: loader 0.9s infinite alternate; } .loader span:nth-of-type(2) { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; } .loader span:nth-of-type(3) { -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; } @-webkit-keyframes loader { 0% { width: 10px; height: 10px; opacity: 0.9; -webkit-transform: translateY(0); } 100% { width: 24px; height: 24px; opacity: 0.1; -webkit-transform: translateY(-21px); } } @-moz-keyframes loader { 0% { width: 10px; height: 10px; opacity: 0.9; -moz-transform: translateY(0); } 100% { width: 24px; height: 24px; opacity: 0.1; -moz-transform: translateY(-21px); } } &lt;/style&gt;</textarea></div></form><b><br /> </b><br /> <b>Contoh Penerapan nya:</b><br /> <b></b><br /> <b><span style="color: orange;">&lt;div class="loader"&gt;</span></b><br /> <b><span style="color: orange;">&lt;span style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img src="http://t0.gstatic.com/images?q=tbn:ANd9GcRB2wC9bvxCYyp1RRxmwYj8MDShs5IzcuMOUk2V6vXqKT7KXPjeloQ75ojv" /&gt;&lt;/span&gt;&lt;/div&gt;</span></b><br /> <b> </b><br /> <span style="color: red; font-family: Allura, cursive; font-size: 50px;"><b>Selamat Mencoba</b></span>d7http://www.blogger.com/profile/08006080950854585716noreply@blogger.com0tag:blogger.com,1999:blog-4528591852387777676.post-10773212080499388202012-02-27T14:46:00.000+07:002012-02-27T14:46:11.939+07:00<div class="besar"><b><i>S</i></b></div><b>ebagai contoh bisa anda lihat disini:<a href="http://frogstompss.blogspot.com/2012/02/blurry-text.html"><b>DEMO</b></a><br /> Cara pembuatan nya:<br /> Cari kode:&nbsp;</b><b><span style="color: red;">]]&gt;&lt;/b:skin&gt;</span></b><b><br /> copas kode css dibawah ini dan letakkan di atas nya:</b><br /> <a name='more'></a><br /> <form name="copy"><div align="left"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div><div style="text-align: left;"><textarea name="txt" style="height: 100px; padding: 3px; width: 400px;">&lt;style type="text/css"&gt; .blur { color: transparent; text-shadow: 0 0 5px rgba(0,0,0,0.2); } &lt;/style&gt;</textarea></div></form><b><br /> </b><br /> <b>Contoh Penerapan nya:</b><br /> <b></b><br /> <b><span style="color: orange;">&lt;div class="blur"&gt;</span></b><br /> <b><span style="color: orange;">Efek Text Buram</span></b><br /> <b><span style="color: orange;">&lt;/div&gt;</span></b><br /> <b> </b><br /> <span style="color: red; font-family: Allura, cursive; font-size: 50px;"><b>Selamat Mencoba</b></span>d7http://www.blogger.com/profile/08006080950854585716noreply@blogger.com0tag:blogger.com,1999:blog-4528591852387777676.post-51669132724230069462012-02-27T14:38:00.000+07:002012-02-27T14:38:24.779+07:00<div class="besar"><b><i>S</i></b></div><b>ebagai contoh bisa anda lihat disini:<a href="http://frogstompss.blogspot.com/2012/02/animasi-garis-bawah-link.html"><b>DEMO</b></a><br /> Cara pembuatan nya:<br /> Cari kode: <span style="color: red;">a:hover</span></b><b><br /> copas kode css dibawah ini,dan gantikan semua isi dari hover yang anda cari:</b><br /> <a name='more'></a><br /> <form name="copy"><div align="left"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div><div style="text-align: left;"><textarea name="txt" style="height: 100px; padding: 3px; width: 400px;">a:hover {&lt;br /&gt; text-decoration: none;&lt;br /&gt; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGTWZb5t15LZ_0P1RiSSlQk8q9thcO6S4BvVd-JCd-kzj18Yyhkh9Q6AvVxEp8pGOMviG4uLIB6_kgM4T_T4m3mQtvC9f_0ylMyYStOKdT104XU84mHkH5QoRJDg-gG-Ijv17KAOJyQCqp/s1600/animated_underline.gif);&lt;br /&gt; background-repeat: repeat-x;&lt;br /&gt; background-position: 100% 100%;&lt;br /&gt; padding-bottom: 3px;&lt;br /&gt; color: #CC9900;&lt;br /&gt; }</textarea></div></form><b><br /> </b><br /> <span style="color: red; font-family: Allura, cursive; font-size: 50px;"><b>Selamat Mencoba</b></span>d7http://www.blogger.com/profile/08006080950854585716noreply@blogger.com0tag:blogger.com,1999:blog-4528591852387777676.post-73353150352657634192012-02-27T14:30:00.000+07:002012-02-27T14:30:39.225+07:00<div class="besar"><b><i>S</i></b></div><b>ebagai contoh bisa anda lihat disini:<a href="http://frogstompss.blogspot.com/2012/02/gambar-galery.html"><b>DEMO</b></a><br /> Cara pembuatan nya:<br /> Cari kode:&nbsp;</b><b><span style="color: red;">]]&gt;&lt;/b:skin&gt;</span></b><b><br /> copas kode css dibawah ini dan letakkan di atas nya:</b><br /> <a name='more'></a><br /> <form name="copy"><div align="left"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div><div style="text-align: left;"><textarea name="txt" style="height: 100px; padding: 3px; width: 400px;"><style type="text/css"> .gallerycontainer{ position: relative; /*Add a height attribute and set to largest image's height to prevent overlaying*/ } .thumbnail img{ border: 1px solid white; margin: 0 5px 5px 0; } .thumbnail:hover{ background-color: transparent; } .thumbnail:hover img{ border: 1px solid blue; } .thumbnail span{ /*CSS for enlarged image*/ position: absolute; background-color: transparent; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: white; text-decoration: none; } .thumbnail span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .thumbnail:hover span{ /*CSS for enlarged image*/ visibility: visible; top: 0; left: 230px; /*position where enlarged image should offset horizontally */ z-index: 50; } </style></textarea></div></form><b><br /> </b><br /> <b>Contoh Penerapan nya:</b><br /> <span style="color: orange;"><b></b></span><br /> <span style="color: orange;"><b>&lt;div class="gallerycontainer"&gt;</b></span><br /> <span style="color: orange;"><b><br /> </b></span><br /> <span style="color: orange;"><b>&lt;a class="thumbnail" href="#thumb"&gt;&lt;img src="http://t1.gstatic.com/images?q=tbn:ANd9GcQ1fhjM9Cb2gj6ykRBVPYlKN7LIms73Aqh1q_GncslUdhct6VioNWPQSpmCww" width="100px" height="75px" border="0" /&gt;&lt;span&gt;&lt;img src="http://t1.gstatic.com/images?q=tbn:ANd9GcQ1fhjM9Cb2gj6ykRBVPYlKN7LIms73Aqh1q_GncslUdhct6VioNWPQSpmCww" /&gt;</b></span><br /> <span style="color: orange;"><b>Cool Frog&lt;/span&gt;&lt;/a&gt;&nbsp;</b></span><br /> <span style="color: orange;"><b><br /> </b></span><br /> <span style="color: orange;"><b>&lt;a class="thumbnail" href="#thumb"&gt;Fish&lt;span&gt;&lt;img src="http://t2.gstatic.com/images?q=tbn:ANd9GcQJ9zerhJsasxYWdcPSUKgM2BTGDvtBhuqSoxo-0jG7GQrYlvDNtQ" /&gt;</b></span><br /> <span style="color: orange;"><b>Transparent Fish&lt;/span&gt;&lt;/a&gt;</b></span><br /> <span style="color: orange;"><b><br /> </b></span><br /> <span style="color: orange;"><b>&lt;/div&gt;</b></span><br /> <br /> <b><br /> </b><br /> <span style="color: red; font-family: Allura, cursive; font-size: 50px;"><b>Selamat Mencoba</b></span>d7http://www.blogger.com/profile/08006080950854585716noreply@blogger.com0tag:blogger.com,1999:blog-4528591852387777676.post-10033508633875236342012-02-27T14:27:00.000+07:002012-02-27T14:27:53.593+07:00<div class="besar"><b><i>S</i></b></div><b>ebagai contoh bisa anda lihat disini:<a href="http://frogstompss.blogspot.com/2012/02/smart-image-enlarger.html"><b>DEMO</b></a><br /> Cara pembuatan nya:<br /> Cari kode:&nbsp;</b><b><span style="color: red;">]]&gt;&lt;/b:skin&gt;</span></b><b><br /> copas kode css dibawah ini dan letakkan di atas nya:</b><br /> <a name='more'></a><br /> <form name="copy"><div align="left"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div><div style="text-align: left;"><textarea name="txt" style="height: 100px; padding: 3px; width: 400px;">&lt;style type="text/css"&gt; /* smart image enlarger starts here */ /* If your images are not linking to other pages leave the links as &lt;a href="#go"&gt; Otherwise enlarger won't work in IE6 */ .ienlarger { float: left; clear: none; /* set to left or right if needed */ padding-bottom: 5px; /* space between thumbs. Don't change this to margin */ padding-right: 5px; /* space between thumbs and wrapping text when there is any text around it */ } .ienlarger a { display:block; text-decoration: none; /* add cursor:default; to this rule to disable the hand cursor */ } .ienlarger a:hover{ /* don't move this positioning to normal state */ position:relative; } .ienlarger span img { border: 1px solid #FFFFFF; /* adds a border around the image */ margin-bottom: 8px; /* pushes the text down from the image */ } .ienlarger a span { /* this is for the large image and the caption */ position: absolute; display:none; color: #FFCC00; /* caption text colour */ text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; /* caption text size */ background-color: transparent; font-weight: bold; padding-top: 10px; padding-right: 10px; padding-bottom: 13px; padding-left: 10px; } .ienlarger img { /* leave or IE puts a border around links */ border-width: 0; } .ienlarger a:hover span { display:block; top: 50px; /* means the pop-up's top is 50px away from thumb's top */ left: 90px; /* means the pop-up's left is 90px far from the thumb's left */ z-index: 100; /* If you want the pop-up open to the left of thumb, remove the left: 90px; and add right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */ /* If you want the pop-up open above the thumb, remove the top: 50px; and add bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */ /* add cursor:default; to this rule to disable the hand cursor only for the large image */ } .resize_thumb { width: 150px; /* enter desired thumb width here */ height : auto; } /* smart image enlarger ends here */ &lt;/style&gt;</textarea></div></form><b><br /> </b><br /> <b>Contoh Penerapan nya:</b><br /> <b></b><br /> <b><span style="color: orange;">&lt;div class="ienlarger"&gt;</span></b><br /> <b><span style="color: orange;">&lt;a href="http://frogstomps.blogspot.com/"&gt;&lt;img src="http://img406.imageshack.us/img406/4920/63734582.jpg" alt="thumb" class="resize_thumb" /&gt;&lt;span&gt;</span></b><br /> <b><span style="color: orange;">&lt;img src="http://img406.imageshack.us/img406/4920/63734582.jpg" alt="large" /&gt;</span></b><b><span style="color: orange;">Tuliskan Text Di Sini&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;</span></b><br /> <b><span style="color: orange;"><br /> </span></b><br /> <b> </b><br /> <span style="color: red; font-family: Allura, cursive; font-size: 50px;"><b>Selamat Mencoba</b></span>d7http://www.blogger.com/profile/08006080950854585716noreply@blogger.com0tag:blogger.com,1999:blog-4528591852387777676.post-84066894442311995342012-02-27T14:24:00.000+07:002012-02-27T14:24:36.934+07:00<div class="besar"><b><i>S</i></b></div><b>ebagai contoh bisa anda lihat disini:<a href="http://frogstompss.blogspot.com/2012/02/buble-warp.html"><b>DEMO</b></a><br /> Cara pembuatan nya:<br /> Cari kode:&nbsp;</b><b><span style="color: red;">]]&gt;&lt;/b:skin&gt;</span></b><b><br /> copas kode css dibawah ini dan letakkan di atas nya:</b><br /> <a name='more'></a><br /> <form name="copy"><div align="left"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div><div style="text-align: left;"><textarea name="txt" style="height: 100px; padding: 3px; width: 400px;">&lt;style type="text/css"&gt; .bubblewrap{ list-style-type:none; margin:0; padding:0; } .bubblewrap li{ display:inline; width: 65px; height:60px; } .bubblewrap li img{ width: 55px; /* width of each image.*/ height: 60px; /* height of each image.*/ border:0; margin-right: 12px; /*spacing between each image*/ -webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */ -o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */ } .bubblewrap li img:hover{ -moz-transform:scale(1.8); /*scale up image 1.8x*/ -webkit-transform:scale(1.8); -o-transform:scale(1.8); } &lt;/style&gt;</textarea></div></form><b><br /> </b><br /> <b>Contoh Penerapan nya:</b><br /> <b></b><br /> <b><span style="color: orange;">&lt;ul class="bubblewrap"&gt;</span></b><br /> <b><span style="color: orange;">&lt;li&gt;&lt;a href="http://dynamicdrive.com"&gt;&lt;img src="http://dynamicdrive.com/cssexamples/media/facebook.png" title="Add to Facebook" /&gt;&lt;/a&gt;&lt;/li&gt;</span></b><br /> <b><span style="color: orange;">&lt;li&gt;&lt;a href="http://dynamicdrive.com"&gt;&lt;img src="http://dynamicdrive.com/cssexamples/media/digg.png" title="Add to Digg" /&gt;&lt;/a&gt;&lt;/li&gt;</span></b><br /> <b><span style="color: orange;">&lt;li&gt;&lt;a href="http://dynamicdrive.com"&gt;&lt;img src="http://dynamicdrive.com/cssexamples/media/twitter.png" title="Add to Twitter" /&gt;&lt;/a&gt;&lt;/li&gt;</span></b><br /> <b><span style="color: orange;">&lt;li&gt;&lt;a href="http://dynamicdrive.com"&gt;&lt;img src="http://dynamicdrive.com/cssexamples/media/rss.png" title="Add RSS Feed" /&gt;&lt;/a&gt;&lt;/li&gt;</span></b><br /> <b><span style="color: orange;">&lt;/ul&gt;</span></b><br /> <b> </b><br /> <span style="color: red; font-family: Allura, cursive; font-size: 50px;"><b>Selamat Mencoba</b></span>d7http://www.blogger.com/profile/08006080950854585716noreply@blogger.com0tag:blogger.com,1999:blog-4528591852387777676.post-77341787622815528642012-02-27T14:21:00.000+07:002012-02-27T14:21:19.368+07:00<div class="besar"><b><i>S</i></b></div><b>ebagai contoh bisa anda lihat disini:<a href="http://frogstompss.blogspot.com/2012/02/hover-image.html"><b>DEMO</b></a><br /> Cara pembuatan nya:<br /> Cari kode:&nbsp;</b><b><span style="color: red;">]]&gt;&lt;/b:skin&gt;</span></b><b><br /> copas kode css dibawah ini dan letakkan di atas nya:</b><br /> <a name='more'></a><br /> <form name="copy"><div align="left"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div><div style="text-align: left;"><textarea name="txt" style="height: 100px; padding: 3px; width: 400px;">&lt;style type="text/css"&gt; .hovergallery img{ -webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/ -moz-transform:scale(0.8); /*Mozilla scale version*/ -o-transform:scale(0.8); /*Opera scale version*/ -webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/ -moz-transition-duration: 0.5s; /*Mozilla duration version*/ -o-transition-duration: 0.5s; /*Opera duration version*/ opacity: 0.7; /*initial opacity of images*/ margin: 0 10px 5px 0; /*margin between images*/ } .hovergallery img:hover{ -webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/ -moz-transform:scale(1.1); /*Mozilla scale version*/ -o-transform:scale(1.1); /*Opera scale version*/ box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/ -webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/ -moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/ opacity: 1; } &lt;/style&gt;</textarea></div></form><b><br /> </b><br /> <b>Contoh Penerapan nya:</b><br /> <b></b><br /> <b><span style="color: orange;">&lt;div class="hovergallery"&gt;</span></b><br /> <b><span style="color: orange;">&lt;img src="http://t2.gstatic.com/images?q=tbn:ANd9GcQ3MFIBUMJm6qV4Oci3kDg87jaDXDC7a95FIHzwjrPeCu9AjAsL" /&gt;</span></b><br /> <b><span style="color: orange;">&lt;img src="http://t0.gstatic.com/images?q=tbn:ANd9GcRJQcXnzDksmkF4hxzd-LgiXJ24J7AWHy79oHkWdyxOTUT_UwVqLg" /&gt;</span></b><br /> <b><span style="color: orange;">&lt;/div&gt;</span></b><br /> <b> </b><br /> <span style="color: red; font-family: Allura, cursive; font-size: 50px;"><b>Selamat Mencoba</b></span>d7http://www.blogger.com/profile/08006080950854585716noreply@blogger.com0tag:blogger.com,1999:blog-4528591852387777676.post-29303500704442599522012-02-27T14:17:00.000+07:002012-02-27T14:17:35.081+07:00<div class="besar"><b><i>S</i></b></div><b>ebagai contoh bisa anda lihat disini:<a href="http://frogstompss.blogspot.com/2012/02/clean-arrow-underline-menu.html"><b>DEMO</b></a><br /> Cara pembuatan nya:<br /> Cari kode:&nbsp;</b><b><span style="color: red;">]]&gt;&lt;/b:skin&gt;</span></b><b><br /> copas kode css dibawah ini dan letakkan di atas nya:</b><br /> <a name='more'></a><br /> <form name="copy"><div align="left"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div><div style="text-align: left;"><textarea name="txt" style="height: 100px; padding: 3px; width: 400px;">&lt;style&gt; ul.arrowunderline{ list-style-type:none; margin:0; padding:0; text-align:center; /* enter "left", "right", or "center" to orient the menu accordingly */ font: bold 16px Georgia; } ul.arrowunderline li{ display:inline; margin-right:25px; /* spacing between each menu item */ } ul.arrowunderline li a{ position:relative; color:white; padding-bottom:8px; /*spacing between each menu item and arrow underline beneath it */ text-decoration:none; } ul.arrowunderline li a:hover{ border-bottom:3px solid red; /* style of arrow underline */ } ul.arrowunderline li a:hover:after{ /* use CSS generated content to add arrow to the menu */ content:''; width:0; height:0; position:absolute; left:50%; margin-left:-5px; /* value should match border-width below */ bottom: 0; border-width:5px; /* value should match margin-left above */ border-style:solid; border-color: transparent transparent purple transparent; /* create up arrow */ } &lt;/style&gt;</textarea></div></form><b><br /> </b><br /> <b>Contoh Penerapan nya:</b><br /> <b></b><br /> <b><span style="color: orange;">&lt;ul class="arrowunderline"&gt;</span></b><br /> <b><span style="color: orange;">&lt;li&gt;&lt;a href="http://frogstomps.blogspot.com"&gt;Home&lt;/a&gt;&lt;/li&gt;</span></b><br /> <b><span style="color: orange;">&lt;li&gt;&lt;a href="http://frogstomps.blogspot.com"&gt;New&lt;/a&gt;&lt;/li&gt;</span></b><br /> <b><span style="color: orange;">&lt;li class="selected"&gt;&lt;a href="http://frogstomps.blogspot.com"&gt;Revised&lt;/a&gt;&lt;/li&gt;</span></b><br /> <b><span style="color: orange;">&lt;li&gt;&lt;a href="http://frogstomps.blogspot.com"&gt;Tools&lt;/a&gt;&lt;/li&gt;</span></b><br /> <b><span style="color: orange;">&lt;li&gt;&lt;a href="http://frogstomps.blogspot.com"&gt;CSS&lt;/a&gt;&lt;/li&gt;</span></b><br /> <b><span style="color: orange;">&lt;li&gt;&lt;a href="http://frogstomps.blogspot.com"&gt;Forums&lt;/a&gt;&lt;/li&gt;</span></b><br /> <b><span style="color: orange;">&lt;/ul&gt;</span></b><br /> <b> </b><br /> <span style="color: red; font-family: Allura, cursive; font-size: 50px;"><b>Selamat Mencoba</b></span>d7http://www.blogger.com/profile/08006080950854585716noreply@blogger.com0tag:blogger.com,1999:blog-4528591852387777676.post-84626982933097742042012-02-27T14:14:00.000+07:002012-02-27T14:14:35.042+07:00<div class="besar"><b><i>S</i></b></div><b>ebagai contoh bisa anda lihat disini:<a href="http://frogstompss.blogspot.com/2012/02/gradient-menu-buttons.html"><b>DEMO</b></a><br /> Cara pembuatan nya:</b><br /> <b> Cari kode :&nbsp;</b><b><span style="color: red;">]]&gt;&lt;/b:skin&gt;</span></b><b><br /> copas kode css dibawah ini dan letakkan di atas nya:</b><br /> <a name='more'></a><br /> <form name="copy"><div align="left"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div><div style="text-align: left;"><textarea name="txt" style="height: 100px; padding: 3px; width: 400px;">&lt;style type="text/css"&gt; .gradientbuttons ul{ padding: 3px 0; margin-left: 0; margin-top: 1px; margin-bottom: 0; font: bold 11px Verdana; list-style-type: none; text-align: center; /*set to left, center, or right to align the menu as desired*/ } .gradientbuttons li{ display: inline; margin: 0; } .gradientbuttons li a{ text-decoration: none; padding: 5px 7px; margin-right: 5px; border: 1px solid #778; color: white; border:1px solid gray; background: #3282c2; border-radius: 8px; /*w3c border radius*/ box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* w3c box shadow */ -moz-border-radius: 8px; /* mozilla border radius */ -moz-box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* mozilla box shadow */ background: -moz-linear-gradient(center top, #a4ccec, #72a6d4 25%, #3282c2 45%, #357cbd 85%, #72a6d4); /* mozilla gradient background */ -webkit-border-radius: 8px; /* webkit border radius */ -webkit-box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* webkit box shadow */ background: -webkit-gradient(linear, center top, center bottom, from(#a4ccec), color-stop(25%, #72a6d4), color-stop(45%, #3282c2), color-stop(85%, #357cbd), to(#72a6d4)); /* webkit gradient background */ } .gradientbuttons li a:hover{ color: lightyellow; } .redtheme li a{ font-size:11px; background: darkred; background: -moz-linear-gradient(center top, #f5795d, #e55e3f 25%, #d02700 45%, #e55e3f 85%, #f5795d); background: -webkit-gradient(linear, center top, center bottom, from(#f5795d), color-stop(25%, #e55e3f), color-stop(45%, #d02700), color-stop(85%, #e55e3f), to(#f5795d)); } .greentheme li a{ font-size:11px; background: green; background: -moz-linear-gradient(center top, #7ad690, #3ec05c 25%, #298a40 45%, #3ec05c 85%, #7ad690); background: -webkit-gradient(linear, center top, center bottom, from(#7ad690), color-stop(25%, #3ec05c), color-stop(45%, #298a40), color-stop(85%, #3ec05c), to(#7ad690)); } .blacktheme li a{ font-size:11px; background: black; background: -moz-linear-gradient(center top, #9f9f9f, #686868 25%, #2a2a2a 45%, #686868 85%, #9f9f9f); background: -webkit-gradient(linear, center top, center bottom, from(#9f9f9f), color-stop(25%, #686868), color-stop(45%, #2a2a2a), color-stop(85%, #686868), to(#9f9f9f)); } .orangetheme li a{ font-size:11px; background: #e55e3f; background: -moz-linear-gradient(center top, #ecad9a, #e5937c 25%, #cf4c2a 45%, #e5937c 85%, #ecad9a); background: -webkit-gradient(linear, center top, center bottom, from(#ecad9a), color-stop(25%, #e5937c), color-stop(45%, #cf4c2a), color-stop(85%, #e5937c), to(#ecad9a)); } &lt;/style&gt;</textarea></div></form><b><br /> </b><br /> <b>Contoh Penerapan nya:</b><br /> <span style="color: orange;"><b></b></span><br /> <span style="color: orange;"><b>&lt;div class="gradientbuttons"&gt;</b></span><br /> <span style="color: orange;"><b>&lt;ul&gt;</b></span><br /> <span style="color: orange;"><b>&lt;li&gt;&lt;a href="http://frogstomps.blogspot.com"&gt;Home&lt;/a&gt;&lt;/li&gt;</b></span><br /> <span style="color: orange;"><b>&lt;li&gt;&lt;a href="http://frogstomps.blogspot.com"&gt;DHTML&lt;/a&gt;&lt;/li&gt;</b></span><br /> <span style="color: orange;"><b>&lt;li&gt;&lt;a href="http://frogstomps.blogspot.com"&gt;CSS&lt;/a&gt;&lt;/li&gt;</b></span><br /> <span style="color: orange;"><b>&lt;li&gt;&lt;a href="http://frogstomps.blogspot.com"&gt;Forums&lt;/a&gt;&lt;/li&gt;</b></span><br /> <span style="color: orange;"><b>&lt;li&gt;&lt;a href="http://frogstomps.blogspot.com"&gt;Gif Optimizer&lt;/a&gt;&lt;/li&gt;</b></span><br /> <span style="color: orange;"><b>&lt;/ul&gt;</b></span><br /> <span style="color: orange;"><b>&lt;/div&gt;</b></span><br /> <span style="color: orange;"><b><br /> </b></span><br /> <span style="color: orange;"><b>&lt;div class="gradientbuttons redtheme"&gt;</b></span><br /> <span style="color: orange;"><b>&lt;ul&gt;</b></span><br /> <span style="color: orange;"><b>&lt;li&gt;&lt;a href="http://frogstomps.blogspot.com"&gt;Home&lt;/a&gt;&lt;/li&gt;</b></span><br /> <span style="color: orange;"><b>&lt;li&gt;&lt;a href="http://frogstomps.blogspot.com"&gt;DHTML&lt;/a&gt;&lt;/li&gt;</b></span><br /> <span style="color: orange;"><b>&lt;li&gt;&lt;a href="http://frogstomps.blogspot.com"&gt;CSS&lt;/a&gt;&lt;/li&gt;</b></span><br /> <span style="color: orange;"><b>&lt;li&gt;&lt;a href="http://frogstomps.blogspot.com"&gt;Forums&lt;/a&gt;&lt;/li&gt;</b></span><br /> <span style="color: orange;"><b>&lt;li&gt;&lt;a href="http://frogstomps.blogspot.com"&gt;Gif Optimizer&lt;/a&gt;&lt;/li&gt;</b></span><br /> <span style="color: orange;"><b>&lt;/ul&gt;</b></span><br /> <span style="color: orange;"><b>&lt;/div&gt;</b></span><br /> <span style="color: orange;"><b><br /> </b></span><br /> <span style="color: orange;"><b>&lt;div class="gradientbuttons greentheme"&gt;</b></span><br /> <span style="color: orange;"><b>&lt;ul&gt;</b></span><br /> <span style="color: orange;"><b>&lt;li&gt;&lt;a href="http://frogstomps.blogspot.com"&gt;Home&lt;/a&gt;&lt;/li&gt;</b></span><br /> <span style="color: orange;"><b>&lt;li&gt;&lt;a href="http://frogstomps.blogspot.com"&gt;DHTML&lt;/a&gt;&lt;/li&gt;</b></span><br /> <span style="color: orange;"><b>&lt;li&gt;&lt;a href="http://frogstomps.blogspot.com"&gt;CSS&lt;/a&gt;&lt;/li&gt;</b></span><br /> <span style="color: orange;"><b>&lt;li&gt;&lt;a href="http://frogstomps.blogspot.com/"&gt;Forums&lt;/a&gt;&lt;/li&gt;</b></span><br /> <span style="color: orange;"><b>&lt;li&gt;&lt;a href="http://frogstomps.blogspot.com"&gt;Gif Optimizer&lt;/a&gt;&lt;/li&gt;</b></span><br /> <span style="color: orange;"><b>&lt;/ul&gt;</b></span><br /> <span style="color: orange;"><b>&lt;/div&gt;</b></span><br /> <span style="color: orange;"><b><br /> </b></span><br /> <span style="color: orange;"><b>&lt;div class="gradientbuttons blacktheme"&gt;</b></span><br /> <span style="color: orange;"><b>&lt;ul&gt;</b></span><br /> <span style="color: orange;"><b>&lt;li&gt;&lt;a href="http://frogstomps.blogspot.com"&gt;Home&lt;/a&gt;&lt;/li&gt;</b></span><br /> <span style="color: orange;"><b>&lt;li&gt;&lt;a href="http://frogstomps.blogspot.com"&gt;DHTML&lt;/a&gt;&lt;/li&gt;</b></span><br /> <span style="color: orange;"><b>&lt;li&gt;&lt;a href="http://frogstomps.blogspot.com/"&gt;CSS&lt;/a&gt;&lt;/li&gt;</b></span><br /> <span style="color: orange;"><b>&lt;li&gt;&lt;a href="http://frogstomps.blogspot.com/"&gt;Forums&lt;/a&gt;&lt;/li&gt;</b></span><br /> <span style="color: orange;"><b>&lt;li&gt;&lt;a href="http://frogstomps.blogspot.com/"&gt;Gif Optimizer&lt;/a&gt;&lt;/li&gt;</b></span><br /> <span style="color: orange;"><b>&lt;/ul&gt;</b></span><br /> <span style="color: orange;"><b>&lt;/div&gt;</b></span><br /> <span style="color: orange;"><b><br /> </b></span><br /> <span style="color: orange;"><b>&lt;div class="gradientbuttons orangetheme"&gt;</b></span><br /> <span style="color: orange;"><b>&lt;ul&gt;</b></span><br /> <span style="color: orange;"><b>&lt;li&gt;&lt;a href="http://frogstomps.blogspot.com/"&gt;Home&lt;/a&gt;&lt;/li&gt;</b></span><br /> <span style="color: orange;"><b>&lt;li&gt;&lt;a href="http://frogstomps.blogspot.com/"&gt;DHTML&lt;/a&gt;&lt;/li&gt;</b></span><br /> <span style="color: orange;"><b>&lt;li&gt;&lt;a href="http://frogstomps.blogspot.com/"&gt;CSS&lt;/a&gt;&lt;/li&gt;</b></span><br /> <span style="color: orange;"><b>&lt;li&gt;&lt;a href="http://frogstomps.blogspot.com/"&gt;Forums&lt;/a&gt;&lt;/li&gt;</b></span><br /> <span style="color: orange;"><b>&lt;li&gt;&lt;a href="http://frogstomps.blogspot.com/"&gt;Gif Optimizer&lt;/a&gt;&lt;/li&gt;</b></span><br /> <span style="color: orange;"><b>&lt;/ul&gt;</b></span><br /> <span style="color: orange;"><b>&lt;/div&gt;</b></span><br /> <br /> <span style="color: red; font-family: Allura, cursive; font-size: 50px;"><b>Selamat Mencoba</b></span>d7http://www.blogger.com/profile/08006080950854585716noreply@blogger.com0tag:blogger.com,1999:blog-4528591852387777676.post-21542460232339299562012-02-27T14:09:00.000+07:002012-02-27T14:09:02.617+07:00<div class="besar"><b><i>S</i></b></div><b>ebagai contoh bisa anda lihat disini:<a href="http://frogstompss.blogspot.com/2012/02/semi-opaque-menu.html"><b>DEMO</b></a><br /> Cara pembuatan nya:<span style="color: red;">]]&gt;&lt;/b:skin&gt;</span><br /> Cari kode<br /> copas kode css dibawah ini dan letakkan di atas nya:</b><br /> <form name="copy"><div align="left"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div><div style="text-align: left;"><textarea name="txt" style="height: 100px; padding: 3px; width: 400px;">&lt;style type="text/css"&gt; div.bottombar{ /* bar that runs across the bottom of the menu */ height: 10px; background: #1a1109; } ul.semiopaquemenu{ /* main menu UL */ font: bold 14px Georgia ; width: 700px; background: transparent; padding: 11px 0 8px 0; /* padding of the 4 sides of the menu */ margin: 0; text-align: left; /* set value to "left", "center", or "right" to align menu accordingly */ } ul.semiopaquemenu li{ display: inline; } ul.semiopaquemenu li a{ color:white; padding: 6px 8px 6px 8px; /* padding of the 4 sides of each menu link */ margin-right: 15px; /* spacing between each menu link */ text-decoration: none; } ul.semiopaquemenu li a:hover, ul.semiopaquemenu li a.selected{ color: aqua; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgyIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4xNiIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* IE9+ SVG equivalent of linear gradients */ background: -moz-linear-gradient(top, rgba(255,255,255,0.82) 0%, rgba(255,255,255,0.16) 100%); /* fade from white (0.82 opacty) to 0.16 opacity */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.82)), color-stop(100%,rgba(255,255,255,0.16))); background: -webkit-linear-gradient(top, rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%); background: linear-gradient(top, rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1ffffff', endColorstr='#29ffffff',GradientType=0 ); -moz-box-shadow: 0 0 5px #595959; /* CSS3 box shadows */ -webkit-box-shadow: 0 0 5px #595959; box-shadow: 0 0 5px #595959; padding-top: 12px; /* large padding to get menu item to protrude upwards */ padding-bottom: 20px; /* large padding to get menu item to protrude downwards */ } &lt;/style&gt;</textarea></div></form><b><br /> </b><br /> <b>Contoh Penerapan nya:</b><br /> <span style="color: orange;"><b></b></span><br /> <span style="color: orange;"><b>&lt;ul class="semiopaquemenu"&gt;</b></span><br /> <span style="color: orange;"><b>&lt;li&gt;&lt;a href="http://frogstomps.blogspot.com/"&gt;Home&lt;/a&gt;&lt;/li&gt;</b></span><br /> <span style="color: orange;"><b>&lt;li&gt;&lt;a href="http://frogstomps.blogspot.com/" class="selected"&gt;CSS Codes&lt;/a&gt;&lt;/li&gt;</b></span><br /> <span style="color: orange;"><b>&lt;li&gt;&lt;a href="http://frogstomps.blogspot.com/"&gt;Forums&lt;/a&gt;&lt;/li&gt;</b></span><br /> <span style="color: orange;"><b>&lt;li&gt;&lt;a href="http://frogstomps.blogspot.com"&gt;Webmaster Tools&lt;/a&gt;&lt;/li&gt;</b></span><br /> <span style="color: orange;"><b>&lt;li&gt;&lt;a href="http://frogstomps.blogspot.com/"&gt;JavaScript&lt;/a&gt;&lt;/li&gt;</b></span><br /> <span style="color: orange;"><b>&lt;li&gt;&lt;a href="http://frogstomps.blogspot.com"&gt;Gallery&lt;/a&gt;&lt;/li&gt;</b></span><br /> <span style="color: orange;"><b>&lt;/ul&gt;</b></span><br /> <span style="color: orange;"><b>&lt;div class="bottombar"&gt;</b></span><br /> <span style="color: orange;"><b>&lt;/div&gt;</b></span><br /> <br /> <span style="color: red; font-family: Allura, cursive; font-size: 50px;"><b>Selamat Mencoba</b></span>d7http://www.blogger.com/profile/08006080950854585716noreply@blogger.com0tag:blogger.com,1999:blog-4528591852387777676.post-14067233006022896532012-02-27T14:05:00.000+07:002012-02-27T14:05:54.150+07:00<div class="besar"><b><i>S</i></b></div><b>ebagai contoh bisa anda lihat disini:<a href="http://frogstompss.blogspot.com/2012/02/clay-brick-menu.html"><b>DEMO</b></a><br /> Cara pembuatan nya:<span style="color: red;">]]&gt;&lt;/b:skin&gt;</span><br /> Cari kode<br /> copas kode css dibawah ini dan letakkan di atas nya:</b><br /> <a name='more'></a><br /> <form name="copy"><div align="left"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div><div style="text-align: left;"><textarea name="txt" style="height: 100px; padding: 3px; width: 400px;">&lt;style type="text/css"&gt; div.topbar{ /* bar that runs across the top of the menu */ height: 10px; background: aqua; } ul.claybricks{ /* main menu UL */ font-weight: bold; width: 100%; background: transparent; padding: 6px 0 6px 0; /* padding of the 4 sides of the menu */ margin: 0; text-align: left; /* set value to "left", "center", or "right" to align menu accordingly */ } ul.claybricks li{ display: inline; } ul.claybricks li a{ color:white; padding: 6px 8px 4px 8px; /* padding of the 4 sides of each menu link */ margin-right: 20px; /* spacing between each menu link */ text-decoration: none; } ul.claybricks li a:hover, ul.claybricks li a.selected{ color: aqua; background: #5d4137; background: -moz-linear-gradient(top, #5d4137 0%, #41251b 12%, #2c0f05 100%); /* moz syntax for CSS3 gradient */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d4137), color-stop(12%,#41251b), color-stop(100%,#2c0f05)); background: -webkit-linear-gradient(top, #5d4137 0%,#41251b 12%,#2c0f05 100%); /* webkit syntax for CSS3 gradient */ background: -o-linear-gradient(top, #5d4137 0%,#41251b 12%,#2c0f05 100%); /* opera syntax for CSS3 gradient */ background: -ms-linear-gradient(top, #5d4137 0%,#41251b 12%,#2c0f05 100%); background: linear-gradient(top, #5d4137 0%,#41251b 12%,#2c0f05 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d4137', endColorstr='#2c0f05',GradientType=0 ); -moz-box-shadow: 0 0 5px #595959; /* moz syntax for CSS3 box shadows */ -webkit-box-shadow: 0 0 5px #595959; box-shadow: 0 0 5px #595959; padding-top: 17px; /* large padding to get menu item to protrude upwards */ padding-bottom: 6px; } &lt;/style&gt;</textarea></div></form><b><br /> </b><br /> <b>Contoh Penerapan nya:</b><br /> <span style="color: orange;"><b></b></span><br /> <span style="color: orange;"><b>&lt;div class="topbar"&gt;<b></b></b></span><br /> <div style="display: inline !important;"><span style="color: orange;"><b><b>&lt;/div&gt;</b></b></span></div><br /> <span style="color: orange;"><b>&lt;ul class="claybricks"&gt;</b></span><br /> <span style="color: orange;"><b>&lt;li&gt;&lt;a href="http://frogstomps.blogspot.com/"&gt;Home&lt;/a&gt;&lt;/li&gt;</b></span><br /> <span style="color: orange;"><b>&lt;li&gt;&lt;a href="http://frogstomps.blogspot.com/style/"&gt;CSS Codes&lt;/a&gt;&lt;/li&gt;</b></span><br /> <span style="color: orange;"><b>&lt;li&gt;&lt;a href="http://frogstomps.blogspot.com/"&gt;Forums&lt;/a&gt;&lt;/li&gt;</b></span><br /> <span style="color: orange;"><b>&lt;li&gt;&lt;a href="http://frogstomps.blogspot.com"&gt;Webmaster Tools&lt;/a&gt;&lt;/li&gt;</b></span><br /> <span style="color: orange;"><b>&lt;li&gt;&lt;a href="http://frogstomps.blogspot.com/"&gt;JavaScript&lt;/a&gt;&lt;/li&gt;</b></span><br /> <span style="color: orange;"><b>&lt;li&gt;&lt;a href="http://frogstomps.blogspot.com"&gt;Gallery&lt;/a&gt;&lt;/li&gt;</b></span><br /> <span style="color: orange;"><b>&lt;/ul&gt;</b></span><br /> <span style="color: orange;"><b><br /> </b></span><br /> <span style="color: red; font-family: Allura, cursive; font-size: 50px;"><b>Selamat Mencoba</b></span>d7http://www.blogger.com/profile/08006080950854585716noreply@blogger.com0tag:blogger.com,1999:blog-4528591852387777676.post-55830225743852761962012-02-27T14:00:00.000+07:002012-02-27T14:00:09.746+07:00<div class="besar"><b><i>S</i></b></div><b>ebagai contoh bisa anda lihat disini:<a href="http://frogstompss.blogspot.com/2012/02/circle-menu.html"><b>DEMO</b></a><br /> Cara pembuatan nya:<span style="color: red;">]]&gt;&lt;/b:skin&gt;</span><br /> Cari kode<br /> copas kode css dibawah ini dan letakkan di atas nya:</b><br /> <form name="copy"><div align="left"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div><div style="text-align: left;"><textarea name="txt" style="height: 100px; padding: 3px; width: 400px;">&lt;style type="text/css"&gt; .circlemenu{ width: 100%; overflow:hidden; } .circlemenu ul{ margin: 0; padding: 0; font: bold 14px Verdana; list-style-type: none; text-align: center; /* "left", "center", or "right" align menu */ } .circlemenu li{ display: inline; margin: 0; } .circlemenu li a{ display:inline-block; text-align:center; text-decoration: none; color: white; background:transparent; margin: 0; margin-right:5px; /*right spacing between each link */ width:100px; height:100px; border:2px solid aqua; border-radius: 400px; /*really large border radius to create round borders*/ -moz-border-radius: 400px; -webkit-border-radius: 400px; } .circlemenu a span{ position:relative; top:40%; } .circlemenu li a:visited{ color: white; } .circlemenu a:hover{ background:black; } &lt;/style&gt;</textarea></div></form><b>Contoh Penerapan nya:</b><br /> <span style="color: orange;"><b>&lt;div class="circlemenu"&gt;</b></span><br /> <span style="color: orange;"><b>&lt;ul&gt;</b></span><br /> <b><span style="color: orange;">&lt;li&gt;&lt;a href="</span><span style="color: lime;">Link yang anda tuju</span><span style="color: orange;">"&gt;&lt;span&gt;Home&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;</span></b><br /> <span style="color: orange;"><b>&lt;li&gt;&lt;a href="#"&gt;&lt;span&gt;DHTML&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;</b></span><br /> <span style="color: orange;"><b>&lt;li&gt;&lt;a href="#"&gt;&lt;span&gt;CSS&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;</b></span><br /> <span style="color: orange;"><b>&lt;li&gt;&lt;a href="#"&gt;&lt;span&gt;Forums&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;</b></span><br /> <span style="color: orange;"><b>&lt;li&gt;&lt;a href="#"&gt;&lt;span&gt;JavaScript&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;</b></span><br /> <span style="color: orange;"><b>&lt;/ul&gt;</b></span><br /> <span style="color: orange;"><b>&lt;/div&gt;</b></span><br /> <span style="color: orange;"><b><br /> </b></span><br /> <span style="color: red; font-family: Allura, cursive; font-size: 50px;"><b>Selamat Mencoba</b></span>d7http://www.blogger.com/profile/08006080950854585716noreply@blogger.com0