ads
Showing posts with label Tips Blog. Show all posts
Showing posts with label Tips Blog. Show all posts
1:02 AM

Daftar Blog Dofollow Terbaru

Written By Ramadhan Fnw on Sep 15, 2012 | 1:02 AM

Daftar Blog Dofollow Terbaru

Daftar Blog Dofollow Terbaru PR5

  1. http://subagya.blogspot.com/


Daftar Blog Dofollow Terbaru PR 4

  1. http://ahyari.com/


Daftar Blog Dofollow Terbaru PR3

  1. http://endarfitrianto.blogspot.com
  2. http://jombloku.blogspot.com/
  3. http://suryaden.blogspot.com/
  4. http://harry.sufehmi.com/
  5. http://blogcenti.blogspot.com
  6. http://cendrawasih11.blogspot.com/
  7. http://e-je.blogspot.com/
  8. http://kerjakeras.com
  9. http://linktea.blogspot.com/
  10. http://manajemenemosi.blogspot.com/
  11. http://modifblogmu.blogspot.com/
  12. http://penghuni60.blogspot.com/
  13. http://riasmaja.blogspot.com/
  14. http://semuadablog.blogspot.com/
  15. http://sigodangpos.blogspot.com/
  16. http://yanuar.kutakutik.or.id/


Daftar Blog Dofollow Terbaru PR2

  1. http://suarapetualang.blogspot.com/
  2. http://top73.blogspot.com/
  3. http://www.sectoredwin.net/
  4. http://www.pelangibiru.net/
  5. http://inicuma.blogspot.com/
  6. http://kampusblog.com/
  7. http://kata-eko.blogspot.com/
  8. http://devit1104.blogspot.com/
  9. http://www.biidu.tk/
  10. http://abulamedia.com/
  11. http://adabisnis.com/
  12. http://afifamru.blogspot.com/
  13. http://www.aliyusrie.com/
  14. http://ambonganteng.wordpress.com/
  15. http://anjees.blogspot.com/
  16. http://aurakeyboard.blogspot.com/
  17. http://bed0el.blogspot.com
  18. http://blogatiw.blogspot.com
  19. http://infotips-rama.blogspot.com
  20. http://bloggerbiasa.blogspot.com
  21. http://blogsukadi.blogspot.com/
  22. http://www.budi2610.info/
  23. http://collection27.blogspot.com
  24. http://danu.web.id/
  25. http://www.ekopras.com
  26. http://fai-unisma-malang.blogspot.com/
  27. http://filegratis2u.blogspot.com/
  28. http://hputih.blogspot.com/
  29. http://www.ikutikutan.com
  30. http://indexbisnis.blogspot.com/
  31. http://infokomp2008.blogspot.com/
  32. http://jembelisme.blogspot.com/


Daftar Blog Dofollow Terbaru PR1

  1. http://www.ilpeng.com/
  2. http://beha-titi.blogspot.com/
  3. http://affa-webgrafis.blogspot.com/
  4. http://adrishare.blogspot.com
  5. http://www.anakshaleh.com/
  6. http://blogheboh.blogspot.com/
  7. http://caramarketing.com/
  8. http://cariuangtambahan.blogspot.com/
  9. http://didikandweta.blogspot.com/
  10. http://donyabisnis.blogspot.com
  11. http://hanyainfo.blogspot.com/
  12. http://www.howto-bagaimana.blogspot.com/
  13. http://www.i-raka.com/
  14. http://jemput-rizki.blogspot.com/
  15. http://jingga.web.id/
  16. http://manekutau.blogspot.com/
  17. http://miaswari.blogspot.com/
  18. http://mradhi.com/
  19. http://www.mudaers.co.tv
  20. http://putroweb.blogspot.com/
  21. http://ratnarespati.com/
  22. http://sikoemanakal.blogspot.com/
  23. http://tidaro.blogspot.com/
  24. http://top73.blogspot.com/
  25. http://zykry-trick.blogspot.com


Demikian saja postingan tentang Daftar Blog Dofollow Terbaru
sumber
5
19 komentar
Label: ,
7:32 PM

Cara Membuat Spoiler Show/Hide dengan jQuery

Written By Ramadhan Fnw on Sep 4, 2012 | 7:32 PM

Assalamu'alaikum,, sedikit post nih pada malam ini. :) Cuma mau share Cara Membuat Spoiler Show/Hide dengan jQuery. :)
Mungkin sudah banyak sih yang pada tau, tapi karna ada yang request jadi gak papa deh ^_^ :D

Yuk langsung saja,, nih liat demonya dulu. :)



Tampilkan

Gimana, bagus gak? :)

Mudah aja buatnya,, tinggal masukin kode ini di tempat yang kalian ingin kasih spoiler.. :)
NB: Ganti seperlunya ( bisa di edit" juga ) :)




<script language="javascript">
function togglebukatutup() {
var ele = document.getElementById("tutup");
var text = document.getElementById("buka");
if(ele.style.display == "block") {
ele.style.display = "none";
text.innerHTML = "Tampilkan";
}
else {
ele.style.display = "block";
text.innerHTML = "Sembunyikan";
}
}
</script>


<center>
<a href="javascript:togglebukatutup();" id="buka" rel="nofollow" style="-moz-border-radius: 6px; -moz-box-shadow: inset 0px 1px 0px 0px #bbdaf7; -webkit-border-radius: 6px; -webkit-box-shadow: inset 0px 1px 0px 0px #bbdaf7; background-color: #79bbff; background: -moz-linear-gradient( center top, #79bbff 5%, #378de5 100% ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) ); border-radius: 6px; border: 1px solid #84bbf3; box-shadow: inset 0px 1px 0px 0px #bbdaf7; color: white; display: inline-block; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5'); font-family: arial; font-size: 15px; font-weight: bold; padding: 6px 100px; text-decoration: none; text-shadow: 1px 1px 0px #528ecc;">Tampilkan</a></center>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div id="tutup" style="display: none; margin-bottom: 15px; padding: 5px;">
Contoh Spoiler Hide/Show dengan jQuery\ bisa di isi dengan gambar atau yang lainnya :)</div>
</div>

Selamat mencoba :)


referensi: http://m-alwi.com/membuat-show-hide-element-dengan-jquery.html 

5
3 komentar
Label:
6:40 PM

Widget Autoscroll Otomatis Keren

Written By Ramadhan Fnw on Aug 26, 2012 | 6:40 PM

Assalamu'alaikum,, mau share tentang Tips Blog lagi nih temen".. :) Kali ini saya akan share Widget Autoscroll Otomatis Keren.. Demonya bisa langsung dicoba,, disamping.. deket scrollbar.. :)
Klik, lalu coba deh. :)
http://infotips-rama.blogspot.com
Gimana? Bagus kan? Jadi gak perlu scroll sendiri lagi. :D
Cara membuatnya mudah kok... Ikuti aja langkah di bawah ini untuk membuat Widget Autoscroll Otomatis Keren ini,, :)
http://infotips-rama.blogspot.com
http://infotips-rama.blogspot.com
Pertama,, kalian tambahkan dulu css ini diatas kode ]]></b:skin> ,, udah tau kan caranya? :)
http://infotips-rama.blogspot.com
.speedbar {list-style-type:none;border:1px solid #EEE;height:10px;margin-left:-40px;}
.capt {font-family:arial;font-size:6pt;color:#CCC;margin-left:-3px;}
Lalu, setelah itu masukkan javascript ini di bawah kode]]></b:skin>
<script type="text/javascript" src="http://infotipsrama.googlecode.com/files/Autoscroll.js">
http://infotips-rama.blogspot.com
Save dulu,,
http://infotips-rama.blogspot.com
Setelah itu,, masukkan kode dibawah ini di  "Tambahkan Gadget" (Yang HTML/Javascript) ..
<div id="autoscroll-container" style="position:fixed;right:0px;top:250px;">
<div id="speednav" style="background:#666;padding:10px;float:right;width:24px;height:122px;display:none;">
<div class="capt">SPEED</div>
<ul>
<li style="list-style-type:none;border:0px;width:20px;margin-left:-40px;font-family:arial;font-size:7pt;color:#CCC;text-align:center;">&nbsp;high</li>
<li class="speedbar" id="speed5" style="background:#999;width:20px;" onclick="startit(5);" onmouseover="this.style.cursor='pointer';changeBg(5);" onmouseout="resetBg();">&nbsp;</li>
<li class="speedbar" id="speed4" style="background:#aaa;width:20px;" onclick="startit(4);" onmouseover="this.style.cursor='pointer';changeBg(4);" onmouseout="resetBg();">&nbsp;</li>
<li class="speedbar" id="speed3" style="background:#bbb;width:20px;" onclick="startit(3);" onmouseover="this.style.cursor='pointer';changeBg(3);" onmouseout="resetBg();">&nbsp;</li>
<li class="speedbar" id="speed2" style="background:#ccc;width:20px;" onclick="startit(2);" onmouseover="this.style.cursor='pointer';changeBg(2);" onmouseout="resetBg();">&nbsp;</li>
<li class="speedbar" id="speed1" style="background:#ddd;width:20px;" onclick="startit(1);" onmouseover="this.style.cursor='pointer';changeBg(1);" onmouseout="resetBg();">&nbsp;</li>
<li class="speedbar" style="font-family:arial;font-size:7pt;color:#CCC;text-align:center;width:20px;height:12px;" onclick="stopit();" onmouseover="this.style.cursor='pointer';">stop</li>
</ul>
</div>
<div id="speedtoogle" style="float:right;background:#336699" onclick="tooglespeed()" onmouseover="this.style.backgroundColor='#6699cc';this.style.cursor='pointer';" onmouseout="this.style.backgroundColor='#336699';"><img src="http://1.bp.blogspot.com/-mKQbWA3I3Kc/UDoI0GtUQmI/AAAAAAAABFI/OWFAQXWkbR0/s1600/showautoscroll.png" style="border-right:1px solid #AAA;"/></div>
</div>
Klik Save lagi,, dan lihat hasilnya.. :)
http://infotips-rama.blogspot.com
Gimana? Bisa kan? :)
http://infotips-rama.blogspot.com
Terimakasih ya sudah membaca Artikel Widget Autoscroll Otomatis Keren.. :)
http://infotips-rama.blogspot.com


5
7 komentar
Label:
8:39 PM

Cara Membuat Share Button Keren 2

Written By Ramadhan Fnw on Aug 25, 2012 | 8:39 PM

Assalamu'alaikum,, sudah jarang nih saya posting tentang Tips Blogger hehe,, Tapi untuk Sabtu Malam kali ini (Bahasa Jomblo,, jiahhh) saya mau Share Cara Membuat Share Button Keren 2.. Kenapa 2,, karna dulu saya pernah posting Cara Membuat Share Button Keren juga,, kalian bisa lihat post sebelumnya tentang Cara Membuat Share Button Keren disini..

Tapi, kali ini Share Button nya berbeda,, mungkin jauh lebih keren dan simple dari sebelumnya,,.. Nih lihat saja demo gambarnya,,


Masih belum puas? Kalian bisa langsung coba demonya di blog ini,, yang pojok kiri bawah itu hlo.. :D

Gimana? Keren kan?? :D

Membuatnya cukup mudah kok,, tinggal copy paste script dibawah ini ke >> Tambahkan Gadget << Save dehh, lalu lihat hasilnya.. :) Good Luck..

<!-- Start Shareaholic Sassy Bookmarks HTML-->
<div class='shr_ss shr_publisher'>
</div>
<!-- End Shareaholic Sassy Bookmarks HTML -->
<!-- Start Shareaholic Sassy Bookmarks settings -->
<script type='text/javascript'>
var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}};
</script>
<!-- End Shareaholic Sassy Bookmarks settings -->
<!-- Start Shareaholic Sassy Bookmarks script -->
<script type='text/javascript'>
(function() {
var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;
sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);
})();
</script>
<!-- End Shareaholic Sassy Bookmarks script -->


Terimakasih sudah membaca Artikel Cara Membuat Share Button Keren 2.. :)
  5








6 komentar
Label:
9:33 AM

CVD-Responsive Template

Written By Ramadhan Fnw on Jul 29, 2012 | 9:33 AM

Assalamu'alaikum, malam ini saya mau kasih tau/ promosiin template punya teman saya. Template ini saya jamin keren seperti blogazine, simple tapi mantap Coba lihat SS halaman depannya.
Klik untuk memperbesar

Keren kan, tidak ada sidebar dihalam depannya dan halaman post. Sehingga nyaman bagi pengunjung untuk membaca. Dan yang pasti mudah untuk kalian desain. Fitur Responsive pun sudah ada di template ini. Jadi akan otomatis menentukan layar. Bukti responsive lihat gambar dibawah.
Klik untuk memperbesar

Selain Responsive ada lagi fitur-fitur lain, yaitu:

  • Halaman Dinamis
  • Halaman depan lebih personal
  • Hanya menampilkan judul tanpa readmore
  • footer 3 kolom,breadcrumbs dihalaman post
  • tanpa sidebar serta halaman post yang nyaman untuk dibaca,
  • menggunakan css3
  • SEO friendly dengan metatag seo serta rel canonical
  • Form komentar sudah di desain thread dan mantap

Untuk Demo / gambar SS lainnya, kalian bisa lihat langsung ke YPS.
Owh iya, template ini punya 2 lisensi yaitu:
  • Gratis tanpa html5 hack pdf serta tutorial pengeditan blog.Dengan gratis artinya tanpa boleh mengedit apapun tanpa seizin si penulis.Yah namanya juga gratisan.
  • Donasi dengan mendonasikan sedikit gocek sobat hanya IDR 65.000 telah membantu saya untuk terus selalu eksis dan berkarya didunia blogger dan desain.Dan juga menghapus kegalauan saya dalam hal melanjutkan studi saya.Donasi sobat dibalas dengan backlink blog sobat yang memakai template ini di halaman ini sebagai donator dan plus pdf html5 cheat serta catatan redesain blog.Donatur bebas untuk mempermak tampilan tanpa menghilangkan credit tentunya

Untuk tahap awal, 20 pemesan pertama bisa memesan via Email dan sengaja bang Randy tidak menampilkan link download maupun preview atau demo. Baik yang gratisan maupun yang donasi. Kalian tinggal klik halaman berikut. Didalam pesan sertakan juga keinginan gratisan atau donasi. Email akan dibalas secepatnya.
Tapi menurut saya, lebih baik DONASI. Karna akan membantu bang Randy si pembuat template sekaligus nanti kalian akan diajari cara-cara mengeditnya, agar lebih mudah tentunya.

5
10 komentar
Label:
11:52 AM

Cara Membuat Menu start Windows 7 di BLOG

Written By Ramadhan Fnw on Jun 18, 2012 | 11:52 AM

Cara Membuat Menu start Windows 7 di BLOG
Silahkan simak baik-baik :)









×

×

×
×




© Ramadhan Fnw

Tentangku


11:18 WIB



Cara Membuat Menu Start Windows 7 di Blog


Cara Membuat Menu Start Windows 7

Sebelumnya maaf, karna kali ini saya tidak akan menjelaskan dengan lengkap tentang Cara Membuat Menu Start Windows7 Di Blog. Tapi kalian pasti bisa kok membuatnya :). Seperti cara-cara lainnya, tinggal mengedit dan menambahkan di "Tambahkan Gadget". Ini kodenyanya (klik untuk download),, silahkan edit se kreatif mungkin. :)

Terimakasih sudah membaca artikel ini

Quit


5
10 komentar
Label:
3:42 PM

Cara Verifikasi Blog di Alexa

Written By Ramadhan Fnw on Jun 9, 2012 | 3:42 PM

Cara Verifikasi Blog di Alexa - Assalamu'alaikum ^_^ ,, baru dapat ilmu lagi nih saya. Dan langsung deh, mau saya Share ke temen-temen semua .. hahaha ^_^ Kan lumayan bagi yang belum tau,,. Dan ini seputar blog juga pastinya,, tentang AlexaRank. Tau kan apa itu AlexaRank? :D Kalau belum tau silahkan ke sini dulu deh.  Apa itu Alexa Rank? :D Langsung saja deh, dari pada kebanyakan basa-basi.. Disini saya mau Share Cara Verifikasi Blog di Alexa,, yang mungkin dengan cara ini kalian bisa Menurunkan AlexaRank blog kalian. ^_^


Caranya mudah untuk Verifikasi Blog di Alexa,, 


  • Pertama,, kalian buka situs Alexa ( www.alexa.com )
  • Lalu login dengan akun kalian,, ( Bisa dihubungkan dengan akun facebook kok, ^_^ )
  • Pada menu navigasi yang tersedia, pilih " Site Tools "
  • Atau kalian bisa langsung ke www.alexa.com/siteowners
  • Lalu pilih " Claim Your Site " (gambar diatas)
  • Ketikan url blog kalian, dan klik tombol " Claim Your Site "
  • Pilih yang Free saja,, klik tombol " Sign Up "
  • Dan langkah terakhir ada lah,, meng copy kode yang disediakan ke dalam blog anda. Lalu klik " Verify ".
  • Dan berhasil,, ^_^
Selamat mencoba, ^_^
NB: Jika kurang jelas gambarnya, silahkan diklik saja,, :)
Terimakasih sudah membaca artikel Cara Verifikasi Blog di Alexa.. :)

sumber ilmu: http://www.avicenna28.com/2012/06/cara-verifikasi-blog-di-alexa.html



5
5 komentar
Label: ,
7:29 PM

Cara Membuat Widget Update Status Twitter

Written By Ramadhan Fnw on May 11, 2012 | 7:29 PM

Assalamu'alaikum, selamat malam sobat-sobat saya.. :D Kesempatan posting kali ini saya mau Share Cara Membuat Widget Update Status Twitter. Pastinya sangat bagus dong, :3 hahaa,
Nih, liat aja demonya.http://infotips-rama.blogspot.com








Gimana? Mantap kan? :Dhttp://infotips-rama.blogspot.com
Mau? Gampang.. Nih, ikutin cara dibawah ini.http://infotips-rama.blogspot.com
http://infotips-rama.blogspot.com
  • Masuk akun blogger kalianhttp://ihttp://infotips-rama.blogspot.comnfotips-rama.blogspot.com
  • Ke Rancangan -> Elemen Lamanhttp://infotips-rama.blogspot.com
  • Tambah Gadgethttp://infotips-rama.blogspot.com
  • Lalu Copy Paste kode dibawah inihttp://infotips-rama.blogspot.com
    <div style="-khtml-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: #fff url(http://2.bp.blogspot.com/-RTnKIIsjInQ/T60ERRsBCSI/AAAAAAAAAdc/lo51dkmtXSE/s1600/Widget%2BTwitter%2BBlog.png) no-repeat; border-radius: 10px; padding-left: 5px; padding-top: 1px;">
    <script src="http://widgets.twimg.com/j/2/widget.js">
    </script>

    <script>
    new TWTR.Widget({
      version: 2,
      type: 'profile',
      rpp: 10,
      interval: 3000,
      width: 285,
      height: 118,
      theme: {
        shell: {
          background: 'transparent',
          color: '#000000'
        },
        tweets: {
          background: 'transparent',
          color: '#000000',
          links: '#FF0000'
        }
      },
      features: {
        scrollbar: true,
        loop: true,
        live: false,
        hashtags: true,
        timestamp: true,
        avatars: false,
        behavior: 'default'
      }
    }).render().setUser('Ramadhan_fnw').start();
    </script>

    </div>
  • Terakhir, ganti teks yang berwarna biru (username twitter saya) dengan username twitter kalianhttp://infotips-rama.blogspot.com
  • Klik Save, dan selesai. :)http://infotips-rama.blogspot.com
http://infotips-rama.blogspot.com
Terima kasih sudah membaca postingan saya yang berjudul Cara Membuat Widget Update Status Twitter.. :) http://infotips-rama.blogspot.com

5
2 komentar
Label:
4:57 AM

Membuat blog auto refresh

Written By Ramadhan Fnw on May 3, 2012 | 4:57 AM

  Posting singkat nih, tentang cara Membuat Blog Auto Refresh / Membuat blog jadi refresh otomatis. Singkat saja yahh, cuma dengan copy paste kode dibawah ini kok. :D http://infotips-rama.blogspot.com/
  1. Login aku blogger kalian
  2. Masuk rancangan
  3. Edit HTML
  4. Lalu cari kode </head>
  5. Copas kode dibawah ini setelah kode </head>
<meta content='300' http-equiv='refresh'/>
http://infotips-rama.blogspot.com/
Keterangan : Angka berwarna biru menunjukkan setiap 300 detik maka blog akan merefresh otomatis. Bisa di ganti sesuai kebutuhan kalian. Good Luck. :D
Terimakasih sudah membaca postingan Membuat Blog Auto Refresh / Membuat blog jadi refresh otomatis.
http://infotips-rama.blogspot.com/
5
8 komentar
Label:
7:19 AM

Membuat teks melingkar dengan CSS

Written By Ramadhan Fnw on Apr 8, 2012 | 7:19 AM

  Assalamu'alaikum, misi mau posting nih udah jarang kayaknya saya bikin artikel. Alexa Rank blog saya pun kian menurun. haha :D
 
  Kesempatan posting kali ini saya mau share Cara Membuat Teks Melingkar dengan CSS , saya pernah mempraktikan cara ini pada postingan >> Belajar Blogazine
Sudah lihat kan, demo Teks Melingkar dengan CSS nya? Kalau mau tau kodenya, kira-kira kode untuk Teks Melingkar di postingan tadi seperti ini . . 
   #warped {position: relative; display: block; width:588px; height:519px;}

                     #warped>span[class^=w]:nth-of-type(n+0){display:block; position:absolute;
                     -moz-transform-origin:50% 100%; -webkit-transform-origin:50% 100%; -o-transform-origin:50%
                     100%; -ms-transform-origin:50% 100%; transform-origin:50% 100%; }

                     #warped span{font-family:Georgia;font-size:38px;font-weight:regular;font-style:normal;
                     line-height:0.65; white-space:pre; overflow:visible; padding:0px;}

                     #warped .w0 {-moz-transform: rotate(2.49rad);-webkit-transform: rotate(2.49rad);-o-transform:
                     rotate(2.49rad);-ms-transform: rotate(2.49rad); transform: rotate(2.49rad);
                     width: 24px; height: 26px; left: 242.83px; top: 256.62px;}

                     #warped .w1 {-moz-transform: rotate(2.68rad);-webkit-transform: rotate(2.68rad);-o-transform:
                     rotate(2.68rad);-ms-transform: rotate(2.68rad); transform: rotate(2.68rad);
                     width: 18px; height: 26px; left: 223.75px; top: 270.26px;}

                     #warped .w2 {-moz-transform: rotate(2.82rad);-webkit-transform: rotate(2.82rad);-o-transform:
                     rotate(2.82rad);-ms-transform: rotate(2.82rad); transform: rotate(2.82rad);
                     width: 13px; height: 26px; left: 207.29px; top: 278.02px;}

                     #warped .w3 {-moz-transform: rotate(2.97rad);-webkit-transform: rotate(2.97rad);-o-transform:
                     rotate(2.97rad);-ms-transform: rotate(2.97rad); transform: rotate(2.97rad);
                     width: 19px; height: 26px; left: 183.92px; top: 283.04px;}

                     #warped .w4 {-moz-transform: rotate(3.15rad);-webkit-transform: rotate(3.15rad);-o-transform:
                     rotate(3.15rad);-ms-transform: rotate(3.15rad); transform: rotate(3.15rad);
                     width: 22px; height: 26px; left: 157.03px; top: 284.98px;}

                     #warped .w5 {-moz-transform: rotate(3.3rad);-webkit-transform: rotate(3.3rad);-o-transform:
                     rotate(3.3rad);-ms-transform: rotate(3.3rad); transform: rotate(3.3rad);
                     width: 9px; height: 26px; left: 143.12px; top: 283.21px;}

                     #warped .w6 {-moz-transform: rotate(3.48rad);-webkit-transform: rotate(3.48rad);-o-transform:
                     rotate(3.48rad);-ms-transform: rotate(3.48rad); transform: rotate(3.48rad);
                     width: 33px; height: 26px; left: 105.98px; top: 276.75px;}

                     #warped .w7 {-moz-transform: rotate(3.7rad);-webkit-transform: rotate(3.7rad);-o-transform:
                     rotate(3.7rad);-ms-transform: rotate(3.7rad); transform: rotate(3.7rad);
                     width: 18px; height: 26px; left: 86.09px; top: 263.45px;}

                     #warped .w8 {-moz-transform: rotate(3.87rad);-webkit-transform: rotate(3.87rad);-o-transform:
                     rotate(3.87rad);-ms-transform: rotate(3.87rad); transform: rotate(3.87rad);
                     width: 22px; height: 26px; left: 64.2px; top: 248.37px;}

                     #warped .w9 {-moz-transform: rotate(4.05rad);-webkit-transform: rotate(4.05rad);-o-transform:
                     rotate(4.05rad);-ms-transform: rotate(4.05rad); transform: rotate(4.05rad);
                     width: 17px; height: 26px; left: 50.08px; top: 230.41px;}

                     #warped .w10 {-moz-transform: rotate(4.21rad);-webkit-transform: rotate(4.21rad);-o-transform:
                     rotate(4.21rad);-ms-transform: rotate(4.21rad); transform: rotate(4.21rad);
                     width: 20px; height: 26px; left: 35.79px; top: 210.73px;}

                     #warped .w11 {-moz-transform: rotate(4.4rad);-webkit-transform: rotate(4.4rad);-o-transform:
                     rotate(4.4rad);-ms-transform: rotate(4.4rad); transform: rotate(4.4rad);
                     width: 21px; height: 26px; left: 25.31px; top: 187.3px;}

                     #warped .w12 {-moz-transform: rotate(4.57rad);-webkit-transform: rotate(4.57rad);-o-transform:
                     rotate(4.57rad);-ms-transform: rotate(4.57rad); transform: rotate(4.57rad);
                     width: 19px; height: 26px; left: 20.78px; top: 162.95px;}

                     #warped .w13 {-moz-transform: rotate(4.71rad);-webkit-transform: rotate(4.71rad);-o-transform:
                     rotate(4.71rad);-ms-transform: rotate(4.71rad); transform: rotate(4.71rad);
                     width: 9px; height: 26px; left: 24.5px; top: 144.01px;}

                     #warped .w14 {-moz-transform: rotate(4.89rad);-webkit-transform: rotate(4.89rad);-o-transform:
                     rotate(4.89rad);-ms-transform: rotate(4.89rad); transform: rotate(4.89rad);
                     width: 33px; height: 26px; left: 14.88px; top: 118.16px;}

                     #warped .w15 {-moz-transform: rotate(5.11rad);-webkit-transform: rotate(5.11rad);-o-transform:
                     rotate(5.11rad);-ms-transform: rotate(5.11rad); transform: rotate(5.11rad);
                     width: 18px; height: 26px; left: 31.16px; top: 89.01px;}

                     #warped .w16 {-moz-transform: rotate(5.26rad);-webkit-transform: rotate(5.26rad);-o-transform:
                     rotate(5.26rad);-ms-transform: rotate(5.26rad); transform: rotate(5.26rad);
                     width: 16px; height: 26px; left: 42.28px; top: 69.5px;}

                     #warped .w17 {-moz-transform: rotate(5.43rad);-webkit-transform: rotate(5.43rad);-o-transform:
                     rotate(5.43rad);-ms-transform: rotate(5.43rad); transform: rotate(5.43rad);
                     width: 20px; height: 26px; left: 53.97px; top: 51.05px;}

                     #warped .w18 {-moz-transform: rotate(5.57rad);-webkit-transform: rotate(5.57rad);-o-transform:
                     rotate(5.57rad);-ms-transform: rotate(5.57rad); transform: rotate(5.57rad);
                     width: 11px; height: 26px; left: 73.05px; top: 36.67px;}

                     #warped .w19 {-moz-transform: rotate(5.68rad);-webkit-transform: rotate(5.68rad);-o-transform:
                     rotate(5.68rad);-ms-transform: rotate(5.68rad); transform: rotate(5.68rad);
                     width: 9px; height: 26px; left: 85.97px; top: 27.56px;}

                     #warped .w20 {-moz-transform: rotate(5.82rad);-webkit-transform: rotate(5.82rad);-o-transform:
                     rotate(5.82rad);-ms-transform: rotate(5.82rad); transform: rotate(5.82rad);
                     width: 21px; height: 26px; left: 97.22px; top: 17.49px;}

                     #warped .w21 {-moz-transform: rotate(6rad);-webkit-transform: rotate(6rad);-o-transform:
                     rotate(6rad);-ms-transform: rotate(6rad); transform: rotate(6rad); width:
                     19px; height: 26px; left: 121.51px; top: 8.49px;}

                     #warped .w22 {-moz-transform: rotate(6.16rad);-webkit-transform: rotate(6.16rad);-o-transform:
                     rotate(6.16rad);-ms-transform: rotate(6.16rad); transform: rotate(6.16rad);
                     width: 16px; height: 26px; left: 145.04px; top: 4.02px;}

                     #warped .w23 {-moz-transform: rotate(6.33rad);-webkit-transform: rotate(6.33rad);-o-transform:
                     rotate(6.33rad);-ms-transform: rotate(6.33rad); transform: rotate(6.33rad);
                     width: 22px; height: 26px; left: 166px; top: 3.17px;}

                     #warped .w24 {-moz-transform: rotate(6.47rad);-webkit-transform: rotate(6.47rad);-o-transform:
                     rotate(6.47rad);-ms-transform: rotate(6.47rad); transform: rotate(6.47rad);
                     width: 9px; height: 26px; left: 192.82px; top: 5.67px;}

                     #warped .w25 {-moz-transform: rotate(6.62rad);-webkit-transform: rotate(6.62rad);-o-transform:
                     rotate(6.62rad);-ms-transform: rotate(6.62rad); transform: rotate(6.62rad);
                     width: 21px; height: 26px; left: 206.1px; top: 10.92px;}

                     #warped .w26 {-moz-transform: rotate(6.79rad);-webkit-transform: rotate(6.79rad);-o-transform:
                     rotate(6.79rad);-ms-transform: rotate(6.79rad); transform: rotate(6.79rad);
                     width: 18px; height: 26px; left: 229.91px; top: 20.98px;}

                     #warped .w27 {-moz-transform: rotate(6.93rad);-webkit-transform: rotate(6.93rad);-o-transform:
                     rotate(6.93rad);-ms-transform: rotate(6.93rad); transform: rotate(6.93rad);
                     width: 11px; height: 26px; left: 249.71px; top: 31.66px;}

                     #warped .w28 {-moz-transform: rotate(7.07rad);-webkit-transform: rotate(7.07rad);-o-transform:
                     rotate(7.07rad);-ms-transform: rotate(7.07rad); transform: rotate(7.07rad);
                     width: 19px; height: 26px; left: 260.73px; top: 44.83px;}

                     #warped .w29 {-moz-transform: rotate(7.21rad);-webkit-transform: rotate(7.21rad);-o-transform:
                     rotate(7.21rad);-ms-transform: rotate(7.21rad); transform: rotate(7.21rad);
                     width: 11px; height: 26px; left: 277.75px; top: 60px;}

                     #warped .w30 {-moz-transform: rotate(7.35rad);-webkit-transform: rotate(7.35rad);-o-transform:
                     rotate(7.35rad);-ms-transform: rotate(7.35rad); transform: rotate(7.35rad);
                     width: 19px; height: 26px; left: 284.48px; top: 76.85px;}

                     #warped .w31 {-moz-transform: rotate(7.51rad);-webkit-transform: rotate(7.51rad);-o-transform:
                     rotate(7.51rad);-ms-transform: rotate(7.51rad); transform: rotate(7.51rad);
                     width: 16px; height: 26px; left: 295.08px; top: 97.41px;}

Itu pun belum termasuk ID pemanggilannya, wahh jadi semakin ribet kalo mau otak-atik kode CSS sebanyak itu. hehe

Tapi tenang, ada solusinya. Mudah dan cepat. :D haha
Pertama, Kalian tinggal masuk ke sini
Lalu berkreasilah.. :D
Mudah kok,, silahkan deh coba sendiri. GOOD LUCK ;)
 


5
6 komentar
Label:
Subscribe to: Posts (Atom)

Ninja Saga

More on this category »
 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Share Our Knowledge - All Rights Reserved
Template Modify by Creating Website Inspired Wordpress Hack
Proudly powered by Blogger