Hal yang menjadikan Blog SEO friendly

Hal-hal yang menjadikan blog SEO friendly di antaranya:
  • Konten orisinil
  • Template SEO friendly
  • Meta tag yang tepat
  • Backlink berkualitas
  • Memasang anchor text
  • memasang breadcrumbs
  • update artikel secara teratur

 

Mengganti Tag Title

Tag Title atau judul posting yang baik ialah judul posting tampil terlebih dahulu dari judul blog pada hasil pencarian. Secara default blog berplatform blogspot menampilkan judul blog dulu. Bagaimana cara mengubahnya agar judul posting tampil terlebih dahulu dari judul blog? Lets do it.
  • login ke akun blogger anda.
  • pada dashboard pilih Tata Letak -- Edit HTML lalu cari kode berikut
    <title><data:blog.pagetitle/></title>
  • ganti kode tersebut dengan kode di bawah ini.

  • kemudian simpan template.
Ini akan menampilkan judul posting terlebih dahulu dan ini merupakan salah satu menjadikan blog SEO friendly.

Memasang META Deskripsi Dan META Keywords

Dengan adanya Meta Deskripsi dan Meta Keywords yang tepat maka search engine akan mudah meng-index dan meng-crawl blog anda dengan mudah. Untuk membuat Meta Deskripsi dan Meta Keyword, di anjurkan anda dalam keadaan pikiran tenang dan fresh. Karena META-META inilah yang paling menentukan blog anda menjadi SEO friendly atau tidak. Berikut cara menyeting Meta Tag:
<meta content='deskripsi blog anda di tulis disini' name='description'/> <meta content='keyword1, keyword2, keyword3, keyword4, dst. . . .' name='keywords'/> <meta content='INDEX,FOLLOW' name='ROBOTS'/>
Tempatkan meta-meta tersebut di bawah kode <head> di dalam template anda. ganti tulisan yang berwarna hijau sesuai tema blog anda

Mengubah Tag Heading

Tag Heading di gunakan unuk menampilkan struktur tulisan pada sebuah halaman. Tag Heading terbagi menjadi 6 tingkatan yakni:
  1. <h1>
  2. <h2>
  3. <h3>
  4. <h4>
  5. <h5>
  6. <h6>
tag h1 untuk mewakili struktur yang paling penting diantara yang penting-penting, sedangkan tag h6 adalah kebalikannya. Kebanyakan template menggunakan tag h2 / h3. Disini kita perlu mengubah tag heading template menjadi tag h1, agar struktur tulisan heading (judul) menjadi bagian yang terpenting dari yang penting-penting, agar posisi SERP menjadi lebih baik.
  1. pertama login ke dashboard blog anda.
  2. pilih Rancangan -- Edit HTML
  3. cari dan modifikasi kode berikut atau yang mirip-mirip.

    <b:if cond='data:post.title'>
    <h3 class='post-title entry-title'>
    <b:if cond='data:post.link'>
    <a expr:href='data:post.link'><data:post.title'/>
    bla bla bla bla bla bla terlalu panjang untuk di posting
    </b:if>
    </h3>
    </b:if>
  4. ganti kode h3 menjadi h1. Ada pula template yang menggunakan h2
  5. langkah selanjutnya merubah kode CSS, pada umumnya kode CSS seperti ini.

    .post h3 {
    bla bla bla bla
    }
    .post h3 a, .post h3 a:visited, .post h3 strong {
    bla bla bla bla
    }
    .post h3 strong, .post h3 a:hover
    {
    bla bla bla bla
    }
  6. ganti kode tag h3 menjadi h1
  7. selanjutnya cari kode berikut ]]></b:skin>
  8. tempatkan kode berikut di atas kode yang tadi

    h1.post-title, .post h1
    #Blog1 h1, #Blog2 h1 {
    line-height: 1.4em;
    }
Ternyata eh ternyata masih ada yang harus di rubah lagi agar template menjadi SEO friendly. Pusing-pusing dah loe, namanya juga kepengin menjadi no.1 di SERP ya harus berkorban, walaupun sampe pusing 17 keliling, agagagagaga. . . Lanjut mang tutorialnya, walaopun artikel ini sudah banyak bertebaran di dunia akherat, eh. . .dunia internet wkwkwkwkwk LANJUTKAN. yang harus di rubah disini yakni Tag Header Judul Blog, yang barusan penulis bahas yakni Tag Header Judul Posting
  1. cari kode berikut
    #header h1 {
    bla bla bla bla
    }
    #header h1 a, #header h1 a:visited {
    bla bla bla bla
    }
    #header h1 a:hover {
    bla bla bla bla
    }
  2. ganti kode h1 menjadi h2 unuk menghindari bentrok.
  3. cari dan modifikasi lagi kode berikut

    <div class='titlewrapper' style='background: transparent;'>
    <h1 class='title' style='background: transparent; border-width:0px;'>
    <b:include name='title'/>
    </h1>
    bla bla bla bla
    <h1 class='title'>
    <b:include name='title'/>
    </h1
  4. ganti kode yg berwarna merah dg h2
  5. simpan simplte anda, dan selesai.
Artikel ini di kutip dan di modifikasi dari blog http://zona-klik.blogspot.com.
Postingan tentang menjadikan Blog SEO friendly ini belum selesai
Ditunggu saja kelanjutannya Kawan... (",)

Kali ini Pphoo™ akan mengulas Cara mengganti text email Feedburner.Com, men-share tutorial yang berhubungan dengan langgan-berlanggan feedburner yakni mengganti text body email berlangganan feedburner, setelah kemarin blogtegal berbagi tutorial tentang cara mengganti subject feedburner dengan judul artikel
Maksudnya memodifikasi text body email konfirmasi langganan dari feedburner yang apabila ada orang/blogger ingin berlangganan artikel kita melalui feedburner pasti akan menerima email konfirmasi bukan? Biasanya isi dari email konfirmasi berbunyi:

Hello there,

You recently requested an email subscription an Blogtegal blog tutorial | bisnis online. We can't wait to send updates you want via email, so please click the following link to activate your subscription immediately:

Disini adalah link confirmasi.

(If the link above does not appear clickable or does not open a browser window when you click it,copy it and paste it into your web browser's location bar.)

This message was sent to you by FeedBurner (feedburner.google.com) You receive this message because you requested a subscription to the feed, Blog tutorial | tutorial blogspot | bisnis online. If you received this in error, please disregard. Do not reply directly to this email.

Nah itu yang awak maksud sodara-sodara, apa sudah tahu? Jika sudah kita langsung ke tutoriale bagaimana mengganti dan memodifikasinya.Yang paling penting kamu harus punya akun di feedburner,jika sudah punya nyengir d0nk kayak gini memodifikasi text konfirmasi email feedburner

  • Pertama login ke akun feedburner kamu
  • kemudian pilih
    Publicize » Email subscription » Communication Preferences
  • Pada Confirm email subject Ganti sesuka hatimu, karna akan menjadi subject email konfirmasi.
  • pada Confirm email body ganti juga sesuai selera kamu, dan jangan lupa pada isi text body tambahkan kode ini ${confirmLink} bisa diatas,ditengah atau dibawah body text, karna kode tersebut akan menjadi link otomatis untuk mengkonfirmasi langganan.
  • yang terakhir klik SAVE
Untuk mengetahui contoh tampilannya kamu bisa melihat pada blogtegal ini jika mau, silahkan berlangganan disini http://feeds.feedburner.com/pphoo gratis kok memodifikasi text konfirmasi email feedburner

Jumpa lagi dengan Pphoo™ akan mengulas 20 Rahasia WindowsXP.

1. Pada versi sebelumnya, Windows masih sangat malu malu untuk menunjukan secara detail informasi dari sistem yang sedang bekerja, namun semenjak kemunculan WindowsXP, hal ini sudah tidak berlaku lagi. Kita dapat mengintip secara detail informasi tentang sistem yang saat ini berjalan dengan melakukan beberapa langkah mudah yaitu, : Bukalah [Command Prompt] pada menu [Accessories] dari tombol [Start]–>[All Programs], lalu ketiklah ‘systeminfo’. Pada layar akan tersaji banyak informasi yang berguna tentang komputer anda termasuk ‘uptime’. Jika anda ingin menyimpan informasi tersebut, ketik ‘systeminfo > info.txt’. Perintah ini akan menghasilkan file info.txt yang dapat anda baca menggunakan Notepad. (WindowsXP Professional).
2. Anda dapat menghapus sebuah file secara langsung tanpa harus menyimpan terlebih dahulu di [Recycle Bin]. Klik [Start], lalu klik [Run...], kemudian ketiklah ‘gpedit.msc’. Selanjutnya pilihlah [User Configuration]–>[Administrative Templates]–>[Windows Components]–>[Windows Explorer], lalu pilih ‘Do not move deleted files to the Recycle Bin’. Selain fungsi ini, anda bisa mengutak atik banyak fungsi di gpedit, cuma hati hati, bila salah melangkah bisa bisa komputer anda tidak bisa hidup lagi dengan normal. (WindowsXP Professional).
3. Anda dapat mengunci WindowsXP hanya dengan dua klik mouse. Tidak percaya? Coba buat shortcut baru di desktop dengan menggunakan klik kanan dari mouse. Isikan perintah ‘rundll32.exe user32.dll,LockWorkStation’ pada kolom lokasi. Beri nama shortcut itu terserah anda. Setelah shortcut itu menampakan diri di desktop, klik 2 kali, nah komputer anda akan terkunci. Cara lain adalah dengan menekan tombol Windows dan L pada keyboard secara bersamaan.
4. Entah apa maksudnya, WindowsXP dengan sengaja dan tanpa merasa berdosa menyembunyikan beberapa program sistem yang sebagian mungkin tidak kita butuhkan. Salah satu program yang sempat saya bahas disini adalah Windows Messenger. Untuk memunculkan kembali program tersembunyi itu, coba gunakan Notepad untuk menyunting file sysoc.inf yang ada di direktori /windows/inf/. Kemudian carilah kata ‘hide’ pada setiap baris program, lalu hapus dengan mantap. Setelah menyimpan kembali file tersebut, pergilah ke [Add or Remove Programs] pada [Control Panel], pilih [Add/Remove Windows Components]. Disana akan tampak semua program yang sebelumnya tersembunyi. Selanjutnya terserah anda, mana yang mau dihapus dan mana yang dibiarkan saja.
5. Bagi mereka yang suka main main dengan file Batch via DOS, WindowsXP mempunyai banyak perintah yang menarik. Perintah ini termasuk ‘eventcreate’ dan ‘eventtriggers’ untuk mengamati system events. ‘typeperf’ untuk memonitor performa dari sistem, ‘schtasks’ untuk menangangi sekejul. Seperti biasa, akhirilah setiap perintah dengan /? untuk mendapatkan opsi tambahan.
6. WindowsXP sudah mendukung IP versi 6 atau IPv6 (generasi selanjutnya dari IP). Sayangnya IPv6 ini lebih banyak diimplementasikan pada ISP, sehingga untuk sekedar bisa mencobanya kita membutuhkan sebuah komputer yang tersambung ke dalam suatu LAN. Ketik ‘ipv6 install’ pada [Run...] (Santai saja, proses ini tidak akan mengacaukan sistem LAN anda). Selanjutnya, ketiklah ‘ipv6 /?’ pada baris command untuk mendapatkan opsi tambahan. Jika anda tidak ngerti tentang ini, tidak apa apa, saya juga nggak begitu mengerti.
7. Anda bisa menghentikan beberapa task yang sedang aktif pada sistem dengan perintah di command prompt (Saya tahu, biasanya anda menggunakan task manager, khan?). Ketiklah ‘taskkill /pid’ lalu nomor task, atau ‘tskill’ diikuti nomor/nama process. Untuk mengetahui nomor task atau nama process, ketiklah ‘tasklist’, perintah ini juga memberikan informasi tentang kondisi sistem anda saat itu.
8. Windows XP akan menampilkan file Zip seperti layaknya sebuah folder. Hal ini tentu akan lebih nyaman dipakai bila spesifikasi komputer anda bagus. Namun bila komputer anda termasuk golongan ‘jadul’ alias kuno bin lambat, anda bisa mematikan fungsi ini dengan mengetik ‘regsvr32 /u zipfldr.dll’ pada command prompt. Jika anda ingin mengembalikan ke fungsi semula ketiklah ‘regsvr32 zipfldr.dll’.
9. XP memiliki apa yang dinamakan ClearType (Sebuah teknologi anti-aliasing font baru dari Microsoft). Sayangnya fungsi ini tidak aktif secara default. Untuk mengaktifkan fungsi ClearType, klik kanan pada desktop, pilih [Properties]–>[Appearance]–>[Effects], lalu pilih ClearType pada menu drop down kedua, selanjutnya klik OK. Hasil yang signifikan dari fitur ini terutama tampak pada layar laptop. Jika anda menginginkan ClearType juga muncul pada saat layar login, coba lakukan perubahan pada registry berikut [HKEY_USERS/.DEFAULT/Control Panel/Desktop/FontSmoothingType to 2].
10. Anda dapat menggunakan [Remote Assistance] untuk membantu teman yang menggunakan NAT (Network Address Translation) pada sebuah jaringan rumah, tetapi hal ini tidak aktif secara otomatis. Suruh bila perlu paksa teman anda untuk mengirimkan sebuah imel undangan Remote Assistance, dan sunting file tersebut. Di bawah attribute RCTICKET adalah alamat IP-nya NAT, seperti misalnya 192.168.1.10. Gantilah IP tersebut dengan IP yang saat ini anda gunakan. Untuk membantu menentukan IP, anda bisa berkunjung kesini. Pastikan juga teman anda untuk membuka port 3389. Selanjutnya silakan saling tolong menolong.
11. Anda dapat menjalankan suatu program dengan pengguna atau user yang berbeda tanpa harus melakukan seremonial logging out dan logging in. Klik kanan ikon dari program tersebut, lalu pilih [Run As...]. Masukan user name dan password yang ingin anda korbankan eh gunakan. Trik ini akan sangat berguna saat anda berada di akun limited namun anda ingin mempunyai wewenang sebagai administrator untuk menginstall suatu program. Catatan : Anda akan mendapatkan kesenangan yang lebih saat menjalankan banyak program dengan akun yang berbeda beda pada satu sistem, tetapi jangan lupa, tindakan ini juga bisa menimbulkan sesuatu yang tak terduga. Ingin tahu? Coba aja.
12. Windows XP mempunyai kebiasaan buruk atau boleh dikatakan cerewet dalam hal memaksa kita untuk melakukan auto updates, registrasi Passport, menggunakan Windows Messenger dan lain lain. Paksaan ini muncul berupa baloon tips di pojok kanan bawah. Untuk mengenyahkannya dari muka Windows, coba jalankan [Regedit], lalu masuk ke HKEY_CURRENT_USER/Software/Microsoft/Windows/Current Version/Explorer/Advanced, buatlah DWORD value dengan nama EnableBalloonTips dan beri nilai 0.
13. Anda dapat menjalankan Windows tanpa harus mengisi user name atau password terlebih dahulu. Klik [Run...], ketik ‘control userpasswords2′, yang akan membuka aplikasi akun user. Pada tab [Users], hilangkan centang pada Users Must Enter A User Name And Password To Use This Computer, lalu klik OK. Selanjutnya akan muncul jendela log on, masukan user name dan password dari akun yang akan anda gunakan.
14. Internet Explorer 6 akan menghapus temporary files hanya bila anda menyuruhnya. Jalankan browser Internet Explorer, pilih [Tools]–>[Internet Options...]–>[Advanced], alihkan pandangan ke bawah pada [Security area], lalu isikan centang pada Empty Temporary Internet Files folder when browser is closed.
15. WindowsXP memiliki kemampuan untuk memunculkan animasi/ikon yang memperlihatkan aktifitas dari jaringan. Hal ini berguna saat anda tidak melihat ada lampu yang berkedip kedip di kartu jaringan yang anda pakai. Klik kanan [My Network Places] pada desktop, lalu pilih [Properties]. Klik kanan pada deskripsi dari LAN anda, pilih [Properties], selanjutnya isikan centang pada Show icon in notification area when connected. Sekarang anda akan melihat ikon jaringan mungil di pojok kanan desktop saat jaringan sedang aktif melakukan transfer data.
16. Start Menu akan sangat menjengkelkan bila lambat dalam memunculkan daftar program. Untuk mempercepatnya, anda bisa mengubah registry [HKEY_CURRENT_USER/Control Panel/Desktop/MenuShowDelay] dari 400 ke jumlah yang lebih kecil seperti 0.
17. Anda dapat melakukan perubahan nama (rename) banyak file dalam satu folder hanya dengan beberapa langkah mudah. Sorot atau blok sejumlah file yang akan diubah namanya, lalu klik kanan satu diantaranya, selanjutnya ubah nama file tersebut sesuai dengan keinginan anda, tekan [Enter]. Semua file yang dipilih tadi akan berubah namanya sesuai dengan nama pilihan anda, dan dibelakangnya terdapat nomor khusus untuk membedakannya.
18. Windows Media Player akan memunculkan cover dari album yang sedang dimainkannya, apabila gambar cover tersebut ditemukan di internet. Jika tidak ditemukan, anda bisa menggunakan gambar rancangan anda sendiri untuk dimunculkan. Cukup memberikan nama folder.jpg pada gambar tersebut dan menaruhnya satu folder dengan track lagu yang dimainkan maka Windows Media Player akan memunculkan gambar tersebut.
19. Tombol [Windows] + [Break] akan memunculkan [System Properties], tombol [Windows] + [D] akan memunculkan desktop, tombol [Windows] + [Tab] untuk berpindah pindah program aktif ada taskbar.
20. Pengganti Windows XP adalah Windows Vista yang sebelumnya diberi nama Longhorn. Windows ini memberikan fitur tambahan dari WindowsXP yang mudah mudahan bisa saya oprek bila ada dana untuk melakukan upgrade komputer. Mengapa? Windows Vista saya jamin tidak akan mampu berjalan di komputer saya yang jadul ini.

Semoga bermanfaat Kawan... (",) 

Jumpa lagi dengan Pphoo™ akan mengulas Cara Update Halaman Facebook Fan Page Otomatis  dengan RSS Graffit.


Facebook Page Otomatis

Langsung aja Cekiprot'z...


Login/masuk ke akun Facebook, ikuti langkah berikut:

1. Kunjungi aplikasi RSS Graffiti, klik di sini!
2. Klik "Click HERE to Authorize RSS Graffiti".
3. Klik "Allow" (kanan bawah)
4. Pada "your Fan Page", klik Halaman yang akan di-add feed
5. Di tulisan "Add a new feed here" klik tombol-> +Add Feed
6. Di Feed URL, masukkan feed blog Anda.
Contoh, http://www.alkhoirot.net/feeds/posts/default
7. Pada Source Name, masukkan nama blog Anda.
Contoh, Pondok Pesantren Al-Khoirot
8. Pada Source URL, masukkan alamat blog Anda.
Contoh, http://www.alkhoirot.net
9. Klik SAVE (kanan atas)
10. Selesai.

Semoga bermanfaat Kawan... (",)
Jumpa lagi dengan Pphoo™, semoga tidak jenuh ya... (",)
Kali ini akan mengulas Cara Menghilangkan Tulisan Subscribe To Post (Atom)

Biasanya pada template blogger akan terdapat tulisan subscribe to: post(atom) atau berlangganan : post(atom) yang terletak dibawah postingan. Tulisan ini berfungsi sebagai feed dari blog anda. Tujuannya agar pengunjung bisa dengan mudah menemukan alamat feed anda. Tetapi jika anda sudah menggunakan layanan feed dari Feedburner. Maka kehadiran dari tulisan ini sudah tidak terlalu penting lagi.
Bagi anda yang merasa tulisan ini tidak terlalu penting untuk ditampilkan, anda bisa menghilangkannya dengan cara berikut ini:
1. Login ke Blogger. Klik menu Layout -> Edit HTML
2. Beri tanda centang pada “Expand Widget Template“
3. Lalu cari kode di bawah ini:
<div class=’feed-links’>
<data:feedLinksMsg/>
<b:loop values=’data:links’ var=’f’>
<a class=’feed-link’ expr:href=’data:f.url’ expr:type=’data:f.mimeType’ target=’_blank’><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
4. Kalau sudah ketemu, hapus kode tersebut lalu klik Save Template
5. Selesai. Silahkan klik View Blog untuk melihat hasilnya

Semoga bermanfaat Kawan... (",) 
Jumpa lagi dengan Pphoo™... (",)
Kali ini akan mengulas Membuat Menu Dropdown CSS Bertingkat dengan Efek jQuery (Multilevel Dropdown Menu).

Langsung aja kita ke TKP...
Langkah 1
Struktur dasar dari menu dropdown yang akan kita buat menggunakan stuktur XHTML misalnya seperti dibawah ini:
<ul id="nav">
    <li><a href="#">Beranda</a></li>
    <li><a href="#">Kontak</a></li>
    <li><a href="#">Arsip</a>
        <ul>
            <li><a href="#">jQuery</a>
                <ul>
                    <li><a href="#">Download</a></li>
                    <li><a href="#">Tutorial</a></li>
                </ul>
            </li>
            <li><a href="#">Bloghack</a></li>
            <li><a href="#">JavaScript</a></li>
        </ul>
    </li>
</ul>
Lihat hasil langkah 1 disini.

Langkah 2
Setelah itu kita menggunakan kode CSS untuk memperbaiki penampilannya:
#nav, #nav ul{
    margin:0;
    padding:0;
    list-style-type:none;
    list-style-position:outside;
    position:relative;
    line-height:1.5em;
}
Kode CSS diatas akan menghilangkan identasi pada browser dan membuang semua tanda bullet pada #nav dan semua elemen yang ada didalamnya. Kode "position:relative;" digunakan untuk menyusun ulang posisi menu yang akan ditempatkan secara relative dan absolute. Hal ini nantinya digunakan untuk menata menu-menu berikutnya yang akan disusun sesuai dengan isi blok serta atribut-atribut lainnya. Kode "line-height:1.5em;" digunakan untuk mendefinisikan tinggi setiap item menu. Kita dapat mengesetnya sesuai dengan tinggi yang kita inginkan, tetapi link teks akan berada pada posisi center secara vertikal hal ini makanya kita tidak memerlukan pengesetan margin dan padding pada kode CSS ini.

Langkah 3
Percantik menu dengan setting CSS lebih lanjut:
/* keadaan menu normal, aktif dan pernah diakses */
#nav a:link, #nav a:active, #nav a:visited {
   display:block; /* link menu di blok */
   padding:0px 5px; /* jarak atas bawah 0 dan kiri kanan 5 pixel */
   border:1px solid #333; /* ketebalan garis pinggir dan warna garis */
   color:#fff; /* warna teks */
   text-decoration:none; /* menghilangkan garis bawah pada link menu */
   background-color:#333; /* warna latar belakang menu */
}
/*  keadaan menu saat dipilih */
#nav a:hover {
   background-color:#fff; /* warna latar belakang menu */
   color:#333; /* warna huruf */
}
Kode CSS diatas ini pelengkap dari kode CSS sebelumnya, hal ini untuk membedakan efek pada menu yang sedang dipilih (hover) dengan menu yang tidak dipilih. Pada saat keadaan menu normal, aktif, dan pernah diakses maka menu memiliki tampilan yang sama.
Lihat hasil langkah 2 dan 3 disini.

Langkah 4
Menyempurnakan tampilan dengan kode CSS berikutnya:
#nav li {
   float:left; /* menu ditempatkan pada sebelah kiri */
   position:relative; /* posisi relatif */
}
Kode CSS diatas akan membuat menu tersusun secara horisontal
#nav ul {
   position:absolute; /* posisi absolute */
   width:12em; /* lebar menu */
   top:1.5em; /* jarak menu bagian atas */
   display:none; /* menu disembunyikan */
}
Kode CSS diatas digunakan untuk menyembunyikan menu berikutnya (menu utama tetap tampil). Lebar masing-masing menu ditetapkan 12em (width:12em;) hal ini agar menu memiliki ukuran tetap, jika kurang anda bisa set lebih lebar lagi. Jarak 1.5em (top:1.5em;) harus sama dengan jarak yang telah ditetapkan sebelumnya di kode CSS "line-height:1.5em;" pada #nav (lihat langkah 2)
#nav li ul a {
   width:12em;
   float:left;
}
Kode CSS diatas digunakan untuk mengeset lebar link menu selebar 12em.
#nav ul ul{
 top:auto;
} 
#nav li ul ul {
   left:12em;
   margin:0px 0 0 10px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
   display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
   display:block;
}
#nav ul ul dan #nav li ul ul digunakan untuk memperbaiki penempatan menu. Hal ini sangat penting untuk memperbaiki posisi menu saat dipilih (hover) dan susunan tingkatnya.

Sampai disini sebenarnya menu sudah bagus, silahkan lihat hasil langkah 4 disini. Tetapi menu belum memiliki efek yang lembut saat menu-menu ditampilkan.

Langkah 5
Sekarang mari kita kombinasikan menu-menu dropdown yang sudah kita buat dengan sentuhan efek jQuery, tambahkan kode dibawah ini:
$(document).ready(function(){
$(" #nav ul ").css({display: "none"});
$(" #nav li").hover(function(){
$(this).find('ul:first').css({visibility: "visible",display: "none"}).show(400);
},function(){
$(this).find('ul:first').css({visibility: "hidden"});
});
});
Fungsi dari masing-masing script jQuery:
$(" #nav ul ").css({display: "none"}); // Perbaikan di Opera
Kode diatas merupakan perbaikan untuk Opera yang tidak mampu menyembunyikan menu dengan cepat. Pada saat kita menggeser mouse (hover) pada sub menu, maka menu akan memiliki efek berkedip (flicker). $(" #nav ul ") script jQuery digunakan untuk memilih semua daftar yang tidak berurutan (unordered lists - ul) didalam #nav dan kemudian mengesetnya menjadi tidak ditampilkan (display:none).
$(" #nav li").hover(function(){ //memberikan efek saat menu dipilih (hover)
},function(){ //memberikan efek saat pointer mouse meninggalkan menu
});
Kode diatas untuk memberikan efek pada menu sesuai dengan posisi pointer mouse (hovering). Sederhananya memberikan efek pada saat menu dipilih dan tidak dipilih.
$(this).find('ul:first').css({visibility: "visible",display: "none"}).show(400);
Kode ini berfungsi untuk menampilkan sub menu pertama yang tersembunyi dari menu yang sedang dipilih. Sedangkan script .show digunakan untuk menampilkan menu dengan durasi waktu yang ditentukan didalam kurung (400). Hal ini akan memberikan efek menampilkan menu yang sangat lembut.
$(this).find('ul:first').css({visibility: "hidden"});
Kode ini berfungsi mengembalikan posisi menu kembali tersembunyi melalui blok mode pada akhir animasinya. Menggunakan kode visibility untuk mencegah berkedip (flicker) pada animasi menu.
Jumpa lagi dengan Pphoo™ akan mengulas Cara Membuat CD Bootable.

Cara pertama:
Dulu, kalau mau bikin CD bootable, Anda mesti membuatnya melalui disket. Pertama-tama, Anda harus membuat startup disk, lalu disket tersebut dibuat image-nya ke dalam CD. Cara ini selain merepotkan juga membutuhkan floppy disk yang masih bagus.
Untuk mengatasi hal tersebut, Nero Burning ROM menyediakan file image dari startup disk yang biasa digunakan di Windows. Pembuatan startup disk ini tidak lagi memerlukan disket.
Begini cara membuat bootable CD di Nero:
1. Jalankan Nero Burning ROM. Di jendela New Compilation, pilih CDROM – (Boot).
2. Di dalam tab Boot, pilih Image File. Secara default, ia akan menuju ke folder -Program Files-Nero-Nero 9-Nero Burning ROM-DosBootimage.IMA. Jika tidak ada, klik , lalu cari file bernama DosBootimage.IMA. File inilah yang merupakan emulasi atau image dari startup disk. Beri checklist pada “Enable expert setting”, lalu klik New.
3. Langkah selanjutnya sama seperti proses burning biasa.
Untuk mencobanya, setelah selesai dibakar, restart dulu PC Anda lalu coba booting melalui CD. Salah satu keuntungan membuat bootable CD dari Nero ini, sistem bisa membaca partisi NTFS dari DOS. Sebagai informasi, pada startup yang biasa dibuat oleh Windows, hanya partisi FAT yang bisa dibaca. Sedangkan untuk membaca NTFS dari DOS, Anda harus meng-instal program lain seperti NTFS Floppy keluaran LSoft Technologies.
Sumber: http://uangmayainternet.blogspot.com/2010/01/cara-praktis-membuat-cd-bootable.html
Cara kedua:
Sebelum kita melakukan cara untuk membuat cd bootable xp kita harus punya beberapa aplikasi. Yang pertama adalah aplikasi ALCOHOL 52 % atau versi yang lainnya. Yang kedua adalah aplikasi NERO. Kalau pada artikel ini kami menggunakan APLIKASI NERO V. 6. karena pada versi 6 ini sangat mudah untuk digunakan bagi kalangan pemula. Yang ketiga CD-RW untuk burning.
Ok… Langsung aja kita ke TKP...

TAHAP PERTAMA :
  1. Install aplikasi Alcohol dan Nero.
  2. Masukkan cd windows xp yang bootable, tidak rusak dan yang pastinya masih bagus.
  3. Jalankan aplikasi Alcohol 52 %.
  4. Pada gambar dibawah ini klik menu file lalu pilih Image Making Wizard
  5. Setelah muncul kotak dialog seperti gambar di bawah ini, pada kolom CD/DVD Device tentukan cd/dvd drive yang ada cd windows xp bootable yang anda tadi masukkan. Setelah itu klik next.
  6. Setelah muncul kotak dialog seperti gambar dibawah ini, tentukan lokasi penyimpanan image(hasil backup cd windows xp bootable) pada image location:. Pada kolom image format: pilih format Standar ISO Image File (*.iso). Dan jangan lupa beri nama image tersebut pada kolom Image name:.
  7. Setelah itu klik start, lalu muncul seperti tampilan dibawah ini, tunggu hingga proces selesai.
TAHAP KEDUA :
  1. Jalankan aplikasi Nero (Nero StartSmart).
  2. Setelah muncul gambar seperti dibawah ini, pilih menu Copy and Backup, lalu klik Burn Image to Disc.
  3. Setelah itu muncul tampilan seperti gambar dibawah ini, tentukan file/image yang akan di burning (file/image hasil backup dari cd windows xp bootable yang tadi dibackup dengan aplikasi Alcohol). Lalu klik open.
  4. Setelah itu muncul tampilan seperti gambar dibawah ini, pada kolom Destination drive: pilih cd/dvd rw drive dan jangan lupa masukkan cd blank/cd kosong. Kemudian klik next, tunggu hingga proces burning selesai.
  5. Ok… burning telah selesai, silahkan anda gunakan untuk menginstall windows xp lewat booting CD-ROM. 

    Semoga bermanfaat Kawan... (",)
      Subscribe to: Posts (Atom)