Rahasia iMacros for Firefox 7.6.0.2

Selamat malam dan salam blogwalking buat sahabat semua. Lama sudah tidak up date postingan baru dikarenakan ada kesibukan lain yang harus saya kerjakan. Maklum tukang kuli. hehehehe

Ini saya rasa sangat menarik sekali ketika berbincang-bincang dengan Konsultan SEO Indonesia, ketika saya mengunjungi websitnya. saya sempet kebingungan ini website apa mainan. Setelah saya jelajahi lebih dalam lagi ternyata di dalamnya isinya beribu-ribu kode JavaScript dan HMTL yang ditanamankan kedalam websitenya. hingga menjadi The Master SEO. Ini ada sedikit kutipan maaf saya Copy Paste tulisan ini, cuma nantinya kami kasik informasinya dan ketindalanjutan mengenai iMacros.

Teman-teman Marketers dan Pejwaners. iMacros adalah salah satu Tools yang bisa anda gunakan untuk membantu Aktivitas Anda dalam melakukan Publishing di Internet tanpa harus melakukan Pengetikan dan mengunjungi satu-persatu website yang hendak Anda Kunjungi. Dengan Tools ini anda bisa melakukan Record Aktivitas Browsing Anda dan Mengulangi nya tanpa Harus mengunjungi Website yang sebelumnya Anda Kunjungi.

Pada Kesempatan Kali ini saya ingin Share Bagaimana Cara Menggunakan iMacros untuk Aktivitas Optimasi sebuah Website atau Blog.

Anda harus instal dulu addon mozilla iMacros dengan menekan link dibawah ini:

iMacros for Firefox 7.6.0.2

Tentang iMacros:
iMacros dirancang untuk mengotomatisasi tugas yang paling berulang-ulang di web. Jika ada kegiatan yang harus Anda lakukan berulang kali, hanya merekam dalam iMacros. Waktu berikutnya Anda perlu melakukannya, makro keseluruhan akan berjalan di klik tombol! Dengan iMacros, Anda dapat dengan cepat dan mudah mengisi formulir web, mengingat password, membuat notifier webmail, informasi download dari situs lain, mengikis Web (mendapatkan data dari beberapa situs), dan banyak lagi. Anda dapat menyimpan macro pada komputer Anda untuk Anda gunakan sendiri, atau berbagi dengan orang lain dengan menanamkan mereka, blog situs Anda, intranet perusahaan atau layanan bookmark sosial. Menggunakan hanya dibatasi oleh imajinasi Anda!

Berikut adalah beberapa contoh bagaimana Anda dapat menggunakan iMacros untuk mengotomatisasi web browser Anda.

(1) Form Filler & Password Manager

Dengan iMacros untuk Firefox, Anda tidak lagi perlu memeriksa situs yang sama setiap hari, mengingat password, dan mengisi formulir web. iMacros adalah pengisi satunya bentuk yang dapat autofill formulir web peregangan bahwa lebih dari beberapa halaman. Semua informasi disimpan dalam terbaca-manusia, file teks biasa yang dapat dengan mudah diedit. Password disimpan dengan aman dengan 256-Bit enkripsi AES. Pengguna mengingat hanya satu password master dan iMacros mengingat semua yang lain, memberikan pengalaman yang benar-benar masuk otomatis, yang mengalahkan Solusi untuk Enterprise Single Sign-On (SSO).

(2) Automated Download & Upload
iMacros dapat mengotomatisasi download gambar, file, atau seluruh halaman (dengan atau tanpa gambar). Di arah lain, dapat mengotomatisasi meng-upload data ke situs web. Anda dapat menggunakan variabel di dalam macro dan impor data dari file CSV. iMacros termasuk pengguna agent switcher, PDF download dan Flash, dan ad-dan gambar-blocking fungsi. Ketika dikombinasikan dan dikendalikan dengan Javascript, yang Macros dicatat dapat script bahkan tugas-tugas yang sangat kompleks.

(3) Data Extraction, Web Scraping / Mining & Enterprise Data Mash-Ups

Perintah EKSTRAK iMacros otomatis membaca data dari sebuah situs web dan ekspor ke file CSV - kebalikan dari mengisi formulir. iMacros meliputi dukungan penuh Unicode dan bekerja dengan setiap bahasa, termasuk multi-byte bahasa seperti Cina. Anda dapat menggunakan fitur ini untuk men-download harga saham, mengumpulkan dan membandingkan harga toko web, dan banyak lagi.

(4) Web Pengujian

Profesional web dapat menggunakan iMacros untuk fungsional, kinerja, dan pengujian regresi aplikasi web. Perintah built-in stopwatch menangkap kali halaman web respon yang tepat. iMacros juga termasuk dukungan untuk elemen AJAX banyak.

(5) Social Scripting (Social Bookmarking)

Berbagi iMacros favorit Anda dengan teman dan kolega mudah. Cukup klik kanan makro untuk menambahkannya sebagai penanda, atau pilih "Run Everywhere" dan menanamkan makro lengkap di link sederhana. Anda dapat mengirim link kepada orang lain, atau embed di, blog situs Anda, atau intranet perusahaan. Alih-alih mengatakan pengunjung situs Anda bagaimana untuk mengisi formulir, biarkan iMacros melakukannya untuk mereka. Semua informasi yang disimpan di dalam link sebagai string teks, dengan tidak disimpan di server kami, itulah sebabnya mengapa iMacros bekerja pada intranet juga. Lihat contoh di del.icio.us / iMacros / imacro.

(6) Fungsi Lain

Untuk lebih banyak ide tentang cara menggunakan iMacros, silakan kunjungi www.iopus.com / iMacros / firefox dan / atau aktif dukungan kami forum di forum.iopus.com.

iMacros sangat fleksibel dan dapat dikombinasikan dengan ekstensi lain seperti Greasemonkey, Web Developer, Firebug, Stylish, Download Statusbar, NoScript, PDF Download, Foxmarks, Fasterfox, All-in-One Sidebar, Megaupload, FoxyProxy, Flashblock dan Adblock.

iMacros for Firefox adalah gratis untuk penggunaan pribadi dan komersial. Download hari ini add-on untuk memulai menyederhanakan tugas Web Anda dan berbagi macro Anda dengan orang lain!

Apa pun yang Anda lakukan dengan Firefox, iMacros dapat mengotomatisasi itu.

Profile Gemala Hanafiah (Sang Petualang Ombak)

Lora Malunk Blog - Wajah Al, begitu ia disapa, yang lahir di Balikpapan 27 tahun ini mulai dikenal khalayak luas setelah menjadi presenter sebuah program TV berbau petualangan. Perempuan cantik berdarah Manado, Ambon, Madura, dan Aceh ini pun sukses di jalur profesi lain, yakni preselancar alias Sang Petualanga Ombak.

Selain menjadi presenter Nuansa Seribu Pulau (NSP) di sebuah stasiun teve swasta, Anda juga menjadi desainer grafis dan peselancar. Sebetulnya yang mana main job Anda?

Ha ha ha.. yang mana ya? Semuanya main job . Sejak dua tahun lalu saya menjadi peselancar untuk Quiksilver, sebuah perusahaan perlengkapan surfing , hampir bersamaan dengan bekerja di Graphic House, perusahaan di bidang desain grafis yang saya kelola bersama suami, Andryz Adisyahwarman, di rumah.

Bagaimana awalnya Anda bisa menekuni dunia selancar?

Saya berselancar sejak masih kuliah di Jurusan Desain Komunikasi Visual Institut Tekologi Nasional (Itenas), Bandung, tahun 2000. Saya tidak kursus secara khusus, karena waktu itu belum ada sekolahnya. Belajarnya dari teman dan orang-orang di sekitar pantai tempat saya main. Selulus kuliah, saya bekerja di sebuah perusahaan periklanan selama setahun, lalu pindah ke Quiksilver di Jakarta sebagai Visual Merchandiser (VM). Sebagai VM, saya bertanggungjawab atas tampilan toko, mulai dari display baju, poster, banner, dan sebagainya. Saat akhir pekan saya berselancar.

Saya merasa sayang, bekerja di bidang ini tapi hanya bisa berselancar sesekali. Saya ingin lebih memperkenalkan olahraga selancar kepada masyarakat Indonesia supaya mereka tertarik. Apalagi, di Jawa saat itu belum ada perwakilannya karena untuk urusan selancar ini semuanya berpusat di Bali. Orang-orang pun tahunya kalau berselancar, ya di Bali. Padahal, dari ujung sampai ke ujung Indonesia ini, banyak pantai yang bisa dijadikan tempat berselancar.

Biasanya berselancar di mana?

Seringnya, sih, di Sukabumi, Jawa Barat dan Bali. Tapi yang paling saya sukai di Pangaitan dan Nias. Saya suka banget berselancar dan pengin melakukannya sampai akhir hayat. Yang juga saya sukai adalah suasana traveling bersama teman-teman.

Apa yang terjadi jika kalah dari ombak?

Tergulung. Ombak itu lembut sekaligus punya kekuatan yang sangat besar. Tapi jangan panik kalau tergulung ombak, meskipun itu sulit. Biasanya, panik dan ingin cepat-cepat ke permukaan untuk ambil napas. Itulah yang membuat kita cepat capek.

Sebaiknya, jangan panik, cari dan tarik tali selancarnya, pasti tubuh kita akan timbul dengan sendirinya ke permukaan karena papan selancarnya juga timbul. Waktu pertama kali bisa, saya pernah tiga kali berturut-turut tergulung ombak sampai napas benar-benar habis, dan dalam hati sempat minta maaf sama ibu saya, kalau-kalau tidak bisa selamat.

Artikel Lora Malunk Di Jiplak Oleh Lintas.Me

Saya adalah orang yang sering mencari kata kunci yang belum ditulis oleh orang lain, contoh yang saya buat kata kunci adalah tentang Blogger Trik, Blogger Tutorial, Blog Tips, Blogging, Blogger Hack, Belajar SEO, Mengedit CSS, Free Blogger Templates, Ebook gratis dan yang terakhir adalah ini Info Yang Sangat Menari dan Mengenai masalah kata kunci "Pacar Baru Agnes dan Calon Suami Agnes Monica".

Sejak awal saya menulis artikel tersebut firasat saya pikiran saya enak kalau kita buat kata kunci mengenai masalah "Pacar Baru Agnes dan Calon Suami Agnes Monica". Saya akhir-akhir ini sering mencari kata kunci yang sekiranya menarik dan jarang dipakai oleh orang lain.

Nah, Oleh karena itu saya malam ini pada tanggal 07 Mei 2012, mencari kata kunci mengenai Pacar Agnes. Kerena di sangat menarik kalau kita buat kata kunci di Blogspot, lalu saya tertarik untuk menjelajahi melalui Mbah Google, karena jarang-jarang temen-temenmembahas tentang pacar agnes. Apalagi Pacar dan Calon Suami Agnes. Hmmm, saya pikir lumayan lah buat naikin trafik.

Ternyata, setelah saya cek di Mbah Google, wew!!! perasaan artikel ini saya yang buat.....??? Tapi kenapa nyolongnya ko tidak ngasik kabar? setelah saya teliti ternyata beneran, ini adalah artikel yang ada di posisi teratas di pencari google . Artikel tersebut adalah:

Coba anda lihat:

- "Pacar Baru Agnes dan Calon Suami Agnes Monica"

Sebelumnya saya tidak yakin, masak iya sih Lintas.Me Webmaster sebesar itu menjiplak karya seorang blogger kacangan. Apa tidak takut ketahuan dan tidak malu. Dan sebelumnya juga saya berfikir, Setelah saya acak-acak semuanya, ternyata Lintas.me Menjiplak Artikel Lora Malunk. Dan saya perjelas lagi bahwa, Lintas.me telah menjiplak artikel di Lora Malunk Blog.

Sekarang silahkan simak screenshotnya di bawah ini: dan silahkan bandingkan dengan artikel saya Disini yang telah saya tulis di blog ini!

INI SCREEN SHOTNYA TUKANG COLONG DAN TUKANG JIPLAK ARTIKEL LORA MALUNK

Gila bener tidak tanggung-tanggung si penjiplak tersebut menjiplak Artikel Lora Malunk, WOWOW... Bahkan judulnya pun tidak jauh beda.

Gila Coy, yang jiplak tidak kreatif sama sekali. Artikel Lora Malunk di Copy Paste dan memasukkan link kedalam webnya dan total semuanya persis seperti artikel yang saya tulis.Sang Penjiplak adalah berinisial mr.manu.

Menu Sliding Vertikal Dengan CSS

Masih dalam pembahasan Cara Membuat Menu, sekarang Menu Sliding Vertikal Dengan CSS. Langsung saja masuk ke pembahasan :

Langkah 1
Masuk ke akun Blogger anda
Langkah 2
Masuk Ke Menu Rancangan atau Design
Langkah 3
Masuk ke EDIT HTML
Langkah 4
Silahkan Copy Paste kode dibawah ini tepat diatas kode ]]></b:skin>

h2.slideInfoa {normal font:18px/25px georgia, serif; color:#000;}
h2.slideInfoa span {padding:0 80px;}

.slideHolder {height:498px; width:250px; margin:0 40px; padding:2px;
font-family:georgia, serif; border:1px solid #888; float:left;}

.slideOuter {height:498px; width:250px; overflow:hidden; margin:0;}
.slideOuter .slide {padding:0; margin:0; list-style:none;
height:800px; width:250px; overflow:hidden;}
.slideOuter .slide li {display:block; float:left; height:98px;
border-bottom:2px solid #fff; width:250px; overflow:hidden;
background:red;
-webkit-transition: 0.75s;
-moz-transition: 0.75s;
-o-transition: 0.75s;
transition: 0.75s;
}
.slideOuter .slide li.p5 {height:318px;}
.slideOuter .slide.current li {height:43px;}
.slideOuter .slide.current li.current {height:318px;}
.slideOuter .slide.current li.p5 {height:318px;}

.slideOuter .slide li.p1
{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilp1fpgKvrfuzLmKgkD1ng_PczGZasmNmzxfpbNoRi_f5fSqXwBNRuK8UMPI23ckJO9D2uTEVpBLkCVAc_CdMTDavfsBRMpzcR2-V6KCQtJdZf2SEygc6hvYoYLtrQxEr8DQMYIs8Mj-8/s400/pic1.jpg);}
.slideOuter .slide li.p2
{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJyybTZFJRdjPT3H6Rp-6caaB6oGRa1pbEJP4JD9_1Q4wzTDzuYbWoBFZsyg0F-yhiegVJfnKpmRAuDIABDUwKO0_BlPIWz-NrKYTlRlnLYLZ0nCSlWyDmHZTSYYFvV95nWa627W2hoZ8/s400/pic2.jpg);}
.slideOuter .slide li.p3
{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9CnObP-LthosO-bhi8ZBC-M8NsxuaW5W7-PAKWRWfBv3-EHuLWIWb-PMTqVeLguVQeDCU9Ce3RK5uJFmcIULBQvzm3LRtsCS6HbZsihqlO1cuYFcGdwHyUODqyr4KazxFmv9xYHLkM1o/s400/pic3.jpg);}
.slideOuter .slide li.p4
{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlxtHPxXnAI16iYI5ruGyec26z1Ceppgs6ba-xxr9odKc4RgUcFzz7l9fpCFI5jVWTfUScyEU0muk6zoX9opAE38WrN29MfD8B1-J8yZn13gd6W5J5d4sbpBUynUOxcFNHvFRKIWHmooE/s400/pic4.jpg);}
.slideOuter .slide li.p5
{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-4qsJnd9Ejy84fkNMUeTmHMN04fccV3Gou766CpHFsi0fVWjY9QDB5i9Z5KpODGJt07TWrG2prNJE96MSyguqwUqMsAvjvsujVht4QSOZu7d3hgYkO7wAG-7ekjPRhXxADlDaUIEBflg/s400/pic5.jpg);}

.slideOuter .slide:hover li.p1,
.slideOuter .slide:hover li.p2,
.slideOuter .slide:hover li.p3,
.slideOuter .slide:hover li.p4 {height:43px;}

.slideOuter .slide:hover li.p1:hover,
.slideOuter .slide:hover li.p2:hover,
.slideOuter .slide:hover li.p3:hover,
.slideOuter .slide:hover li.p4:hover {height:318px;}

.slideOuter .slide li h1 {padding:0 15px; margin:0; font-size:24px;
line-height:43px; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.6);}
.slideOuter .slide li {color:#fff;}
.slideOuter .slide li.p2 h1 {color:#c60;}
.slideOuter .slide li.p3 h1 {color:#040;}
.slideOuter .slide li.p4 h1 {color:#400;}
.slideOuter .slide li.p5 h1 {color:#000;}

.slideOuter .slide li p {font-weight:bold; padding:0 5px 20px 15px;
margin:0; font-size:12px; line-height:17px; text-shadow: 0px 2px 4px
rgba(0, 0, 0, 0.6);}
.slideOuter .slide li a {display:block; color:#fff; padding:0 15px;
margin:0; font-size:14px; line-height:25px; width:230px;
font-weight:bold; text-decoration:none;}
.slideOuter .slide li a:hover {text-decoration:underline;}
.clear {clear:left;}

Langkah 5

Setelah anda selesai memasukkan kode diatas. Sekarang memasukkan kode dibawah ini dengan cara menambahkan Gadget HTML/JavaScript.

<div id="infoa">
<div class="slideHolder">
<div class="slideOuter">
<ul class="slide current">
<li class="p1">
<div>
<h1>Landscapes</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<a href="#url">Quisque tincidunt</a>
<a href="#url">Donec tempor</a>

<a href="#url">Sed placerat leo vel</a>
<a href="#url">Curabitur ac bibendum</a>
<a href="#url">Duis nec diam</a>
<a href="#url">Sed quis massa</a>
</div>
</li>
<li class="p2 current">
<div>

<h1>Portraits</h1>
<p>Vestibulum scelerisque quam a dui interdum semper.</p>
<a href="#url">Quisque tincidunt</a>
<a href="#url">Donec tempor</a>
<a href="#url">Curabitur aliquet</a>
<a href="#url">Curabitur</a>

<a href="#url">Class aptent</a>
<a href="#url">Vestibulum</a>
</div>
</li>
<li class="p3">
<div>
<h1>Flowers</h1>
<p>Mauris pellentesque, ligula eget molestie suscipit.</p>

<a href="#url">Nunc accumsan</a>
<a href="#url">Sed varius</a>
<a href="#url">Vestibulum</a>
<a href="#url">Phasellus quis</a>
<a href="#url">Maecenas</a>
<a href="#url">Nullam ligula</a>

</div>
</li>
<li class="p4">
<div>
<h1>Abstracts</h1>
<p>Cum sociis natoque penatibus et magnis dis parturient montes.</p>
<a href="#url">Duis nec diam</a>
<a href="#url">Ut sagittis</a>

<a href="#url">Sed a lorem</a>
<a href="#url">Mauris id mi</a>
<a href="#url">Donec sit amet</a>
<a href="#url">Aliquam placerat</a>
</div>
</li>
<li class="p5">
<div>

<h1>Seascapes</h1>
<p>Aenean quis lacus id eros lobortis dapibus sed non nisi.</p>
<a href="#url">Donec fringilla</a>
<a href="#url">Quisque vel</a>
<a href="#url">Duis at magna</a>
<a href="#url">Maecenas rutrum</a>

<a href="#url">Ut iaculis tristique</a>
<a href="#url">Suspendisse</a>
</div>
</li>
</ul>
</div>
</div>

</div> <!-- end of infoa -->

Langkah 6
Simpan template anda dan lihat hasilnya. Sekian terima kasih trik kali ini.

Cara Membuat Menu Mega JQuery Dan CSS

Apakabar semuanya sahabat blogger. Saya disini tidak akan panjang lebar memaparkan masalah Cara Membuat Menu Mega JQuery Dan CSS. saya akan berikan secara langsung tutorial Membuat Menu Mega JQuery Dan CSS. Silahkan perhatikan tips dibawah ini : 

Langkah 1 
Login ke Blogger
Langkah 2 
Masuk ke "Rancangan - Edit HTML"
Langkah 3 
Cheklist "Expand Template Widget"
Langkah 4
Letakkan kode CSS dibawah ini diatas kode ]]></b:skin>

/*---------------------------------------------------- {--------} Menu {--------} ----------------------------------------------------*/ ul.ldd_menu{ z-index:999; margin:0px; padding:0; display:block; height:50px; background-color:#D04528; list-style:none; font-family:"Trebuchet MS", sans-serif; border-top:1px solid #EF593B; border-bottom:1px solid #EF593B; border-left:10px solid #D04528; -moz-box-shadow:0px 3px 4px #591E12; -webkit-box-shadow:0px 3px 4px #591E12; -box-shadow:0px 3px 4px #591E12; } ul.ldd_menu a{ text-decoration:none; } ul.ldd_menu > li{ float:left; position:relative; } ul.ldd_menu > li > span{ z-index:999; float:left; color:#fff; background-color:#D04528; height:50px; line-height:50px; cursor:default; padding:0px 20px; text-shadow:0px 0px 1px #fff; border-right:1px solid #DF7B61; border-left:1px solid #C44D37; } ul.ldd_menu .ldd_submenu{ z-index:999; position:absolute; top:50px; width:550px; display:none; opacity:0.95; left:0px; font-size:10px; background: #C34328; border-top:1px solid #EF593B; -moz-box-shadow:0px 3px 4px #591E12 inset; -webkit-box-shadow:0px 3px 4px #591E12 inset; -box-shadow:0px 3px 4px #591E12 inset; } a.ldd_subfoot{ z-index:999; background-color:#f0f0f0; color:#444; display:block; clear:both; padding:15px 20px; text-transform:uppercase; font-family: Arial, serif; font-size:12px; text-shadow:0px 0px 1px #fff; -moz-box-shadow:0px 0px 2px #777 inset; -webkit-box-shadow:0px 0px 2px #777 inset; -box-shadow:0px 0px 2px #777 inset; } ul.ldd_menu ul{ list-style:none; float:left; border-left:1px solid #DF7B61; margin:20px 0px 10px 30px; padding:10px; } li.ldd_heading{ font-family: Georgia, serif; font-size: 13px; font-style: italic; color:#FFB39F; text-shadow:0px 0px 1px #B03E23; padding:0px 0px 10px 0px; } ul.ldd_menu ul li a{ font-family: Arial, serif; font-size:10px; line-height:20px; color:#fff; padding:1px 3px; } ul.ldd_menu ul li a:hover{ -moz-box-shadow:0px 0px 2px #333; -webkit-box-shadow:0px 0px 2px #333; box-shadow:0px 0px 2px #333; background:#AF412B; }

Langkah 5
Letakkan kode berikut ini sebelum kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/> <script type='text/javascript'> $(function() { /** * the menu */ var $menu = $(&#39;#ldd_menu&#39;); /** * for each list element, * we show the submenu when hovering and * expand the span element (title) to 510px */ $menu.children(&#39;li&#39;).each(function(){ var $this = $(this); var $span = $this.children(&#39;span&#39;); $span.data(&#39;width&#39;,$span.width()); $this.bind(&#39;mouseenter&#39;,function(){ $menu.find(&#39;.ldd_submenu&#39;).stop(true,true).hide(); $span.stop().animate({&#39;width&#39;:&#39;510px&#39;},300,function(){ $this.find(&#39;.ldd_submenu&#39;).slideDown(300); }); }).bind(&#39;mouseleave&#39;,function(){ $this.find(&#39;.ldd_submenu&#39;).stop(true,true).hide(); $span.stop().animate({&#39;width&#39;:$span.data(&#39;width&#39;)+&#39;px&#39;},300); }); }); }); </script>

Catatan Penting: jika anda sudah memasang kode java script jQuery abaikan saja kode yang di cetak tebal diatas. 

Langkah 6 
Setelah itu cari kode <div id='footer-wrapper'> dan pastekan kode dibawah ini diatasnya, jika dalam blog sobat tidak ada kode tersebut bisa juga menggunakan Add Gadget dan pastekan kode dibawah ini.

<ul class='ldd_menu' id='ldd_menu'> <li> <span>Vacations</span><!-- Increases to 510px in width--> <div class='ldd_submenu'> <ul> <li class='ldd_heading'>By Location</li> <li><a href='#'>South America</a></li> <li><a href='#'>Antartica</a></li> <li><a href='#'>Africa</a></li> <li><a href='#'>Asia and Australia</a></li> <li><a href='#'>Europe</a></li> </ul> <ul> <li class='ldd_heading'>By Category</li> <li><a href='#'>Sun &amp; Beach</a></li> <li><a href='#'>Adventure</a></li> <li><a href='#'>Science &amp; Education</a></li> <li><a href='#'>Extreme Sports</a></li> <li><a href='#'>Relaxing</a></li> <li><a href='#'>Spa and Wellness</a></li> </ul> <ul> <li class='ldd_heading'>By Theme</li> <li><a href='#'>Paradise Islands</a></li> <li><a href='#'>Cruises &amp; Boat Trips</a></li> <li><a href='#'>Wild Animals &amp; Safaris</a></li> <li><a href='#'>Nature Pure</a></li> <li><a href='#'>Helping others &amp; For Hope</a></li> <li><a href='#'>Diving</a></li> </ul> <a class='ldd_subfoot' href='#'> + New Deals</a> </div> </li> <li> <span>Equipment</span> <div class='ldd_submenu'> <ul> <li class='ldd_heading'>By Location</li> <li><a href='#'>South America</a></li> <li><a href='#'>Antartica</a></li> <li><a href='#'>Africa</a></li> <li><a href='#'>Asia and Australia</a></li> <li><a href='#'>Europe</a></li> </ul> <ul> <li class='ldd_heading'>By Category</li> <li><a href='#'>Sun &amp; Beach</a></li> <li><a href='#'>Adventure</a></li> <li><a href='#'>Science &amp; Education</a></li> <li><a href='#'>Extreme Sports</a></li> <li><a href='#'>Relaxing</a></li> <li><a href='#'>Spa and Wellness</a></li> </ul> <ul> <li class='ldd_heading'>By Theme</li> <li><a href='#'>Paradise Islands</a></li> <li><a href='#'>Cruises &amp; Boat Trips</a></li> <li><a href='#'>Wild Animals &amp; Safaris</a></li> <li><a href='#'>Nature Pure</a></li> <li><a href='#'>Helping others &amp; For Hope</a></li> <li><a href='#'>Diving</a></li> </ul> <a class='ldd_subfoot' href='#'> + New Deals</a> </div> </li> <li> <span>Locations</span> <div class='ldd_submenu'> <ul> <li class='ldd_heading'>By Location</li> <li><a href='#'>South America</a></li> <li><a href='#'>Antartica</a></li> <li><a href='#'>Africa</a></li> <li><a href='#'>Asia and Australia</a></li> <li><a href='#'>Europe</a></li> </ul> <ul> <li class='ldd_heading'>By Category</li> <li><a href='#'>Sun &amp; Beach</a></li> <li><a href='#'>Adventure</a></li> <li><a href='#'>Science &amp; Education</a></li> <li><a href='#'>Extreme Sports</a></li> <li><a href='#'>Relaxing</a></li> <li><a href='#'>Spa and Wellness</a></li> </ul> <ul> <li class='ldd_heading'>By Theme</li> <li><a href='#'>Paradise Islands</a></li> <li><a href='#'>Cruises &amp; Boat Trips</a></li> <li><a href='#'>Wild Animals &amp; Safaris</a></li> <li><a href='#'>Nature Pure</a></li> <li><a href='#'>Helping others &amp; For Hope</a></li> <li><a href='#'>Diving</a></li> </ul> <a class='ldd_subfoot' href='#'> + New Deals</a> </div> </li> <li> <span>Tourists</span> <div class='ldd_submenu'> <ul> <li class='ldd_heading'>By Download</li> <li><a href='#'>South America</a></li> <li><a href='#'>Antartica</a></li> <li><a href='#'>Africa</a></li> <li><a href='#'>Asia and Australia</a></li> <li><a href='#'>Europe</a></li> </ul> <ul> <li class='ldd_heading'>By Category</li> <li><a href='#'>Sun &amp; Beach</a></li> <li><a href='#'>Adventure</a></li> <li><a href='#'>Science &amp; Education</a></li> <li><a href='#'>Extreme Sports</a></li> <li><a href='#'>Relaxing</a></li> <li><a href='#'>Spa and Wellness</a></li> </ul> <ul> <li class='ldd_heading'>By Theme</li> <li><a href='#'>Paradise Islands</a></li> <li><a href='#'>Cruises &amp; Boat Trips</a></li> <li><a href='#'>Wild Animals &amp; Safaris</a></li> <li><a href='#'>Nature Pure</a></li> <li><a href='#'>Helping others &amp; For Hope</a></li> <li><a href='#'>Diving</a></li> </ul> <a class='ldd_subfoot' href='#'> + New Deals</a> </div> </li> </ul>

Catatan Akhir : Jangan lupa untuk merubah kode # dengan link menu anda,

Sekian trik kali ini.

Kumpulan Menu Horizontal dan Vertikal Terlengkap

Kalini ini saya akan membuat sebuah artikel yang berhubungan dengan Cara Membuat Menu Horizontal dan Vertikal. Disini saya akan memberikan berbagai macam model menu CSS, JQuery dll. Menu itu sendiri adalah bagian dari perlengkapan untuk mempercantik penampilan blog. Karena blog tanpa menu di ibaratkan makan nasi tidak ada lauk pauknya, jadi tidak enak rasanya. Nah Maka dari itu saya akan memberika berbagai macam model menu yang sudah siap pakai. Tinggal pilih mana yang cocok buat blog anda. Silahkan dipilih-dipilih Model Menunya.

- Menu yang ke 1 adalah : Menu Mega Jquery dan CSS
- Menu yang ke 2 adalah : Menu Horizontal Kwicks Jquery Slide

- Menu yang ke 3 adalah : Menu Sliding Vertikal Dengan CSS
- Menu yang ke 4 adalah : Menu Drop Down Multi Level CSS3 

Untuk model menu yang lainnya menyusul dan secepatnya saya akan meng up date artikel ini. Sekian dulu artikel  mengenai Kumpulan Menu Horizontal dan Vertikal Terlengkap. Semoga bermafaat buat kita semua.