share all free for you

Advertiser Here

Menu Rocking Rolling Rounded Dengan jQuery

BLOGCUNAYZ - Kali ini sesuai request dari para shabat cunayz saya akan share cara membuat menu seperti di halaman posting blog ini atau Menu Rocking Rolling Rounded Dengan jQuery, Mungkin menu navigasi ini memiliki efek paling aneh,hanya dengan menyorotnya, menu ini tampil genit dengan menari-nari wkwkwkw.Untuk deminya silahkan sobat lihat ke arah kanan atas blog ini.

Gimana udah connect,..?? ok deh kalo masih bingung nih saya kasih screenshotnya.



View Demo

Sebenarnya versi asli dari menu navigasi  ini menggunakan framework jQuery 1.5.2 sebagai mesinnya. Namun setelah Saya coba dengan JQuery versi 1.3.2 ternyata masih bisa berjalan. Bahkan lebih baik.

Nah sekarang untuk membuay menu navigasi ini pastikan dulu template kamu sudah dilengkapi dengan JQuery versi 1.3.2 sepeti ini :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>  

Jika template mu sudah dilengkapi dengan di atas, kamu bisa langsung melanjutkan ke langkah berikutnya. Tapi jika belum, salin dulu kode di atas kemudian letakkan tepat di atas kode <heead>

Letakan kode dibawah ini sesudah JQuery tadi:


<script src='https://sites.google.com/site/blogcunayz/jquery/jquery-animate-css-rotate-scale.js' type='text/javascript'/>
<script src='https://sites.google.com/site/blogcunayz/jquery/jquery-css-transform.js' type='text/javascript'/>

Kemudian salin kode CSS di bawah ini dan letakan di atas kode ]]></b:skin> atau </style>:

 #rocking-rolling{
width:auto;
height:52px;
text-align:left;
font-family:"Trebuchet MS",sans-serif;
font-size:16px;
font-style:normal;
font-weight:bold;
text-transform:uppercase;
}

#rocking-rolling h2,#rocking-rolling p, #rocking-rolling form{
/* netralisasi tampilan elemen heading, paragraf dan formulir */
margin:0 0 0 0;
pading:0 0 0 0;
border:none;
background:transparent;
}

#rocking-rolling .item{
position:relative;
background-color:#f0f0f0;
float:right;
width:52px;
margin:0px 5px; height:52px;
border:2px solid #ddd;
-moz-border-radius:30px;
-webkit-border-radius:30px;
border-radius:30px;
-moz-box-shadow:1px 1px 3px #555;
-webkit-box-shadow:1px 1px 3px #555;
box-shadow:1px 1px 3px #555;
cursor:pointer;
overflow:hidden;
}

#rocking-rolling .link{
left:2px; top:2px;
position:absolute;
width:48px;
height:48px;
}

#rocking-rolling .icon_home{
background:transparent url(http://3.bp.blogspot.com/-fuX8vT6cIzs/TlXFJXROx2I/AAAAAAAAAxE/D1kiRmSFBy4/s1600/home.png) no-repeat top left;
}

#rocking-rolling .icon_mail{
background:transparent url(http://2.bp.blogspot.com/-FaTjV0LsMXQ/TlXFJ_5vpxI/AAAAAAAAAxc/JRPFgDCZ6lg/s1600/mail.png) no-repeat top left;
}
#rocking-rolling .icon_help{
background:transparent url(http://4.bp.blogspot.com/-l7M2zGOJAQo/TlXFJ0YZR6I/AAAAAAAAAxM/32acLuLn_r8/s320/help.png) no-repeat top left;
}

#rocking-rolling .icon_find{
background:transparent url(http://4.bp.blogspot.com/-ZIEGzN0LZCg/TlXFJ8WVzEI/AAAAAAAAAxU/2-oDKLYjsKw/s1600/find.png) no-repeat top left;
}

#rocking-rolling .icon_photos{
background:transparent url(http://4.bp.blogspot.com/-IwFEevO-np8/TlXFKFu47FI/AAAAAAAAAxk/aejG1YmQumc/s1600/photos.png) no-repeat top left;
}

#rocking-rolling .item_content{
position:absolute;
height:52px;
width:220px;
overflow:hidden;
left:56px;
top:7px; background:transparent; display:none;
}

#rocking-rolling .item_content h2{
color:#aaa;
text-shadow:1px 1px 1px #fff;
background-color:transparent;
font-size:14px;
}

#rocking-rolling .item_content a{
background-color:transparent;
float:left;
margin-right:7px;
margin-top:3px;
color:#bbb;
text-shadow:1px 1px 1px #fff;
text-decoration:none;
font-size:12px;
}

#rocking-rolling .item_content a:hover{
color:#0b965b;
}

#rocking-rolling .item_content p{
background-color:transparent;
text-transform:none;
font-weight:normal !important;
display:none;
}

#rocking-rolling .item_content p input{
border:1px solid #ccc;
padding:1px;
width:155px; float:left;
margin-right:5px;
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
}

Terakhir tinggal meletakan kerangka objek saya,
Salin kode ini,kemudian letakan di tempat dimana kamu inginkan menu navigasi ini tampil,misalnya di bawah header.

<div id='rocking-rolling'>
<div class='item'>
<a class='link icon_mail'></a>
<div class='item_content'>
<h2>KONTAK SAYA</h2>
<p>
<a href='#'>eMail</a>
<a href='#'>Twitter</a>
<a href='#'>Facebook</a>
</p>
</div>
</div>

<div class='item'>
<a class='link icon_help'></a>
<div class='item_content'>
<h2>BANTUAN</h2>
<p>
<a href='#'>Buku Tamu</a>
<a href='#'>Lapor</a>
<a href='#'>Kritik dan Saran</a>
</p>
</div>
</div>

<div class='item'>
<a class='link icon_find'></a>
<div class='item_content'>
<h2>TELUSURI</h2>
<p>
<form expr:action='data:blog.homepageUrl + &quot;search/&quot;' method='get'><input name='q' type='text'/></form> 
</p>
</div>
</div>

<div class='item'>
<a class='link icon_photos'></a>
<div class='item_content'>
<h2>GALERI FOTO</h2>
<p>
<a href='#'>Kategori</a>
<a href='#'>Arsip</a>
<a href='#'>Daftar Isi</a>
</p>
</div>
</div>

<div class='item'>
<a class='link icon_home'></a>
<div class='item_content'>
<h2>MULAI DARI SINI</h2>
<p>
<a href='#'>Pelayanan</a>
<a href='#'>Portfolio</a>
<a href='#'>Pembayaran</a>
</p>
</div>
</div>

<div style='clear:both;'></div>

</div>

<script type='text/javascript'>  function collapse(a){var b=1440;var c=setInterval(function(){if(b==0){clearInterval(c);return}b-=40;$('.link',a).stop().animate({rotate:'+=40deg'},0)},10);a.stop().animate({width:'52px'},1e3).find('.item_content').stop(true,true).fadeOut().find('p').stop(true,true).fadeOut()}function expand(a){var b=0;var c=setInterval(function(){if(b==1440){clearInterval(c);return}b+=40;$('.link',a).stop().animate({rotate:'+=-40deg'},0)},10);a.stop().animate({width:'268px'},1e3).find('.item_content').fadeIn(400,function(){$(this).find('p').stop(true,true).fadeIn(600)})}$('.item').hover(function(){var a=$(this);expand(a)},function(){var a=$(this);collapse(a)})  </script>

Catatan :
1. Setiap unit menu navigasi R3MJ (Rocking Rolling Rounded Menu dengan JQuery) dapat didefinisikan sebagai berikut:
<div class='item'>
<a class='nama_class'></a>
<div class='item_content'>
<h2>JUDUL MENU</h2>
<p>
<a href='#'>Nama Menu</a>
<a href='#'>Nama Menu</a>
<a href='#'>Nama Menu</a>
</p>
</div>
</div>
  • Ganti JUDUL MENU dengan judul menu yang kamu kehendaki, 
  • Kode # dengan sebuah alamat URL. 
  • Sesuaikan Nama Menu dengan nama menu yang kamu inginkan.
2. Khusus untuk kotak penelusuran pada menu ini sudah Saya set agar dapat berfungsi pada situs-situs blogspot. Jika kamu bukan termasuk pengguna layanan blogspot, kamu harus mengganti kode yang Saya beri warna biru dengan elemen formulir kotak penelusuran posting di templatemu agar elemen tersebut bisa bekerja.

3. Script yang Saya letakkan di bawah kerangka menu lebih baik jangan dipindahkan ke area <head> ... </head>. Sebagian besar script memang idealnya diletakkan di dalam wilayah kekuasaan <head> namun beberapa dari mereka juga ada yang harus diletakkan setelah objek seperti pada menu ini.

Selamat berkreasi,jika ada masalah jangan sungkan untuk bertanya "di kotak komentar",... ^_^

Title : Menu Rocking Rolling Rounded Dengan jQuery
URL : http://blogcunayz.blogspot.com/2011/12/menu-rocking-rolling-rounded-dengan.html
Anda boleh menyebar Luaskan atau Meng Copy-Paste Artikel ini bila dapat bermanfaat bagi teman-teman anda, Namun jangan lupa untuk meletakkan Link Menu Rocking Rolling Rounded Dengan jQuery sebagai Sumbernya.

Sudah ada [ 127 komentar ] bagaimana pendapat Anda,,?

  1. Thanks buat sharenya.. bakalan dicobain nih nanti :)

    ReplyDelete
  2. @ Chino-chan ♥ : sama2 gan,silahkan di coba dulu,siapa tau cocok.

    ReplyDelete
  3. Keren dah tips dari sini.mga sukses selalu ya gan... :)

    ReplyDelete
  4. @ Ageboy : thank gan,sukses juga untuk agan,... :D

    @ Dode : okeh2 sama2,...:))

    ReplyDelete
  5. ohh , ternyata pake JQuery toh kirain cuma CSS doang, requestnya Rama88 kan nih :)

    ReplyDelete
  6. @ Mbah Qopet : iya sob banyak juga yang tanya cara bikin menu kaya d blog ane ya sekalian aja ane share wkwkwk =))

    ReplyDelete
  7. Mantabs abisss tips menunya,,, bookmark dulu dah, tunggu timing yg tepat buat di coba di blogku,,, thx sob,,,

    ReplyDelete
  8. Sakahayang Kang Asep : silahkan sob,sama2,trimakasih atas kunjungannya,...

    ReplyDelete
  9. menu navigasinya bagus bro. attraktif dan menarik minat pembaca untuk melihatnya.

    ReplyDelete
  10. @ panduan belajar blog : thank brad,mungkin itulah salah satu daya tariknya,...wkwkwk

    ReplyDelete
  11. tutorial yang mantap sob , sukses selalu untuk sobat

    ReplyDelete
  12. @ Lasmi : thank sob,sukses juga untuk sobat :)

    ReplyDelete
  13. aduuhhh,, maaf bgt sob,, ane baru sempet online,, seharian mati lampu di tempat ane,, :(( :(( thx udah di share,, ane coba dulu yaaa sob,, kalo gagal ane nanya lagi,, =)) =))

    ReplyDelete
  14. @ Rama88 : hari gini mati lampu wkwkwkw =)) =)) silahkan sob untuk berjaga2 download dulu templatenya :))

    ReplyDelete
  15. wah! keren postinganya sobat...
    i will be to try!

    ReplyDelete
  16. akhirx request sy dipenuhi juga.., thx ya sob ;)

    ReplyDelete
  17. makasich banyak tutornya mas aku dah passang tuh...lanjut trus mas semoga sukses didunia internet

    ReplyDelete
  18. weh keren mas keren sekali hehehe

    ReplyDelete
  19. wakwakwakwak,, iya,, ada yg korslet pas tadi ujan sob,, =)) =)) ookedah,, ane lagi coding2 nihh,, semoga aja bisa,, :))

    ReplyDelete
  20. @ MR.W m: thank sob ok try2 lah itnya hahaha =))

    @ Rohis Facebook : iya dong kang sesama bloger harus saling berbagi,...sama2 sob

    ReplyDelete
  21. @ esthetique : amien mas,salam sukses juga utuk mas

    @ Wahid Sahidu : siahkan di coba dulu gan

    ReplyDelete
  22. @ Liandri eko : iya sob bisa untuk daya tarik blog kita juga wkwkwk

    @ Rama88 : oh gtu,, :)) okeh2 sipt kao ada masalah tinggal contack ane aja oke,...?? =)) =))

    ReplyDelete
  23. @ Rizky Wardiansyah
    Gan Tanya Aja sama Dode masalah blog pager mungkin dia tau

    ReplyDelete
  24. hihihi ane coba buat kaya gitu pake CSS sulit juga , pake transition :D

    ReplyDelete
  25. Wah keren sob tipsnya...makasih ya atas sharenya

    ReplyDelete
  26. Pena hadir dan absen siang sobat...bener-bener cool neh....Master

    ReplyDelete
  27. @ Mbah Qopet : wkwkwk iya sob kalo menu navigasi biasa mah gampang pake css kalo kya gni mah agak susah :))

    @ cardiacku : ia sipt sama2 sob

    @ tautanpena : trimaksih atas kunjungannya sob,ah master dari mana saya masih belajar sob,alias masih awam

    ReplyDelete
  28. sebenarnya pengen pasang menu ini tapi diblog saya sudah ada menu yang pas sesuai kebutuhan.

    ReplyDelete
  29. @ ZONA DOWNLOAD GRATIS : pasang aja di halaman posting gan menu yang di home page d sembunyikan kaya d blog saya ini.

    ReplyDelete
  30. wah, keren yah jadinya, ehehehe...
    sip sipp, makasih bagi triknyaa ;)

    ReplyDelete
  31. @ Ladida Cafe : sama2 gan and thank for visit my blog wkwkwk so bhsa inggris wkwkwk =))

    ReplyDelete
  32. Pake Css ternyata sulit juga, heheheh ini masih belajar sobat.Tak nyimka lagi yah.oh ya ane punya artikel baru tuh, siapa tahu mau cicipi.

    ReplyDelete
  33. @ Bisnis Online Blog : ok langsung saya seruput wkwkwk di tunggu ya kedatangan ku =))

    ReplyDelete
  34. wah mantab juga nih ,, tapi kayaknya berat blog semakin bertambah gan, jadi ane gx pake deh..hehe

    ReplyDelete
  35. tok-tok tok , katanya mau main tadi kok pulang lagi ==' ?

    ReplyDelete
  36. @ Thepoen : kayaknya gak deh gan,soalnya saia pake d halaman posting tapi kecepatan loadingnya tetep tuh gan.

    ReplyDelete
  37. @ Mbah Qopet : ia hahaha ane kira empunya blog udah ofline wkwkwk

    ReplyDelete
  38. wahhh pakai kode jquery ya sob? membuat lambat gak ya ini? sepertinya sekarang sudah bisa dengan css3 saja sob,. btw mantap!

    ReplyDelete
  39. @ Farixsantips : iya sob,kyaknya gak deh sob soalnya ane pake juga,iya tapi agak susah bkinnya tapi kalo agan Farixsantips pasti bisa,thank sob

    ReplyDelete
  40. hehehe ntar ane mau membuat experiment ah tentang cara membuat menu seperti itu menggunakan css :)

    ReplyDelete
  41. bagus mas... lebih artistik deh.. jadi berat ga ya kalo dipasang j query tersebut

    ReplyDelete
  42. @ Farixsantips : ok ta tunggu ya hasilnya wkwkwk,siapa tau di share :))

    @ HONDA CENTER : di coba aja dulu gan :)

    ReplyDelete
  43. wah, mke jQuery, saya lg ga bisa make jQuery nih... ~,~"

    ReplyDelete
  44. kembali lagi di mari nih sobat.Mau belajar lagi sama Master nih hehehe.Nunggu Update sambil bawa sajian baru ^_^

    ReplyDelete
  45. @ Alprablog™ : namanya juga belajar sob,ane juga lagi belajar nih.

    @ Bisnis Online Blog : wah master dari mana ane masih awam wkwkwk,ok saya langsung meluncur untuk menyantap jamuan'ny.

    ReplyDelete
  46. jalan2 sore yg lagi mendung, sambil liat2 sapa tau aja ada postingan terbaru :)

    ReplyDelete
  47. kalau jadi pasti ane share dong sob :) hihihihi ditunggu postingan berikutnya :) minta FB dong

    ReplyDelete
  48. @ Rohis Facebook : trimakasih atas kunjungannya gan.

    @ Farixsantips : oh ok ta tunggu ya,itu kan ada sob di menu yang gambar pesan tinggal d klik aja :D

    ReplyDelete
  49. Bagus saudaraku tipsnya nih...makin keren saja blognya

    ReplyDelete
  50. @ abufarras : trimaksih saudaraku untuk kunjungan dan pujiannya,saya do'a kan supaya saudaraku ini sukses selalu and panjang umur wkwkwk,kaya yang ulang tahun aja ya

    ReplyDelete
  51. No komen dah..keren abis en top markotop pokoknya ha ha..! :D Dibookmark dulu gan bagus buat koleksi nih. Template ini membuat saya sedikit shock karena mengingatkan sama kertas milimeter, sering menggambar tugas waktu kuliah dulu he he

    ReplyDelete
  52. nanti deh sob coba saya bikin 2 menunya.

    ReplyDelete
  53. Wow.. Amazing!!!
    Ayas kayaknya baru Ngliat Menu gituan deh Boss... MANTAAFF BGT!!!
    Udah kayak Penari Breakdance tuh Boss,,, Hweehehehe
    Ayas ijin Nyimpen dulu deh Bos,, buat refrensi!!
    MAKASI BGT Boss!!!

    ReplyDelete
  54. hihihi ane udah jadi masbro , menu versi ente . tapi pake CSS3 , besok setelah ane selesai UAS ane kasih liat :D.

    ReplyDelete
  55. keren menunya, makasih infonya, salam

    ReplyDelete
  56. @ Share With Irfan : wkwkwk thank gan,silahkan d bookmark,oh gtu ya sob emang skrang udah gk kuliah??

    @ Liandri eko : ok silahkan.

    ReplyDelete
  57. @ BagiBagiBlog : Breakdance muter2 dong sob wkwkwk,silahkan gan,sama2 boss,...

    @ Mbah Qopet : weh kren,tar shre dong wah kalo udah uas skitar 2 minggu lagi dong??,tar ane juga abis bres UAS mau share template BLOGCUNAYZ yang dulu

    ReplyDelete
  58. @ Tutorial Blog : sama2 gan,salam kenal

    ReplyDelete
  59. kunjungan perdana nih sob...
    ijin liat2 dulu yah
    oh iya hampir lupa
    salam kenal yah gan...

    ReplyDelete
  60. @ Bantimurung Objek Wisata Terbaik di Sulawesi Selatan : trimakasih atas kunjungannya sob,silahkan di baca,salam kenal juga,sukses selalu untuk sobat.

    ReplyDelete
  61. lcu yah :D
    keren2...
    salam kenal
    jangan lpa berkunjung sob :)

    ReplyDelete
  62. 6 hari lagi kok , hehehe ada makanan baru tuh di rumah ane :D

    ReplyDelete
  63. @ Anorexia Photos : salam kenal juga,ok sipt pasti itu sob :D

    @ Mbah Qopet : kalo ane minggu dpan baru mulai UAS'ny sob,ok sipt2 langsung ta santap :))

    ReplyDelete
  64. Wah keren gan template-nya, terus berkarya gan... salam kenal

    ReplyDelete
  65. kalo pengen edit blog yang enak dan hasilnya bagus pake Chrome masbro...wah jadi ga ketemuan dong kalo UAS ente minggu depan T.T

    ReplyDelete
  66. @ Satanic : thank gan,salam kenal juga

    @ Mbah Qopet : mmmbgtu ya masbro,tulisan ane kalo d lihat d chrome jdi jlek ya sob"gak jelas",yoi sob kalo ente minggu depan dah bres ya UAS'ny,...??

    ReplyDelete
  67. Hehehe Saya masih belum jadi buatnya.Nih jadi kembali lagi nih sob.Mau uprek-uprek.Oh ya sob, ada sajian baru jika berkenan.Silahkn berkunjung ya.Terimakaish atas kunjungannya.

    ReplyDelete
  68. @ Bisnis Online Blog : oh begitu ya,selamat berkresi aja sob wkwkwk,ok sipt tar saya berkunjung.

    ReplyDelete
  69. Ikut meramaikan acara sukses selalu mas bro

    ReplyDelete
  70. wah.. keren menunya sob... :))
    btw.. link sobat udah ane pasang... thanks udah mau bertukar links

    ReplyDelete
  71. ehehe, kalo pake full css3 bisa ngga yah?

    ReplyDelete
  72. sob ane dah posting tentang bagaimana cara membuat bayangan itu di blog. mohon untuk dilihat karena postingan itu khusus untuk sobat :))

    ReplyDelete
  73. Kunjungan kemabli sobat sambil menunggu ostingan berikutnya

    ReplyDelete
  74. iya ane minggu depan dah beres , malah bagus banget kok tulisan ente di chrome :)

    ReplyDelete
  75. @ Admin-Wahid Sahidu : trimakasih untuk partisipasinya sob,sukses juga untuk sobat

    @ Setia Ji : ok sipt2,.... sama2 sob hatur thank you,...

    ReplyDelete
  76. @ Farixsantips : weeeeh kren2 oke dah ane langsung meluncur,trimakasih banyak sobat,u are the best lah :))

    @ cardiacku : thank gan atas kunjungannya,ok secepatnya saya posting lagi wkwkwk sekarang lagi konsen dulu UAS

    @ Mbah Qopet : wah curang tuh =)),kalo ane minggu depan baru mulai,oh yah masa sih ta cek ah wkwkwk =)) =))

    ReplyDelete
  77. @ Zh!nTho: belom nih sob lagi konsen dulu ke UAS minggu depan.

    ReplyDelete
  78. Mantabs nigh Gan, meskipun sya telat Pertamax tp gak papa yg penting Eksis.

    ReplyDelete
  79. @ Rohis Facebook : hatur thank you sob untuk kunjungannya :)

    @ amhar sunny : hahaha setuju saya gan,...

    ReplyDelete
  80. Masih prek-oprek biar jadi, masih belum dapat tempat hehehe

    ReplyDelete
  81. hahahaha.. manggut2 aja deh sob.. kagak ngerti saya soalnya.. :P

    ReplyDelete
  82. semoga sehat selalu bro..Aamiin, lama juga ni gk update... :)

    ReplyDelete
  83. Rock n Roll mantabs,
    thanks atas Menu J queryx

    Like banget nigh Gan

    ReplyDelete
  84. @ Bisnis Online Blog : oh selamat berkreasi deh sob,kalo boleh saran template jangan ganti2 terus mending di edit2 aja sob kaya template ane :)

    @ dhenok habibie : hahaha ah masa master gak ngerti sih :D

    ReplyDelete
  85. @ Rohis Facebook : aminn, semoga sehat selalu juga untuk sobat,ia nih sekarang lagi konsen dulu belajar,mnggu depan UAS soalnya,...:D

    ReplyDelete
  86. @ amhar sunny : sama2 gan,silahkan di coba dulu

    ReplyDelete
  87. Malam yang dingin dan sepi, cocoknya mengunjungi blog sahabat dan membaca artikel didalamnya untuk sekedar mencari kehangatan dan keramaian. Selamat Malam Sobat!!!

    ReplyDelete
  88. Mantab .......... nambah ilmu lg neh.......
    nice share gan,klo ada waktu singgah ya di blog saya
    http://it-softcenter.blogspot.com/

    ReplyDelete
  89. wah menunya bagus banget gan. pake css yak. kirain tanpa edit html gan.

    ReplyDelete
  90. @Ricky mau tukeran link di blogroll ga? kalau mau,

    Nama: Harrys76
    Url: http://harrys76.blogspot.com

    ReplyDelete
  91. masih ga ngerti T^T

    itu perlu instal2 program dl kah?

    ReplyDelete
  92. wahhh sobat belum update update nih padahal sudah ane tunggu dari lama hehe :D

    ReplyDelete
  93. mas boleh copy paste diblog ku mas ...ku cantumkan sumbernya

    ReplyDelete
  94. Menunggu postingan terbarunya sobat

    ReplyDelete
  95. Hadir dan absen pagi kembali ...

    ReplyDelete
  96. sip sip... saya tertarik banget. tapi entar dah dulu nyoba jQuery lagi. capek baca script, hehehe

    ReplyDelete
  97. tadinya gak mau eh nyoba juga, tapi gak berhasil gan untuk template saya, padahal udah sesuai tutorialnya. entar dah ke sini lagi

    ReplyDelete
  98. @ All : Thank atas kunjungannya,salam sukses untuk agan semua,...

    ReplyDelete
  99. @ Dayz : sama2 masbro :)

    @ Cirebon-Cyber4rt : 3 kata = hatur thank you :))

    ReplyDelete
  100. blogwalking :
    pertamax perlu dicoba dan hasilnya berhasil hehehhehe thanks sher posting yang berguna ini gan

    ReplyDelete
  101. @ file education : sama2 gan,trimakasih atas kunjungannya

    ReplyDelete
  102. nahhh....ini dia yang ane carii....
    detail dan jelas sobat penjelasannya....
    maulangsung praktek dolo dah...
    thanks, nice share sobat cunays

    ReplyDelete
  103. @ zaenal Blog ; wkwkwk silahkan di coba sob,thank :)

    ReplyDelete
  104. demonya yang diatas header kanan kan gan,
    weww mantep atuh ieumah :D

    ReplyDelete
  105. @ Ф дфѕдғфдғ Ф : iyo gan,hahaha sok atuh gera cobian

    ReplyDelete
  106. cOBA Anda Lihat http://www.fhandika.co.cc/

    ReplyDelete
  107. nice info mas..., thanks...., tapi ada sedikit masalah ne mas....

    1. pada menu searc ataupun TELUSURI tidak berfungsi...
    2. setelah itu efect ROLLING nya juga ga berfungsi, cuma slide aja,iconnya tidak berputar.

    cuma itu aja mas....
    sebelumnya terima kasih atas bimbingannya...
    saya harap mas bisa memberi solusinya....

    ReplyDelete
  108. @ibnoe cahyade>> Bener tuh gank,ane juga kaya gitu tapi telesuri nya tidak berfunsi

    ReplyDelete
  109. @ M.Fhandika.Rafif >> Follow back blog qu ya....
    http://ibnoe-s.blogspot.com/

    ReplyDelete
  110. ibnoe cahyadee>> itu blognya keren uy

    ReplyDelete
  111. Asli, cakep banget.....

    Kunjungi blog ane juga ya gan..

    www.semuanyaonline.web.id

    ReplyDelete
  112. Thanks buat tutorialnya. Bagaimana kalau posisinya dibuat vertical, jadi bukan horizontal kayak di tutorial di atas? Thanks

    ReplyDelete
  113. Thanks Sob

    Follow My Blog Ok...

    www.fhandikablog.com

    ReplyDelete

Untuk menyisipkan kode,gunakan tag
[code]KODE ANDA[/code]
Untuk menyisipkan quote,gunakan tag
[blockquote]KATA-KATA ANDA[/blockquote]
Untuk menyisipkan gambar,gunakan tag
[img]URL GAMBAR ANDA[/img]
Untuk menyisipkan video,gunakan tag
[youtube]URL VIDEO ANDA[/youtube]
Anda juga bisa menggunakan emoticon seperti biasa.

Pasang Iklan Anda Disini

 
Copyright © 2011 Blogcunayz Template Design By Rizky Wardiansyah