Cara praktis dan mudah membuat Effect Page Peel di blog

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdHuHSWi16tbfitjOu3WBUD4W4c4WY4Lf77xvTQJ_iC96D_uDY0ufiI1cyFhoAtOd7xTSmADkCzD7PTIQrIdT4swf3mC1c0XLZ-5CbptL2cSFB4zvDmC3Dj7exuUMHwsUypQIRXnS1f0vq/s1600/page+peel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdHuHSWi16tbfitjOu3WBUD4W4c4WY4Lf77xvTQJ_iC96D_uDY0ufiI1cyFhoAtOd7xTSmADkCzD7PTIQrIdT4swf3mC1c0XLZ-5CbptL2cSFB4zvDmC3Dj7exuUMHwsUypQIRXnS1f0vq/s1600/page+peel.jpg" /></a></div>
 
 Banyak cara untuk membuat blog kita tampil cantik dan bagus, sehingga 
akan menarik simpati pengunjung dari blog sobat, salah satunya dengan 
cara ini, yaitu <a href="http://sijalupangna.blogspot.com/2012/12/cara-praktis-dan-mudah-membuat-effect.html" target="_blank">cara membuat halaman bisa melipat</a> layaknya seperti buku tulis. hehe :)   
 
Kalau kita mengarahkan <a href="http://sijalupangna.blogspot.com/" target="_blank">kursor mouse</a> kita di bagian pojok kanan atas halaman blog, maka halaman tersebut akan kelipat atau kebuka. 
 
Namun hanya sebagian kecil saja dan di dalamnya terdapat gambar (yang 
disesuaikan oleh pemilik blog) yang biasanya kalau di klik <a href="http://sijalupangna.blogspot.com/" target="_blank">akan diarahkan ke suatu halaman lain</a> seperti halaman RSS blog, Fans page Facebook ataupun bisa berupa halaman lainnya. 
 
 
Nah, untuk cara membuatnya ikuti langkah - langkah di bawah ini : 
 1. kalian masuk ke akun blogger kalian. 2. Rancangan => edit html 3. cari kode </head> 4. Kemudian anda copy kan kode di bawah ini tepat di atas kode </head> 
 
<blockquote class="tr_bq">
<script type='text/javascript'>var tujuan =&#39;http://www.facebook.com/pages/Eyang-anom/427305383989192&#39;</script> <script
 
src='http://nazuafreedotblogspotdotcom.googlecode.com/files/pagepeeleffectnazuafreedotblogspotdotcom.js/'
 type='text/javascript'/></blockquote>
 
5. ganti tulisan yang berwarna merah dengan alamat fan page blog anda 6. kemudian simpan template dan refresh blog anda , dan lihat hasilnya.   
Sekian tutorial dari saya jika ada kesalahan saya mohon maaf, semoga bermanfa'at. 
 
 
 </div>

Banyak cara untuk membuat blog kita tampil cantik dan bagus, sehingga akan menarik simpati pengunjung dari blog sobat, salah satunya d...

Baca selengkapnya...

7 Komentar

jalupangna Label: tips dan triks blogger 13.29 7 komentar

Cara Membuat Blockquote dengan menggunakan CSS3 di blog

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmouVTADpQLu1hTbV6iiQ7lJVlbUgjPLqHRKK94bVRMR6aXk3FrvUCk-4km6Ku9hFs4oAQqscw8zvuvcM-J2van2V8xv104_1gUhZdjcbqdO_4ETZ1taa9c4yiLxYBbQKkEcIoCI748FmO/s1600/css.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmouVTADpQLu1hTbV6iiQ7lJVlbUgjPLqHRKK94bVRMR6aXk3FrvUCk-4km6Ku9hFs4oAQqscw8zvuvcM-J2van2V8xv104_1gUhZdjcbqdO_4ETZ1taa9c4yiLxYBbQKkEcIoCI748FmO/s1600/css.jpg" /></a></div>
 
Blockquote yang lain daripada yang lain ini dibangun dengan melibatkan 
CSS3 transition, CSS3 transformation, CSS3 border radius, CSS3 text 
shadow dan 3 (tiga) buah background image untuk background blockquote 
dan dua tag span yang kita manfaatkan. Bagaimana cara membuat blockquote
 yang benar-benar lain dari pada yang lain ini? Cocokkah untuk blog Anda ? Adakah manfaatnya? 
 
Blockquote bukanlah "gadis yang 
jelek" atau "gadis kaya raya" yang tak layak dipinang untuk melengkapi 
blog. Aku juga heran kenapa jarang sekali blogger yang memanfaatkan tag 
spesial yang sebenarnya amat pantas dipakai ini, ya? atau 
barangkali tak begitu kenal dengan blockquote? Atau kalian merasa 
antipati terlebih dahulu? Ataukah  Anda ketularan blogger lain yang 
jarang menggunakan blockquote? Coba rasakan betapa mudah 
dan pentingnya memanfaatkan "si gadis jelita ini". Dia bisa digunakan 
untuk wadah teks-teks tertentu yang perlu ditonjolkan di posting !  Anda tak perlu membuat tag baru untuk melakukan itu. Cukup 
blockquote! 
 
 
<div class="gray">
Cara Membuat Blockquote dengan CSS3</div>
<a href="https://www.blogger.com/blogger.g?blogID=2280420673319463854" name="more"></a>Kode CSS: 
 
<blockquote class="tr_bq">
blockquote {          padding: 10px;          margin: 10px 0 10px 20px;          background-image: url(http://i964.photobucket.com/albums/ae124/gubhugreyot/bgBloquoteV236H2.png);          font: 13px/17px Serif, Times, Helvetica;          font-style: italic;          color: #FFCC99;  /* original code: gubhugreyot.blogspot.com */          text-shadow: 1px 1px 1px #000;          border: 1px ridge  #0099FF;          border-radius: 20px 10px 20px 10px;         -moz-border-radius: 20px 10px 20px 10px;         -webkit-border-radius: 20px 10px 20px 10px;         -o-transition: all 1.2s ease-in;         -moz-transition: all 1.2s ease-in;         -webkit-transition: all 1.2s ease-in; } blockquote:hover {          color: #eee;         -o-transform: rotate(0deg) scale(1.06) translate(-10px, 0);         -moz-transform: rotate(0deg) scale(1.06) translate(-10px, 0);         -webkit-transform: rotate(0deg) scale(1.06) translate(-10px, 0);} blockquote span.bbuka, blockquote span.btutup {          float: left;          margin-right: 5px;          height: 17px;          width: 22px;          background: url(http://i964.photobucket.com/albums/ae124/gubhugreyot/Blockquote-L.png) left top no-repeat;         -o-transition: all 1.2s ease-in;         -moz-transition: all 1.2s ease-in;         -webkit-transition: all 1.2s ease-in; } blockquote span.bbtutup {          float: right;          margin-left: 5px;          margin-right: 0;          background: url(http://i964.photobucket.com/albums/ae124/gubhugreyot/Blockquote-R.png) right top no-repeat; } blockquote:hover span.bbuka, blockquote:hover span.btutup {         -o-transform: rotate(1090deg) scale(1.1);         -moz-transform: rotate(1090deg) scale(1.1);         -webkit-transform: rotate(1090deg) scale(1.1); }</blockquote>
 
Cara Menyimpan Kode CSS: 
 
<ol>
<li>Login : Login kee Blogger.<ul class="dua">
<li class="dua">Tuliskan "User Name (Nama Pengguna)" atau bisa juga gunakan "Email Address".</li>
<li class="dua">Tuliskan "Password (Sandi)".</li>
<li class="dua">KLIK "Login".</li>
</ul>
</li>
<li>Sesaat setelah login maka akan terlihat halaman "Dashboard (Dasbor)". KLIK link "Design (Rancangan)"..</li>
<li>Design/Rancangan : Cari dan klik link Edit HTML.</li>
<li>Cari kode ]]></b:skin>. Letakkan dan simpan semua kode CSS tepat di atasnya.</li>
<li>KLIK SAVE Templates/Simpan Template.</li>
<li>KLIK link Posting.</li>
<li>KLIK Entri Baru/New Entry.</li>
<li>Gunakan blockquote untuk melakukan posting. Anda bisa menggunakan contoh di bawah ini.</li>
<li>Buka hasil posting di halaman blog untuk melihat hasilnya.</li>
</ol>
Contoh bentuk kode untuk posting 
 
Silahkan di copy untuk percobaan! 
 
<blockquote class="tr_bq">
Brazil will expect another commanding performance from Thiago Silva when they take on Ukraine at Derby's Pride Park in an international friendly on Monday.<blockquote> Before today you might not ever interested in using the blockquote, but from now maybe you can change your mind after seeing the beautiful blockquote built using CSS3. A blockquote charming with animation that fits perfectly with your own blog. Built with a simple way of utilizing rounded Corners (CSS3 border radius), CSS3 text-shadow, CSS3 transition, transformation and 3 pieces of CSS3 background-image. Take a look below! Is not this a very interesting blockquote?!<blockquote> The 26-year-old Milan defender was in fine form in last Thursday's 3-0 win over Iran - especially important as his centre-back partner David Luiz had a poor game, obliging Thiago Silva to show off his excellent sense of cover. In the World Cup, Thiago Silva was a reserve to the old firm of Juan and Lucio. Just three months later, he is the rock on which Brazil's defence is based, highlighting the speed of the generational change taking place under new coach Mano Menezes.</blockquote>
 
Catatan: 
 
<ol>
<li>Bila dalam template  Anda sebelumnya sudah ada tag blockquote bawaan template asli, sebaiknya dihapus saja. Cari menggunakan Ctrl+F.</li>
<li>Jika merasa ada kesulitan untuk mencari kode atau yang lain, coba buka Special Tutorials
 (menu di kiri). Di dalamnya terdapat beberapa tutorial penting 
berkaitan dengan modifikasi template termasuk cara cepat cari kode HTML.</li>
<li>Untuk menggunakan blockquote,  Anda harus memasukkan kodenya melalui posting mode "Edit HTML" (ada dua mode: mode Compose dan Edit HTML).</li>
</ol>
 
 
 
</div>

Blockquote yang lain daripada yang lain ini dibangun dengan melibatkan CSS3 transition, CSS3 transformation, CSS3 border radius, CSS3 t...

Baca selengkapnya...

14 Komentar

jalupangna Label: tips dan triks blogger 10.10 14 komentar

Cara membuat textarea indah, cantik dan mempesona di blog

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6qvRPAapeHPB3LeNt6gty2VSP4K7iKQrVpRm23Pb01_cSSMrY8AzYPqejCaqHGmpLevizhZsmru97600CAvGjleSOxUj1l4xRvzVvYFVirKQBpz_FK07Q9Qon65S-9eNeFrFzx_Nq3p6B/s1600/textarea.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="138" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6qvRPAapeHPB3LeNt6gty2VSP4K7iKQrVpRm23Pb01_cSSMrY8AzYPqejCaqHGmpLevizhZsmru97600CAvGjleSOxUj1l4xRvzVvYFVirKQBpz_FK07Q9Qon65S-9eNeFrFzx_Nq3p6B/s320/textarea.jpg" width="320" /></a></div>
 
Textarea bukan sebuah box sederhana saja yang sekedar tampil apa adanya 
untuk wadah link exchange, banner exchange atau kode html dan teks yang 
lain. Dengan sedikit polesan bedak berupa kode CSS dan CSS3, tak 
seorangpun akan menduga bahwa yang mereka lihat adalah sebuah textarea. 
Anda dapat menggunakan textarea penuh gaya ini di blog untuk wadah baru 
yang tampil indah, cantik dan mempesona. 
 
Menghilangkan border bawaan yang berupa warna border dan tebal border, 
serta menghilangkan outline menjadi kunci hingga textarea menampilkan 
diri dalam perwujudan yang berbeda. Tentu saja itu tak cukup. Kode CSS 
dan CSS3 menejadi baju baru yang menjadikan textarea seakan baru keluar 
dari salon dengan dandanan yang serba"wah" dan penampilan "elegan, 
manis dan cantik. 
Kita akan gunakan CSS3 border-radius, CSS3 drop shadow (box shadow), 
CSS3 text-shadow, CSS3 text-shadow, CSS3 Transition serta beberapa kode 
CSS seperti margin, padding, border dan outline. Mengapa kita gunakan 
"outline"? 
 
Outline: none; berfungsi untuk melenyapkan border yang muncul ketika 
bagian di textarea "di klik", baik untuk copy code ataupun sekedar 
sebuah "klik" tak sengaja. Tanpa menghilangkaan "outline" tentu saja 
bagi beberapa yang tahu kode html akan segera sadar bahwa apa yang di 
hadapannya adalah sebuah textarea. Sampeyan bisa tambahkan atau rubah 
beberapa kode CSS yang disertakan di sini bila ingin membuat textarea 
ini tampil dengan gaya yang berbeda. 
 
<div class="gray">
Cara Membuat textarea indah, cantik dan mempesona:</div>
<ol>
<li>Login to blogger.</li>
<li>KLIK link "Design (Rancangan)".</li>
<li>KLIK link "Edit HTML".</li>
<li>Cari kode ]]></b:skin> .</li>
<li>Copy dan patekan kode CSS textarea di atas kode ]]></b:skin>.</li>
<li>KLIK "SAVE Templates (Simpan Template)".</li>
<li>Lanjutkan dengan cara menggunakan xHTML textarea.</li>
</ol>
<div class="gray">
Kode CSS textarea indah, cantik dan mempesona: 
</div>
<div class="gray">
</div>
<div class="gray">
<blockquote class="tr_bq">
 textarea.GRetarea { 
       font-size: 14px; 
       font-family: Arial, Tahoma, Helvetica; 
       border: 0px solid transparent; 
       outline: none; 
       border: 5px solid; 
       border-color: #ccc #aaa #aaa #ccc; 
       border-radius: 12px; 
      -moz-border-radius: 12px; 
      -webkit-border-radius: 12px;       
       background: #eee; 
       box-shadow: -1px -1px 1px #533801, 1px 1px 1px #533801, 1px 1px 10px #555;   
      -moz-box-shadow: -1px -1px 1px #533801, 1px 1px 1px #533801, 1px 1px 10px #555; 
      -webkit-box-shadow: -1px -1px 1px #533801, 1px 1px 1px #533801, 1px 1px 10px #555; 
       text-shadow: 1px 1px 1px #666; 
       padding: 5px 5px 2px; 
       color: #625F3C; 
       margin: 15px 5px; 
      -o-transition: all 1s ease-out; 
      -moz-transition: all 1s ease-out; 
      -webkit-transition: all 1s ease-out;     
} 
textarea.GRetarea:hover { 
       border-color: #aaa #888 #888 #aaa; 
       border-radius: 8px; 
      -moz-border-radius: 8px; 
      -webkit-border-radius: 8px;       
       background: #fff; 
       color: #111; 
       text-shadow: 1px 1px 1px #aaa; 
       box-shadow: -1px -1px 1px #533801, 1px 1px 1px #533801, 1px 1px 20px #222;   
      -moz-box-shadow: -1px -1px 1px #533801, 1px 1px 1px #533801, 1px 1px 20px #222; 
      -webkit-box-shadow: -1px -1px 1px #533801, 1px 1px 1px #533801, 1px 1px 20px #222; 
}</blockquote>
 
Cara menggunakan textarea indah, cantik dan mempesona: 
 
Gunakan kode HTML berikut saat digunakan di halaman posting. 
 
<blockquote class="tr_bq">
<textarea class="GReterea" row="6" cols="60"> 
Tuliskan Teks atau Kode HTML di sini !</blockquote>
 
Catatan :
 
<ol>
<li>Textarea berfungsi sebagai wadah 
teks dimana semua bentuk teks akan di tampilkan apa adanya, termasuk 
kode HTML. Jadi bila sampeyan menuliskan kode berbentuk seperti ini : 
<style typt="text/CSS"> maka dalam box textarea akan terlihat 
seperti itu juga (ditampilkan apa adanya sesuai yang dituliskan).</li>
<li>row="6" adalah ukuran tinggi textarea. Rubah nilainya untuk merubah ketinggian textarea ;Semakin kecil akan semakin pendek, sedang apabila diperbesar akan semakin tinggi.</li>
<li>cols="60" adalah ukuran lebar. Semakin besar semakin lebar dan sebaliknya bila diperkecil maka akan semakin berkurang lebarnya.</li>
<li>Ukuran text dapat dirubah dengan merubah nilai pada : font-size: 14px;</li>
</ol>
Semoga bermanfaat... 
 
 </div>
</div>

Textarea bukan sebuah box sederhana saja yang sekedar tampil apa adanya untuk wadah link exchange, banner exchange atau kode html dan t...

Baca selengkapnya...

3 Komentar

jalupangna Label: tips dan triks blogger 09.55 3 komentar

Cara membuat saving mode CSS3 keren dan cantik di blog

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRyGQWT6N-2emgdAmcybD46aa_Khl6ejM2HwygHXFd-uE1C2iafiF9-9H5xM-Wy-PPlKJtoyghexkxtsKn1lhdZNyzFQkQIZxx7KvSPADyvZW818jlOLXMIU5qN7Zf8K-0Ukqt8OGQROkx/s1600/saving+mode.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRyGQWT6N-2emgdAmcybD46aa_Khl6ejM2HwygHXFd-uE1C2iafiF9-9H5xM-Wy-PPlKJtoyghexkxtsKn1lhdZNyzFQkQIZxx7KvSPADyvZW818jlOLXMIU5qN7Zf8K-0Ukqt8OGQROkx/s1600/saving+mode.jpg" /></a></div>
 
Setelah beberapa kali penulis blog walking di tetangga sebelah, akhirnya
 penulis menemukan artikel menarik berkaitang dengan postingan membuat 
saving mode dengan CSS3. Dan penulis berinisiatif untuk memposting 
kembali di blog penulis, maklum saja penulis masih newbie di dunia 
blogger dan masih dalam tahap belajar. 
 
 
Hebohnya Energy Saving Mode yang di release 2009 lalu benar-benar 
membuat banyak blogger penasaran dan tertarik untuk ikut menggunakannya 
di blog. Bagi beberapa sobat blogger yang sebelumnya telah menggunakan 
jQuery.1.3.2.js atau jQuery.1.3.2.min.js adalah sebuah keberuntungan 
karena pemanfaatan jquery.1.3.2.min.js dalam desain energy saving mode 
sekaligus dapat digunakan untuk meng-cover kebutuhan blog akan 
jquery.1.3.2.js. 
 
Hal sebaliknya akan terjadi pada blogger yang selama ini blognya sama 
sekali tidak menggunakan jQuery.1.3.2.min.js atau jquery.1.3.2.js untuk 
berbagai fungsi/fasilitas blog. Pemaksaan untuk menggunakan Energy Saving Mode justru bukan sebuah tindakan yang menguntungkan sekaligus
 bukan suatu langkah sebagai cerminan maksud dan tujuan dibuatnya energy
 saving mode. Ya ..., karena jelas-jelas beban blog akan bertambah 
dengan sebuah jQuery.1.3.2.min.js. Sekalipun jquery.1.3.2.min.js tidak 
akan menjadi beban tambahan yang fatal, namun setidaknya beban loading 
pasti akan cukup meningkat. Diluar hal ini "kemubaziran" akan 
terjadi. Yah jika memang tak satupun fungsi lain terdukung dengan 
digunakannya jQuery.1.3.2.min.js yang terdapat di desain Energy Saving 
Mode, trus apa ya nggak rugi jika jQuery.min.1.3.2.min.js yang jelas-jelas menambah beban dan loading blog ini hanya dimanfaatkan "untuk sekedar bisa menggunakan Energy Saving Mode?" 
 
Menyikapi trend baru yang banyak menghanyutkan "nafsu" dan "keinginan" 
untuk ikut-ikutan menggunakan Energy Saving Mode tanpa melihat untung 
ruginya ini (karena bagi yang blognya tidak menggunakan jQuery.1.3.2.min.js jelas bikin kerugian),
 satu desain menarik Energy Saving Mode yang hanya menggunakan kode CSS 
telah coba aku buat. Energy Saving Mode hasil produksi anak negeri yang 
asli dalam negeri ini merupakan wujud kepedulian terhadap sementara 
blogger yang sebenarnya tidak membutuhkan jQuery.1.3.2.min.js dalam 
desain blognya, akan tetapi ingin menggunakan dan memasang Energy Saving
 Mode sebagai upaya mempercantik blog sekaligus untuk ikut mendukung 
upaya penghematan energy bagi dunia. Jika mungkin sampeyan tertarik dan 
ingin melihat seperti apa, sih, Energy Saving Mode tanpa 
jQuery.1.3.2.min.js, cantik atau buruk rupakah dia? Kira-kira cocok atau
 tidakkah buat blog anda? 
 
<div class="blue">
Perbandingan Energy Saving Mode Menggunakan JQuery dan CSS3</div>
<a href="https://www.blogger.com/blogger.g?blogID=2280420673319463854" name="more"></a> 
Energy Saving Mode Menggunakan jQuery.1.3.2.min.js 
<ol>
<li>Kode yang digunakan: Javascipt: 2 kbyte, jquery.1.3.2.min.js: 56 kbyte, kode CSS: 1 kbyte</li>
<li>Energy Saving Mode bekerja secara rutin tiap 10000s (bisa di atur). 
Energy Saving Mode bahkan selalu aktif/bekerja saat pengunjung masih 
menikmati posting (cenderung mengganggu!).</li>
<li>Energy Saving Mode bekerja saat pengunjung meninggalkan blog/web 
selama durasi yang ditentukan (10000s dan bisa diatur durasinya).</li>
<li>Menggunakan animasi gerak dan opacity.</li>
<li>Harus memanfaatkan file Hosting (javascript dan jQuery.1.3.2.min.js).</li>
<li>Efek penggunaan Energy Saving Mode hanya terlihat di halaman blog.</li>
<li>Bekerja dengan sempurna di semua browser meskipun bentuk animasi terjadi pergeseran tempat (saat mulai aktif).</li>
</ol>
Energy Saving Mode Menggunakan CSS3 
<ol>
<li>Kode yang digunakan: Kode CSS: 4 kbyte (super irit).</li>
<li>Energy Saving Mode bekerja secara rutin tiap 10s (bisa di atur). 
Energy Saving Mode Using CSS3 hanya bekerja ketika cursor berada di luar
 halaman blog. Selama cursor di atas halaman blog maka Energy Saving 
Mode tidak akan aktif sehingga seluruh aktifitas pengunjung/pembaca 
tidak akan terganggu..</li>
<li>Menggunakan animasi gerak dan opacity dan beberapa efek lain seperti background color.</li>
<li>Tidak perlu diupload di file Hosting (langsung simpan di template alias praktis).</li>
<li>Efek penggunaan Energy Saving Mode akan terlihat di Halaman Blog dan
 di Page Elemen/Elemen Laman (tidak mengganggu karena saat Elemen Laman 
tersentuh cursor maka teks yang tertulis dalam Energy Saving Mode akan 
terbang melenyapkan diri!).</li>
<li>Bekerja dengan baik di semua browser. Animasi hanya bekerja di 
browser yang mendukung CSS3 (Opera 1063, Mozilla 4 beta 0 ke atas , 
Google Chrome dan Safari serta beberapa browser lain). 
nb: mulai sekarang gunakan selalu browser yang sudah mendukung CSS3 karena blog menjadi lebih enak untuk dijelajahi dan dinikmati</li>
</ol>
Dari perbandingan di atas, kiranya anda bisa menentukan sendiri kira-kira lebih nyaman menggunakan yang mana. 
 
Kode CSS Energi Saving Mode Menggunakan CSS3: 
 
<blockquote class="tr_bq">
* { margin:0; padding: 0; } 
#navbar-iframe { 
       height: 0; 
       opacity: 0.0; 
       -o-transition: height 2s linear 8s, opacity 2.5s linear 6s; 
       -moz-transition: height 2s linear 8s, opacity 2.5s linear 6s; 
       -webkit-transition: height 2s linear 8s, opacity 2.5s linear 6s; 
} 
body:hover #navbar-iframe { 
       height: 30px; 
       opacity: 1.0; 
       -o-transition: height 2s linear 2.5s, opacity 2.5s linear 2.5s; 
       -moz-transition: height 2s linear 2.5s, opacity 2.5s linear 2.5s; 
       -webkit-transition: height 2s linear 2.5s, opacity 2.5s linear 2.5s; 
} 
body .bgsGR_esm { 
       position: fixed; 
       width: 100%; 
       top: 0; 
       height: 100%; 
       opacity: 0.97; 
       filter: alpha(opacity=97); 
       -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=97)"; 
       background: #000; 
       border-bottom: 3px solid transparent; 
       z-index: 99999999; 
       -o-transition: all 3s ease-in-out 10s; 
       -moz-transition: all 3s ease-in-out 10s; 
       -webkit-transition: all 3s ease-in-out 10s; 
} 
body:hover .bgsGR_esm { 
       opacity: 0.0; 
       height: 0.001%; 
       filter: alpha(opacity=0); 
       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
       background: #0a7f01; 
       border-bottom: 5px solid #333; 
       -o-transition: opacity 2s ease-in-out 2.5s, background-color 3s linear 0.5s, height 1s ease-in 1.8s; 
       -moz-transition: opacity 2s ease-in-out 2.5s, background 3s linear 0.5s, height 1s ease-in 1.8s; 
       -webkit-transition: opacity 2s ease-in-out 2.5s, background 3s linear 0.5s, height 1s ease-in 1.8s; 
} 
body .bgsGR_esm p.esm1 { 
       margin: 0; 
       padding: 0; 
       width: 92%; 
       background: transparent; 
       font-size: 100px; 
       font-family: "Serif", Times New Roman; 
       color: #333; /* original code by: gubhugreyot.blogspot.com */ 
       text-shadow: 1px 1px 2px #ccc; 
       position: relative; 
       margin-top: 200px; 
       line-height: 20px; 
       font-weight: bold; 
       text-align: center; 
       border: 30px solid transparent; 
       border-radius: 20px; 
       -o-transition: -o-transform 5s ease-out 8s, background-color 4s ease-out 12s; 
       -moz-transition: -moz-transform 5s ease-out 8s, background 4s ease-out 12s; 
       -webkit-transition: -webkit-transform 5s ease-out 8s, background 4s ease-out 12s; 
} 
body:hover .bgsGR_esm p.esm1{ 
       font-size: 10px; 
       color: red; 
       width: 25%; 
       margin: 340px 0 0 300px; 
       padding: 25px; 
       background: #aaa; 
       border: 20px solid #888; 
       border-radius: 170px; 
       -o-transform:translate(600px,-500px) rotate(360deg) scale(0.2); 
       -moz-transform:translate(600px,-500px) rotate(360deg) scale(0.2); 
       -webkit-transform:translate(600px,-500px) rotate(360deg) scale(0.2); 
       -o-transition: font 1.1s 0.1s, width 1.3s 0.4s, margin-left 0.8s 1.2s, -o-transform 1.2s linear 1.5s, background-color 0.6s ease-in 0.6s, margin-top 1.2s ease-in 0.5s, border 3s ease-in; 
       -moz-transition: font 1.1s 0.1s, width 1.3s 0.4s, margin-left 0.8s 1.2s, -moz-transform 1.2s linear 1.5s, background 0.6s ease-in 0.6s, margin-top 1.2s ease-in 0.5s, border 3s ease-in; 
       -webkit-transition: font 1.1s 0.1s, width 1.7s 0s, margin-left 0.8s 1.2s, -webkit-transform 1.2s linear 1.5s, background 0.6s ease-in 0.6s, margin-top 1s ease-in 0.5s, border 3s ease-in, -webkit-border-radius 3s ease-in; 
} 
.bgsGR_esm p span.esm2 { 
       font-size: 18px; 
       opacity: 0.5; 
       filter: alpha(opacity=50); 
       -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
       display: block; /* original code by: gubhugreyot.blogspot.com */ 
       text-align: center; 
       width: 300px; 
       margin: -10px auto; 
       font-weight: normal; 
       padding: 2px 8px; 
       background: #000; 
       border: 1px solid #333; 
       border-radius: 0; 
       color: #0000FF; 
       text-shadow: none; 
       font-family: Arial, Helvetica, sans-serif; 
       -o-transition: 1s ease-out; 
       -moz-transition: 1s ease-out; 
       -webkit-transition: 1s ease-out; 
} 
.bgsGR_esm:hover p span.esm2{ 
       font-size: 10px; 
       width: 200px; /* original code by: gubhugreyot.blogspot.com */ 
       padding: 0; 
} 
.bgsGR_esm p span.esm3{ 
       color: #ccc; 
       font-family: "Tahoma", Arial, Helvetica; 
       display: block; 
       margin:10px auto; 
       background: url(http://i964.photobucket.com/albums/ae124/gubhugreyot/ESM3H2V70.png) left center repeat-x; 
       background: -moz-linear-gradient(top,#666,#111); 
       background: -webkit-gradient(linear,0% top,0% bottom,from(#111),to(#666)); 
       opacity: 0.6; 
       filter: alpha(opacity=60); 
       -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; 
       width: 250px; 
       text-shadow: 1px 1px 1px #000; 
       border: 1px solid #333; 
       border-radius: 4px; 
       padding:2px 10px; 
       font-size: 12px; 
       font-weight: normal; 
       line-height: 16px; 
} 
.bgsGR_esm .by_gubhugreyot { 
       margin-left: 30px; 
       text-align: left; 
       color: #015828; 
       font-size: 12px; 
       font-weight: normal; 
       position: absolute; 
       top: 550px; /* original code by: gubhugreyot.blogspot.com */ 
       width: 100%; 
       height: 20px; 
       left: 0; 
} 
.bgsGR_esm .by_gubhugreyot span.esm4 { 
       color: #aaa; 
       font-style:italic; 
}</blockquote>
 
<ol>
<li>Desain Energy Saving Mode sekaligus menyertakan animasi pada 
navbar. Jika anda suka menampilkan navbar sebagai pelengkap blog, 
maka kode ini dapat langsung disimpan di template. Sebuah animasi cantik
 tidak hanya terjadi di Energy Saving Mode, namun animasi juga akan 
terjadi pada navbar. Sangat cantik! Cobalah jika anda tidak percaya!</li>
<li>Jika anda tidak akan menampilkan navbar, silahkan rubah ganti kode yang seperti berikut dengan kode baru di bawahnya.  </li>
</ol>
 
<blockquote class="tr_bq">
#navbar-iframe { 
       height: 0; 
       opacity:0.0;        
       -o-transition: height 2s linear 8s, opacity 2.5s linear 6s; 
       -moz-transition: height 2s linear 8s, opacity 2.5s linear 6s; 
       -webkit-transition: height 2s linear 8s, opacity 2.5s linear 6s; 
} 
body:hover #navbar-iframe { 
       height: 30px; 
       opacity: 1.0; 
       -o-transition: height 2s linear 2.5s, opacity 2.5s linear 2.5s; 
       -moz-transition: height 2s linear 2.5s, opacity 2.5s linear 2.5s; 
       -webkit-transition: height 2s linear 2.5s, opacity 2.5s linear 2.5s; 
} </blockquote>
 
Kode CSS pengganti: 
 
<blockquote class="tr_bq">
 #navbar-iframe { 
       display: none; 
}</blockquote>
 
xHTML Energy Saving Mode Using CSS3: 
 
<blockquote class="tr_bq">
<div class='bgsGR_esm'> 
 
gubhug reyot 
Energy Saving Mode Using CSS3 
Move your mouse to go back to the page! Gerakkan mouse anda dan silahkan nikmati kembali posting kami! 
 
<div class='by_gubhugreyot'> 
Copyright 2010 gubhugreyot.blogspot.com - All rights reserved</div> 
</div></blockquote>
 
<ol>
<li>Silahkan anda rubah teks yang cetak tebal untuk menampilkan teks dalam bentuk berbeda.</li>
<li>Teks "gubhug reyot yang cetak tebal menggunakan font yang cukup besar (font-size: 100px;).
 Jika ingin menuliskan nama blog atau nama yang lain dengan teks cukup 
panjang, sampeyan bisa kecilkan ukuran font yang terdapat dalam syntax. </li>
</ol>
<blockquote class="tr_bq">
body .bgsGR_esm p.esm1{font-size: 100px;}</blockquote>
 
Ukuran font bisa diperkecil (misalnya 50px) hingga bisa terlihat ideal di blog! 
 
Cara Menggunakan Kode Energy Saving Mode dengan CSS3: 
 
<ol>
<li>Login ke blogger : Gunakan User Name (Nama Pengguna) atau Email Address dan Password (Sandi). Setelah semua tertulis dengan benar, klik "Login".</li>
<li>Dasboard/Dasbor : Cari dan KLIK link "Design/Rancangan".</li>
<li>Design/Rancangan : Cari dan klik "Edit HTML".</li>
<li>Edit HTML : Amankan template terlebih dahulu (back-up templates).<ul class="dua">
<li class="dua">KLIK Download Template Lengkap.</li>
<li class="dua">Simpan file Template di folder PC.</li>
<li class="dua">Kembali ke halaman "Edit HTML".</li>
</ul>
</li>
<li>Cari kode ]]></b:skin> dan letakkan kode CSS di atasnya!</li>
<li>Cari kode <body> Gunakan Ctrl+F untuk memudahkan pencarian kode!</li>
<li>Copy-Paste : Copy xHTML Energy Saving Mode Using CSS3 dan letakkan di bawah kode <body>.</li>
<li>SAVE Templates/Simpan Template : KLIK SAVE Templates.</li>
<li>Buka blog untuk melihat hasilnya!</li>
</ol>
Catatan/Keterangan: 
<ul>
<li>Untuk membuat layar menjadi gelap penuh saat Energy Saving Mode 
bekerja, rubahlah nilai opacity: 0.97; dan filter:alpha ... opacity=97, 
serta -ms-filter: ... opacity=97 menjadi 1.0 dan 100.</li>
<li>Untuk mengatur durasi bekerjanya "Energy Saving Mode using CSS3, atur nilai pada kode berikut:</li>
</ul>
<blockquote class="tr_bq">
 body .bgsGR_esm{ 
       -o-transition: all 3s ease-in-out 10s; 
       -moz-transition: all 3s ease-in-out 10s; 
       -webkit-transition: all 3s ease-in-out 10s; 
} 
body .bgsGR_esm p.esm1 { 
       -o-transition: -o-transform 5s ease-out 8s, background-color 4s ease-out 12s; 
       -moz-transition: -moz-transform 5s ease-out 8s, background 4s ease-out 12s; 
       -webkit-transition: -webkit-transform 5s ease-out 8s, background 4s ease-out 12s; 
}</blockquote>
 
<ul>
<li>Angka 10s merupakan durasi aktifnya Energy Saving Mode. </li>
<li>Jika navbar digunakan, anda juga harus mengganti angka juga : </li>
</ul>
<blockquote class="tr_bq">
#navbar-iframe {      
-o-transition: height 2s linear 8s, opacity 2.5s linear 6s; 
-moz-transition: height 2s linear 8s, opacity 2.5s linear 6s; 
-webkit-transition: height 2s linear 8s, opacity 2.5s linear 6s; 
}</blockquote>
 
<ul>
<li>Pengurangan nilai sebesar -4s dan -6s dari durasi aktifnya Energy Saving Mode using CSS3 (10s). </li>
</ul>
 
Semoga bermanfaat! 
 
Sumber: http://gubhugreyot.blogspot.com 
 </div>

Setelah beberapa kali penulis blog walking di tetangga sebelah, akhirnya penulis menemukan artikel menarik berkaitang dengan postingan ...

Baca selengkapnya...

4 Komentar

jalupangna Label: tips dan triks blogger 09.34 4 komentar

Cara membuat menu vertical accordion keren dan cantik

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMJnpvg__wxn-gFNm-i_YjMIhxgUl62wgdNgHr2BZjGBYAg9U7ixPvqiyqHVddhzg7YdP3VnIcSYzYJup9QLnFBjTX_el4xU0s2r5EnbvxJLyqmwbQTis3TdnF14xxbxd5QxOgPGjRgBLp/s1600/gbr1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMJnpvg__wxn-gFNm-i_YjMIhxgUl62wgdNgHr2BZjGBYAg9U7ixPvqiyqHVddhzg7YdP3VnIcSYzYJup9QLnFBjTX_el4xU0s2r5EnbvxJLyqmwbQTis3TdnF14xxbxd5QxOgPGjRgBLp/s1600/gbr1.jpg" /></a></div>
 
 Setelah blogwalking ke tetangga sebelah, saya sangat tertarik sekali 
untuk mepostingan kembali dan share dengan anda tentang Cara membuat 
menu vertical accordion cantik di blog . Langsung menuju  TKP aja.. 
 
JQuery-1.3.2.min.js masih menjadi pilar utama bekerjanya accordion, yang
 dipadukan dengan sejumlah script lain hingga dapat membentuk sebuah 
fungsi dinamis dengan bentuk tampilan yang terbangun sepenuhnya melalui 
beberapa kode css dan background image. 
 
<a href="http://jalu-pangna.blogspot.com/" target="_blank">jquery dan Javascript pembentuk jQuery Vertical Accordion Menu</a> 
 
Silahkan letakkan dan simpan di bawah kode </head>  
 
<h5>
Javascript :</h5>
<blockquote class="tr_bq">
<h5>
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script src='http://vertical-accordion-menu.googlecode.com/files/GR_v-accordion-gubhugreyot.js' type='text/javascript'></script> <script type="text/javascript"> //<![CDATA[ ddaccordion.init({ headerclass: "accordion", contentclass: "ul_accordion", revealtype: "click", // "click", "clickgo", or "mouseover" mouseoverdelay: 200, //if revealtype="mouseover" collapseprev: true, defaultexpanded: [0], onemustopen: false, animatedefault: false, persiststate: true, toggleclass: ["", "aktif"], togglehtml: ["prefix", "", ""], animatespeed: "slow", oninit:function(headers, expandedindices){ }, onopenclose:function(header, index, state, isuseractivated){ } }) //]]> </script> </h5>
</blockquote>
 
 Kode CSS jQuery Vertical Accordion Menu 
 
Untuk kode CSS, anda bisa meletakkan dan menyimpan di atas kode ]]></b:skin> 
 
<h5>
Kode CSS:</h5>
<blockquote class="tr_bq">
<h5>
h3.selektor accordion{        font-weight: bold;        font-size:14px; } .molormenu{        background:#33333;        width:auto;        margin-top:10px;        font-family:Arial; } .molormenu .selektor{        font-weight: bold;        font-size:15px;        font-family:Times;        color: #e79958;        background: transparent url(http://vertical-accordion-menu.googlecode.com/files/bg_hor-accordion-gubhugreyot-2.gif) repeat-x center left;        margin-bottom: 5px;        text-transform: uppercase;        padding: 10px 0 10px 10px;        cursor: pointer;        border-bottom:1px solid #666; } .molormenu .aktif{        background-image: url(http://vertical-accordion-menu.googlecode.com/files/bg_hor-accordion-gubhugreyot-3.gif); } .molormenu ul{        background:transparent;        list-style-type: none;        margin: 0;        padding: 0;        margin-bottom: 8px; } .molormenu ul li{        padding-bottom: 2px; } .molormenu ul li a{        color: #fceada;        background: url(http://vertical-accordion-menu.googlecode.com/files/bg_hor-accordion-gubhugreyot-4.gif) no-repeat center left;        display: block;        padding: 2px 0;        padding-left: 19px;        text-decoration: none;        font-weight: bold;        border-bottom: 1px solid #666;        font-size: 11px;        font-weight:normal; } .molormenu ul li a:visited{        background:red;        color: #3a3838; } .molormenu ul li a:hover{        color:yellow;        background-color: black; } </h5>
</blockquote>
 
Kode HTML jQuery Vertical Accordion Menu 
 
Kode HTML yang berisikan link dan nama setiap link menu yang akan 
ditampilkan di blog disimpan melalui penambahan widget. Sampeyan bisa 
menggunakan widget di bagian sidebar kanan atau kiri. Silahkan setiap 
link beserta nama link untuk diganti sesuai kebutuhan blog. 
 
<blockquote class="tr_bq">
<div style="background:#222;padding:2px;border:1px solid 666;"> 
 
<div align="center" style="background:#2f4274 url(http://vertical-accordion-menu.googlecode.com/files/bg_hor-accordion-gubhugreyot-1.gif);font-family:Monotype Corsiva;font-size:16px;font-weight:bold; margin:5px; color:#c2d2fa;padding:2px  5px;border:1px solid blue;"> 
CLICK any categories for open!</div> 
<div class="clear:both"> 
</div> 
<div class="molormenu"> 
 
<h3 class="selektor accordion"> 
Menu-1</h3> 
<ul class="ul_accordion"> 
<li><a href="Link-1a" title="Tuliskan title setiap link di sini!">Tuliskan Nama Link di sini!</a></li> 
<li><a href="Link-1b" title="Tuliskan title setiap link di sini!">Tuliskan Nama Link di sini!</a></li> 
<li><a href="Link-1c" title="Tuliskan title setiap link di sini!">Tuliskan Nama Link di sini!</a></li> 
<li><a href="Link-1d" title="Tuliskan title setiap link di sini!">Tuliskan Nama Link di sini!</a></li> 
<li><a href="Link-1e" title="Tuliskan title setiap link di sini!">Tuliskan Nama Link di sini!</a></li> 
</ul> 
<h3 class="selektor accordion"> 
Menu-2</h3> 
<ul class="ul_accordion"> 
<li><a href="Link-2a" title="Tuliskan title setiap link di sini!">Tuliskan Nama Link di sini!</a></li> 
<li><a href="Link-2b" title="Tuliskan title setiap link di sini!">Tuliskan Nama Link di sini!</a></li> 
<li><a href="Link-2c" title="Tuliskan title setiap link di sini!">Tuliskan Nama Link di sini!</a></li> 
<li><a href="Link-2d" title="Tuliskan title setiap link di sini!">Tuliskan Nama Link di sini!</a></li> 
<li><a href="Link-2e" title="Tuliskan title setiap link di sini!">Tuliskan Nama Link di sini!</a></li> 
</ul> 
<h3 class="selektor accordion"> 
Menu-3</h3> 
<ul class="ul_accordion"> 
<li><a href="Link-3a" title="Tuliskan title setiap link di sini!">Tuliskan Nama Link di sini!</a></li> 
<li><a href="Link-3b" title="Tuliskan title setiap link di sini!">Tuliskan Nama Link di sini!</a></li> 
<li><a href="Link-3c" title="Tuliskan title setiap link di sini!">Tuliskan Nama Link di sini!</a></li> 
<li><a href="Link-3d" title="Tuliskan title setiap link di sini!">Tuliskan Nama Link di sini!</a></li> 
<li><a href="Link-3e" title="Tuliskan title setiap link di sini!">Tuliskan Nama Link di sini!</a></li> 
</ul> 
<h3 class="selektor accordion"> 
Menu-4</h3> 
<ul class="ul_accordion"> 
<li><a href="Link-4a" title="Tuliskan title setiap link di sini!">Tuliskan Nama Link di sini!</a></li> 
<li><a href="Link-4b" title="Tuliskan title setiap link di sini!">Tuliskan Nama Link di sini!</a></li> 
<li><a href="Link-4c" title="Tuliskan title setiap link di sini!">Tuliskan Nama Link di sini!</a></li> 
<li><a href="Link-4d" title="Tuliskan title setiap link di sini!">Tuliskan Nama Link di sini!</a></li> 
<li><a href="Link-4e" title="Tuliskan title setiap link di sini!">Tuliskan Nama Link di sini!</a></li> 
</ul> 
<h3 class="selektor accordion"> 
Menu-5</h3> 
<ul class="ul_accordion"> 
<li><a href="Link-5a" title="Tuliskan title setiap link di sini!">Tuliskan Nama Link di sini!</a></li> 
<li><a href="Link-5b" title="Tuliskan title setiap link di sini!">Tuliskan Nama Link di sini!</a></li> 
<li><a href="Link-5c" title="Tuliskan title setiap link di sini!">Tuliskan Nama Link di sini!</a></li> 
<li><a href="Link-5d" title="Tuliskan title setiap link di sini!">Tuliskan Nama Link di sini!</a></li> 
<li><a href="Link-5e" title="Tuliskan title setiap link di sini!">Tuliskan Nama Link di sini!</a></li> 
</ul> 
<h3 class="selektor accordion"> 
Menu-6</h3> 
<ul class="ul_accordion"> 
<li><a href="Link-6a" title="Tuliskan title setiap link di sini!">Tuliskan Nama Link di sini!</a></li> 
<li><a href="Link-6b" title="Tuliskan title setiap link di sini!">Tuliskan Nama Link di sini!</a></li> 
<li><a href="Link-6c" title="Tuliskan title setiap link di sini!">Tuliskan Nama Link di sini!</a></li> 
<li><a href="Link-6d" title="Tuliskan title setiap link di sini!">Tuliskan Nama Link di sini!</a></li> 
<li><a href="Link-6e" title="Tuliskan title setiap link di sini!">Tuliskan Nama Link di sini!</a></li> 
</ul> 
</div> 
</div></blockquote>
 
Langkah-langkah yang harus dilakukan : 
 
<div class="an">
Penyimpanan Javascript dan Kode CSS</div>
<ol>
<li>Login :
 Login to BloGGeR (Login ke BloGGeR) dengan menuliskan User Name (Nama 
Pengguna) atau Email Address. Tuliskan juga Password atau Sandi</li>
<li>Dasboard (Dasbor) : Setelah memasuki halaman Dasbor, KLIK "Design (Rancangan)".</li>
<li>Design (Rancangan) : KLIK link "Edit HTML"</li>
<li>Backup Template : : Amankan template terlebih dahulu dengan KLIK "Download Full Template (Download Template Lengkap)". Lanjutkan dengan menyimpan (SAVE) file template di "Folder PC".</li>
<li><head> : Cari kode tersebut dengan menggunakan Ctrl+F untuk memudahkan pencarian kode. Kode <head> terletak di bagian atas "Edit HTML". Letakkan jQuery dan javascript di bawahnya.</li>
<li>]]></b:skin> : Cari kode ini dan gunakan juga Ctrl+F. Letakkan kode CSS di atasnya.</li>
<li>SAVE Template (Simpan Template) : KLIK SAVE Template/Simpan Template.</li>
<li>Lanjutkan dengan KLIK link "Page Elemen (Elemen Laman)".</li>
<li>Add Gadget : KLIK "Add Gadget (Tambah Gadget)" yang 
terletak di box dengan garis terputus-putus. Sampeyan bisa gunakan yang 
di bagian "Sidebar" kanan atau kiri.</li>
<li>Tunggu beberapa saat. KLIK pada "HTML/Javascript". Setelah terlihat box penyimpanan widget, copy dan pastekan kode HTML-nya.</li>
<li>KLIK "SAVE/Simpan" dan lihat hasilnya di dengan membuka blog.</li>
</ol>
 
Catatan/Keterangan : 
1. Kode HTML yang disediakan hanya menyediakan 6 (enam) selector 
menu. Anda bisa menambah dengan cara menambahkan kode baru setelah 
yang terakhir dengan kode tambahan : 
 
 
<h5>
xHTML:</h5>
<blockquote class="tr_bq">
 <h3 class="selektor accordion"> 
Menu-7</h3> 
<ul class="ul_accordion"> 
<li><a href="Link-7a" title="Tuliskan title setiap link di sini!">Tuliskan Nama Link di sini!</a></li> 
<li><a href="Link-7b" title="Tuliskan title setiap link di sini!">Tuliskan Nama Link di sini!</a></li> 
<li><a href="Link-7c" title="Tuliskan title setiap link di sini!">Tuliskan Nama Link di sini!</a></li> 
<li><a href="Link-7d" title="Tuliskan title setiap link di sini!">Tuliskan Nama Link di sini!</a></li> 
<li><a href="Link-7e" title="Tuliskan title setiap link di sini!">Tuliskan Nama Link di sini!</a></li> 
</ul></blockquote>
 
2. Link dan Nama Link juga bisa ditambah dengan menambahkan kode baru di bawahnya seperti misalnya : 
 
<h5>
xHTML</h5>
<blockquote class="tr_bq">
 <h3 class="selektor accordion"> 
Menu-7</h3> 
<ul class="ul_accordion"> 
<li><a href="Link-7a" title="Tuliskan title setiap link di sini!">Tuliskan Nama Link di sini!</a></li> 
<li><a href="Link-7b" title="Tuliskan title setiap link di sini!">Tuliskan Nama Link di sini!</a></li> 
<li><a href="Link-7c" title="Tuliskan title setiap link di sini!">Tuliskan Nama Link di sini!</a></li> 
<li><a href="Link-7d" title="Tuliskan title setiap link di sini!">Tuliskan Nama Link di sini!</a></li> 
<li><a href="Link-7e" title="Tuliskan title setiap link di sini!">Tuliskan Nama Link di sini!</a></li> 
<li><a href="Link-7f" title="Tuliskan title setiap link di sini!">Tuliskan Nama Link di sini!</a></li> 
</ul></blockquote>
 
<ol>
<li>Ganti setiap link (link-1a s/d link-1e dan yang lain) dengan URL setiap menu. 
Contoh : <a class="smarterwiki-linkify" href="http://gubhugreyot.blogspot.com/2010/08/cara-buat-cc3-multilevel-drop-down-menu.html">http://gubhugreyot.blogspot.com/2010/08/cara-buat-cc3-multilevel-drop-down-menu.html</a></li>
<li>Title di isi dengan keterangan tentang nama menu. Title ini akan 
terlihat sebagai tip yang terlihat ketika cursor berada di atas link 
menu.</li>
<li>Nama menu merupakan nama atau judul menu yang akan ditampilkan.</li>
<li>Lebar Accordion akan menyesuaikan diri dengan lebar widget yang tersedia.</li>
<li>Jika blog sebelumnya sudah menggunakan jQuery, maka anda hanya perlu
 menggunakan kode dan javascriptnya saja (jQuery cukup 1 (satu) dalam 
satu blog). Buatlah script yang lain selalu berada di bawah jQuery!</li>
</ol>
<h5>
 </h5>
<h5>
Sumber:  <a class="smarterwiki-linkify" href="http://gubhugreyot.blogspot.com/2010/08/cara-buat-cc3-multilevel-drop-down-menu.html">http://gubhugreyot.blogspot.com</a></h5>
 </div>

Setelah blogwalking ke tetangga sebelah, saya sangat tertarik sekali untuk mepostingan kembali dan share dengan anda tentang Cara memb...

Baca selengkapnya...

0 Komentar

jalupangna Label: tips dan triks blogger 22.28 0 komentar

How do we learn the life from bamboo (bagaimana kita belajar kehidupan dari bambu)

<div dir="ltr" style="text-align: left;" trbidi="on">
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin323NJpl2inVbx4P0b5nxTJvJB4G1vKPMlH_FxDbOb6wL-KWe7eZ_Mw8XqFU20_8dhm6gnxNo_JD21c9d3PyP29LUk0zVeldMszatCW1AgIooPphICcMkcTOwcEYiLXNiHIxLZPJdV1WV/s1600/bambu.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin323NJpl2inVbx4P0b5nxTJvJB4G1vKPMlH_FxDbOb6wL-KWe7eZ_Mw8XqFU20_8dhm6gnxNo_JD21c9d3PyP29LUk0zVeldMszatCW1AgIooPphICcMkcTOwcEYiLXNiHIxLZPJdV1WV/s1600/bambu.jpg" /></a></div>
 
 
<blockquote class="tr_bq">
 
“Sekalipun bambu meliuk diterpa angin, dia mempunyai pegangan, akarnya menghujam ketanah”. 
~Lao Tse~</blockquote>
 
 
Suatu
 hari dalam kondisi yang putus asa seseorang memutuskan untuk berhenti 
dari pekerjaannya, bahkan berhenti dari hubungannya dengan sesama dan 
berhenti dari spiritualitasnya. 
Maka dia pergi ke hutan untuk bicara 
dengan Tuhan untuk yang terakhir kalinya. “Tuhan, berikan aku satu alasan untuk tidak berhenti” katanya. 
Tuhan memberi jawaban yang mengejutkannya. “Lihat ke sekelilingmu”, kataNya. 
“Apakah engkau memperhatikan tanaman pakis dan bambu yang ada di hutan ini?” “Ya”, jawabnya. 
Lalu
 Tuhan berkata, “Ketika pertama kali Aku menanam mereka, Aku menanam 
dan merawat benih-benih mereka dengan seksama. Aku beri mereka cahaya, 
Aku beri mereka air, dan pakis-pakis itu tumbuh dengan sangat cepat. 
Warna hijaunya yang menawan menutupi tanah, namun tidak ada yang 
terjadi dari benih bambu, tapi Aku tidak berhenti merawatnya.” 
“Dalam
 tahun kedua, pakis-pakis itu tumbuh lebih cepat dan lebih banyak lagi.
 Namun, tetap tidak ada yang terjadi dari benih bambu, tetapi Aku tidak
 menyerah terhadapnya.” 
“Dalam tahun ketiga tetap tidak ada yang 
tumbuh dari benih bambu itu tapi Aku tetap tidak menyerah. Begitu juga 
dengan tahun ke empat. ” 
“Lalu pada tahun ke lima sebuah tunas 
yang kecil muncul dari dalam tanah. Bandingkan dengan pakis, yang 
kelihatan begitu kecil dan sepertinya tidak berarti. Namun enam bulan 
kemudian, bambu ini tumbuh dengan mencapai ketinggian lebih dari 100 
kaki. Dia membutuhkan waktu lima tahun untuk menumbuhkan akar-akarnya. 
Akar-akar itu membuat dia kuat dan memberikan apa yang dia butuhkan 
untuk bertahan. Aku tidak akan memberikan ciptaanku tantangan yang 
tidak bisa mereka tangani.” 
“Tahukah engkau anakKu, dari semua 
waktu pergumulanmu, sebenarnya engkau sedang menumbuhkan akar-akarmu? 
Aku tidak menyerah terhadap bambu itu, Aku juga tidak akan pernah 
menyerah terhadapmu”. 
Tuhan berkata, “Jangan bandingkan dirimu
 dengan orang lain. Bambu-bambu itu memiliki tujuan yang berbeda 
dibandingkan dengan pakis tapi keduanya tetap membuat hutan ini menjadi
 lebih indah.” “Saatmu akan tiba”, Tuhan mengatakan itu kepadanya. “Engkau akan tumbuh sangat tinggi.”“Seberapa tinggi aku harus bertumbuh Tuhan?” tanyanya. 
“Sampai seberapa tinggi bambu-bambu itu dapat tumbuh?” Tuhan balik bertanya. “Setinggi yang mereka mampu?” dia bertanya. 
“Ya.” jawabNya “Muliakan Aku dengan pertumbuhan mu, setinggi yang engkau dapat capai.” 
Lalu
 dia pergi meninggalkan hutan itu, menyadari bahwa Tuhan tidak akan 
pernah menyerah terhadapnya dan Dia juga tidak akan pernah menyerah 
terhadap Anda. 
 
 
<blockquote>
“Sesungguhnya dalam penciptaan 
langit dan bumi, dan silih bergantinya malam dan siang terdapat 
tanda-tanda bagi orang-orang yang berakal,(yaitu) orang-orang yang 
mengingat Allah sambil berdiri atau duduk atau dalam keadan berbaring 
dan mereka memikirkan tentang penciptaan langit dan bumi (seraya 
berkata): “Ya Tuhan kami, tiadalah Engkau menciptakan ini dengan 
sia-sia, Maha Suci Engkau, maka peliharalah kami dari siksa neraka.“( 
QS Ali Imran : 190-191) </blockquote>
 
Bambu bisa menjadi 
salah satu sumber inspirasi bagi kita semua, itu dapat dilihat dari 
siklus hidupnya, yang menurut sebagian orang merupakan metafora siklus 
kehidupan manusia. 
 
Sebelum tumbuh akar bambu lebih dulu mengutkan 
dirinya sendiri, meskipun berakar serabut, pohon bambu tahan terhadap 
terpaan angin kencang, dengan kelenturannya dia mampu bergoyang bak 
seorang penari balet, fleksibilitas itu lah bambu. gerak yang mengikuti
 arus angin tetapi tetap kokoh berdiri di tempatnya mengajarkan kita 
sikap hidup yang berpijak pada keteguhan hati dalam menjalani hidup 
walau penuh cobaan dan tantangan, namun tidak kaku. 
 
Akar Bambu 
memiliki struktur yang unik karena terkait secara horizontal dan 
vertikal, sehingga dia tidak mudah ptah dan mampu berdiri kokoh untuk 
menahan erosi dan tanah longsor di sekitarnya, hikmah yang dapat kita 
ambil adalah bahwa agar kita mampu berguna baik untuk diri kita sendiri
 dan orang lain, sehingga akan membuat hidup kita lebih bermakna dan 
bermanfaat dalam kehidupan kita. 
 
Bambu juga dapat di simbolkan 
sebagai sebuah siklus hidup manusia, contohnya setelah tunas tumbuh 
lalu keluar lah rebung, ini mengajarkan bagaimana kita perlu proses 
untuk menjadi lebih baik, dengan kesabaran, ketekunan, kegigihan dalam 
berusaha itu lah yang akan menjadi pintu kesuksesan seseorang, yah 
walaupun mungkin standar kesuksesan berbeda setiap orang, tapi itu bisa
 mengajarkan kita bagaimana cara berproses, hidup bukan sesuatu yang 
instan tapi dia berproses, tinggal bagaimana kita bisa menjadikan 
proses ini menjadi lebih berguna bagi kita semua. 
 
Dari 
klasifikasinya, bambu tergolong dalam tanaman rumput. Tapi, bambu 
adalah rumput spektakuler. Tingginya terentang dari 30 cm sampai 30 
meter. Ia sebuah tanaman rumput yang unik. Nah, inilah pelajarannya. 
Meskipun berlatar tanaman rumput, bambu menjadi beda lantaran 
karakternya. Kegunaan dan caranya bambu mengekspresikan dirinya 
menjadikan bambu sebagai rumput yang berbeda. Dalam kehidupan pun, latar
 belakang kita sebenarnya bukanlah penentu. Walau latar belakang 
kehidupan kita berasal dari rakyat jelata, atau dari strata akar rumput 
 istilahnya. Tetapi, bagaimana kita berupaya mengekpresikan potensi 
diri, tidak peduli latar belakang yang ada. Itulah yang akhirnya, 
membuat kita menjadi pribadi yang luar biasa. 
 
Kemampuan bambu 
untuk tumbuh ditempat yang sulit menyebabkan bambu tersebar dalam area 
yang sangat luas dari kawasan yang terbentang diantara 50 derajad 
lintang utara dan 47 derajad lintang selatan. Penyebaran yang luas 
memungkinkan banyak sekali penggunaan bambu untuk tujuan yang berbeda, 
sumpit di kawasan Asia Timur seperti jepang dan korea, bahan anyaman 
untuk wadah, perangkap ikan, sampai alat musik dan obor penerangan, ini
 mengajarkan kita bahwa dimanapun kita berada, dimana bumi dipijak, 
senantiasa memberikan manfaat sebesar-besarnya bagi lingkungan sekitar 
kita, sesulit apapun keadaan, tak ada kata menyerah untuk terus tumbuh,
 tak ada alasan untuk berlama-lama terpendam dalam keterbatasan, karena
 bagaimanapun pertumbuhan demi pertumbuhan harus diawali dari kemampuan
 untuk mempertahankan diri dalam kondisi yang paling sulit sekalipun. 
 
Bambu
 yang tumbuh di tengah rumpun biasanya lebih besar, tinggi, kuat, dan 
rimbun. Ia menjadi demikian karena Ia tumbuh di tengah keterbatasan 
untuk bisa menyerap sinar matahari sehingga Ia berjuang lebih keras 
untuk bisa memenuhi kebutuhannya. Di sisi lain, melihat fakta dan 
kenyataan, keterbatasan seringkali justru membuat kehancuran. 
Apakah yang membuat keterbatasan dapat menghasilkan keperkasaan? Dan Apa juga yang membuatnya menjadi sebuah kehancuran? 
Ada
 beberapa kejadian menarik yang saya baca belum lama ini yang 
mengingatkan saya tentang kisah bambu tersebut. Di antaranya adalah 
tentang Iran yang meluncurkan pesawat pengebom tanpa awak. Saya 
membacanya lewat berita yang saya baca di yahoo.com karena topik ini 
menjadi sebuah issu yang menarik perhatian dunia. Membuat banyak pejabat
 Israel beserta koleganya terancam, membuat perdebatan di PBB untuk 
memberikan sangsi. Meski misi utamanya adalah untuk “Persahabatan dan 
Perdamaian”, pesawat ini oleh Mahmoud Ahmadi Nejad disebut dengan nama 
“Duta Kematian”. Apakah memang Iran melakukan ini semua karena dalam 
posisi terjepit? Terhimpit oleh desakan dari mana-mana, sehingga harus 
berjuang keras untuk bisa menjadi lebih “tinggi: agar bisa bertahan 
hidup? 
 
Lain lagi dengan kisah tentang seorang “The Last Mohican”, 
seorang lelaki Indian terakhir yang ditemukan di tengah rimba belantara
 Brazil – Seperti yang kita ketahui bahwa bangsa Indian, bangsa asli 
penduduk Amerika, tergeser dan hampir punah karena tanah kelahiran 
mereka “diduduki dan “dikuasai” oleh bangsa asing yang datang dari 
Eropa. Ia hidup dari satu pondok jerami ke jerami lain karena tidak 
ingin bertemu dengan “manusia” lainnya. Sendirian, tanpa busana, dan 
hanya ditemani panah, Ia berjuang untuk mempertahankan diri serta 
hidupnya. Dengan sendiri, tidak berarti Ia tidak bisa bertahan hidup. 
Apapun bisa dilakukan bila memang ada keinginan meski dalam keadaan 
“kalah”. 
 
Seperti yang tertuang dalam artikel karya Bayu Kritianto
 yang bercerita tentang tarian hantu suku Indian, sebuah tarian yang 
menggambarkan anggapan keyakinan suku tersebut bahwa mereka bisa 
mengalahkan bangsa Eropa yang datang ke Amerika karena memiliki spirit 
(roh dan semangat) yang lebih kuat dari para pendatang itu. Sayangnya, 
spirit itu dipatahkan oleh senjata yang sengaja dibuat untuk mengalahkan
 semangat bangsa Indian. Oleh karena itulah, para pendatang itu bisa 
berkuasa. 
 
Lain lagi bila mengamati kemampuan Amerika untuk bisa 
menguasai berbagai kebijakan di dunia. Salah satunya adalah kebijakan 
negara penghasil minyak dunia. Amerika tidak memiliki ladang minyak 
yang banyak dan bukan sebagai negara penghasil minyak terbesar di 
dunia. Amerika adalah negara konsumen terbesar yang paling banyak 
menghabiskan minyak dunia. Mereka menjadi kuat karena mereka harus 
berjuang keras untuk memenuhi kebutuhan mereka. 
 
Begitu juga 
dengan apa yang dilakukan oleh negara China, Jepang, dan Singapura. 
Mereka membangun negaranya menjadi sedemikian kuatnya karena 
keterbatasan yang mereka miliki. Bekerja keras dan kreatif membangun 
serta membentuk diri sehingga mereka bisa “tampil ke permukaan” dan 
mengalahkan para pesaingnya. Bagaimana dengan Indonesia? 
 
Filosofi 
bambu mengajarkan bahwa keterbatasan bisa menghasilkan keperkasaan atau
 kehancuran, tergantung bagaimana mau menyikapinya. Perkasa karena 
memiliki semangat untuk berjuang agar kehidupan menjadi lebih baik atau
 hancur seperti bangsa Indian karena kehilangan spirit atau 
semangatnya. Spirit memang sebuah penggerak utama yang memberikan 
keinginan untuk maju, tetapi bila tidak diiringi kerja keras, semua itu 
 pun menjadi sia-sia. Seperti juga yang diuraikan dalam ajaran Islam di 
 surat Al Jumu’ah :” Apabila telah di tunaikan Shalat Jum’at, maka bertebaranlah kamu di muka bumi” (Ayat 10). Shalat jum’at itu spirit dan dengan menebarkannya di muka bumi itu tindakan aktif mewujudkan visi dan misi spirit. 
 
Indonesia
 adalah negeri kaya, sebuah lagu zaman dulu menyebut :”Tanah ini tanah 
Surga, tongkat kayu dan batu jadi tanaman”. Namun Indonesia sangat tak 
di perhitungkan di tingkat dunia, baik dari segi ekonomi juga kekuatan 
politiknya. Sungguh sangat menyedihkan karena bangsa lain kebanyakan 
mengenal Indonesia karena fakta bahwa Indonesia merupakan Negara yang 
berpenduduk muslim terbanyak di dunia tetapi belum mampu menunjukkan 
sikap sebagai bangsa yang memiliki spirit yang tinggi. Padahal, 
seharusnya, dengan seringnya kita Shalat Jum’at dan mengulang ayat yang
 sama, spirit bangsa Indonesia haruslah menjulang tinggi. 
 
Begitu 
banyak intisari kehidupan yang dituturkan oleh bambu. Begitu banyak 
pula perlambang-perlambang yang dibuat orang dari berbagai negara untuk
 mengabadikan ajaran-ajaran Tuhan lewat buku terbesar di dunia yang 
berjudul ALAM ini. Di China, bambu menjadi simbol umur panjang, di 
India menjadi simbol persahabatan, di Vietnam bambu dijadikan simbol 
kerja keras, optimisme kesatuan, dan kemampuan adaptasi. Vietnam bahkan 
 mengabadikan pelajaran berharga dari sebatang bambu ini dengan sebuah 
peribahasa ”Ketika bambu tua, maka tunas baru akan muncul”. Ini berarti 
 bahwa bangsa Vietnam tak akan pernah binasa, ketika generasi tua mati, 
 maka muncul generasi yang lebih muda untuk menggantikannya. 
 
Keluhuran
 nilai yang ditampilkan oleh bambu ternyata tak hanya lewat 
pitutur-pitutur lirih yang hanya dapat dilihat dengan mata batin yang 
tajam, tetapi juga disertai semangat tinggi seperti ketika sang bambu 
dipergunakan untuk senjata dalam perjuangan beberapa bangsa di Asia 
Tenggara. Pitutur-pitutur lirih itu juga disertai alunan merdu dari 
kulintang, seruling bambu, dan angklung yang tercipta dari batang bambu 
 yang berongga. Dan, ketika kegelapan menyergap, bambu juga menyediakan 
 tempat untuk menumpukan pelita yang biasa disebut obor oleh 
penggunanya. Sehingga, tak ada lagi alasan untuk mengutuk kegelapan. 
Nyalakan obor bambu sebagai penerang dan terus pelajari ajaran Tuhan 
yang tersembunyi di ALAM ini. 
 
 
Referensi dari berbagai sumber.</div>

“Sekalipun bambu meliuk diterpa angin, dia mempunyai pegangan, akarnya menghujam ketanah”. ~Lao Tse~ Suatu hari dalam kondisi y...

Baca selengkapnya...

0 Komentar

jalupangna Label: science 15.02 0 komentar

vibrational energy of prayer (getaran energi doa)

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTtQONMYYWW-JiD3dtYm8oeDv3KwMpXcFAc_BBY0D1Ik4fmay0vrhfWFL3iBV-jaA0Im7_D8Vv2kMFcXH1bhjCgLoOkNelcWlGRetfFE4pjT8jImsTTcqTodvh3R2sBiGVIhVWlT0TKMqh/s1600/getaran+energi.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTtQONMYYWW-JiD3dtYm8oeDv3KwMpXcFAc_BBY0D1Ik4fmay0vrhfWFL3iBV-jaA0Im7_D8Vv2kMFcXH1bhjCgLoOkNelcWlGRetfFE4pjT8jImsTTcqTodvh3R2sBiGVIhVWlT0TKMqh/s320/getaran+energi.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: justify;">
</div>
<div style="text-align: justify;">
 </div>
<div style="text-align: justify;">
SEL DAN UNTAIAN DNA 
Dalam setiap sel 
manusia terdapat Nukleus yang mengandung zat asam deoksiribonukleat 
atau Deoxyrribonucleic acid (DNA), yaitu zat yang kita sebut sebagai 
Gen. DNA terdiri dari dua untai berbentuk spiral yang mengandung 
molekul –molekul yang namanya dapat disingkat dengan huruf A,T,C dan G.
 Ini adalah kode genetik kita, yang mengandung semua informasi untuk 
membentuk kehidupan. Nukleus dari sebuah sel tubuh manusia memiliki tiga
 miliar huruf-huruf seperti tersebut diatas. Bentuk tubuh dan hidup 
kita dibentuk oleh informasi yang dibentuk dari kombinasi tiga milyar 
huruf tersebut dan disimpan didalam DNA kita . Instruksi pada DNA 
itulah yang membentuk bagian tubuh kita menjadi darah, tulang , daging,
 mata dan lain sebagainya.</div>
<div style="text-align: justify;">
 
Sel tubuh kita akan berfungsi sesuai 
instruksi yang aktif didalam gen yang ada didalam sel tersebut. Para 
ahli genetika menyebut instruksi-instruksi ini sebagai mekanisme 
nyala-padam (on-off). Tubuh kita akan dibentuk menurut gen yang sedang 
nyala (aktif). Seluruh informasi yang baik maupun yang buruk untuk 
pembentukan tubuh kita terdapat dalam triliunan gen yang ada didalam 
tubuh kita. Jika gen yang menyala banyak mengandung unsur negatif kita 
akan mengalami kekacauan pada metabolisme tubuh, namun jika gen yang 
nyala adalah gen yang baik insya Allah tubuh kita akan merasa baik dan 
nyaman . 
 
Para ilmuwan mengatakan bahwa dari triliunan gen yang ada
 didalam tubuh kita yang aktif terus menerus hanya antara 5 sampai 10 
persen saja, sisanya dalam keadaan pasif dan siap untuk diaktifkan 
sewaktu-waktu. Pengaruh luar dapat memicu gen yang pasif atau tidur itu 
 untuk menyala dan aktif. Pengaruh luar dapat memicu gen yang buruk atau
 baik untuk menyala dan mulai mengatur sel tubuh untuk mengikuti 
instruksi gen yang nyala tersebut. Jika gen yang aktif merupakan gen 
yang buruk ia mulai menimbulkan berbagai masalah didalam tubuh kita, 
jika gen yang aktif merupakan gen yang baik ia akan memberi kenyaman dan
 kebaikan pula pada tubuh dan kehidupan kita. 
 
Tubuh kita memilki 
gen yang berpotensi untuk menimbulkan penyakit, dan pada saat yang sama
 juga memiliki gen yang dapat menyembuhkan penyakit. Pada saat gen yang
 berpotensi menimbulkan penyakit menyala , kondisi ini akan diimbangi 
oleh menyalanya gen yang berpotensi menyembuhkan penyakit, sehingga 
dicapai keadaan yang seimbang dan tubuh kita tetap berada dalam keadaan
 sehat. Namun begitu keseimbangan tersebut terganggu, penyakit itu akan
 mulai menyebar keman-mana.

Orang yang mempunyai fikiran dan 
perasaan negatif dan berada dalam keadaan stres berkepanjangan dapat 
memicu aktifnya gen yang berpotensi untuk menimbulkan penyakit. Emosi 
yang labil menyebabkan menyalanya gen yang berpotensi untuk menimbulkan
 penyakit namun tidak diimbagi oleh sel yang mampu menyembuhkan 
penyakit. Hal tersebut menyebabkan orang tersebut sangat rentan 
terhadap gangguan berbagai penyakit. Gejala inilah yang umumnya 
menimbulkan gangguan psykosomatik pada kebanyakan orangdewasa ini.</div>
<div style="text-align: justify;">
 
James K Van Fleet dalam bukunya ‘” The Powwer within , tap your inner for and program yaourself for succsess”
 mengisahkan bagaimana John Hunter seorang ahli fisiologi terkenal 
mengalami nasib buruk karena dia mederita kelainan pada pembuluh arteri.
 Ia selalu berkata bahwa orang pertama yang membuat ia benar benar 
marah akan menyebabkan kematiannya. Istrinya pernah mencoba membuatnya 
marah beberapa kali namun tidak pernah berhasil. Akhirnya orang yang 
ditunggu tunggu muncul juga , dalam salah satu rapat medis Dr Hunter 
sangat marah, sehingga ia terjatuh dan meninggal disaat itu juga karena
 mengalami oklusi jantung. Kejadian seperti ini banyak kita jumpai 
dalam kehidupan sehari hari bagaimana emosi yang memuncak dapat 
mendatangkan kematian pada seseorang akibat menyempitnya pembuluh darah
 di jantung atau pecahnya pembuluh darah di otak. Demikianlah perasaan 
negatip dan emosi yang memuncak bahkan dapat mendatangkan kematian pada
 seseorang. 
 
Merasa dan berfikir positif 
Orang
 yang selalu merasa dan berfikir positip memiliki emosi yang stabil, 
bebas dari rasa stress dan tertekan yang berkepanjangan , mampu meredam
 aktifnya gen yang berpotensi menimbulkan penyakit. Orang seperti ini 
mempunyai daya tahan yang tinggi terhadap berbagai penyakit. Bahkan 
kadangkala makanan yang menurut perhitungan ilmu kedokteran dapat 
membahayakannya tidak berpengaruh sedikitpun padanya. 
Dalam 
kehidupan sehari hari kita jumpai orang yang kuat merokok namun sampai 
usia hampir 90 tahun masih tetap sehat tidak mengalami gangguan apapun.
 Adapula orang yang banyak mengkonsumsi gula dan garam namun tidak 
mengalami gangguan penyakit diabet maupun darah tinggi. Fikiran dan 
perasaan positip yang dimilikinya merangsang gen positipnya untuk 
meredam semua efek negatif yang muncul dari makanan tersebut. Selalu 
merasa dan berfikir positip sangat penting untuk mempertahankan tubuh 
tetap sehat dan bugar.</div>
<div style="text-align: justify;">
 </div>
<div style="text-align: justify;">
Perasan dan fikiran dapat mengaktifkan gen 
kita, sebagian besar gen kita yang sedang tidur dapat diaktifkan oleh 
kekuatan fikiran dan perasaan . Kazuo Murakami Ph D seorang ahli 
genetika dari Jepang menyatakan dalam bukunya “The Divine Message of 
the DNA” bahwa faktor faktor positip seperti kegembiraan, sukacita, 
keyakinan dan do’a dapat mengaktifasi gen gen yang bermanfaat. 
Sementara faktor negatif seperti kegelisahan , stress, kesedihan, rasa 
takut, dapat menon-aktifkan gen yang bermanfaat dan nsebaliknya 
mengaktifkan gen yang tidak bermanfaat (buruk). 
 
Untuk membuktikan
 hipotesanya ini ia bergabung dengan raksasa bisnis hiburan jepang 
Yoshimoto Kogyo Co untuk mempelajari pengaruh tawa dan perasaan senang 
pada ekspresi gen. Secara sfesifik ia meneliti bagaimana tawa 
mempengaruhi tingkat glukosa darah pada orang yang mengidap diabetes 
type 2. Dalam penelitian itu ia mengukur glukosa darah setelah puasa 
(fasting blood clucose) pada subyek tes. Kemudian sebagian mereka 
mendengarkan kuliah yang tidak lucu dan membosankan sementara yang lain 
 menonton pertunjukan komedi yang lucu dan menyenangkan. Kemudian 
makanan dihidangkan kepada mereka setelah itu Kazuo Murakami mengukur 
gula darah setelah makan(post –prandial blood glucose ) mereka. Dalam 
percobaan itu ia mendapati glukosa darah mereka yang mengikuti kuliah 
yang membosankan itu meningkat 123 mg/dl sedang pada mereka yang 
menonton komedi hanya meningkat sebesar 77 mg/dl. Penelitian tersebut 
menunjukan bahwa tawa memiliki efek menguntungkan bagi tingkat glukosa 
darah 
Aktifitas Zikir (Mengingat Allah) termasuk kegiatan positif 
yang melibatkan Fikiran dan perasaan manusia, dan itu mempunyai dampak 
 positif terhadap diri manusia. Dzikrullah itu menghasilkan 
getaran-getaran gelombag elektromagnetik dengan frekuensi cahaya yang 
terus menerus menggesek hati kita. Maka, hati kita pun akan memancarkan 
 cahaya. Jika getaran zikrullah yang lembut ini vibrasinya semakin 
menguat, maka ia akan merembet menggetarkan seluruh bio electron dalam 
tubuhnya untuk mengikuti getaran energi zikir tersebut, hasilnya seluruh
 sel dan bioelectron yang berada di dalam diri manusia akan menjadi 
stabil (tenang) dan berproses dengan sehat. 
 
Allah berfirman :</div>
<blockquote class="tr_bq">
28-
 (yaitu) orang-orang yang beriman dan hati mereka menjadi tenteram 
dengan mengingat Allah. Ingatlah, hanya dengan mengingat Allah-lah hati
 menjadi tenteram. (Ar Ra’d 28) 
“Allah telah menurunkan 
perkataan yang paling baik (yaitu) Al Qur’an yang serupa (mutu 
ayat-ayatnya) lagi berulang-ulang, gemetar karenanya kulit orang-orang 
yang takut kepada Tuhannya, kemudian menjadi tenang kulit dan hati 
mereka di waktu mengingat Allah. Itulah petunjuk Allah, dengan kitab 
itu Dia menunjuki siapa yang dikehendaki-Nya. Dan barangsiapa yang 
disesatkan Allah, niscaya tak ada baginya seorang pemimpinpun.” [QS. Az Zumar (39) : 23]</blockquote>
<div style="text-align: justify;">
Betapa
 jelasnya Allah mengatakan dalam ayat-ayat di atas, bahwa getaran 
Dzikrullah berimbas ke seluruh sel yang berada di dalam tubuh manusia. 
 
Klinik
 Ochsner di New Orleans menerbitkan laporan yang menyatakan bahwa dari 
500 pasien yang dirawat di klinik mereka 74 persennya menderita 
penyakit karena gangguan mental/emosi. Departemen Medis Universitas 
Yale yang menangani pasien berobat jalan juga melaporkan bahwa 76 % 
dari pasien yang datang ke klinik mereka terbukti menderita penyakit 
karena fikiran dan perasaan negatif yang mempengaruhi emosi mereka. 
 
Tidak
 dapat kita pungkiri bahwa fikiran dan perasaan sangat besar 
pengaruhnya terhadap metabolisme tubuh . Jika kita sedang makan tiba 
tiba diberi tahu bahwa anak yang kita kasihi meninggal akibat kecelakaan
 , dijamin anda tidak bisa meneruskan makan anda. Tubuh anda segera 
bereaksi, nafas menjadi sesak selera makan kontan menghilang, otot dan 
saraf anda menjadi tegang. Pada kondisi tertentu juga diikuti naiknya 
tekanan darah yang kadangkala menyebabkan pecahnya pembuluh darah 
tertentu. Kadangkala juga diikuti denganrasa mulas pada bagian perut. 
 
Pola
 hidup dikota besar yang cenderung materialistis dan penuh persaingan 
menyebabkan tekanan yang berat pada fikiran dan perasaan sebagian 
orang. Mereka yang tidak terampil memenage fikiran dan perasaannya 
dalam menghadapi tekanan dan kesibukan pekerjaan, cenderung untuk 
mengalami gangguan psykosomatik, yaitu penyakit fisik yang muncul 
akibat gangguan mental/emosi. Umumnya mereka tidak menyadari bahwa 
penyakit fisik yang mereka derita adalah akibat gangguan emosi yang 
mereka alami. Mereka hanya sibuk mengobati penyakit fisik yang timbul 
dan tidak memperhatikan masalah fikiran dan perasaan yang menjadi 
penyebab dari penyakit tersebut. 
 
Beberapa penyakit fisik yang 
sering muncul mengiringi gangguan emosi antara lain, Nyeri dileher, 
Radang tenggorokan, Gatal dan luka pada kulit, Kesemutan dan bengkak, 
Pusing dan sakit kepala, Sembelit, Diare, Gangguan lambung, Keletihan .
 Kadangkala gangguan emosi ini juga bisa memicu beberapa penyakit ganas
 seperti tumor dan kanker. Menangani gangguan penyakit fisik akibat 
gangguan emosi tidak cukup hanya dengan mengobati gejala fisik yang 
timbul, tapi harus dibarengi dengan mengatasi gangguan emosi tersebut. 
Usaha mengobati gangguan fisik akan sia- sia jika tidak diiringi dengan
 usaha mengatasi gangguan emosi. Obat-obatan medis yang diberikan hanya
 untuk mengurangi rasa sakit atau mengurangi efek buruk penyakit 
tersebut , namun tidak akan mampu menyembuhkan secara sempurna jika 
penyebab utama nya yaitu gangguan emosi tidak segera diatasi. 
 
Penyakit
 yang timbul akibat gangguan psykosomatik ini kadang kala tidak bisa 
dideteksi secara fisik maupun medis. Penderita merasakan keluhan rasa 
sakit dan tidak nyaman ditubuhnya yang kadangkala lokasinya 
berpindah-pindah, namun pemeriksaan medis tidak menemukan kelainan pada 
 organ tubuh yang dikeluhkan itu. Menghadapi hal ini biasanya dokter 
menyarankan pasiennya untuk konsultasi pada psikiater, namun sayangnya 
banyak pasienyang menolak saran ini:” Emangnya saya gila dok…” . 
Selanjutnya ia akan mencari dokter lain untuk menyembuhkan keluhannya 
itu. Orang ini akhirnya akan sering gonta-ganti dokter namun penyakitnya
 tidak juga kunjung sembuh. 
 
Pengaruh Fikiran dan perasaan negatif pada gen dan sel tubuh 
Fikiran
 dan perasaan negatif mempunyai andil yang besar sebagai penyebab 
gangguan psykosomatik yang dialami banyak orang. Seseorang yang berada 
dalam keadaan tertekan, stres berkepanjangan atau menghadapi masalah dan
 problem berat yang tidak pernah terselesaikan , biasanya memiliki 
fikiran dan perasaan yang negatif. Fikiran dan perasaan negatif ini akan
 mempengaruhi gen dan sel tubuhnya, yang pada akhirnya akan memunculkan
 berbagai keluhan pada tubuh dan fisik yang bersangkutan. 
Allah 
menciptakan manusia dari sebutir sel yang dibuahi, kemudian sel 
tersebut membelah diri menjadi 2, 4, 8, 16 dan terus membelah diri 
hingga berjumlah triliunan. Setiap sel memiliki Gen yang berisi program 
 atau cetak biru dari sel tersebut. Gen inilah yang mengendalikan sel 
untuk menjadi bagian-bagian dari tubuh manusia. Gen mengendalikan sel 
untuk menjadi tulang, daging, rambut, pembuluh darah , gigi , kuku 
hingga membentuk ujud manusia. Terdapat satu triliun sel dalam setiap 
kilogram berat badan manusia, sehingga bayi yang baru lahir saja terdiri
 atas kurang lebih 3 triliun sel, dan manusia dewasa memiliki 50 sampai
 70 triliun sel. 
 
Menyembuhkan penyakit dengan kekuatan do’a, fikiran dan perasaan positif 
Do’a
 yang dipanjatkan dengan sungguh-sungguh dan penuh keyakinan serta 
harapan merupakan gelombang fikiran dan perasaan positip yang dapat 
mengaktifkan gen yang baik untuk memperbaiki berbagai kerusakan tubuh 
yang muncul akibat penyakit yang diderita. 
Morris Goodman seorang 
pengarang dan pembicara internasional mengalami kecelakaan yang amat 
parah Ia terbaring dirumah sakit dalam keadaan lumpuh total, tulang 
punggungnya remuk, tulang leher pertama dan kedua patah, reflek 
menelannya tidak berfungsi sehingga ia tidak dapat makan dan minum, 
diafragmanya rusak sehingga sulit untuk bernafas, ia hanya bisa 
mengedipkan mata. Secara medis sulit baginya untuk sembuh normal 
kembali. Dalam keadaan demikian ia tetap menjaga fikiran dan 
perasaannya untuk tetap positip , ia membayangkan dirinya sehat dan 
normal kembali, ia tetap memelihara fikiiran dan perasaannya demikian . 
 Akhirnya apa yang dibayangkannya itupun terjadi , ia keluar dari rumah 
 sakit berjalan tanpa alat bantu sesuai dengan apa yang dibayangkannya. 
 Kisah Morris Goodman ini diangkat kedalam film The Secret karena 
membayangkan kekuatan dahsyat dari berfikir dan merasa positip. 
 
KH
 Arifin Ilham pendiri majelis Dzikiir Adzikra pernah dipatuk ular yang 
hampir merenggut nyawanya. Ia terbaring dirumah sakit dengan tubuh 
membiru akibat pengaruh racun ular yang menggigitnya. Dokter yang 
merawatnya mengatakan bahwa harapan hidupnya tinggal satu persen . 
Dokter hanya menganjurkan kepada keluarganya untuk berdo’a dan mengharap
 keajaiban dari yang Maha Kuasa. Secara ajaib akhirnya KH Arifin Ilham 
 berhasil lolos dari maut dan sampai saat ini masih aktif memimpin 
Majelis Dzikir Adzikra. 
Kejadian seperti tersebut diatas banyak 
kita temui dalam kehidupan sehari hari. Bagaimana do’a dan berfikir 
serta merasa positip dapat menyembuhkan berbagai penyakit yang secara 
medis sulit disembuhkan. Do’a , fikiran dan perasaan positip ini akan 
memicu gen yang baik untuk mengaktifkan sel yang mempunyai kemampuan 
memperbaiki berbagai kerusakan tubuh dan mengalahkan berbagai virus 
yang merusak jaringan tubuh. Obat2an medis yang diberikan bukan hal 
utama dalam proses penyembuhan, obat obatan hanya membantu mekanisme 
tubuh secara kimiawi. Semua obat yang diberikan tidak akan banyak 
manfaatnya jika tidak diiringi do’a dan fikiran serta perasaan positip. 
 
Menjaga agar fikiran dan perasaan tetap positif dan optimis 
Telah
 kita ketahui bahkan sebagian besar penyakit yang timbul diakibatkan 
oleh fikiran dan perasaan negatif yang muncul didalam diri seseorang. 
Banyak cara dilakukan orang untuk menjaga agar fikiran dan perasaan 
selalugembira dan tetap positip. Hiburan, tamasya, bercengkerama dengan 
 teman dan keluarga, Meditasi, membaca al-Qur’an, Dzikir yang dilakukan 
 secarabersama maupun sendiri . 
 
Rasa nyaman, bahagia dan tentram 
juga dapat membangkitkan kekuatan berfikir dan merasa positip bagi 
setiap orang. Ada beberapa aktifitas yang dapatmenimbulkan rasa bahagia
 nyaman dan tentram didalam hati antara lain, bersyukur, memberi dan 
bersedekah, ridho dengan apa yang dialami, tawakkal, menyebar salam dan
 berbagi kasih sayang, selalu ingat dan menyebut nama Allah setiap 
saat. 
 
Sebaliknya rasa cemas, kawatir, gelisah, takut, jengkel, 
dendam, dengki dapat membangkitkan kekuatan berfikir dan merasa negatif
 . Bersihkan diri dari berbagai perasaan tersebut diatas , jangan 
biarkan diri dikuasai perasaan buruk itu. Berbagai perasaan buruk 
tersebut akan mendatangkan berbagai bencana, kejadian buruk dan 
penyakit bagi kita. Jika orang yang memiliki perasaan diatas mengalami 
gangguan suatu penyakit akibat kecelakaan atau gangguan virus biasanya 
sangat sulit untuk sembuh. Obat2an yang diberikan hanya menghilangkan 
penyakit untuk sementara, dan pada akhirnya ia kan mengalami 
ketergantungan obat yang dalam jangka panjang malah menimbulkan 
kerusakan pada organ tubuh lainnya seperti jantung, lambung, liver 
maupun ginjal. 
 
Dalam persaingan hidup pada era globalisasi ini 
sangat penting bagi kita untuk menjaga agar fikiran dan perasaan selalu
 positip. Jangan biarkan diri berada dalam keadaan stress dan tertekan 
berkepanjangan. Fikiran dan perasaan negatif hanya akan mendatangkan 
berbagai penyakit , bencana dan kejadian buruk bagi kehidupan kita.</div>
<blockquote class="tr_bq">
62-
 Ingatlah, sesungguhnya wali-wali Allah itu, tidak ada kekhawatiran 
terhadap mereka dan tidak (pula) mereka bersedih hati. (Yunus 62)</blockquote>
<div style="text-align: justify;">
 
 
Semoga bermanfa'at.  </div>
</div>

SEL DAN UNTAIAN DNA Dalam setiap sel manusia terdapat Nukleus yang mengandung zat asam deoksiribonukleat atau Deoxyrribonucleic...

Baca selengkapnya...

0 Komentar

jalupangna Label: science 06.09 0 komentar