Karena topik ini lagi jadi “hot” banget di blog ini, aku jadi pengen nulis (lagi) mengenai perselingkuhan . Entah kenapa jadi asik di omongin mungkin karena tidak semua orang bisa menceritakan perselingkuhannya. Biasanya orang tersebut akan diam dan sibuk dengan cara dan berpikir sendiri, menderita dan menikmati sendiri.
Gak banyak yang bisa seperti kawan kita yang dengan setia meng-up date- kisah perselingkuhannya sehingga para blogger jadi penasaran (hehehe termasuk aku sih …..). Penasaran gimana endingnya , gimana si wanita menerima akhir dari hubungan mereka, gimana si pria merampungkan kisah cinta terlarangnya. Malah ada yang menjadikan bahan diskusi dengan pasangan dan hampir tiap hari mampir ke blog tersebut untuk melihat perkembangan selanjutnya. Penasaran judulnya …
Trus kenapa yah kok ada perempuan-perempuan yang mau jadi selingkuhan? Jawabnya banyak. Diantaranya mungkin dibawah ini : (bisa ditambahin kok …)
* Merasakan begitu dicintai, diinginkan, dibutuhkan (CINTA)
* Begitu banyak kebahagian yang didapat oleh selingkuhannya (BAHAGIA)
* Ekonomi, ini buat perempuan-perempuan yang mungkin tidak bisa menghidupi diri sendiri, tidak bekerja misalnya. (MATERI)
* Sex Experiences , tidak puas dengan pasangan sehingga ketika media perselingkuhan ke arah ranjang jadi merasa punya solusi . (SEX)
* Ini kan tidak benar-benar, pada suatu saat pasti akan berakhir. (TOBAT)
* Ada tempat yang kosong, yang seharusnya tidak di isi oleh orang lain, tapi ketika orang itu datang, diterima sebagai anugrah . (KESEPIAN)
* Bersedia menjadi istri ke-2 (PRO POLIGAMI)
* Karena “gayung bersambut” jadi …. (PETUALANGAN)
* Coba-coba (ISENG)
Selain diatas, memang ada perempuan yang benar-benar bisa menikmati perselingkuhan itu, dia tidak lagi merasa bersalah ketika diingatkan tentang hanya menyakiti sesama, anak (anak-anak) pasangan selingkuh, dosa, dicibir orang dan lain sebagainya. Karena pada saat ini ketika rasa ketidakpedulian begitu besar. Sepanjang pasangan selingkuh tetap bisa menjalani seperti perempuan akan siap saja melawan apapun.
Perempuan seperti ini kalo punya bikin blog pasti dah dapet caci maki disini , beda dengan blogger yang mau tobat atau akan tobat, kita akan mendukung sepenuh hati. Tapi aku yakin ketika semua kesalahan itu kita bicara dari sudut agama, pasti semua setuju. Makanya orang kalo lagi selingkuh gak mau membicarakan hal ini dari sudut pandang agama, karena memang dari qalbunya mereka mengamini kalau ini sudah jelas-jelas salah. Mereka selalu berlindung dibalik kata, CINTA dan SAYANG . Atau “dia melengkapi jiwa dan membuat nyaman hati ”
TApi katanya laki-laki itu seperti KARET GELANG dan perempuan itu seperti GELOMBANG. (nanti kapan-kapan kita bahan tentang ini lebih detail) . Kita bicara perempuan dulu. Perempuan itu seperti gelombang. Bila merasa dicintai, harga dirinya naik-turun dalam gerakan gelombang. Saat merasa sangat senang , ia akan mencapai suatu puncak. Saat gelombangnya sedang naik, wanita merasa mempunyai cinta melimpah untuk diberikan. Tapi bila gelombang itu turun. ia merasa kosong dan hatinya harus diisi dengan cinta.
Nah ketika dia merasa ada cinta yang masuk (meskipun dari orang yang salah- makanya terjadi perselingkuhan) hatinya tidak bisa menolak.
Begitu juga dalam menjalin hubungan, laki-laki suka menarik diri, kemudian mendekat lagi, sementara perempuan naik-turun kemampuannya untuk mencintai diri sendiri dan orang lain. Perempuan selalu diombang-ambing perasaan, apalagi ketika itu bicara tentang CINTA, BAHAGIA , RINDU …..
Jadi meski tahu dan paham bahwa dengan atas nama apapun “AFFAIR IS FORBIDDEN” (perselingkuhan itu gak banget …) masih ada perempuan di luar sana yang mau jadi selingkuhan …….
<--more-->
klik dulu judul besar nyo baru klik link yang di bawah
just click -->>> adobe reader 7<<--
tes dulu yang itu yo.....
bekoh menyusul nitro pdf...
itu di yakin bisa
just click -->>> adobe reader 7<<--
tes dulu yang itu yo.....
bekoh menyusul nitro pdf...
itu di yakin bisa
Apakah sobat suka membaca buku? jawaban sobat tentunya akan beragam, ada yang akan menjawab suka dan ada juga yang akan menjawab tidak suka. Namun saya yakin sobat pernah membaca sebuah buku. Dalam sebuah buku ada satu bagian yang dinamakan daftar isi, dengan adanya daftar isi buku maka akan mempermudah pembaca buku tersebut untuk menemukan bagian-bagian isi buku yang ingin di baca. Pertanyaan yang mungkin muncul adalah apa hubungannya antara buku dengan blog? tak hanya sebuah buku yang bisa memuat daftar isi untuk mempermudah para pembacanya, didalam sebuah blog pun kita bisa melakukannya, contoh yang bisa dilihat adalah saya memuat judul-judul artikel yang pernah saya posting di bagian footer halaman ini ataupun ketika sobat membuka keluruhan artikel yang mau di baca maka di akhir artikel akan muncul sederet judul-judul artikel lainnya yang menggoda sobat untuk membacanya. Selain untuk menggoda pengunjung agar lebih berlama-lama di blog kita, cara ini pun akan sangat mempermudah para pembaca untuk menemukan artikel yang di rasa menarik untuk di baca. Akan tetapi cara tersebut saya lakukan secara manual yakni saya mencatat seluruh alamat artikel yang telah saya posting kemudian membuatkan link ke artikel tersebut.
Teknik pembuatan daftar isi di atas bisa saja kita lakukan, akan tetapi tentunya perlu waktu yang lama untuk mebuatnya dan tentunya akan menyita waktu kita. Nah... yang ingin saya terangkan saat ini adalah bagaimana cara membuat sebuah Daftar isi blog secara otomatis. Yupppsss.. dengan hanya sekali kita membuatnya maka daftar isi tidak usah di buat berulang-ulang namun terus bekerja secara otomatis, teknik ini di perkenalkan oleh hans yang di muat melalui blognya beautiful beta. Agar tidak bingung tentang daftar isi blog yang akan saya terangkan, silahkan alihkan perhatian sobat ke bagian sebelah kanan atas blog ini, di sana terdapat link brtuliskan Lihat Daftar Isi, jika sobat meng klik link tersebut maka secara otomatis akan di perlihatkan seluruh judul artikel yang pernah saya posting lengkap dengan tanggal serta kategori dari artikel tersebut. Sunguh menarik bukan? jika sobat ingin melihatnya sobat bisa mengkliknya dan jika sobat tidak ingin melihatnya sobat tinggal mengkliknya kembali dan daftar isi pun akan di sembunyikan sehingga tidak akan menggangu pemandangan. Tertarik untuk membuatnya? silahkan ikuti langkah-langkah berikut :
Langkah pertama :
1. Sign in di blogger
2. Klik menu Layout
3. Klik menu Edit HTML
4. Klik link Download full template, silahkan save untuk backup data
5. Copy paste kode CSS berikut di atas kode ]]>
6. Klik tombol SIMPAN TEMPLATE
Langkah kedua :
1. Klik menu Elemen Halaman
2. Klik tulisan Tambah sebuah Elemen Halaman
3. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan JavaScript/HTML
4. Copy paste kode berikut ke dalam elemen yang muncul
<div id="toc"></div>
# Klik tombol Simpan
# Pindahkan elemen yang baru di buat tepat di atas elemen Post
# Klik tombol Simpan yang berada di sebelah atas
# Klik tulisan Tambah sebuah Elemen Halaman kembali
# Klik tombol TAMBAHKAN KE BLOG di bawah tulisan JavaScript/HTML
# Beri judul elemen tersebut dengan yang kata yang sobat ke hendaki. Contoh : DAFTAR ISI, kemudian copy paste kode berikut ke dalam kotak elemen
11. Ganti tulisan YOURBLOG dengan nama blog sobat
12. Klik tombol Simpan
13. Pindahkan elemen yang baru di buat ke tempat yang sobat sukai (sebaiknya di simpan disebelah atas)
14. Klik tombol SIMPAN yang berada di sebelah atas
15. Selesai
Kode yang terakhir di pasang merupakan kode asli yang di buat oleh hans dan tentunya semua hasil dari kode tersebut berbahasa inggris, baik itu judul , alert dan segala macamnya adalah berbahasa inggris, jika sobat menginginkan jadi berbahasa indonesia, saya sudah memodifikasi javascrips nya sehingga akan menjadi berbahsa indonesia seperti milik saya. Cara yang harus di lakukan sangatlah mudah, sobat tinggal mengganti kode terakhir yang di pasang dengan kode di bawah ini :
Jangan lupa untuk mengganti tulisan YOURBLOG dengan nama blog sobat.
Selamat mencoba !
Eh... yang mau dapet menu navigasi buat di header yang cantik, kunjungi aja http://css-lybrary.blogspot.com
Teknik pembuatan daftar isi di atas bisa saja kita lakukan, akan tetapi tentunya perlu waktu yang lama untuk mebuatnya dan tentunya akan menyita waktu kita. Nah... yang ingin saya terangkan saat ini adalah bagaimana cara membuat sebuah Daftar isi blog secara otomatis. Yupppsss.. dengan hanya sekali kita membuatnya maka daftar isi tidak usah di buat berulang-ulang namun terus bekerja secara otomatis, teknik ini di perkenalkan oleh hans yang di muat melalui blognya beautiful beta. Agar tidak bingung tentang daftar isi blog yang akan saya terangkan, silahkan alihkan perhatian sobat ke bagian sebelah kanan atas blog ini, di sana terdapat link brtuliskan Lihat Daftar Isi, jika sobat meng klik link tersebut maka secara otomatis akan di perlihatkan seluruh judul artikel yang pernah saya posting lengkap dengan tanggal serta kategori dari artikel tersebut. Sunguh menarik bukan? jika sobat ingin melihatnya sobat bisa mengkliknya dan jika sobat tidak ingin melihatnya sobat tinggal mengkliknya kembali dan daftar isi pun akan di sembunyikan sehingga tidak akan menggangu pemandangan. Tertarik untuk membuatnya? silahkan ikuti langkah-langkah berikut :
Langkah pertama :
1. Sign in di blogger
2. Klik menu Layout
3. Klik menu Edit HTML
4. Klik link Download full template, silahkan save untuk backup data
5. Copy paste kode CSS berikut di atas kode ]]>
Silahkan Copy - Paste kode dibawah. Supaya lebih mudah: klik tombol Select All lalu tekan CTRL + C atau boleh juga klik kanan lalu pilih copy
6. Klik tombol SIMPAN TEMPLATE
Langkah kedua :
1. Klik menu Elemen Halaman
2. Klik tulisan Tambah sebuah Elemen Halaman
3. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan JavaScript/HTML
4. Copy paste kode berikut ke dalam elemen yang muncul
<div id="toc"></div>
# Klik tombol Simpan
# Pindahkan elemen yang baru di buat tepat di atas elemen Post
# Klik tombol Simpan yang berada di sebelah atas
# Klik tulisan Tambah sebuah Elemen Halaman kembali
# Klik tombol TAMBAHKAN KE BLOG di bawah tulisan JavaScript/HTML
# Beri judul elemen tersebut dengan yang kata yang sobat ke hendaki. Contoh : DAFTAR ISI, kemudian copy paste kode berikut ke dalam kotak elemen
Silahkan Copy - Paste kode dibawah. Supaya lebih mudah: klik tombol Select All lalu tekan CTRL + C atau boleh juga klik kanan lalu pilih copy
11. Ganti tulisan YOURBLOG dengan nama blog sobat
12. Klik tombol Simpan
13. Pindahkan elemen yang baru di buat ke tempat yang sobat sukai (sebaiknya di simpan disebelah atas)
14. Klik tombol SIMPAN yang berada di sebelah atas
15. Selesai
Kode yang terakhir di pasang merupakan kode asli yang di buat oleh hans dan tentunya semua hasil dari kode tersebut berbahasa inggris, baik itu judul , alert dan segala macamnya adalah berbahasa inggris, jika sobat menginginkan jadi berbahasa indonesia, saya sudah memodifikasi javascrips nya sehingga akan menjadi berbahsa indonesia seperti milik saya. Cara yang harus di lakukan sangatlah mudah, sobat tinggal mengganti kode terakhir yang di pasang dengan kode di bawah ini :
Silahkan Copy - Paste kode dibawah. Supaya lebih mudah: klik tombol Select All lalu tekan CTRL + C atau boleh juga klik kanan lalu pilih copy
Jangan lupa untuk mengganti tulisan YOURBLOG dengan nama blog sobat.
Selamat mencoba !
Eh... yang mau dapet menu navigasi buat di header yang cantik, kunjungi aja http://css-lybrary.blogspot.com
Membuat DropDown Accordion Menu
1. Tentunya kamu harus dah Login dulu di Blogger
2. Pada Halaman Dasboard pilih Layout
3. Di Tab layout pilih Edit HTML
4. Centang / Checklist tanda Expand Widgets
5. Cari Kode byar gampang tekan tombol CTRL + F
6. klo sudah ketemu copy - paste kode di bawah ini kemudian taruh sebelum
<script src='http://sites.google.com/site/hitsukeproject/jquery.js' type='text/javascript'/><script src='http://sites.google.com/site/hitsukeproject/ddaccordion1.js' type='text/javascript'/>
7. Ya udah Di Save aja dulu ...!!!
8. Masih di Tab Layout kemudian pilih tab Page Element --> Add Gadget ---> pilih yang HTML / Javascript
9. Sekarang tinggal Copy - Paste kode di bawah ini kemudian letakkan di Gadget tadi
10. Setelah di Paste di Gadget tadi di SAVE ya..^_^
Maaf ya sobat blogger di tutorial kali ini masalah mengkostumisasi style css nya di cari tau sendiri aja ya. Mungkin Style Css na diatas cuma cocok buat template na hitsuke. Jadi bagi yang mo ganti di sesuaiin aja ndiri ma template blogger na masing - masing. Hm...klo masalah link na boleh dirubah sesuai keinginan sendiri tapi jangan merubah link yang paling bawah ya sob, PLEASE BGT JANGAN DIRUBAH YA...!!!!. Ya udah sekian dulu buat cara membuat drop down menu accordion. Semoga Bermanfaat and GOOD LUCK sukses selalu ^_^.
Hello sobat blogger semua..!!! Nice to meet you again. Ngomong-ngomong tw nggak sobat blogger yang dimaksud dengan Drop Down Accordion Menu?? Ok byar tak kasih penjelasan sedikit dulu, Drop down accordion menu adalah Drop Down menu yang seperti Cacing accordionatau dalam bahasa indonesianya bisa disebut juga daftar menu yang otomatis menurun kebawah ketika mouse mendekatinya, atau bisa dibilang juga menu yang otomatis turun kebawah seperti cacing akordion ketika di lewati tikus (mouse). Pada saat tikus (mouse) lewat kesana Si cacing na lari ketakutan karena nanti mo dimakan tikus tipe baru yang suka makan cacing akordion. Hahaha haha........!!! Sorry friend..that's all just bullshit alias non sense my friend. Well cukup becandanya langsung kita praktekkan saja ^_^.
Sebelumnya halaman ini juga bisa di temukan di google dengan kata kunci
Dropdown accordion menu
Membuat Drop Down Accordion Menu
membuat drop down menu yang turun kebawah
Membuat menu seperti cacing accordion
Membuat menu yang otomatis turun kebawah
Perhatikan baik-baik langkah berikut ini klo memang pengen buat Drop Down Accordion Menu yang keren ini..heheheheSebelumnya halaman ini juga bisa di temukan di google dengan kata kunci
Dropdown accordion menu
Membuat Drop Down Accordion Menu
membuat drop down menu yang turun kebawah
Membuat menu seperti cacing accordion
Membuat menu yang otomatis turun kebawah
1. Tentunya kamu harus dah Login dulu di Blogger
2. Pada Halaman Dasboard pilih Layout
3. Di Tab layout pilih Edit HTML
4. Centang / Checklist tanda Expand Widgets
5. Cari Kode byar gampang tekan tombol CTRL + F
6. klo sudah ketemu copy - paste kode di bawah ini kemudian taruh sebelum
<script src='http://sites.google.com/site/hitsukeproject/jquery.js' type='text/javascript'/><script src='http://sites.google.com/site/hitsukeproject/ddaccordion1.js' type='text/javascript'/>
7. Ya udah Di Save aja dulu ...!!!
8. Masih di Tab Layout kemudian pilih tab Page Element --> Add Gadget ---> pilih yang HTML / Javascript
9. Sekarang tinggal Copy - Paste kode di bawah ini kemudian letakkan di Gadget tadi
<div style="overflow: auto; background-color: rgb(235, 240, 255); height: 200px; width: 300px;"><!-- Begin DD Accordion Menu - http://www.hitsuke.blogspot.com --><br>
<br>
<script type="text/javascript"><br>
ddaccordion.init({<br>
<br>
headerclass: "headerbar", //Shared CSS class name of headers group<br>
<br>
contentclass: "submenu", //Shared CSS class name of contents group<br>
<br>
revealtype: "mouseover", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"<br>
<br>
mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover<br>
<br>
collapseprev: true, //Collapse previous content (so only one open at any time)? true/false<br>
<br>
defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc] [] denotes no content<br>
<br>
onemustopen: true, //Specify whether at least one header should be open always (so never all headers closed)<br>
<br>
animatedefault: false, //Should contents open by default be animated into view?<br>
<br>
persiststate: true, //persist state of opened contents within browser session?<br>
<br>
toggleclass: ["", "selected"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]<br>
<br>
togglehtml: ["", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively ["position", "html1", "html2"] (see docs)<br>
<br>
animatespeed: "normal", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"<br>
<br>
oninit:function(headers, expandedindices){ //custom code to run when headers have initalized<br>
<br>
//do nothing<br>
<br>
},<br>
<br>
onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed<br>
<br>
//do nothing<br>
<br>
}<br>
<br>
})<br>
</script><style type="text/css"><br>
<br>
.submenu{display: none}<br>
<br>
</style><br>
<style type="text/css"><br>
.hitsukefx3{<br>
<br>
width: 100%; /*width of menu*/<br>
}<br>
.hitsukefx3 .headerbar{<br>
<br>
font: bold 14px arial;<br>
<br>
color: white;<br>
<br>
border: 2px solid #d9e3ff;<br>
<br>
-moz-border-radius-topleft:5px;<br>
<br>
-moz-border-radius-topright:5px;<br>
<br>
-moz-border-radius-bottomleft:5px;<br>
<br>
-moz-border-radius-bottomright:5px;<br>
<br>
margin-bottom: 0; /*bottom spacing between header and rest of content*/<br>
<br>
text-transform: uppercase;<br>
<br>
padding: 7px 0 7px 20px; /*20px is left indentation of header text*/<br>
<br>
}<br>
.hitsukefx3 .headerbar a{<br>
<br>
text-decoration: none;<br>
<br>
color: white;<br>
<br>
display: block;<br>
<br>
}<br>
.hitsukefx3 ul{<br>
<br>
list-style-type: none;<br>
<br>
margin: 0;<br>
<br>
padding: 0;<br>
<br>
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/<br>
}<br>
.hitsukefx3 ul li{<br>
<br>
padding-bottom: 2px; /*bottom spacing between menu items*/<br>
<br>
}<br>
.hitsukefx3 ul li a{<br>
<br>
font: normal 12px Arial;<br>
<br>
color: white;<br>
<br>
background: #fff;<br>
<br>
display: block;<br>
<br>
padding: 5px 0;<br>
<br>
line-height: 17px;<br>
<br>
padding-left: 20px; /*link text is indented 20px*/<br>
<br>
text-decoration: none;<br>
<br>
}<br>
.hitsukefx3 ul li a:visited{<br>
<br>
color: white;<br>
<br>
}<br>
.hitsukefx3 ul li a:hover{ /*hover state CSS*/<br>
<br>
color: white;<br>
<br>
background: #fff;<br>
<br>
}<br>
</style><br>
<br>
<div class="hitsukefx3"><br>
<h3 headerindex="0h" class="headerbar"><a href="#">Header Link Default</a></h3><br>
<br>
<ul style="display: none;" contentindex="0c" class="submenu"><br>
<br>
<li><a href="#">Your Link Here</a></li><br>
<br>
<li><a href="#">Your Link Here</a></li><br>
<br>
<li><a href="#">Your Link Here</a></li><br>
<br>
</ul><br>
<h3 headerindex="1h" class="headerbar"><a href="#">Your Header Link 1</a></h3><br>
<ul style="display: none;" contentindex="1c" class="submenu"><br>
<br>
<li><a href="#">Your Link Here</a></li><br>
<br>
</ul><br>
<h3 headerindex="2h" class="headerbar"><a href="#">Your Header Link 2</a></h3><br>
<br>
<ul style="display: none;" contentindex="2c" class="submenu"><br>
<br>
<li><a href="#">Your Link Here</a></li><br>
<br>
</ul><br>
<h3 headerindex="3h" class="headerbar"><a href="http://hitsuke.blogspot.com/">Powered by Hitsuke</a></h3><br>
<br>
<ul style="display: none;" contentindex="3c" class="submenu"><br>
<br>
<li><a href="http://hitsuke.blogspot.com/2009/08/membuat-drop-down-accordion-menu.html" title="Klik disini untuk mendapatkan menu yg seperti ini..!!">Get DDA Menu Here</a></li><br>
</ul><br>
</div><br>
<br>
</div><br>
<br>
<!-- End DD Accordion Menu - http://www.hitsuke.blogspot.com --><br>
<br>
<br>
</div>
<br>
<script type="text/javascript"><br>
ddaccordion.init({<br>
<br>
headerclass: "headerbar", //Shared CSS class name of headers group<br>
<br>
contentclass: "submenu", //Shared CSS class name of contents group<br>
<br>
revealtype: "mouseover", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"<br>
<br>
mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover<br>
<br>
collapseprev: true, //Collapse previous content (so only one open at any time)? true/false<br>
<br>
defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc] [] denotes no content<br>
<br>
onemustopen: true, //Specify whether at least one header should be open always (so never all headers closed)<br>
<br>
animatedefault: false, //Should contents open by default be animated into view?<br>
<br>
persiststate: true, //persist state of opened contents within browser session?<br>
<br>
toggleclass: ["", "selected"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]<br>
<br>
togglehtml: ["", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively ["position", "html1", "html2"] (see docs)<br>
<br>
animatespeed: "normal", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"<br>
<br>
oninit:function(headers, expandedindices){ //custom code to run when headers have initalized<br>
<br>
//do nothing<br>
<br>
},<br>
<br>
onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed<br>
<br>
//do nothing<br>
<br>
}<br>
<br>
})<br>
</script><style type="text/css"><br>
<br>
.submenu{display: none}<br>
<br>
</style><br>
<style type="text/css"><br>
.hitsukefx3{<br>
<br>
width: 100%; /*width of menu*/<br>
}<br>
.hitsukefx3 .headerbar{<br>
<br>
font: bold 14px arial;<br>
<br>
color: white;<br>
<br>
border: 2px solid #d9e3ff;<br>
<br>
-moz-border-radius-topleft:5px;<br>
<br>
-moz-border-radius-topright:5px;<br>
<br>
-moz-border-radius-bottomleft:5px;<br>
<br>
-moz-border-radius-bottomright:5px;<br>
<br>
margin-bottom: 0; /*bottom spacing between header and rest of content*/<br>
<br>
text-transform: uppercase;<br>
<br>
padding: 7px 0 7px 20px; /*20px is left indentation of header text*/<br>
<br>
}<br>
.hitsukefx3 .headerbar a{<br>
<br>
text-decoration: none;<br>
<br>
color: white;<br>
<br>
display: block;<br>
<br>
}<br>
.hitsukefx3 ul{<br>
<br>
list-style-type: none;<br>
<br>
margin: 0;<br>
<br>
padding: 0;<br>
<br>
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/<br>
}<br>
.hitsukefx3 ul li{<br>
<br>
padding-bottom: 2px; /*bottom spacing between menu items*/<br>
<br>
}<br>
.hitsukefx3 ul li a{<br>
<br>
font: normal 12px Arial;<br>
<br>
color: white;<br>
<br>
background: #fff;<br>
<br>
display: block;<br>
<br>
padding: 5px 0;<br>
<br>
line-height: 17px;<br>
<br>
padding-left: 20px; /*link text is indented 20px*/<br>
<br>
text-decoration: none;<br>
<br>
}<br>
.hitsukefx3 ul li a:visited{<br>
<br>
color: white;<br>
<br>
}<br>
.hitsukefx3 ul li a:hover{ /*hover state CSS*/<br>
<br>
color: white;<br>
<br>
background: #fff;<br>
<br>
}<br>
</style><br>
<br>
<div class="hitsukefx3"><br>
<h3 headerindex="0h" class="headerbar"><a href="#">Header Link Default</a></h3><br>
<br>
<ul style="display: none;" contentindex="0c" class="submenu"><br>
<br>
<li><a href="#">Your Link Here</a></li><br>
<br>
<li><a href="#">Your Link Here</a></li><br>
<br>
<li><a href="#">Your Link Here</a></li><br>
<br>
</ul><br>
<h3 headerindex="1h" class="headerbar"><a href="#">Your Header Link 1</a></h3><br>
<ul style="display: none;" contentindex="1c" class="submenu"><br>
<br>
<li><a href="#">Your Link Here</a></li><br>
<br>
</ul><br>
<h3 headerindex="2h" class="headerbar"><a href="#">Your Header Link 2</a></h3><br>
<br>
<ul style="display: none;" contentindex="2c" class="submenu"><br>
<br>
<li><a href="#">Your Link Here</a></li><br>
<br>
</ul><br>
<h3 headerindex="3h" class="headerbar"><a href="http://hitsuke.blogspot.com/">Powered by Hitsuke</a></h3><br>
<br>
<ul style="display: none;" contentindex="3c" class="submenu"><br>
<br>
<li><a href="http://hitsuke.blogspot.com/2009/08/membuat-drop-down-accordion-menu.html" title="Klik disini untuk mendapatkan menu yg seperti ini..!!">Get DDA Menu Here</a></li><br>
</ul><br>
</div><br>
<br>
</div><br>
<br>
<!-- End DD Accordion Menu - http://www.hitsuke.blogspot.com --><br>
<br>
<br>
</div>
10. Setelah di Paste di Gadget tadi di SAVE ya..^_^
Maaf ya sobat blogger di tutorial kali ini masalah mengkostumisasi style css nya di cari tau sendiri aja ya. Mungkin Style Css na diatas cuma cocok buat template na hitsuke. Jadi bagi yang mo ganti di sesuaiin aja ndiri ma template blogger na masing - masing. Hm...klo masalah link na boleh dirubah sesuai keinginan sendiri tapi jangan merubah link yang paling bawah ya sob, PLEASE BGT JANGAN DIRUBAH YA...!!!!. Ya udah sekian dulu buat cara membuat drop down menu accordion. Semoga Bermanfaat and GOOD LUCK sukses selalu ^_^.
Hidup ini untuk berbagi. Textbox Area ini sangat berguna untuk menuliskan text / kode di dalam postingan agar mudah di copy - paste juga untuk menghemat halaman postingan agar tidak terlalu panjang ke bawah. Selain itu textbox area ini juga dilengkapi dengan tombol Hightlight All / Select All yang berfungsi untuk menyeleksi semua kode / text secara otomatis hanya dengan satu sentuhan.
Silahkan Copy - Paste kode dibawah. Supaya lebih mudah: klik tombol Select All lalu tekan CTRL + C atau boleh juga klik kanan lalu pilih copy
Keterangan
Untuk memasukan text / kode didalamnya cari tulisan Masukan kode / text kamu disini GANTI itu dengan text / kode yang kamu inginkan, tapi kalau kamu mau memasukan / menuliskan kode HTML didalamnya, ada beberapa hal yang harus kamu perhatikan
1. Untuk menuliskan tanda lebih kecil dari (< ) gantikan dengan <
2. Kalau untuk tanda lebih besar dari (>) gantikan dengan >
3. Gantikan tanda kutip (") dengan "
4. Tips agar lebih mudah menggantinya, gunakan Notepad++ atau Microsoft Office untuk me-Replace otomatis kode secara keseluran dengan menggukan fungsi Replace All.
5. Hampir aja lupa yang ini: Pada halaman postingan kamu ganti Edit HTML Settingsnya jadi Ignore newlines
Untuk mengatur ukuran textbox areanya perhatikan kode
<textarea dir="ltr" cols="100" name="txt" rows="15" style="width: 100%;">
Cols="100" untuk mengatur jumlah kolom didalam textarea
rows="15" untuk mengatur jumlah barisnya
sytle="width:100%"; untuk mengatur lebarnya (saya sarankan kalau yang ini tidak perlu diganti)
Untuk mengganti warna / stylenya belajar sendiri aja yah..? hehe...otak-atik aja ndiri ntar juga bisa kox ^_^.
Sekian dulu. Smoga berhasil.
Untuk membuat textbox area seperti gambar di atas ini dia kodenya
Silahkan Copy - Paste kode dibawah. Supaya lebih mudah: klik tombol Select All lalu tekan CTRL + C atau boleh juga klik kanan lalu pilih copy
Untuk memasukan text / kode didalamnya cari tulisan Masukan kode / text kamu disini GANTI itu dengan text / kode yang kamu inginkan, tapi kalau kamu mau memasukan / menuliskan kode HTML didalamnya, ada beberapa hal yang harus kamu perhatikan
1. Untuk menuliskan tanda lebih kecil dari (< ) gantikan dengan <
2. Kalau untuk tanda lebih besar dari (>) gantikan dengan >
3. Gantikan tanda kutip (") dengan "
4. Tips agar lebih mudah menggantinya, gunakan Notepad++ atau Microsoft Office untuk me-Replace otomatis kode secara keseluran dengan menggukan fungsi Replace All.
5. Hampir aja lupa yang ini: Pada halaman postingan kamu ganti Edit HTML Settingsnya jadi Ignore newlines
Untuk mengatur ukuran textbox areanya perhatikan kode
<textarea dir="ltr" cols="100" name="txt" rows="15" style="width: 100%;">
Cols="100" untuk mengatur jumlah kolom didalam textarea
rows="15" untuk mengatur jumlah barisnya
sytle="width:100%"; untuk mengatur lebarnya (saya sarankan kalau yang ini tidak perlu diganti)
Untuk mengganti warna / stylenya belajar sendiri aja yah..? hehe...otak-atik aja ndiri ntar juga bisa kox ^_^.
Sekian dulu. Smoga berhasil.