Monday, 23 December 2013

Cara Mempercepat Akses, Loading, & Booting Hp Android [Tips dan Triks] Kenceng 2014

Cara Mempercepat Akses, Loading, & Booting Hp Android [Tips dan Triks] Kenceng 2014



Rafi Orilya, Hp Android di era ini memang sudah menjadi hal yang sangat digemari kalangan umum dengan fitur dan kinerjanya yang baik serta tampilannya yang sangat menarik membuat HP dengan OS ini melejit jauh pada masyarakat luas.
Hanya dengan 1 HP pada genggaman tangan anda, anda bisa dapat melakukan apa saja misalnya Streaming Youtube, Download, Surfing Internet, Games dengan grafis yang keren, Jejaring sosial dengan semua akses yang ada dan masih banyak aplikasi yang saat ini disediakan oleh OS Android ini.
Namun karena kekomplitannya itu bukan tidak mungkin mesin akan lelah mengaksesnya, alhasil Android akan menjadi LOLA (Loading Lama).
Nah bagi yang belum tahu penyebabnya, kami akan menjelaskan penyebab loading HP Andorid anda lemot. Dan berikut ada tips untuk membuat HP Andorid anda menjadi lebih baik/meningkat loading aksesnya

1.Matikan live wallpaper
Walau live wallpaper pada ponsel bikin penampilan ponsel anda terlihat lebih atraktif, tetapi bisa memperlambat kinerja ponsel anda dikarenakan untuk bikin animasi terus jalan ponsel anda pasti dapat dipaksa terus bekerja. Mematikan live wallpaper, anda bisa bikin pergerakan scroll pada desktop ponsel jadi lebih mudah serta lancar.

2.Kurangi jumlah widget anda
Widget adalah elemen atau sisi dari antarmuka grafis atau gui baik berbentuk kotak teks, tombol dan seterusnya yang menyuguhkan info atau pengaturan yang bisa dikurangi atau ditambahkan oleh pengguna. Bila widget yang anda gunakan menyuguhkan info yang terus-menerus diupdate setiap waktu, maka dapat mengakibatkan tambahan sistem yang menyedot memori hingga berimbas pada perlambatan kinerja. Karenanya, ada baikknya anda menghapus sebagian widget yang jarang dipakai.

3.Tutup aplikasi yang jalan di background
Tahukah anda bahwa dengan menghimpit tombol home pada ponsel, maka aplikasi yang tengah jalan dapat terus jalan di background. Sesaat itu apabila anda menghimpit tombol back waktu aplikasi tengah jalan, maka dapat dengan otomatis menutup serta mematikan aplikasi tersebut. Karenanya, sejak saat ini bila anda inginmembuka aplikasi lain janganlah lupa untuk menutup aplikasi yang tengah jalan dengan menghimpit tombol back atau mematikannya dengan pertolongan task killer yang dapat anda download dengan gratis dari play store.

4.Matikan auto up date apps
Mengaktifkan fitur up date otomatis aplikasi yang ada pada menu setting play store, memanglah bisa bikin aplikasi anda terus diperbarui tanpa mesti mengeceknya dengan manual. Tetapi demikian fitur tersebut pasti dapat membebani kinerja ponsel, terlebih saat tiba-tiba ponsel anda mendownload serta menginstal sesuatu aplikasi pada waktu anda tengah menggerakkan aplikasi lain yang mengonsumsi banyak memori.

5.Pindahkan aplikasi ke microsd
Fitur moved apps to sd yaitu fitur yang sangat mungkin anda untuk memindahkan instalasi aplikasi dari memori internal ke kartu microsd yang anda sematkan. Memindahkan file instalasi aplikasi ke memori eksternal, maka area penyimpanan memori internal jadi makin lega. Dengan area memori internal yang semakin lega, kinerja ponsel lalu jadi makin mudah serta lancar. Anda bisa memindahkan aplikasi yang terpasang dari memori internal ke memori eksternal dengan safe tanpa butuh mengambil risiko layaknya lakukan rooting atau langkah hacking yang lain.

6.Autorotate
Dengan fitur autorotate, tujuan layar anda dapat beralih dengan otomatis ikuti posisi ponsel didalam genggaman. Walau demikian didalam sebagian masalah, rotasi otomatis ini bisa mengakibatkan ponsel anda alami lag atau jeda yang mengganggu. Oleh dikarenakan itu anda bisa mematikan autorotate ini dengan masuk ke settingdisplay serta menghilangkan sinyal centang pada kotak disamping menu ‘autorotate screen’.

7.Autobrightness
Umumnya ponsel android sudah dilengkapi dengan ambient light sensor yang dapat memeriksa situasi sinar di sekitar ponsel serta sesuaikan kecerahan layar yang dipancarkan. Walau demikian tak hanya memboroskan daya, aktifnya autobrightness juga membebani kerja ponsel.

8.Factory reset
Bila anda sudah lakukan langkah di atas tetapi akhirnya kurang memuaskan, lakukan reset perangkat dapat jadi jalur paling akhir. Perihal ini karena pada android ada sebagian aplikasi yang otomatis jalan di background saat anda pertama kali menghidupkan ponsel. Ini belum terhitung juga aplikasi yang menampilkan pop-up iklan yang tak hanya menyedot pemakaian memori juga pemakaian data internet anda.

9. Alokasi Memory
Jangan sampai terlewat bahwa file besar seperti foto, video atau musik harus di alokasikan pada memori external dalam hp android adalah kartu memori. Alokasi ini tidak hanya berlaku untuk file media namun juga pada aplikasi-aplikasi besar seperti game atau aplikasi edit foto. Karena kinerja hp android akan melambat bila memori internal hampir penuh.

10. Hapus Yang Tidak Perlu
Jangan menumpuk aplikasi atau file media terlalu banyak pada hp android Anda karena tentunya memori yang penuh akan membuat kinerja hp Android kamu menjadi berat. Maka bila Anda orang senang akan berfoto rutinlah pindahkan foto Anda setiap bulan, Anda bisa memindahkannya ke komputer atau laptop Anda dirumah. Hal ini juga berlaku untuk aplikasi, bila rasanya sebuah aplikasi atau widget tidak lagi sering digunakan lebih baik dihapus, toh sewaktu-waktu bila Anda perlu, aplikasi tersebut bisa ANda download kembali.

11. Root & Overclock CPU Hp Android
CPU adalah hal paling penting bila ingin meningkatkan kecepatan Android Anda.  Kita tidak dapat mengganti CPU lama dengan CPU yang baru layaknya sebuah komputer atau laptop. Satu-satunya trik adalah dengan men-overclock CPU dari hp Android Anda. Namun resikonya bila anda men-root dan overclok, produsen hp Anda akan menghanguskan garansi hp android Anda.


MM Imoet | Lazada

Terima Kasih
Rafi Orilya Groups
by Rafi Aldiansyah Asikin
Share:

Jokowi rapat dengan KPUD, tanya kesiapan Pemilu 2014 [Merdeka]

Jokowi rapat dengan KPUD, tanya kesiapan Pemilu 2014 [Merdeka]


Merdeka.com - Gubernur DKI Jakarta Joko Widodo  menyambangi Kantor Komisi Pemilihan Umum Daerah (KPUD) DKI Jakarta di Jalan Budi Kemuliaan, Jakarta Pusat. Dalam kunjungannya tersebut,Jokowi  ingin memastikan kesiapan pemilihan umum yang jatuh pada 9 April 2014 mendatang.

Jokowi yang memakai baju muslim putih disertai kalungan sarung biru putih tiba pada pukul 10.25 WIB. Jokowi  langsung disambut Ketua KPUD DKI Jakarta Sumarno. Setelah tiba, Jokowi  langsung mengadakan rapat kecil sambil mendengarkan penjelasan dari KPUD.

Jokowi mengatakan kedatangannya kali ini hanya untuk memastikan persiapan pemilu 2014 mendatang. Dia berjanji akan membantu KPUD dalam pelaksanaan pemilu 2014.

"Kami ke sini ingin memastikan kesiapan untuk pemilu 2014. Jadi ada hal yang perlu dibantu untuk pemilu nanti akan kita bantu seperti pengamanan dll," ujar dia di lokasi, Jumat (20/12).

Jokowi juga akan meminta Pemerintah Provinsi DKI Jakarta untuk menyediakan alat peraga pemilihan umum dan membantu publikasi rencana pemilihan umum tersebut.

"Lalu, alat peraga, kami minta diingatkan. Intinya kami siap untuk membantu KPUD untuk laksanakan pemilu nanti," kata dia.

Dalam kunjungannya tersebut, Jokowi  juga didampingi Kepala Biro Kepala Daerah dan Hubungan Luar Negeri Heru Budi Hartono.
[ian]

Source : Merdeka.com
Share:

Cara Membua Mata Batin Kita [Siapkan Iman Terlebih Dahulu]

Cara Membua Mata Batin Kita [Siapkan Iman Terlebih Dahulu]



Malem, post kali ini saya akan share cara untuk membuka mata batin kita..
kalau kamu gak berani atau takut mending gak usah dicoba deh ,dari pada ntar jantungan dan mati ditempat :D , dan kalau sudah gak kuat ''lambaikan tangan'' yah ke kamera,hehe becanda.
oke, ini adalah bacaan yang digunakan dalam membuka mata batin:

A’udzubillahiminassayitonnirojim.
Bismillahirohmannirohiiim.
ya khobir ala ya,lamu man kholaqo wahuwal latiful khobir. 70x
laa tudrikuhul absoru wahuwa yudrikuhul absoro wahuwal latiful khobir 70x
allohuma ya bathinu,ya bathinu,ya bathinu. 300x
istigfar ............................(70x)
sholawat nabi ............................(70x)
al-fatihah .............................(1x)
al-ikhlas .............................(3x)
al-falaq ...............................(1x)
an-naas ..............................(1x)
ayat kursy .........................(10x)
syahadat ...........................(1x)
allohuma ya bathinu,berilah aku mu,jizat gahib dan karomah nya dari wirid yang akuamal kan ini ke dalam tubuh ku dan hatiku serta lindungilah aku dari kejahatan yang merusak. (1x)
laaillaha illalah berulang-ulang (lebih banyak lebih bagus)

ingat!! sebelum membaca ''bacaan'' diatas, sebaiknya anda adalah orang yang beriman,baik,dan bertakwa kepada Allah SWT. seperti berikut:

1.Membersihkan dan mensucikan hati serta pikiran.
Hal terpenting dalam ritual membuka mata batin kita adalah dengan membersihkan dan mensucikan hati dari sifat sifat duniawi seperti keserakahan, dengki, iri hati, dan sebagainya.
2.Memperdalam iman dan taqwa.
Iman adalah percaya kepada hal-hal yang tidak kita lihat, dalam hal ini kita dapat membuang daya khayal yang dapat mengganggu keyakinan kita terhadap hal-hal yang gaib, selain itu upayakan agar kita selalu dapat belajar dan memperdalam berbagai ilmu yang telah kita kuasai.

3.Sholat dan berzikir. 
Melakukan ibadah Sholat dan berzikir secara rutin akan mendekatkan diri kita kepada Tuhan sehingga batin kita akan menjadi bersih kembali.

4.Mendekatkan diri kepada Allah.
Hal keempat yang mutlak harus dilakukan dalam upaya cara membuka mata batin adalah dengan meningkatkan iman dan kecintaan kepada Allah, yaitu dalam artian mencintai Allah dari segala-galanya, serta selalu memohon pertolongan Allah, sekaligus Istikharoh, yaitu selalu meminta petunjuk kepada Allah .

oke sekian saja kali ini, saya harapkan anda tidak menyalahgunakan hal ini untuk berbuat hal-hal yang negatif sehingga menimbulkan dosa yang besar.

Source : http://www.abie46.com
Share:

Sunday, 22 December 2013

Meta Tags Meningkatkan SEO Dahsyat MANTAP

Meta Tags Meningkatkan SEO Dahsyat MANTAP



Rafi Orilya Groups,-Oke kita ketemu lagi di posting kali ini.. yap seperti judul diatas kita akan membahas mengenai cara meningkatkan SEO dengan menggunakan META TAGS, oke sebelumnya bagi sobat ROG yang belum tau apa itu SEO, bisa baca-baca dulu di Pengertian SEO

Nah.. bagi yang ingin meningkatkan oprimasi search engine untuk web anda silahkan pasang meta tag dibawah ini dah edit sesuai dengan keterangan yang ada

Letakan pada Edit HTML
bagian dibawah <head>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/> | Isi Dengan Deskripsi Blog Kamu</title>
<meta content='Isi Dengan Keyword Blog Kamu' name='keywords'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/></title>
<meta expr:content='data:blog.pagfeName + &quot;, Keyword anda, &quot; + data:blog.pageName' name='Keywords'/>
</b:if>
<b:if cond='data:blog.homepageUrl == data:blog.url'><meta content='Isi Dengan Deskripsi Blog Kamu' name='description'/>
<meta content='Isi Dengan Keyword Blog Kamu' name='keywords'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' name='keywords'/>
</b:if>
<meta content='Isi dengan Kode Vertifikasi Google Kamu' name='google-site-verification'/>
<meta content='Isi dengan Kode Vertifikasi Alexa Kamu' name='alexaVerifyID'/>
<meta content='Isi dengan Kode Vertifikasi Bing Kamu' name='msvalidate.01'/>
<meta content='index, follow' name='robots'/>
<meta content='2 days' name='revisit-after'/>
<meta content='general' name='rating'/>
<meta content='never' name='expires'/>
<meta content='id' http-equiv='Content-Language'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<meta content='Nama Kamu' name='author'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='http://i.imgur.com/gmEEHrP.png' property='og:image'/>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='og:description'/>
</b:if>
<meta content='Isi Dengan ID Fanspage Kamu' property='fb:app_id'/>
  <meta content='Isi Dengan ID Profil Facebook Kamu' property='fb:admins'/>
</b:if>

Keterangan

Tulisan Berwarna Merah sobat Isi dengan deskripsi blog Sobat.
Tulisan Berwarna Biru sobat isi dengan Keyword blog sobat.
Tulisan Berwarna Orange sobat bisa isi dengan Nama sobat.
Tulisan Berwarna KuningHijauBiru Muda sobat bisa isi dengan kode Vertifikasi.
Tulisan Berwarna Pink sobat bisa isi dengan ID Fanspage Sobat.
Tulisan Berwarna Cokelat sobat bisa isi dengan ID profil facebook sobat.

Perhatian!!! BAGI YANG AKAN MEMASANG META TAGS DIATAS BACA TERLEBIH DAHULU

Jika sudah ada meta tags yang ada silahkan hapus terlebih dahulu, atau diCUT dinotepad untuk mengembalikan jika tidak sesuai dengan harapan.
Jika tidak hapus KAMI TIDAK BERTANGGUNG JAWAB apa yang akan terjadi nantinya

Terima Kasih
Rafi Orilya Groups
by Rafi Aldiansyah Asikin
Share:

Pengertian SEO dan Golongannya [TEKNIK]

Pengertian SEO dan Golongannya 



Pengertian SEO atau Search Engine Optimization adalah suatu teknik untuk memaksimalkan suatu website agar lebih dikenal atau lebih mudah dibaca oleh search engine. Teknik SEO dilakukan melalui proses yang systematis artinya teknik seo harus mengikuti aturan-aturan yang berlaku pada suatu search engine tertentu yang menjadi rujukannya

1. Teknik SEOditerapkan pada suatu website dengan tujuan untukmeningkatkan jumlah pengunjung website tersebut. Banyak sekali faktor yang menentukan keberhasilan dalam SEO namun dapat di golongkan menjadi dua yaitu :

2. Onpage Optimazation yaitu teknik melakukan optimasi dari dalam suatu website dengan jalan memodifikasi faktor-faktor tertentu dari bagian suatu website misalkan menentukan title, tag, content yang relevan dengan title dan lain-lain

3. Offpage Optimazation yaitu teknik optimasi yang dilakukan dari luar bagian website dengan tetap mengacu pada alogaritma search engine tertentu misalkan memperbanyak backlink yang berkualitas


Teknik SEO bagi kebanyakan orang bisa terbilang sulit karena membutuhkan skill yang cukup dan tingkat kesabaran yang tinggi sedangkan hasilnya tidak dapat dilihat secara langsung. Selain itu metode search engine tertentu, untuk meng-index hasil pencarian juga sering berubah. Oleh karena itu SEO dapat dikatakan sangat dinamis karena metodenya berubah dari waktu ke waktu dan juga SEO tidak dapat memberikan jaminan apakah website Anda akan muncul dalam index pencarian teratas atau tidak
Share:

Membuat Navigasi Menu Model Kipas Lingkaran Efek Transisi

Membuat Navigasi Menu Model Kipas Lingkaran Efek Transisi



Rafi Orilya Groups,- Hello sob.. ketemu lagi dengan saya diposting terbaru kali ini. Semoga posting kali ini bisa bermanfaat buat kita semua yah. Salam blogger Indonesia..

Baiklah langsung saja ya, kali ini kita akan Membuat Navigasi Menu Model Kipas Lingkaran Efek Transisi, bagaimana caranya? Silahkan pasang saja script-script yang telah tersedia dibawah ini pastinya udah paham dikit-dikit dong. Untuk demonya bisa dilihat di => Rafi Orilya Portal

Buat pengetahuan aja kalau script CSS diletakan diatas ]]></b:skin>
Untuk script HTML terserah bisa diatas </body> atau dibawah <body> atau ditambah widget dll

Berikut script CSS
/* ===============================================================
copyright © zifana.com
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
.menuHolder {width:100px; height:100px; margin:50px 0 250px 10px; position:relative; z-index:100;}
.menuHolder ul {padding:0; margin:0; list-style:none; position:absolute; left:0; top:0; width:0; height:0;}
.menuHolder ul li {border-radius:0 0 300px 0; width:0; height:0;}
.menuHolder ul li a {color:#000; text-decoration:none; font:bold 13px/30px arial, sans-serif; text-align:center; box-shadow:-5px 5px 5px rgba(0,0,0,0.4);
-webkit-transform-origin:0 0;
-moz-transform-origin:0 0;
-ms-transform-origin:0 0;
-o-transform-origin:0 0;
transform-origin:0 0;
}
.menuHolder ul.p1 li {position:absolute; left:0; top:0;}
.menuHolder ul.p2 {z-index:-1;}
.menuHolder ul.p3 {z-index:-1;}
.menuHolder li.s1 > a {position:absolute; display:block; width:100px; height:100px; background:#c8c8c8; border-radius:0 0 100px 0;}
.menuHolder li.s2 > a {position:absolute; display:block; width:100px; padding-left:100px; height:200px; background:#ddd; border-radius:0 0 200px 0;}
.menuHolder ul.p3 li a {position:absolute; display:block; width:100px; padding-left:200px; height:300px; background:#999; border-radius:0 0 300px 0;}
.menuHolder ul ul {
-webkit-transform-origin:0 0;
-moz-transform-origin:0 0;
-ms-transform-origin:0 0;
-o-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:rotate(90deg);
-moz-transform:rotateZ(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
transform:rotate(90deg);
-webkit-transition:1s;
-moz-transition:1s;
-ms-transition:1s;
-o-transition:1s;
transition:1s;
}
.menuHolder li.s2:nth-of-type(6) > a {background:#888;
-webkit-transform:rotate(75deg);
-moz-transform:rotateZ(75deg);
-ms-transform:rotate(75deg);
-o-transform:rotate(75deg);
transform:rotate(75deg);
}
.menuHolder li.s2:nth-of-type(5) > a {background:#999;
-webkit-transform:rotate(60deg);
-moz-transform:rotateZ(60deg);
-ms-transform:rotate(60deg);
-o-transform:rotate(60deg);
transform:rotate(60deg);
}
.menuHolder li.s2:nth-of-type(4) > a {background:#aaa;
-webkit-transform:rotate(45deg);
-moz-transform:rotateZ(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.menuHolder li.s2:nth-of-type(3) > a {background:#bbb;
-webkit-transform:rotate(30deg);
-moz-transform:rotateZ(30deg);
-ms-transform:rotate(30deg);
-o-transform:rotate(30deg);
transform:rotate(30deg);
}
.menuHolder li.s2:nth-of-type(2) > a {background:#ccc;
-webkit-transform:rotate(15deg);
-moz-transform:rotateZ(15deg);
-ms-transform:rotate(15deg);
-o-transform:rotate(15deg);
transform:rotate(15deg);
}

.menuHolder .a6 li:nth-of-type(6) > a {background:#444;
-webkit-transform:rotate(75deg);
-moz-transform:rotateZ(75deg);
-ms-transform:rotate(75deg);
-o-transform:rotate(75deg);
transform:rotate(75deg);
}
.menuHolder .a6 li:nth-of-type(5) > a {background:#555;
-webkit-transform:rotate(60deg);
-moz-transform:rotateZ(60deg);
-ms-transform:rotate(60deg);
-o-transform:rotate(60deg);
transform:rotate(60deg);
}
.menuHolder .a6 li:nth-of-type(4) > a {background:#666;
-webkit-transform:rotate(45deg);
-moz-transform:rotateZ(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.menuHolder .a6 li:nth-of-type(3) > a {background:#777;
-webkit-transform:rotate(30deg);
-moz-transform:rotateZ(30deg);
-ms-transform:rotate(30deg);
-o-transform:rotate(30deg);
transform:rotate(30deg);
}
.menuHolder .a6 li:nth-of-type(2) > a {background:#888;
-webkit-transform:rotate(15deg);
-moz-transform:rotateZ(15deg);
-ms-transform:rotate(15deg);
-o-transform:rotate(15deg);
transform:rotate(15deg);
}

.menuHolder .a5 li:nth-of-type(5) > a {background:#555;
-webkit-transform:rotate(72deg);
-moz-transform:rotateZ(72deg);
-ms-transform:rotate(72deg);
-o-transform:rotate(72deg);
transform:rotate(72deg);
}
.menuHolder .a5 li:nth-of-type(4) > a {background:#666;
-webkit-transform:rotate(54deg);
-moz-transform:rotateZ(54deg);
-ms-transform:rotate(54deg);
-o-transform:rotate(54deg);
transform:rotate(54deg);
}
.menuHolder .a5 li:nth-of-type(3) > a {background:#777;
-webkit-transform:rotate(36deg);
-moz-transform:rotateZ(36deg);
-ms-transform:rotate(36deg);
-o-transform:rotate(36deg);
transform:rotate(36deg);
}
.menuHolder .a5 li:nth-of-type(2) > a {background:#888;
-webkit-transform:rotate(18deg);
-moz-transform:rotateZ(18deg);
-ms-transform:rotate(18deg);
-o-transform:rotate(18deg);
transform:rotate(18deg);
}

.menuHolder .a3 li:nth-of-type(3) > a {background:#777;
-webkit-transform:rotate(60deg);
-moz-transform:rotateZ(60deg);
-ms-transform:rotate(60deg);
-o-transform:rotate(60deg);
transform:rotate(60deg);
}
.menuHolder .a3 li:nth-of-type(2) > a {background:#888;
-webkit-transform:rotate(30deg);
-moz-transform:rotateZ(30deg);
-ms-transform:rotate(30deg);
-o-transform:rotate(30deg);
transform:rotate(30deg);
}

.menuHolder li.s1:hover ul.p2 {
-webkit-transform:rotate(0deg);
-moz-transform:rotateZ(0deg);
-ms-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);
}
.menuHolder li.s2:hover ul.p3 {
-webkit-transform:rotate(0deg);
-moz-transform:rotateZ(0deg);
-ms-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);
}
.menuHolder ul li:hover > a {background:#f00; color:#fff;}
.menuHolder li.s2:hover > a {background:#d00; color:#fff;}
.menuHolder .a6 li:hover > a {background:#b00; color:#fff;}
.menuHolder .a5 li:hover > a {background:#b00; color:#fff;}
.menuHolder .a3 li:hover > a {background:#b00; color:#fff;}

.menuWindow {width:110px; height:110px; overflow:hidden; position:absolute; left:0; top:0; z-index:100;
-webkit-transition:0s 1s;
-moz-transition:0s 1s;
-ms-transition:0s 1s;
-o-transition:0s 1s;
transition:0s 1s;
}
.menuHolder:hover .menuWindow {width:310px; height:310px;
-webkit-transition:0s 0s;
-moz-transition:0s 0s;
-ms-transition:0s 0s;
-o-transition:0s 0s;
transition:0s 0s;
}
.menuHolder span {display:block;
-webkit-transform:rotate(5deg);
-moz-transform:rotateZ(5deg);
-ms-transform:rotate(5deg);
-o-transform:rotate(5deg);
transform:rotate(5deg);
}
.menuHolder ~ img.close {width:0; height:0; position:fixed; z-index:-1; left:0; top:0;}
.menuHolder:hover ~ img.close {width:100%; height:100%;}

Berikut script HTML

<div class="menuHolder"><div class="menuWindow">
<ul class="p1">
    <li class="s1"><a href="#url">Menu</a>
        <ul class="p2">
            <li class="s2"><a href="http://zifana.com"><span>Home</span></a></li>
            <li class="s2"><a href="#url"><span>Services</span></a>
                <ul class="p3 a3">
                    <li><a href="http://zifana.com">Printing</a></li>
                    <li><a href="http://zifana.com">Editing</a></li>
                    <li><a href="http://zifana.com">Storage</a></li>
                </ul>
            </li>
            <li class="s2"><a href="#url"><span>Contacts</span></a>
                <ul class="p3 a6">
                    <li><a href="http://zifana.com">Support</a></li>
                    <li><a href="http://zifana.com">Sales</a></li>
                    <li><a href="http://zifana.com">Buying</a></li>
                    <li><a href="http://zifana.com">Photographers</a></li>
                    <li><a href="http://zifana.com">Stockist</a></li>
                    <li><a href="http://zifana.com">General</a></li>
                </ul>
            </li>
            <li class="s2"><a href="#url"><span>Stores</span></a>
                <ul class="p3 a3">
                    <li><a href="http://zifana.com">South Region</a></li>
                    <li><a href="http://zifana.com">North Region</a></li>
                    <li><a href="http://zifana.com">Central Region</a></li>
                </ul>
            </li>
            <li class="s2"><a href="#url"><span>Contact Us</span></a>
                <ul class="p3 a3">
                    <li><a href="http://zifana.com">Email</a></li>
                    <li><a href="http://zifana.com">Post</a></li>
                    <li><a href="http://zifana.com">Telephone</a></li>
                </ul>
            </li>
            <li class="s2 b6"><a href="#url"><span>Sales</span></a>
                <ul class="p3 a5">
                    <li><a href="http://zifana.com">DSLR Cameras</a></li>
                    <li><a href="http://zifana.co">Lenses</a></li>
                </ul>
            </li>
        </ul>
    </li>
</ul>
</div></div>
Yaps silahkahkan ubah tulisan yang berwarna hijau sesuai dengan kehendak anda, hehe..
Biar ngga terlalu panjang penjelasannya, jika error atau ada pertanyaan silahkan berkomentar saja yap, thank's

Terima Kasih
Rafi Orilya Groups
by Rafi Aldiansyah Asikin
Share:

Blogroll

This Blog is protected by DMCA.com

Labels

Blog Archive