Cara Buat Text Area

Text area disini maksudnya, tempat untuk menaruh tulisan kayak yang kayak gini

<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <b:include data="'blog'" name="'all-head-content'/"> <data:blog.pagetitle/> <b:skin> <variable name="textcolor" description="Text Color" type="color" default="#555"> <variable name="PageBgColor" description="Page Background Color" type="color" default="#E3ACD7"> <variable name="pagetitlecolor" description="Page Header Color" type="color" default="#ffc"> <variable name="datecolor" description="Date Header Color" type="color" default="#f9c"> <variable name="titlecolor" description="Post Title Color" type="color" default="#f9c"> <variable name="titlehovercolor" description="Post Title Hover Color" type="color" default="#f39"> <variable name="footercolor" description="Post Footer Color" type="color" default="#93b7db"> <variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#f9c"> <variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#f39"> <variable name="sidebarlink" description="Sidebar Link Color" type="color" default="#f9c"> <variable name="sidebarhover" description="Sidebar Hover Color" type="color" default="#f39"> <variable name="linkcolor" description="Link Color" type="color" default="#369"> <variable name="linkhover" description="Link Hover Color" type="color" default="#f90"> <variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#369"> <variable name="descriptioncolor" description="Description Color" type="color" default="#fff"> <variable name="Commentscolor" description="Comments Text Color" type="color" default="#666"> <variable name="bodyfont" description="Text Font" type="font" default="normal normal 84% Verdana, sans-serif"> <variable name="pagetitlefont" description="Page Header Font" type="font" default="normal bold 300% 'Times New Roman','Georgia'"> <variable name="titlefont" description="Post Title Font" type="font" default="normal bold 120% 'Times New Roman','Georgia'"> <variable name="sidebarheaderfont" description="Sidebar Title Font" type="font" default="normal bold 150% 'Times New Roman','Georgia'"> <variable name="sidebarfont" description="Sidebar Text Font" type="font" default="normal normal 91% 'Verdana','Arial'"> <variable name="descriptionfont" description="Description Font" type="font" default="normal normal 85% 'Verdana','Arial'"> */ /* ---( page defaults )--- */ body { margin: 0px; padding: 0px; text-align: left; font:$bodyfont; color:$textcolor; background:$PageBgColor} blockquote { margin: 0 0 0 30px; padding: 0px 0 0 20px; font-size: 88%; line-height: 1.5em; } blockquote p { margin-top: 0; } abbr, acronym { cursor: help; font-style: normal; } code { color: #f63; } hr { display: none; } img { border: none; } /* unordered list style */ ul {list-style: none; margin-left: 7px; padding: 0;} li {list-style: none; padding-left: 8px; margin-bottom: 3px;} /* links */ a:link {color: $linkcolor; text-decoration: none;} a:visited {color: $visitedlinkcolor; text-decoration: none;} a:hover { color: $linkhover; text-decoration: none;} a:active { color: $visitedlinkcolor; text-decoration: none;} /* ---( layout structure )---*/ #outer-wrapper {width:787px; margin: 0px auto; text-align: justify; } #content-wrapper { margin: 0px; background: url('http://lh4.google.com/jvdmds/R9yz-Vzi-3I/AAAAAAAABWY/2Bqb6LA-dbU/champagne-1.jpg') no-repeat top left; /* to avoid the border image */ width: 100%;} #main { float:right; width:490px; padding-top: 25px; padding-right:35px; line-height: 1.2em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar { float:left; width:210px; padding-top:270px; padding-left:18px; font: $sidebarfont; color: $sidebartextcolor; line-height: 1.4em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #center {background:#fff url('http://lh3.google.com/jvdmds/R9y0jFzi-7I/AAAAAAAABW4/Hj10hhVYaFo/champagne-2.jpg') repeat-y top left;} /* ---( header and site name )--- */ #header-wrapper { margin: 0px; padding: 0px} #header {height:120px; overflow: hidden; width:787px; color: $pagetitlecolor; } #header h1 {width:700px; font: $pagetitlefont; margin:20px 20px 5px 40px; padding:5px; filter: glow(color=#000000,Strength=5); text-align:left; } #header h1 a {text-decoration: none; color: $pagetitlecolor;} #header h1 a:hover {color: $descriptioncolor;} #header .description {margin:-10px 20px 5px 42px; text-align:left; width:700px; font: $descriptionfont; color: $descriptioncolor; } /* ---( main column )--- */ h2.date-header {font-size: 73%; color: $datecolor; margin:0px; text-align: left; } .post h3 { text-align: left; margin: 0px; font: $titlefont; color: $titlecolor; border-top: 1px solid #f9c; border-bottom: 1px solid #f9c; } .post {padding:0px;} .post h3 a {color: $titlecolor; text-decoration: none;} .post h3 a:hover {color: $titlehovercolor; text-decoration: none;} .post-footer {height:30px; margin:0px; text-align: right; font-size: 88%; color:$footercolor; } .post img {padding: 6px; border-top: 1px solid #ddd; border-left: 1px solid #ccc; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; } .feed-links {clear: both; line-height: 2.5em; color:$footercolor; border-top: 1px solid #f9c; } .blog-feeds {text-align: right; color:$footercolor;} #blog-pager-newer-link {float: left;} #blog-pager-older-link {float: right;} #blog-pager {text-align: center;} /* comment styles */ #comments {padding-top: 10px; font-size: 88%; line-height: 1.5em; color: $Commentscolor;} #comments h4 {margin: 20px 0 15px 0; padding: 8px 0 0 40px; font-family: "Lucida Grande", "Trebuchet MS"; font-size: 105%; color: $Commentscolor; height: 29px !important; /* for most browsers */ height /**/:37px; /* for IE5/Win */ } #comments ul {margin-left: 0; } #comments li {background: none; padding-left: 0;} .comment-body {padding: 0 10px 0 25px;} .comment-body p {margin-bottom: 0;} .comment-author {margin: 4px 0 0 0; padding: 0 10px 0 60px; color: #999;} .comment-footer {border-bottom: 1px solid #ddd; padding-bottom: 1em;} .deleted-comment {font-style:italic; color:gray;} /* ---( sidebar )--- */ .sidebar h2 {font: $sidebarheaderfont; color: $sidebarcolor; } .sidebar .widget { margin: 0; padding: 0 0 10px 10px;} .sidebar a {color: $sidebarlink; text-decoration: none;} .sidebar a:hover {color: $sidebarhover;} .sidebar li { } .profile-textblock { margin: 0.5em 0; line-height: 1.6em;} .profile-img {float: right; margin:3px; border: 1px solid #ddd; padding: 3px;} /* ---( footer )--- */ .clear { /* to fix IE6 padding-top issue */ clear: both;} #footer {margin: 0; width:787px; height:79px; background: url('http://lh3.google.com/jvdmds/R9y0jFzi-8I/AAAAAAAABXA/zaAb_dH8yZw/champagne-3.jpg') no-repeat top left; text-align:center; color: #f39;} #footer-wrapper {margin: 0; font-size: 75%; clear: both;} #footer-wrapper a { color: #f39; text-decoration: none; line-height:39px;} #footer-wrapper a:hover{ color: #fff; text-decoration: none;} /** Page structure tweaks for layout editor wireframe */ body#layout #outer-wrapper, body#layout #main, body#layout #sidebar {padding-top: 0; margin-top: 0;} body#layout #outer-wrapper,body#layout #content-wrapper {padding-top: 0} body#layout #sidebar {margin-right: 0;} body#layout #header,body#layout #footer, body#layout #main {padding: 0;} body#layout #content-wrapper {margin: 0px;} #navbar-iframe {height:0px; visibility:hidden; display:none} ]]></b:skin> <div id="'outer-wrapper'"><div id="'wrap2'">  <a href="'#main'">skip to main </a> | <a href="'#sidebar'">skip to sidebar</a> <div id="'header-wrapper'"> <b:section class="'header'" id="'header'" maxwidgets="'1'" showaddelement="'no'"> <b:widget id="'Header1'" locked="'true'" title="'Free" type="'Header'/"> </b:section> </div> <div id="'center'"> <div id="'content-wrapper'"> <div id="'main-wrapper'"> <b:section class="'main'" id="'main'" showaddelement="'no'"> <b:widget id="'Blog1'" locked="'true'" title="'Blog" type="'Blog'/"> </b:section> </div> <div id="'sidebar-wrapper'"> <b:section class="'sidebar'" id="'sidebar'" preferred="'yes'"> <b:widget id="'Profile1'" locked="'false'" title="'About" type="'Profile'/"> <b:widget id="'BlogArchive1'" locked="'false'" title="'Blog" type="'BlogArchive'/"> </b:section> </div>  <div class="'clear'"> </div> </div>  </div>  <div class="'footer" id="'footer'"><div id="footer-wrapper"> Design by: <a title="Blogger Templates" href="http://www.finalsense.com/services/blog_templates/" shape="rect">FinalSense</a> </div> </div> </div></div>

Nah cara bikinnya tinggal copy aja script ini:

<textarea name="code" rows="6" cols="20"> Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area </textarea>

dah gitu aja met mencoba ya...Thanks untuk Kang rohman untuk scriptnya.

Ditulis Oleh : ali afif ~ Ali Afif Hora Keren

Tulisan Cara Buat Text Area ini diposting oleh ali afif pada hari Kamis, 22 Januari 2009. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca Tulisan ini di Blog Ali Afif, Bukan Blogger terbaik Indonesia ataupun Legenda Blogger Tegal, Blogger keren ya Bukan. Kritik dan saran dapat anda sampaikan melalui kotak komentar.

:: support to buwel ! ::

Pages

Cara Buat Text Area

Ditulis Oleh : ali afif ~ Ali Afif Hora Keren

Cersil Kamu

Cara Buat Text Area

Postingan terkait:

Ditulis Oleh : ali afif ~ Ali Afif Hora Keren

Cersil Kamu