tag:blogger.com,1999:blog-58085597355644123882024-02-02T14:28:28.988-08:00Music of informationKian Coihttp://www.blogger.com/profile/14041003516786620521noreply@blogger.comBlogger10125tag:blogger.com,1999:blog-5808559735564412388.post-90599215518037547822010-06-03T18:28:00.000-07:002010-06-03T20:09:46.733-07:00Banner Link "U COMMNET, I FOLLOW"<div style="text-align: justify;">Hari ini udah masuk jum'at lagi, besok udah sabtu, lusanya udah minggu... perasaan baru juga hari senin eh mau weekend lagi, cepet banget nih hari...!!! Tapi nggak masalah tuh, yg penting semua kerjaan kantor udah beres tinggal hangout aja pas weekend bareng istri tercinta. waduh kenapa jadi curhat nih..?? apa mungkin k'ian udah lama banget g mampir sambil bikin postingan baru ya disini...!!!<br /><br />Kayaknya sih iya, habis cuma serius ngurusin blog "Kolam blogging tips | kianhome", jadinya nih blog jadi kurang variatif dalam hal postingan. Oya k'ian mau ngucapin terima kasih kepada sobat "Muhammad Lailie" -->> "mymivies blog" yang sudah kirim komenter tentang bagaimana cara buat banner U Comment, I Follow di blog..??<br /><br />Daripada kelamaan kita langsung menuju sasaran pembuatan :<br />Jika kamu mau mengkreasikan sendiri banner dengan design yang kamu inginkan, caranya bisa dengan menggunakan Photoshop atau Coreldraw. tapi kalau kamu mau membuat banner dengan cara online bisa kamu klik link dibawah ini :<br />.<a href="http://www.123-banner.com/" title="free banner creator">http://123-banner.com</a><br />2.<a href="http://www.bannersketch.com/" target="blank" title="free banner creator">http://bannersketch.com</a><br />3.<a href="http://www.bannercreator.nu/banner-maker.html" target="blank" title="free banner creator">http://www.bannercreator.nu</a><br />4.<a href="http://www.banner-generator.net/en/" target="blank" title="free banner creator">http://www.banner-generator.net/en/</a><br />5.<a href="http://www.bannerfans.com/banner_maker.php" target="blank" title="free banner creator">http://www.bannerfans.com</a><br />6.<a href="http://www.123-banner.com/" target="blank" title="free banner creator">http://123-banner.com</a><br />7.<a href="http://www.bannerbreak.com/" target="blank" title="free banner creator">http://www.bannerbreak.com/</a><br />8.<a href="http://www.livebannermaker.com/" target="blank" title="free banner creator">http://www.livebannermaker.com/</a><br />9.<a href="http://mybannermaker.com/" target="blank" title="free banner creator">http://mybannermaker.com/</a><br />10.<a href="http://www.flashbannernow.com/free-flash-banner/bannermaker.php" target="blank" title="free banner creator">http://www.flashbannernow.com</a><br />11.<a href="http://highpowergraphics.com/bannerbuilder/" target="blank" title="free banner creator">http://highpowergraphics.com</a><br /><br />Kalau mau praktis silahkan Copas kode dibawah ini :<br /><table><tbody><tr><td><div class="fresh"><img style="width: 125px; height: 125px;" src="http://i905.photobucket.com/albums/ac257/abayzone/Banner/u-comment-i-follow.png" /> <img style="width: 150px; height: 150px;" src="http://i905.photobucket.com/albums/ac257/abayzone/Banner/u-comment-i-follow.png" /></div></td><td><div class="fresh"><img style="width: 125px; height: 125px;" src="http://i644.photobucket.com/albums/uu164/ismailrnast/badgeblue-1.png" /> <img style="width: 150px; height: 150px;" src="http://i644.photobucket.com/albums/uu164/ismailrnast/badgeblue-1.png" /> </div></td><td><div class="fresh"><img style="width: 125px; height: 65px;" src="http://i152.photobucket.com/albums/s184/BillyWarhol/UCommentIFollowPink.gif" /><br /><img style="width: 125px; height: 65px;" src="http://i152.photobucket.com/albums/s184/BillyWarhol/UCommentIFollowPink.gif" /></div></td></tr><tr><td> <div class="fresh"><img style="width: 125px; height: 65px;" src="http://i648.photobucket.com/albums/uu207/Danols/ifollowpurple.gif" /><br /><img style="width: 125px; height: 65px;" src="http://i648.photobucket.com/albums/uu207/Danols/ifollowpurple.gif" /></div></td><td> <div class="fresh"><img style="width: 125px; height: 65px;" src="http://i152.photobucket.com/albums/s184/BillyWarhol/UCommentIFollowMagenta.gif" /><br /><img style="width: 125px; height: 65px;" src="http://i152.photobucket.com/albums/s184/BillyWarhol/UCommentIFollowMagenta.gif" /></div></td><td> <div class="fresh"><img style="width: 125px; height: 65px;" src="http://i482.photobucket.com/albums/rr187/cashcoach/ifollow.png" /><br /><img style="width: 125px; height: 65px;" src="http://i482.photobucket.com/albums/rr187/cashcoach/ifollow.png" /></div></td></tr><br /><br /><br /><style>.fresh{width:160px; height:200px;margin:3px; text-align:justify; overflow:auto;padding:5px; border:2px solid #a4a4a4; background:#d2d2d2; font:12px bold; float:none; }</style></tbody></table></div>Kian Coihttp://www.blogger.com/profile/14041003516786620521noreply@blogger.com0tag:blogger.com,1999:blog-5808559735564412388.post-23108578219801843222010-02-22T22:17:00.000-08:002010-02-22T23:33:43.430-08:00Jenis - jenis sebuah border dalam format CSS Code<div style="text-align: justify;"><span class="dropcap">B</span>order adalah salah satu element cukup penting dalam proses design sebuah layouts, karena tampilan dari sebuah layouts tidak akan lepas dari pada sebuah garis/border. jika akan menambah atau memodifikasinya maka ada baiknya kita mengetahui jenis jenis dari border itu sendiri. nah dari pada kelamaan kita langsung menuju TKP. Berikut ini adalah tampilan untuk hasil dari layouts yang ian buat dengan contoh dari masing masing bordernya.<br /><span class="fullpost"><br /><br /><div style="border: 3px dotted rgb(128, 0, 0); padding: 10px; background: rgb(242, 242, 242) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">dotted</div><br /><div style="border: 3px dashed rgb(128, 0, 0); padding: 10px; background: rgb(242, 242, 242) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">dashed</div><br /><div style="border: 3px solid rgb(128, 0, 0); padding: 10px; background: rgb(242, 242, 242) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">solid</div><br /><div style="border: 3px double rgb(128, 0, 0); padding: 10px; background: rgb(242, 242, 242) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">double</div><br /><div style="border: 3px groove rgb(128, 0, 0); padding: 10px; background: rgb(242, 242, 242) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">groove</div><br /><div style="border: 3px ridge rgb(128, 0, 0); padding: 10px; background: rgb(242, 242, 242) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">ridge</div><br /><div style="border: 3px inset rgb(128, 0, 0); padding: 10px; background: rgb(242, 242, 242) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">inset</div><br /><div style="border: 3px outset rgb(128, 0, 0); padding: 10px; background: rgb(242, 242, 242) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">outset</div><br />Dari contoh diatas bisa kamu gunakan dengan format CSS sebagai berikut :<br /><blockquote><div style="border: 3px <span style="color: rgb(255, 0, 0);">dotted</span> rgb(128, 0, 0); padding: 10px; background: rgb(242, 242, 242) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">dotted</div></blockquote>kode yang berwarna merah menunjukkan jenis bordernya, kamu bisa mengganti jenis border tersebut sesuai dengan contoh yang sudah k'ian kasih diatas.<br /><br />Baca disini untuk <a href="http://kianhome.blogspot.com/2010/02/mengenal-arti-dan-penggunaan-border.html" target="blank">format modifikasi border dengan menggunakan "Radius"</a><br /></span></div>Kian Coihttp://www.blogger.com/profile/14041003516786620521noreply@blogger.com2tag:blogger.com,1999:blog-5808559735564412388.post-6265449431196289162010-01-18T22:57:00.000-08:002010-01-19T00:58:04.260-08:00Cara mengatur tampilan menu Navigasi<div style="text-align: justify;"><span class="dropcap">M</span>enannggapi sebuah comment dari neng Lia yg berbunyi sebagai berikut : <span style="font-style: italic;">"makasih banyak sobat atas sarannya..sudah saya pasang tuh..tapi koq warnanya itam dan tulisannya gak keliatan, gimana cara ganti warnanya ya??" </span>. nah pada akhirnya k'ian berinisiatif ngebuat sebuah postingan tentang cara pengaturan menu Navigasi , mulai dari pemilihan Border, warna huruf sampai dengan format designnya...<br /><span class="fullpost"><br />Tanpa pikir panjang lagi kita langsung aja yach..<br />Langkah pertama adalah : masuk kedalam format Edit HTML dari blog kamu,<br />Kemudian beri tanda centang atau ceklist pada kolom " expand template widget", kemudian cari kode berikut :<br /><span style="font-weight: bold;">1. Untuk merubah warna Background / latar belakang</span><br /><blockquote><div style="overflow: auto; width: 100%; height: 200px;"><br />#foxmenucontainer{<br />height:34px;<br />background:<span style="color: rgb(255, 102, 0);">#000000</span>;<br />padding:0px 0 0px 0px;<br />font: 12px Georgia,Century gothic,verdana, Arial, sans-serif;<br />font-weight:normal;<br />text-transform:uppercase;<br />}<br />#menu ,#menu ul {<br />margin: 0px 5px 0px 5px;<br />padding: 0px;<br />list-style: none;<br />height:34px;<br />}<br />#menu a {<br />color: #111;<br />display: block;<br />font-weight: normal;<br />padding: 10px 10px 10px 10px;<br />}<br />#menu a:hover {<br />color: #fff;<br />display: block;<br />text-decoration: none;<br />}<br />#menu li {<br />float: left;<br />margin: 0px 0 0px 0;<br />padding: 0px;<br />}<br />#menu li li {<br />float: left;<br />margin: 0px 0px 0px 0px;<br />padding: 0px;<br />width: 130px;<br />}<br />#menu li li a, #menu li li a:link, #menu li li a:visited {<br />background:#<span style="color: rgb(255, 102, 0);">5D0909</span>;<br />width: 150px;<br />float: none;<br />margin: 0px;<br />padding: 5px 10px 5px 10px;<br />color:#<span style="color: rgb(51, 0, 153);">DFC3C3</span>;<br />}<br />#menu li li a:hover, #menu li li a:active {<br />background:#971515;width: 150px;float: none;<br />margin: 0px;padding: 5px 10px 5px 10px;<br />color:#d7a1a1;}<br />#menu li ul {<br />position: absolute; width: 150px; left: -999em;<br />z-index:200;}<br />#menu li:hover ul {left: auto;<br />display: block;}<br />#menu li:hover ul, #menu li.sfhover ul {<br />left: auto;<br />}</div></blockquote><br />jika sudah ketemu ( kode mungkin akan berbeda tergantung dari tiap templatenya), cari pada kode <span style="color: rgb(204, 0, 0);">background : #000000;</span> , yang terdapat pada baris pertama dari kode diatas menunjukkan warna backgroundnya adalah warna hitam. Kamu bisa ganti dengan warna favorit kamu (<span style="font-size:85%;"><span style="font-style: italic;"> lihat di widget kode warna disamping ini</span></span> ) atau jika kamu ingin menghilangkan warnanya, caranya adalah dengan menghapus kode #000000 pada kode <span style="color: rgb(204, 0, 0);">Background:#000000;</span> . sehingga hasilnya akan sbg berikut : <blockquote>#foxmenucontainer{<br />height:34px;<br /><span style="font-weight: bold; color: rgb(204, 0, 0);">background:;</span><br />padding:0px 0 0px 0px;<br />font: 12px Georgia,Century gothic,verdana, Arial, sans-serif;<br />font-weight:normal;<br />text-transform:uppercase;<br />}</blockquote>sedangkan kode warna pada background dibawah ini menunjukkan warna background yang akan muncul ketika kursor mouse diarahkan. Jadi kamu bisa menentukan apakah akan diberi warna atau tidak tergantung apakah kamu akan pasang kode warnanya atau tidak.<br /><blockquote>#menu li li a:hover, #menu li li a:active {<br /><span style="font-weight: bold;">background:</span><span style="color: rgb(0, 0, 102); font-weight: bold;">#971515;</span><br />width: 150px;float: none;<br />margin: 0px;padding: 5px 10px 5px 10px;<br />color:#d7a1a1;}</blockquote><br /><span style="font-weight: bold;">2. Merubah warna tulisannya</span><br />cari kode berikut :<br /><blockquote>#menu a {<br />color: <span style="color: rgb(255, 102, 0);">#111</span>;<br />display: block;<br />font-weight: normal;<br />padding: 10px 10px 10px 10px;<br />}</blockquote>pada kode yang berwarna orange tsb menunjukkan warna tulisannya, sedangkan pada kode yang berwarna merah ini (<span style="font-size:85%;"><span style="font-style: italic;">dibawah ini</span></span>) menunjukkan warna yg akan muncul ketika kursor mouse kita arahkan.<br /><blockquote>#menu a:hover {<br />color: <span style="color: rgb(255, 0, 0);">#fff</span>;<br />display: block;<br />text-decoration: none;<br />}</blockquote>nah jika sudah kamu bisa melihat hasilnya terlebih dahulu sebelum disimpan dengan meng-klik tombol pratinjau atau preview. selesai silahkan disimpan...<br /></span></div>Kian Coihttp://www.blogger.com/profile/14041003516786620521noreply@blogger.com2tag:blogger.com,1999:blog-5808559735564412388.post-486323037474751832010-01-15T21:35:00.000-08:002011-03-23T02:04:18.828-07:00menu navigasi diatas Header Blog<div style="text-align: justify;"><br /><img style="margin: 10px; float: left; cursor: pointer;" src="http://i666.photobucket.com/albums/vv24/notesbyspark/100men1year/menu.jpg" alt="navigation bar Pictures, Images and Photos" border="0" /><br /><span class="dropcap">K</span>'ian pada kesempatan kali ini ingin membagi sebuah tips tentang cara membuat menu navigasi pada tampilan Blog. Menu navigasi untuk sebagian blogger master, dapat diartikan sebagai jalan pintas untuk menentukan tujuan kita ketika berada pada blog tsb.<br /><span class="fullpost"><a rel="lytebox" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8vP0FT61a3VzzzNszbuctGMF4fgulMcwq4vYuiKN9ccwUpxQ9F33m6MlEQBy1GIrM2H1O3FTpqXrOR3HyJSfMkBM8_zR7R4Jj447-92yU7th0nn744FwHZUItZ_QZo8_Gg0YOlPNGIco/s1600/bt.gif"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 115px; height: 18px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8vP0FT61a3VzzzNszbuctGMF4fgulMcwq4vYuiKN9ccwUpxQ9F33m6MlEQBy1GIrM2H1O3FTpqXrOR3HyJSfMkBM8_zR7R4Jj447-92yU7th0nn744FwHZUItZ_QZo8_Gg0YOlPNGIco/s320/bt.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5587198375862683474" /></a><br />Ada banyak cara untuk membuatnya,mulai dengan menggunakan code HTML standar ataupun dengan menggunakan kode javascript. Untuk kesempatan kali ini k'ian akan membagi satu resep dengan menggunakan Menu dari Template K'ian ini :<br /><ol><li>Masuk kedalam account blog kamu..</li><li>klik menu "layouts", -->> pilih "Edit HTML",-->> beri tanda centang / ceklist pada " expand templates wigdet".</li><li>Copy kode dibawah ini dan letakkan didalam ket kode /* page struktur (bagi templates anima / klasik) atau diatas ]]></b:skin>,</li></ol><br /><blockquote><div style="overflow: auto; width: 100%; height: 300px;">/*Page menu*/<br /><br />#navigasi{<br />height:34px;<br />background:<span style="color: rgb(255, 102, 0);">#000000</span>;<br />padding:0px 0 0px 0px;<br />font: 12px Georgia,Century gothic,verdana, Arial, sans-serif;<br />font-weight:normal;<br />text-transform:uppercase;<br />}<br />#menu ,#menu ul {<br />margin: 0px 5px 0px 5px;<br />padding: 0px;<br />list-style: none;<br />height:34px;<br />}<br />#menu a {<br />color: #111;<br />display: block;<br />font-weight: normal;<br />padding: 10px 10px 10px 10px;<br />}<br />#menu a:hover {<br />color: #fff;<br />display: block;<br />text-decoration: none;<br />}<br />#menu li {<br />float: left;<br />margin: 0px 0 0px 0;<br />padding: 0px;<br />}<br />#menu li li {<br />float: left;<br />margin: 0px 0px 0px 0px;<br />padding: 0px;<br />width: 130px;<br />}<br />#menu li li a, #menu li li a:link, #menu li li a:visited {<br />background:#<span style="color: rgb(255, 102, 0);">5D0909</span>;<br />width: 150px;<br />float: none;<br />margin: 0px;<br />padding: 5px 10px 5px 10px;<br />color:#<span style="color: rgb(51, 0, 153);">DFC3C3</span>;<br />}<br />#menu li li a:hover, #menu li li a:active {<br />background:#971515;width: 150px;float: none;<br />margin: 0px;padding: 5px 10px 5px 10px;<br />color:#d7a1a1;}<br />#menu li ul {<br />position: absolute; width: 150px; left: -999em;<br />z-index:200;}<br />#menu li:hover ul {left: auto;<br />display: block;}<br />#menu li:hover ul, #menu li.sfhover ul {<br />left: auto;<br />}</div><br /></blockquote>kemudian cari kode berikut : <div id='wrapper'> atau kode <div id='outer-wrapper'> , kemudian copy kode dibawah ini tepat dibawahnya:<br /><blockquote><div style="overflow: auto; width: 100%; height: 200px;"><!-- navigasi --><br /><div id='navigasi'><br /><div id='menu'><br /><ul><br /><li><a expr:href='data:blog.homepageUrl'>Home</a></li><br /><li><a href='LINK HALAMAN' >JUDUL LINK</a></li><br /><li><a href='LINK HALAMAN' >JUDUL LINK</a></li><br /><li><a href='LINK HALAMAN' >JUDUL LINK</a></li><br /></ul><br /></div><br /></div><br /><!-- /navigasi --><br /><div class='clear'></div></div></blockquote>atau kamu langsung copy kode standart dibawah ini,<br /><blockquote><div style="overflow: auto; width: 100%; height: 200px;"><div id='navigasi'><br /><div id='menu'><br /><ul><br /><li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' title='Post RSS'><span>Posts RSS</span></a></li><br /><li><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;' title='Comments RSS'><span>Comments RSS</span></a></li><br /><li><a href='<span style="color: rgb(204, 0, 0);">LINK HALAMAN</span>' ><span style="color: rgb(0, 153, 0);">JUDUL LINK</span></a></li><br /><li><a href='<span style="color: rgb(204, 0, 0);">LINK HALAMAN</span>' ><span style="color: rgb(0, 153, 0);">JUDUL LINK</span></a></li><br /><ul class='children'><br /> <li><a href='<span style="color: rgb(204, 0, 0);">LINK HALAMAN</span>' ><span style="color: rgb(0, 153, 0);">JUDUL LINK</span></a></li><br /> <li><a href='<span style="color: rgb(204, 0, 0);">LINK HALAMAN</span>' ><span style="color: rgb(0, 153, 0);">JUDUL LINK</span></a></li><br /></ul></ul><br /></div><br /></div><br /><!-- /navigasi --><br /><div class='clear'/></div></blockquote>nb : tulisan yg berwarna merah menunjukkan alamat link yg harus kamu isi contoh : http://kianhome.blogspot.com , sedangkan yg berwarna hijau adalah judul / nama untuk link yang kamu pasang tadi, contoh : "kianhome" . jika digabung akan jadi seperti ini :<br /><li><a href='<span style="color: rgb(204, 0, 0);">http://kianhome.blogspot.com</span>' >kianhome</a></li><br /><br />semoga bermanfaat..<br /></span></div>Kian Coihttp://www.blogger.com/profile/14041003516786620521noreply@blogger.com6tag:blogger.com,1999:blog-5808559735564412388.post-59481808120576917822009-03-26T02:10:00.000-07:002009-03-26T02:14:34.230-07:00Dess Mesk Template<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqPv9Ee-UJdzFku2pmaSlGO8CvRAG9TYH03TihLSQ2YJj5qLwurJSrG1vqwYBztCnloqRFZRFaFpBULXYsfxtGj5R7n2K60bn5Jb_NIohDdi4yohCJxDolBrp7FJI-xPMCgC0_HEB5Yiw/s1600-h/Desk+Mess_thumb%5B14%5D.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 322px; height: 403px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqPv9Ee-UJdzFku2pmaSlGO8CvRAG9TYH03TihLSQ2YJj5qLwurJSrG1vqwYBztCnloqRFZRFaFpBULXYsfxtGj5R7n2K60bn5Jb_NIohDdi4yohCJxDolBrp7FJI-xPMCgC0_HEB5Yiw/s320/Desk+Mess_thumb%5B14%5D.jpg" alt="" id="BLOGGER_PHOTO_ID_5317421439186418546" border="0" /></a>Dess Mesk adalah salah satu template yang cukup menarik dalam hal ini mengangkat tema tentang ruangan kerja..dengan perpaduan beberapa tampilan gambar yang menarik dan artistik mampu membawa kamu kedalam dunia kerja yang kamu inginkan.<br /><br /><a style="font-weight: bold;" href="http://deskmess-template-hive.blogspot.com/">preview</a><span style="font-weight: bold;"> | </span><a style="font-weight: bold;" href="http://www.box.net/shared/0mtmk31ptb">Download</a><br /><span class="fullpost"><br /><br /><br /><br /><br /></span>Kian Coihttp://www.blogger.com/profile/14041003516786620521noreply@blogger.com0tag:blogger.com,1999:blog-5808559735564412388.post-42260863012608913612009-03-26T01:58:00.000-07:002009-03-26T02:04:44.493-07:00Nuansa Bening<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpNVJOW7yLhYHZFEVMhkGL_YzQfvd5S7ZPdUB2rFPJsegZQRhMxpRB-cXOyGt4MxP4W3AKchnhl3J1G0pzxEIUWU1XJYvvnykl0G9mrtJ45kBb3TFSnpXtIjDPzYVNLR4t8flDNFj1pbk/s1600-h/water_color_thumb%5B4%5D.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 319px; height: 368px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpNVJOW7yLhYHZFEVMhkGL_YzQfvd5S7ZPdUB2rFPJsegZQRhMxpRB-cXOyGt4MxP4W3AKchnhl3J1G0pzxEIUWU1XJYvvnykl0G9mrtJ45kBb3TFSnpXtIjDPzYVNLR4t8flDNFj1pbk/s320/water_color_thumb%5B4%5D.jpg" alt="" id="BLOGGER_PHOTO_ID_5317418442969810866" border="0" /></a><br /><span class="fullpost">Satu buah tampilan template yang coba saya bagi ke kamu semua...sebuah template tentang Warna Air dari <a style="font-weight: bold; color: rgb(255, 0, 0);" href="http://www.falconhive.com/">Falcon Hive</a><br /><br /><span style="font-weight: bold; color: rgb(255, 102, 0);"><a href="http://water-color-template-hive.blogspot.com/">Preview</a> | <a href="http://www.box.net/shared/j94fkoemz6">Download</a></span><br /><br /><br /></span>Kian Coihttp://www.blogger.com/profile/14041003516786620521noreply@blogger.com1tag:blogger.com,1999:blog-5808559735564412388.post-81414888035879489132008-12-18T21:34:00.000-08:002008-12-18T21:37:47.681-08:00Definition Music<h2 style="text-align: justify;"><span class="mw-headline">Etymology</span></h2><div style="text-align: justify;"> </div><p style="text-align: justify;">The word <i>music</i> comes from the <a href="http://en.wikipedia.org/wiki/Greek_language" title="Greek language">Greek</a> <i>mousikê (tekhnê)</i> by way of the Latin <i>musica</i>. It is ultimately derived from <i>mousa</i>, the Greek word for <a href="http://en.wikipedia.org/wiki/Muses" title="Muses" class="mw-redirect">muse</a>. In ancient Greece, the word <i>mousike</i> was used to mean any of the arts or sciences governed by the Muses. Later, in Rome, <i>ars musica</i> embraced <a href="http://en.wikipedia.org/wiki/Poetry" title="Poetry">poetry</a> as well as instrument-oriented music. In the European <a href="http://en.wikipedia.org/wiki/Middle_Ages" title="Middle Ages">Middle Ages</a>, musica was part of the mathematical <a href="http://en.wikipedia.org/wiki/Quadrivium" title="Quadrivium">quadrivium</a>: <a href="http://en.wikipedia.org/wiki/Arithmetic" title="Arithmetic">arithmetics</a>, <a href="http://en.wikipedia.org/wiki/Geometry" title="Geometry">geometry</a>, <a href="http://en.wikipedia.org/wiki/Astronomy" title="Astronomy">astronomy</a> and musica. The concept of musica was split into three major kinds by the fifth century philosopher, Boethius: <a href="http://en.wikipedia.org/wiki/Musica_universalis" title="Musica universalis">musica universalis</a>, <a href="http://en.wikipedia.org/w/index.php?title=Musica_humana&action=edit&redlink=1" class="new" title="Musica humana (page does not exist)">musica humana</a>, and <a href="http://en.wikipedia.org/wiki/Musica_instrumentalis" title="Musica instrumentalis" class="mw-redirect">musica instrumentalis</a>. Of those, only the last—musica instrumentalis—referred to music as performed sound.</p><span class="fullpost">Musica universalis or musica mundana referred to the order of the universe, as God had created it in "measure, number and weight". The proportions of the spheres of the planets and stars (which at the time were still thought to revolve around the earth) were perceived as a form of music, without necessarily implying that any sound would be heard—music refers strictly to the mathematical proportions. From this concept later resulted the romantic idea of a music of the spheres. Musica humana, designated the proportions of the human body. These were thought to reflect the proportions of the Heavens and as such, to be an expression of God's greatness. To Medieval thinking, all things were connected with each other—a mode of thought that finds its traces today in the occult sciences or esoteric thought—ranging from astrology to believing certain minerals have certain beneficiary effects.<br /><br />Musica instrumentalis, finally, was the lowliest of the three disciplines and referred to the manifestation of those same mathematical proportions in sound—be it sung or played on instruments. The polyphonic organization of different melodies to sound at the same time was still a relatively new invention then, and it is understandable that the mathematical or physical relationships in frequency that give rise to the musical intervals as we hear them, should be foremost among the preoccupations of Medieval musicians.<br /></span>Kian Coihttp://www.blogger.com/profile/14041003516786620521noreply@blogger.com1tag:blogger.com,1999:blog-5808559735564412388.post-11549533004674338672008-12-18T21:32:00.000-08:002008-12-18T21:33:42.062-08:00<h3><span class="mw-headline">Social construct</span></h3> <dl><dd> <div class="noprint relarticle mainarticle"><span style="font-size:85%;"><i>Main article: <a href="http://en.wikipedia.org/wiki/Ethnomusicology" title="Ethnomusicology">Ethnomusicology</a></i></span></div> </dd></dl> <p style="text-align: justify;"><a href="http://en.wikipedia.org/wiki/Post-modern" title="Post-modern" class="mw-redirect">Post-modern</a> and other theories argue that, like all art, music is defined primarily by <a href="http://en.wikipedia.org/wiki/Social" title="Social">social</a> context. According to this view, music is what people call music, whether it is a period of <a href="http://en.wikipedia.org/wiki/Silence" title="Silence">silence</a>, <a href="http://en.wikipedia.org/wiki/Found_sound" title="Found sound" class="mw-redirect">found sounds</a>, or <a href="http://en.wikipedia.org/wiki/Performance" title="Performance">performance</a>. Cage, Kagel, Schnebel, and others, according to Nattiez (1987, 43), "perceive [certain of their pieces] (even if they do not say so publicly) as a way of "speaking" in music about music, in the second degree, as it were, to expose or denounce the institutional aspect of music's functioning."Cultural background is a factor in determining music from noise or unpleasant experiences. The experience of only being exposed to a particular type of music influences perception of any music. Cultures of European descent are largely influenced by music making use of the <a href="http://en.wikipedia.org/wiki/Diatonic_scale" title="Diatonic scale">Diatonic scale</a>. Most modern music still uses this scale and due to constant exposure, the music of other cultures is not held with the same regard. What would be accepted as music in <a href="http://en.wikipedia.org/wiki/Indonesia" title="Indonesia">Indonesia</a> may be dismissed by many westerners as just "a din."<sup class="noprint Template-Fact"><span title="This claim needs references to reliable sources since August 2008" style="white-space: nowrap;">[<i><a href="http://en.wikipedia.org/wiki/Wikipedia:Citation_needed" title="Wikipedia:Citation needed">citation needed</a></i>]</span></sup></p><div style="text-align: justify;"><span class="fullpost"><br />It might be added that as well as cultural background, historical era is also a determining factor in what is regarded as music. What would today be accepted as music in the west without the blinking of an eye, would have been ridiculed in the 17th century. And what would be music to The Sex Pistols' Sid Vicious, who is said to have commented, "you just pick a chord, go twang, and you've got music,"[cite this quote] would almost certainly not have been music to William Congreve, who wrote that, "Musick has Charms to sooth a savage Beast" (The Mourning Bride, 1697). All of which is to say that there can be no absolute definition of music that will be accepted by everybody.[improper synthesis?] Many people do, however, share a general idea of music. The Websters definition of music is a typical example: "the science or art of ordering tones or sounds in succession, in combination, and in temporal relationships to produce a composition having unity and continuity" (Webster's Collegiate Dictionary, online edition). There are a number of potential objections to such a definition.<br /><br />While some may find this definition too restrictive, arguing that "unity" and "continuity" are unnecessary, it is likely that more will find it too broad, thinking of music as being made of pitched sounds, and containing melody, harmony and rhythm.[original research?] The idea that music must contain these elements is widespread, but there are several examples of what would be widely regarded as music, which lack one or more of them. Plainsong for instance, or monophonic music in general, has no harmony. Much percussion music lacks both harmony and melody; it is true that drums are tuned, but their pitches are indefinite, and they cannot be said to produce a melody in the traditional sense.[original research?] If one takes rhythm to mean a regular pulse underpinning music, then many kinds of modern electronic music can be said to lack rhythm.[original research?]<br /><br />Some attempts to define music concentrate on the method of producing it. Even though some of the first "instruments" in prehistory must have been rocks and bits of wood, it is only in the past one hundred years or so that the idea that music could only be produced by a singer or a traditional musical instrument (such as a violin in Europe, a sitar in India or a koto in Japan) has been challenged.[who?] Erik Satie challenged what constituted a musical instrument, and therefore a musical sound, when he wrote the ballet Parade which included a part for a typewriter. His justification was that since the typewriter made a noise, it was a musical instrument.[citation needed] In a lighter vein, Leroy Anderson also wrote music that included a manual typewriter, played with strict rhythm.[citation needed]<br /><br />The composer John Cage challenged traditional ideas about music in his 4' 33", which is notated as three movements, each marked Tacet (that is, "do not play"). The implication, as expanded upon by Cage himself,[citation needed] is that the background noises which are normally a distraction from the music (the humming of the lights, the shuffling of the audience, the sound of traffic outside) are to be regarded as the actual music in this case. This is contrary to the usual view that music is, if nothing else, deliberate.[citation needed] Furthermore, Cage does not state the length of the piece — the duration of the first performance (given by David Tudor seated at a piano) was arrived at by consulting the I Ching, but it is not stated in the score (although whenever the piece is performed nowadays, the original duration is usually maintained).[citation needed] Some people deal with the challenges posed by 4' 33" by simply refusing to consider it as music.[citation needed]<br /><br />Of course, even in conventional music, the "silent" gaps between notes are part of the music. The pianist Artur Schnabel, when asked what made him a great pianist, said "The notes I handle no better than many pianists. But the pauses between the notes? Ah, that is where the art resides!"[cite this quote] In Joseph Haydn's Symphony No. 45, Farewell, the entire composition anticipates the silence at the end as the musicians one by one stop playing and walk from the stage.[citation needed] The American composer La Monte Young took this line of thought to an extreme by suggesting that even sound itself was not necessary for a piece of music to exist. In Composition 1960 #5, one of a series of similar pieces, he instructed the performer to "Turn a butterfly (or any number of butterflies) loose in the performance area,"[cite this quote] the piece being considered complete when the butterflies have flown away. The choice of a butterfly is significant in that it is perceived as a silent animal.[citation needed] During the performance, there will be background noises, just as there are in a performance of 4' 33", but this is not the thrust of the piece.[citation needed] Rather, Young is interested in the theatrical element of music.[citation needed]<br /></span></div>Kian Coihttp://www.blogger.com/profile/14041003516786620521noreply@blogger.com0tag:blogger.com,1999:blog-5808559735564412388.post-74728052847532607122008-12-18T21:28:00.000-08:002008-12-18T21:30:41.898-08:00<h3><span class="mw-headline">Subjective experience</span></h3> <dl><dd> <div class="noprint relarticle mainarticle"><span style="font-size:85%;"><i>Main article: <a href="http://en.wikipedia.org/wiki/Aesthetics_of_music" title="Aesthetics of music">Aesthetics of music</a></i></span></div> </dd></dl> <p>Another commonly held definition of music holds that music must be 'pleasant' (determined by the esthesic level) or '<a href="http://en.wikipedia.org/wiki/Melodic" title="Melodic" class="mw-redirect">melodic</a>' (determined by the neutral and/or esthesic levels).<sup class="noprint Template-Fact"><span title="This claim needs references to reliable sources since October 2007" style="white-space: nowrap;">[<i><a href="http://en.wikipedia.org/wiki/Wikipedia:Citation_needed" title="Wikipedia:Citation needed">citation needed</a></i>]</span></sup> This view is often used to argue that some kinds of organized sound 'are not music', while others are, based on type of organization or its aesthetic effect. Since the range of what is accepted as music varies from culture to culture and from time to time, more elaborate versions of this definition admit some kind of cultural or social evolution of music, granting that definitions may vary but universals hold. This definition was the predominant one in the 18th century, where, for example, <a href="http://en.wikipedia.org/wiki/Wolfgang_Amadeus_Mozart" title="Wolfgang Amadeus Mozart">Mozart</a> stated that "music must never forget itself, it must never cease to be music."<sup class="noprint Template-Fact"><span title="This claim needs references to reliable sources since October 2007" style="white-space: nowrap;">[<i><a href="http://en.wikipedia.org/wiki/Wikipedia:Citation_needed" title="Wikipedia:Citation needed">citation needed</a></i>]</span></sup> One example of shifts in the music/noise dichotomy, what organization is considered musical, is the <a href="http://en.wikipedia.org/wiki/Emancipation_of_the_dissonance" title="Emancipation of the dissonance">emancipation of the dissonance</a>, while Luciano Berio (1976<sup class="noprint Template-Fact"><span title="This claim needs references to reliable sources since October 2007" style="white-space: nowrap;">[<i><a href="http://en.wikipedia.org/wiki/Wikipedia:Citation_needed" title="Wikipedia:Citation needed">citation needed</a></i>]</span></sup>) describes how the <a href="http://en.wikipedia.org/wiki/Tristan_chord" title="Tristan chord">Tristan chord</a> was noise in 1859 since it was a sonority unexplainable by contemporary harmonic conventions.</p> <p><br /></p><span class="fullpost"><br />This view of music is most heavily criticized by proponents of the view that music is a social construction (directly below), defined in opposition to "unpleasant" "noise", though this view may be subsumed in the one below in that a listener's idea of pleasant sounds may be considered socially constructed. A subjective definition of music need not, however, be limited to traditional ideas of music as pleasant or melodious. Luciano Berio defined music as, "everything one listens to with the intention of listening to music."[citation needed] This approach to the definition focuses not on the construction but on the experience of music. Thus, music could include "found" sound structures—produced by natural phenomena or algorithms—as long as they are interpreted by means of the aesthetic cognitive processes involved in music appreciation. This approach permits the boundary between music and noise to change over time as the conventions of musical interpretation evolve within a culture, to be different in different cultures at any given moment, and to vary from person to person according to their experience and proclivities. It is further consistent with the subjective reality that even what would commonly be considered music is experienced as nonmusic if the mind is concentrating on other matters and thus not perceiving the sound's essence as music (Clifton 1983, 9).<br /><br /></span>Kian Coihttp://www.blogger.com/profile/14041003516786620521noreply@blogger.com0tag:blogger.com,1999:blog-5808559735564412388.post-21465957727944510292008-12-18T21:25:00.000-08:002008-12-18T21:28:34.903-08:00<h2><span class="mw-headline">Definitions</span></h2> <p><a name="Organized_sound" id="Organized_sound"></a></p> <h3><span class="mw-headline">Organized sound</span></h3> <p>An often-cited definition of music, coined by <a href="http://en.wikipedia.org/wiki/Edgard_Var%C3%A8se" title="Edgard Varèse">Edgard Varèse</a>, is that it is "organized sound" (Goldman 1961, 133). The fifteenth edition of the <i>Encyclopaedia Britannica</i> describes that "while there are no sounds that can be described as inherently unmusical, musicians in each culture have tended to restrict the range of sounds they will admit." Michael Linton, took the definition a step further to add that the form in which music is organized is an important element of the music itself. His definition of music is "the organization of sound and silence into forms that carry culturally derived meanings, cultivated for <a href="http://en.wikipedia.org/wiki/Aesthetic" title="Aesthetic" class="mw-redirect">aesthetic</a> or utilitarian purposes".<sup class="noprint Inline-Template"><span title="The text in the vicinity of this tag needs citation since August 2008" style="white-space: nowrap;">[<i><a href="http://en.wikipedia.org/wiki/Wikipedia:Citing_sources#When_quoting_someone" title="Wikipedia:Citing sources">cite this quote</a></i>]</span></sup></p> <p>"Organization" also seems necessary because it implies purposeful and thus <i>human</i> organization. This human organizing element seems crucial to the common understanding of music. Sounds produced by non-human agents, such as waterfalls or birds, are often described as "musical", but rarely as "music". See <a href="http://en.wikipedia.org/wiki/Zoomusicology" title="Zoomusicology">zoomusicology</a>. This definition determines music according to the poetic and the neutral levels (it must be composed sonorities), or more aesthetically, 'the <a href="http://en.wikipedia.org/wiki/Art" title="Art">artful</a> or pleasing organization of sound and <a href="http://en.wikipedia.org/wiki/Silence" title="Silence">silence</a>',<sup class="noprint Inline-Template"><span title="The text in the vicinity of this tag needs citation since August 2008" style="white-space: nowrap;">[<i><a href="http://en.wikipedia.org/wiki/Wikipedia:Citing_sources#When_quoting_someone" title="Wikipedia:Citing sources">cite this quote</a></i>]</span></sup> which determines music according to the esthesic. This definition is widely held to<sup class="noprint Inline-Template"><span title="Who says this? since August 2008" style="white-space: nowrap;">[<i><a href="http://en.wikipedia.org/wiki/Wikipedia:Avoid_weasel_words" title="Wikipedia:Avoid weasel words">weasel words</a></i>]</span></sup> from the late 19th century forward, which began to <a href="http://en.wikipedia.org/wiki/Science" title="Science">scientifically</a> analyze the relationship between sound and <a href="http://en.wikipedia.org/wiki/Perception" title="Perception">perception</a>.</p><span class="fullpost"><br />Additionally, Schaeffer (1968, 284) describes that the sound of classical music "has decays; it is granular; it has attacks; it fluctuates, swollen with impurities—and all this creates a musicality that comes before any 'cultural' musicality." Yet the definition according to the esthesic level does not allow that the sounds of classical music are complex, are noises, rather they are regular, periodic, even, musical sounds. Nattiez (1990, 47—48): "My own position can be summarized in the following terms: just as music is whatever people choose to recognize as such, noise is whatever is recognized as disturbing, unpleasant, or both." (see "music as social construct" below)<br /><br /> Main article: Musical language<br /><br />Many definitions of music implicitly hold that music is a communicative activity which conveys to the listener moods, emotions, thoughts, impressions, or philosophical, sexual, or political concepts or positions. "Musical language" may be used to mean style or genre, while music may be treated as language without being called such, as in Fred Lerdahl or others' analysis of musical grammar. Levi R. Bryant defines music not as a language, but as a marked-based, problem-solving method such as mathematics (Ashby 2004, 4).Because of its ability to communicate, music is sometimes described as the "universal language".[citation needed] Yet the "meaning" of music is obviously culturally mediated.[citation needed] For example, in Western society, minor chords are often perceived as "sad", an understanding other cultures rarely share.[citation needed]<br /><br />There is significant complexity in the structural elements of music which warrant the perception of music as a language. For example, genres of music can be characterized by the manner in which sound and silence are articulated, organized, and disseminated. The composition of these elements gives rise to a system which is on par with the complexities and subtleties of 'language'.[citation needed]<br /><br /><br /><br /></span>Kian Coihttp://www.blogger.com/profile/14041003516786620521noreply@blogger.com0