Menjelang Idul Fitri 1432 H

MOHON MAAF LAHIR DAN BATIN

Kami sekeluarga Blogger CreasyKu mengucapkan hari Raya Idul Fitri 1432 H, bulan yang suci telah hendak pergi, dapatkah kita bertemu lagi, sedih hati karena kepergianmu, wahai bulan suci penuh Rahmat Illahi, kegembiraan tertetes air mata menyambut takbir kemenangan Idul Fitri, Semoga kita kembali ke Fitri dan Hidup lebih baik lagi dari pada tahun yang sudah kita lalui.

Read More

Nuzulul Qur'an dan Hut RI ke 66

Nuzulul Qur'an dan Hut RI ke 66

Hari ini tanggal Rabu 17 Agustus 2011 adalah Hari Ulang Tahun Kemerdekaan Republik Indonesia, yang mana telah dibarengi dengan hari Nuzulul Qur'an (turunnya Al-Qur'an) 17 Ramadhan 1432 H, hari ini semoga menjadikan kita lebih baik dan sebagai pengingat bahwa Allah telah memperingatkan kita agar kita menjaga Negeri ini dan meneruskan perjuangan para Pahlawan yang telah gugur, janganlah engkau enak-enak dan berpoya-poya mengumbar hawa nafsu, baik nafsu birahi maupun nafsu korupsi.

Ingatlah negara ini sudah 66 tahun merdeka namun apa yang anda rasakan dari kemerdekaan ini apa yang sudah anda perbuat untuk mengisi kemerdekaan ini, sehingga para ruh pahwalan yang telah gugur melihat tersenyum karena perjuangannya tidak di sia-siakan oleh para generasi penerusnya. namun kemerdekaan sekarang telah hampir pudar tidak seperti diawal merdeka dahulu, dan kalau mengkaji Kata Merdeka adalah kita Bebas, namun sekarang banyak orang yang mengeluh karena tidak bebas memilih, tidak bebas berpendapat, tidak bebas membantah kezdholiman yang sering dilihat sering didengar namun kita harus larut dan ikut karena terpaksa. Dengarkanlah Seruan Para Pahlawan "Wahai Generasiku Janganlah engkau kotori Negeri ini dengan Korupsi, dengan Kolusi, dan Dengan Pungutan Liar yang sering kalian lakukan tanpa sadar bahwa perbuatanmu itu lebih dari perbuatan Hewan, Isilah Kemerdekaan kalian dengan perdamaian, Cita kasih, dan tegakkan Hukum bukan hanya membuat hukum.

Merdeka...!!!!!! Merdeka...!!!!! MERDEKA kata ini lah yang terucap dan tertancap didada para pejuang pembela negara,..sekarang sudah sedikit orang mengucapkan itu hanya tulisan yang terpampang,..mungkin itulah tanda-tanda kepudaran kemerdekaan,...Ya Allah semoga dihari kemerdekaan ini yang dibarengi dengan Nuzulul Qur'an ini menjadi momentum tersendiri sehingga terwujud Indonesia yang Pancasila.

Read More

Belajar Setting Kabel LAN

Cara Setting Kabel LAN

Untuk menghubungkan dua buah komputer atau menghubungkan dua buah HUB/switch dengan kabel UTP, dapat menggunakan kabel crossover. Jika mo menghubungkan komputer ke HUB/switch, gunakan kabel straight. lanjuuut…

Dalam pengkabelan straight dan cross, kita bisa lihat standar yang sudah ditetapkan untuk masalah pengkabelan ini, EIA/TIA 568A dan EIA/TIA 568B.

Kabel Straight

Kabel straight adalah istilah untuk kabel yang menggunakan standar yang sama pada kedua ujung kabel nya, bisa EIA/TIA 568A atau EIA/TIA 568B pada kedua ujung kabel. Sederhananya, urutan warna pada kedua ujung kabel sama. Pada kabel straight, pin 1 di salah satu ujung kabel terhubung ke pin 1 pada ujung lainnya, pin 2 terhubung ke pin 2 di ujung lainnya, dan seterusnya.

Jadi, ketika PC mengirim data pada pin 1 dan 2 lewat kabel straight ke switch, switch menerima data pada pin 1 dan 2. Nah, karena pin 1 dan 2 pada switch tidak akan digunakan untuk mengirim data sebagaimana halnya pin 1 dan 2 pada PC, maka switch

menggunakan pin 3 dan 6 untuk mengirim data ke PC, karena PC menerima data pada pin 3 dan 6.

Read More

Lailatul Qadar

Nilai-nilai Istimewa bulan Ramadan

H. USEP ROMLI H.M.,(GM)- RAMADAN, bulan kesembilan dalam hitungan tahun Qamariyah (Hijrah), adalah bulan mulia dan penuh keberkatan. Hal ini dinyatakan oleh Nabi Muhammad saw dalam sebuah khutbah khusus akhir Syaban, menyambut kedatangan Ramadan: "Wahai, manusia, sesungguhnya kalian akan dinaungi bulan besar (syahrun azhimun) dan penuh keberkatan (syahrun mubarakun). Yaitu bulan yang di dalamnya terdapat suatu malam yang lebih baik dari seribu bulan (syahrun fihi lailatun min alfi syahrin). Pada bulan itu, Allah menjadikan puasanya sebagai fardlu dan menegakkan salat malam harinya sebagai thathawwu. Siapa pun yang mendekatkan dirinya kepada Allah dengan sesuatu perbuatan bajik, setara dengan berbuat sesuatu fardlu di bulan lain. Siapa pun yang menunaikan fardlu di bulan Ramadan, setara dengan mengerjakan tujuh puluh fardlu di bulan lain." (Hadis riwayat Ibnu Khuzaimah). Itulah sebagian ciri-ciri kebesaran dan keberkatan bulan Ramadan. Kebesaran dan keberkatannya, terletak pada keberadaan "Malam Qadar" (Lailatul Qadar), yang tidak ada pada bulan-bulan lainnya. Malam yang bernilai lebih dari seribu bulan. Pada malam itu, atas izin Allah swt, para malaikat turun ke bumi untuk mengatur segala urusan. Berlangsung sepanjang malam yang penuh kesejaahteraan, hingga terbit fajar ( S.al Qadar : 4-5). Hal yang sama terdapat pula dalam Q.s.ad Dukhan : 2.

Read More

Templet Mirip Facebook Persis

Blogger Template Mirip Persis Facebook

Awalnya ingin posting sesuatu yang jauh-jauh dari facebook, ternyata ada sesuatu yang menarik lagi yang berkaitan tentang Facebook untuk Blogger atau Blogspot. Tidak bisa kita pungkiri Facebook.com saat ini tetap masih sebuah aplikasi situs jaringan sosial raksasa terbesar di dunia ini. Kali ini saya membahas tentang template blogger yang hampir bahkan mirip sekali dengan yang di miliki Facebook.com, sungguh mencengangkan memang. Maklum bangsa Indonesia memang bangsa yang besar dan di dalam negaranya banyak talenta-talenta sumber daya manusia yang kreatif, inovatif dan cerdas. Hal ini dilakukan oleh kaum Blogger atau kaum Internet mania yang memiliki Situs ini http://nazieb.com/. Template facebook ini di buat oleh Ainun Nazieb. Saya sempat kagum akan kreatifitasnya dalam membuat template ini, Nama templatenya Smells Like Facebook. Template ini sebenarnya dibuat dari wordpress yang kemudian dikonvert ke blogspot, jika kamu ingin download dalam bentuk template blogspot silakan download di SINI. Sebenarnya saya sendiri sudah mencoba menggunakannya tapi berhubung Hak Cipta selalu ada saya masih menggunakan template yang saya gunakan sendiri, selamat mencoba atau bagi kaum blogger yang ingin mencoba dan menggunakannya silahkan saja berhubung layout yang dimiliki template tersebut adalah milik hak paten facebook.com,... bukan Ainun Nazieb semata, dia hanya mendesain bagaiman cara layout tersebut menjadi template blogger ,... semua masih free Gannnnnn ,... selamat mencoba ,.... ^^V peace ,.. hehehe 8-)

sumber berita : http://rnunugraha.blogspot.com/2010/05/blogger-template-mirip-persis-facebook.html

Read More

Drop Down 2 Versi

Membuat Menu Drop down dengan CSS

Silahkan arahkan mouse komputer anda ke tab menu di bawah ini :

Tab menu dropdown ini 100% menggunakan Cascading Style Sheet (CSS), tanpa javascript ataupun skript yang lainnya. Sehingga Menu drop down ini tidak akan membuat blog anda menjadi lambat ketika di loading, dan cocok dalam banyak browser. Bagi anda yang ingin memasang tab menu di bagian headernya, saya sarankan untuk memasang menu drop down ini di blognya. Bagaimana cara untuk membuat menu drop down ini? tentu saja banyak cara untuk membuatnya, namun dalam kesempatan ini saya akan menuliskan dengan 2 cara. Kira-kira caranya seperti ini :

# Metode yang pertama :

langkah #1 :

1. Login ke blogger dengan ID anda
2. Setelah berada pada halaman dashboard, klik Layout.
3. Kemudian klik tab edit HTML.
4. Saya sarankan kepada anda sebelum mengubah kode template, silahkan di backup dulu. Klik link Download template sepenuhnya.
5. Silahkan lihat ke kode template anda, dan temukan kode berikut : ]]></b:skin>
6. Copy kode di bawah ini, lalu paste di atas kode : ]]></b:skin>
/* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/drop_definition2.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the assocaited (x)html may be modified in any way to fit your requirements. =================================================================== */ #menu {list-style-type:none; margin:5px; padding:0;} #menu li {float:left; padding:0; margin:0 1px 0 0; position:relative; width:150px; height:3em; z-index:100;} #menu li dl {position:absolute; top:0; left:0;padding-bottom:5px;} #menu li a, #menu li a:visited {text-decoration:none;} #menu li dd {display:none;} #menu li a:hover {border:0;} #menu li:hover dd, #menu li a:hover dd {display:block;} #menu li:hover dl, #menu li a:hover dl {padding-bottom:10px;} #menu table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;} #menu dl {width: 150px; margin: 0; padding: 0; background: #c9ba65;} #menu dt {margin:0; padding: 5px 5px 5px 20px; font-size: 1.1em; color: #fff; border-bottom:1px solid #fff; border-top:1px solid #fff;} #menu .one {background: #827b6b; border-top:5px solid #dca;} #menu .two {background: #646e4c; border-top:5px solid #bb9;} #menu .three {background: #a4a88d; border-top:5px solid #eec;} #menu .four {background: #a29f68; border-top:5px solid #f8f8b8;} #menu .one dt {background: #b2ab9b;} #menu .two dt {background: #949e7c;} #menu .three dt {background: #d4d8bd;} #menu .four dt {background: #e2dfa8;} #menu dd {margin:0; padding:0; color: #fff; font-size: 1em; text-align:left;} #menu .one dd {border-bottom:1px solid #aaa;} #menu .two dd {border-bottom:1px solid #e8e8e8;} #menu .three dd {border-bottom:1px solid #eee;} #menu .four dd {border-bottom:1px solid #999;} #menu dd.last {border-bottom:1px solid #fff;} #menu dt a, #menu dt a:visited {display:block; color:#444;} #menu dd a, #menu dd a:visited {color:#fff; text-decoration:none; display:block; padding:4px 5px 4px 20px; width:125px;} #menu .one dd a {background:#949e7c; color:#eee;} #menu .two dd a {background:#d4d8bd; color:#346;} #menu .three dd a {background:#e2dfa8; color:#654;} #menu .four dd a {background:#b2ab9b; color:#ff8;} #menu .one dd a:hover {background: #b2ab9b; color:#345;} #menu .two dd a:hover {background: #949e7c; color:#543;} #menu .three dd a:hover {background: #d4d8bd; color:#123;} #menu .four dd a:hover {background: #e2dfa8; color:#534;}
7. Silahkan lihat ke bagian bawah lagi, lalu temukan kode seperti ini :
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='your blog title (Header)' type='Header'/> </b:section>
8. Ubahlah kode yang saya cetak hijau, sehingga kodenya menjadi seperti ini :
<b:section class='header' id='header' maxwidgets='2' showaddelement='yes'> <b:widget id='Header1' locked='false' title='your blog title (Header)' type='Header'/> </b:section>
9. Klik tombol Simpan Template. Tunggu beberapa saat sampai template anda selesai di simpan.

langkah #2

1. Klik pada tab elemen Halaman yang berada di bagian atas. Perhatikan gambar berikut :

2. Klik pada Tambahkan sebuah Elemen halaman yang berada di atas elemen header. Perhatikan gambar berikut ini:

3. setelah window pop up muncul, klik tombol Tambahkan ke blog untuk HTML/JavaScript.:
4. Copy kemudian paste kode di bawah ini pada elemen yang muncul tadi :
<ul id="menu"><!-- drop down menu start --> <li> <!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]--> <dl class="one"> <!-- Alter the links with your own --> <dt><a href="../menu/index.html">DEMOS</a></dt> <dd><a href="../menu/zero_dollars.html" title="The zero dollar ads page">zero dollars</a></dd> <dd><a href="../menu/embed.html" title="Wrapping text around images">wrapping text</a></dd> <dd><a href="../menu/form.html" title="Styling forms">styled form</a></dd> <dd><a href="../menu/nodots.html" title="Removing active/focus borders">active focus</a></dd> <dd><a href="../menu/shadow_boxing.html" title="Multi-position drop shadow">shadow boxing</a></dd> <dd><a href="../menu/old_master.html" title="Image Map for detailed information">image map</a></dd> <dd><a href="../menu/bodies.html" title="fun with background images">fun with backgrounds</a></dd> <dd><a href="../menu/fade_scroll.html" title="fade-out scrolling">fade scrolling</a></dd> <dd class="last"><a href="../menu/em_images.html" title="em size images compared">em sized images</a></dd> </dl> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li> <!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]--> <dl class="two"> <dt><a href="index.html">MENUS</a></dt> <dd><a href="spies.html" title="a coded list of spies">spies menu</a></dd> <dd><a href="vertical.html" title="a horizontal vertical menu">vertical menu</a></dd> <dd><a href="expand.html" title="an enlarging unordered list">enlarging list</a></dd> <dd><a href="enlarge.html" title="an unordered list with link images">link images</a></dd> <dd><a href="cross.html" title="non-rectangular links">non-rectangular links</a></dd> <dd><a href="jigsaw.html" title="jigsaw links">jigsaw links</a></dd> <dd class="last"><a href="circles.html" title="circular links">circular links</a></dd> </dl> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li> <!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]--> <dl class="three"> <dt><a href="../layouts/index.html">LAYOUTS</a></dt> <dd><a href="../layouts/bodyfix.html" title="Cross browser fixed layout">Fixed 1</a></dd> <dd><a href="../layouts/body2.html" title="Cross browser fixed layout">Fixed 2</a></dd> <dd><a href="../layouts/body4.html" title="Cross browser fixed layout">Fixed 3</a></dd> <dd><a href="../layouts/body5.html" title="Cross browser fixed layout">Fixed 4</a></dd> <dd class="last"><a href="../layouts/minimum.html" title="A simple minimum width layout">minimum width for Internet Explorer</a></dd> </dl> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li> <!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]--> <dl class="four"> <dt><a href="../mozilla/index.html">MOZILLA</a></dt> <dd><a href="../mozilla/dropdown.html" title="A drop down menu">drop down menu</a></dd> <dd><a href="../mozilla/cascade.html" title="A cascading menu">cascading menu</a></dd> <dd><a href="../mozilla/content.html" title="Using content:">content:</a></dd> <dd><a href="../mozilla/moxbox.html" title=":hover applied to a div">mozzie box</a></dd> <dd><a href="../mozilla/rainbow.html" title="I can build a rainbow">rainbow box</a></dd> <dd><a href="../mozilla/snooker.html" title="Snooker cue">snooker cue made using border art</a></dd> <dd class="last"><a href="../mozilla/target.html" title="Target Practise">target practise</a></dd> </dl> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> </ul><!-- end of drop down menu -->
5. Klik tombol Simpan Template
6. Selesai. Silahkan lihat hasilnya.

Catatan : untuk beberapa template, cara ini tidak menghasilkan tampilan yang bagus, maka anda bisa mencoba cara berikut.



Metode kedua

Karena desain dari template sangat berbeda antara satu dengan yang lainnya, maka saya hanya mengambil contoh untuk template minima saja (template asli blogger) sebagai gambaran saja. langkahnya adalah sebagai berikut :

1. Login ke blogger dengan ID anda
2. setelah berada di halaman dashbord , klik Layout.
3. Kemudian klik tabedit HTML.
4. Saya sarankan kepada anda sebelum mengubah kode template, silahkan di backup dulu. Klik link Download template sepenuhnya.
5. Silahkan anda beri tanda tik/cek pada kotak kecil di samping tulisan Expand Templates Widget. Tunggu beberapa saat.

6. Lihat ke kode template anda dan temukan kode berikut : ]]></b:skin>
7. Copy kode di bawah ini, lalu paste di atas kode: ]]></b:skin>
/* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/drop_definition2.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the assocaited (x)html may be modified in any way to fit your requirements. =================================================================== */ #menu {list-style-type:none; margin:5px; padding:0;} #menu li {float:left; padding:0; margin:0 1px 0 0; position:relative; width:150px; height:3em; z-index:100;} #menu li dl {position:absolute; top:0; left:0;padding-bottom:5px;} #menu li a, #menu li a:visited {text-decoration:none;} #menu li dd {display:none;} #menu li a:hover {border:0;} #menu li:hover dd, #menu li a:hover dd {display:block;} #menu li:hover dl, #menu li a:hover dl {padding-bottom:10px;} #menu table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;} #menu dl {width: 150px; margin: 0; padding: 0; background: #c9ba65;} #menu dt {margin:0; padding: 5px 5px 5px 20px; font-size: 1.1em; color: #fff; border-bottom:1px solid #fff; border-top:1px solid #fff;} #menu .one {background: #827b6b; border-top:5px solid #dca;} #menu .two {background: #646e4c; border-top:5px solid #bb9;} #menu .three {background: #a4a88d; border-top:5px solid #eec;} #menu .four {background: #a29f68; border-top:5px solid #f8f8b8;} #menu .one dt {background: #b2ab9b;} #menu .two dt {background: #949e7c;} #menu .three dt {background: #d4d8bd;} #menu .four dt {background: #e2dfa8;} #menu dd {margin:0; padding:0; color: #fff; font-size: 1em; text-align:left;} #menu .one dd {border-bottom:1px solid #aaa;} #menu .two dd {border-bottom:1px solid #e8e8e8;} #menu .three dd {border-bottom:1px solid #eee;} #menu .four dd {border-bottom:1px solid #999;} #menu dd.last {border-bottom:1px solid #fff;} #menu dt a, #menu dt a:visited {display:block; color:#444;} #menu dd a, #menu dd a:visited {color:#fff; text-decoration:none; display:block; padding:4px 5px 4px 20px; width:125px;} #menu .one dd a {background:#949e7c; color:#eee;} #menu .two dd a {background:#d4d8bd; color:#346;} #menu .three dd a {background:#e2dfa8; color:#654;} #menu .four dd a {background:#b2ab9b; color:#ff8;} #menu .one dd a:hover {background: #b2ab9b; color:#345;} #menu .two dd a:hover {background: #949e7c; color:#543;} #menu .three dd a:hover {background: #d4d8bd; color:#123;} #menu .four dd a:hover {background: #e2dfa8; color:#534;}
8. lihat ke bagian bawah dan temukan kode ini:

<div class='descriptionwrapper'> <p class='description'><span><data:description/></span></p> </div> </b:if> </b:includable> </b:widget> </b:section>

9. Delete / hapus kode di atas lalu ganti dengan kode di bawah ini :
<div class='descriptionwrapper'> <p class='description'><span><data:description/></span></p> </div> </b:if> </b:includable> </b:widget> </b:section> <ul id="menu"><!-- drop menu start --> <li> <!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]--> <dl class="one"> <!-- Alter the links with your own --> <dt><a href="../menu/index.html">DEMOS</a></dt> <dd><a href="../menu/zero_dollars.html" title="The zero dollar ads page">zero dollars</a></dd> <dd><a href="../menu/embed.html" title="Wrapping text around images">wrapping text</a></dd> <dd><a href="../menu/form.html" title="Styling forms">styled form</a></dd> <dd><a href="../menu/nodots.html" title="Removing active/focus borders">active focus</a></dd> <dd><a href="../menu/shadow_boxing.html" title="Multi-position drop shadow">shadow boxing</a></dd> <dd><a href="../menu/old_master.html" title="Image Map for detailed information">image map</a></dd> <dd><a href="../menu/bodies.html" title="fun with background images">fun with backgrounds</a></dd> <dd><a href="../menu/fade_scroll.html" title="fade-out scrolling">fade scrolling</a></dd> <dd class="last"><a href="../menu/em_images.html" title="em size images compared">em sized images</a></dd> </dl> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li> <!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]--> <dl class="two"> <dt><a href="index.html">MENUS</a></dt> <dd><a href="spies.html" title="a coded list of spies">spies menu</a></dd> <dd><a href="vertical.html" title="a horizontal vertical menu">vertical menu</a></dd> <dd><a href="expand.html" title="an enlarging unordered list">enlarging list</a></dd> <dd><a href="enlarge.html" title="an unordered list with link images">link images</a></dd> <dd><a href="cross.html" title="non-rectangular links">non-rectangular links</a></dd> <dd><a href="jigsaw.html" title="jigsaw links">jigsaw links</a></dd> <dd class="last"><a href="circles.html" title="circular links">circular links</a></dd> </dl> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li> <!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]--> <dl class="three"> <dt><a href="../layouts/index.html">LAYOUTS</a></dt> <dd><a href="../layouts/bodyfix.html" title="Cross browser fixed layout">Fixed 1</a></dd> <dd><a href="../layouts/body2.html" title="Cross browser fixed layout">Fixed 2</a></dd> <dd><a href="../layouts/body4.html" title="Cross browser fixed layout">Fixed 3</a></dd> <dd><a href="../layouts/body5.html" title="Cross browser fixed layout">Fixed 4</a></dd> <dd class="last"><a href="../layouts/minimum.html" title="A simple minimum width layout">minimum width for Internet Explorer</a></dd> </dl> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li> <!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]--> <dl class="four"> <dt><a href="../mozilla/index.html">MOZILLA</a></dt> <dd><a href="../mozilla/dropdown.html" title="A drop down menu">drop down menu</a></dd> <dd><a href="../mozilla/cascade.html" title="A cascading menu">cascading menu</a></dd> <dd><a href="../mozilla/content.html" title="Using content:">content:</a></dd> <dd><a href="../mozilla/moxbox.html" title=":hover applied to a div">mozzie box</a></dd> <dd><a href="../mozilla/rainbow.html" title="I can build a rainbow">rainbow box</a></dd> <dd><a href="../mozilla/snooker.html" title="Snooker cue">snooker cue made using border art</a></dd> <dd class="last"><a href="../mozilla/target.html" title="Target Practise">target practise</a></dd> </dl> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> </ul><!-- end of drop down menu -->
10. Klik tombol Simpan Perubahan
11. Selesai. Silahkan lihat hasilnya.

Langkah-langkah di atas hanyalah untuk template minima , jadi untuk template anda terkadang kode nya sama dan banyak juga yang berbeda, silahkan di pelajari saja.

Sedikit tambahan :

Pada kode menu drop down yang saya berikan, ada kode seperti ini :


<dt><a href="../menu/index.html">DEMOS</a></dt>
<dd><a href="../menu/zero_dollars.html" title="The zero dollar ads page">zero dollars</a></dd>


Perhatikan pada kode <dt> dan <dd>
Kode yang di awali dengan <dt>, adalah judul pada menu utama (tulisan yang muncul di muka).
Kode yang di awali dengan <dd>, adalah judul untuk sub menu (tulisan pada drop menu).

Anda harus mengganti link yang ada dengan link milik anda sendiri, sebagai contoh :
<dd><a href="../menu/zero_dollars.html" title="The zero dollar ads page"> zero dollars</a></dd>
ganti menjadi :
<dd><a href="http://template-unik.blogspot.com/2007/11/unique-template-r-21.html" title="free template R 1.2">UniQue Template R 1.2</a></dd>


Selamat mencoba dan mempelajari.

Read More