tag:blogger.com,1999:blog-11811209828485806112024-03-05T09:24:30.541-08:00SereneConverted by BloggerTemplatePlace.comBelajar Bloghttp://www.blogger.com/profile/13663315993498718360noreply@blogger.comBlogger2125tag:blogger.com,1999:blog-1181120982848580611.post-16779922072259339022010-04-30T06:09:00.001-07:002010-04-30T06:09:11.085-07:00Download this template<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Tulum, México, by joiseyshowaa" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0gmD7Sa_lrIoDofB1i-DIrbA6P8kiUJpXWg9EvJhTPk8T5jB4WmTC7D2zDTFwbQ681oMjSehyFD_CdrbkeqppubHp3f9JyI_gDYeqM6b8MPpaq_KiGY9lYKjdX7xu1UbhVRK_5i_JzR8g/s1600/btemplates-image500.jpg" style="display: block; float: left; height: 150px; margin: 0px 10px 10px 0pt; width: 200px;" /></div><b>» A floating image with link and text</b><br />
<br />
<b>Download this and more </b><b><a href="http://www.bloggertemplateplace.com/">blogger templates</a> at BloggerTemplatePlace.com</b> <b>» An Image</b><br />
<br />
Ea eam labores imperdiet, apeirian democritum ei nam, doming neglegentur ad vis. Ne malorum ceteros feugait quo, ius ea liber offendit placerat, est habemus aliquyam legendos id. Eam no corpora maluisset definitiones, eam mucius malorum id. Quo ea idque commodo utroque, per ex eros etiam accumsan.<br />
<br />
<a name='more'></a><br />
<a href="http://www.bloggertemplateplace.com/" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="BloggerTemplatePlace" border="0" id="BLOGGER_PHOTO_ID_5431774221328567186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTeUEVuHB5ZvvoQyErsb7iZhsGBhJ0dvmtD7F2Acp9dCbngr3kgFXvdbvcofX7tayGb2Y8lPE-76C4HwVc4bqh31-8ETnMNAiuBlmY96l6o6PUQ_pRHY-CRdEANEUm6JntevIL1o1MBNo/s400/place.gif" style="float: left; height: 60px; margin: 0pt 10px 10px 0px; width: 160px;" /></a>Eu mei solum oporteat eleifend, libris nominavi maiestatis duo at, quod dissentiet vel te. Legere prompta impedit id eum. Te soleat vocibus luptatum sed, augue dicta populo est ad, et consul diceret officiis duo. Et duo primis nostrum.Belajar Bloghttp://www.blogger.com/profile/13663315993498718360noreply@blogger.com1tag:blogger.com,1999:blog-1181120982848580611.post-56212998687874809062010-04-30T06:08:00.001-07:002010-04-30T06:08:44.802-07:00HTML Posts<img alt="Tulum, México, by joiseyshowaa" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0gmD7Sa_lrIoDofB1i-DIrbA6P8kiUJpXWg9EvJhTPk8T5jB4WmTC7D2zDTFwbQ681oMjSehyFD_CdrbkeqppubHp3f9JyI_gDYeqM6b8MPpaq_KiGY9lYKjdX7xu1UbhVRK_5i_JzR8g/s1600/btemplates-image500.jpg" style="display: block; height: 301px; margin: 0px auto 10px; text-align: center; width: 500px;" />The purpose of this HTML is to help determine what default settings are with CSS and to make sure that all possible HTML Elements are included in this HTML so as to not miss any possible Elements when designing a site.<br />
<h1>Heading 1</h1><h2>Heading 2</h2><h3>Heading 3</h3><h4>Heading 4</h4><h5>Heading 5</h5><h6>Heading 6</h6><small><a href="http://www.blogger.com/post-edit.g?blogID=4638904254062655204&postID=2194934114499817290#wrapper">[top]</a></small><br />
<span class="fullpost"><a name='more'></a></span><br />
<h2 id="paragraph"><span class="fullpost">Paragraph</span></h2><span class="fullpost">Lorem ipsum dolor sit amet, <a href="http://www.blogger.com/post-edit.g?blogID=4638904254062655204&postID=2194934114499817290#" title="test link">test link</a> adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.<br />
Lorem ipsum dolor sit amet, <i>emphasis</i> consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.<small><a href="http://www.blogger.com/post-edit.g?blogID=4638904254062655204&postID=2194934114499817290#wrapper">[top]</a></small><br />
</span><br />
<h2 id="list_types"><span class="fullpost">List Types</span></h2><h3><span class="fullpost">Definition List</span></h3><dl><dt><span class="fullpost">Definition List Title</span></dt>
<dd><span class="fullpost">This is a definition list division.</span></dd> </dl><h3><span class="fullpost">Ordered List</span></h3><ol><span class="fullpost">
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
</span></ol><h3><span class="fullpost">Unordered List</span></h3><ul><span class="fullpost">
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
</span></ul><span class="fullpost"><small><a href="http://www.blogger.com/post-edit.g?blogID=4638904254062655204&postID=2194934114499817290#wrapper">[top]</a></small><br />
<br />
</span><br />
<h2 id="form_elements"><span class="fullpost">Forms</span></h2><span class="fullpost"><br />
</span><br />
<fieldset><br />
<legend><span class="fullpost">Legend</span></legend><br />
<span class="fullpost">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus.</span><br />
<form><h2><span class="fullpost">Form Element</span></h2><span class="fullpost">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui.</span><br />
<label for="text_field"><span class="fullpost">Text Field:</span></label><br />
<span class="fullpost"><input id="text_field" type="text" /><label for="text_area">Text Area:</label></span><br />
<textarea id="text_area"></textarea><br />
<label for="select_element"><span class="fullpost">Select Element:</span></label><br />
<span class="fullpost"><br />
</span><br />
<select gtbfieldid="8" name="select_element"> <optgroup label="Option Group 1"></optgroup> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> <optgroup label="Option Group 2"></optgroup> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> </select><br />
<label for="radio_buttons"><span class="fullpost">Radio Buttons:</span></label><br />
<span class="fullpost"><br />
</span><br />
<span class="fullpost"><input class="radio" name="radio_button" type="radio" value="radio_1" /> Radio 1</span><br />
<span class="fullpost"><input class="radio" name="radio_button" type="radio" value="radio_2" /> Radio 2</span><br />
<span class="fullpost"><input class="radio" name="radio_button" type="radio" value="radio_3" /> Radio 3</span><br />
<label for="checkboxes"><span class="fullpost">Checkboxes:</span></label><br />
<span class="fullpost"><input class="checkbox" name="checkboxes" type="checkbox" value="check_1" /> Radio 1</span><br />
<span class="fullpost"><input class="checkbox" name="checkboxes" type="checkbox" value="check_2" /> Radio 2</span><br />
<span class="fullpost"><br />
</span><br />
<span class="fullpost"><input class="checkbox" name="checkboxes" type="checkbox" value="check_3" /> Radio 3</span><br />
<label for="password"><span class="fullpost">Password:</span></label><br />
<span class="fullpost"><input class="password" name="password" type="password" /><label for="file">File Input:</label></span><br />
<span class="fullpost"><input class="file" name="file" type="file" /></span><br />
<span class="fullpost"><input class="button" type="reset" value="Clear" /></span><br />
<span class="fullpost"><input class="button" type="submit" value="Submit" /> </span></form></fieldset><span class="fullpost"><small><a href="http://www.blogger.com/post-edit.g?blogID=4638904254062655204&postID=2194934114499817290#wrapper">[top]</a></small><br />
<br />
</span><br />
<h2 id="misc"><span class="fullpost">Misc Stuff – abbr, acronym, pre, code, sub, sup, etc.</span></h2><span class="fullpost">Lorem <sup>superscript</sup> dolor <sub>subscript</sub> amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. <cite>cite</cite>. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. <acronym title="National Basketball Association">NBA</acronym> Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. <abbr title="Avenue">AVE</abbr><br />
<br />
</span><br />
<pre><span class="fullpost">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Nullam dignissim convallis est.<acronym title="National Basketball Association">NBA</acronym>
Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae,
feugiat in, nunc. Morbi imperdiet augue quis tellus. <abbr title="Avenue">AVE</abbr></span></pre><blockquote><span class="fullpost">“This stylesheet is going to help so freaking much. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl doeno.”</span><br />
<span class="fullpost"><br />
</span><br />
<span class="fullpost">-Blockquote</span></blockquote><span class="fullpost"><small><a href="http://www.blogger.com/post-edit.g?blogID=4638904254062655204&postID=2194934114499817290#wrapper">[top]</a></small><br />
<br />
Lorem ipsum dolor sit amet, <i>emphasis</i> consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.<br />
<small><a href="http://www.blogger.com/post-create.g?blogID=3110569954866729627#wrapper">[top]</a></small></span>Belajar Bloghttp://www.blogger.com/profile/13663315993498718360noreply@blogger.com3