tag:blogger.com,1999:blog-19115815425959746852024-03-13T16:20:37.987+07:00Buat Blog BloggerNoercholishttp://www.blogger.com/profile/05887258496135614730noreply@blogger.comBlogger95125tag:blogger.com,1999:blog-1911581542595974685.post-51874446692438239942012-01-25T18:57:00.000+07:002012-01-25T18:57:10.793+07:00Membuat variasi Font pada Teks<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://htmlnoer.blogspot.com/2011/01/membuat-variasi-font-pada-%20teks.html" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="92" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP-9b-ZKKQ7hEU-0p8cYhjHx4wto0LTuJhndc-wabKweeY_5B4kadksY0BLhD4bMo4yjBSVHRvtMBgmUSaBHylLa5A6U2WsvFLJwvbuICuB71orzX0EqQtSgpT1KRF0lSnTVf6QGo-_xUw/s200/12+Free+Beautiful+High+Quality+Fonts+For+Web+Designers+%257E+Blogger+Tips+And+Tricks-Latest+Tips+For+Bloggers_1295697025889.png" width="200" /></a></div>
Sebuah <a href="http://www.lifina.com/web">Web</a> ataupun <a href="http://www.buatblog-mudah.co.cc/2010/11/buat-blog.html?spref=bl">Blog</a> diharapkan memberi tampilan yang indah dan menarik. Salah satunya mengan memberikan variasi pada teks sesuai dengan selera kita,seperti memberi warna pada teks, memberi ukuran besar kecil dll. Dan kali ini saya akan memberi contoh bagaimana cara penulisan dalam <a href="http://htmlnoer.blogspot.com/2010/10/iklan-anda.html">HTML</a>, agar tulisan lebih bervariasi.</div>
<span class="fullpost"><br /></span><br />
<div style="text-align: justify;">
<span class="fullpost">Nama-nama <a href="http://htmlnoer.blogspot.com/2011/01/membuat-variasi-font-pada-teks.html">Font</a> bisa anda lihat dibagian paling bawah halaman ini. Daftar <a href="http://htmlnoer.blogspot.com/2011/01/membuat-variasi-font-pada-teks.html">font</a> yang saya contohkan saya ambil dari nama-nama <a href="http://htmlnoer.blogspot.com/2011/01/membuat-variasi-font-pada-teks.html">font</a> yang di pakai di <b style="color: #38761d;">Notepad</b>, versi script <b style="color: #38761d;">western</b>.</span><br />
<span class="fullpost">Untuk memberi warna pada teks anda, silahkan lihat dan pilih <a href="http://www.buatblog-mudah.co.cc/p/kode-warna-color-code.html">warna</a> dan kodenya yang ada pada <a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-tabel.html">Tabel </a>kode warna di : <a href="http://www.buatblog-mudah.co.cc/p/kode-warna-color-code.html">http://www.buatblog-mudah.co.cc/p/kode-warna-color-code.html</a> Atau <a href="http://www.buatblog-mudah.co.cc/p/kode-warna-color-code.html">KLIK DISINI</a></span><br />
<span class="fullpost"><br /></span></div>
<div style="text-align: justify;">
<span class="fullpost">OK...!!!, sekarang silahkan anda perhatikan perbedaan contoh-contoh berikut :</span></div>
<span class="fullpost"><br /><div style="color: #38761d;">
<b>1. Teks standart :</b></div>
<fieldset>
<div align="center">
<div style="color: red;">
<font>Teks dengan fon standart</font></div>
berikut hasilnya :<br />
<div style="color: red;">
Teks dengan font standart</div>
</div>
</fieldset>
<br /><br /><b style="color: #38761d;">2. Teks dengan nilai besar-kecil :</b><b style="color: #38761d;"></b><br /><fieldset>
<div align="center">
<div style="color: red;">
<font size="6">Teks dengan ukuran font</font></div>
berikut hasilnya :<br />
<span style="font-size: x-large;"></span><br />
<div style="color: red;">
<span style="font-size: x-large;">Tek dengan ukuran font</span></div>
</div>
</fieldset>
<br /><br /><b style="color: #38761d;">3. Teks dengan nilai ukuran dan berwarna :</b><br /><fieldset>
<div align="center">
<br />
<fieldset>
<div align="center">
<div style="color: #783f04;">
<span style="color: #FF0000; font-size: 45px;">Teks dengan nilai ukuran dan berwarna <span style="color: red;">merah</span></span></div>
<br />
<b>berikut hasilnya :</b><br />
<span style="color: red; font-size: 45px;">Teks dengan nilai ukuran dan berwarna merah</span></div>
</fieldset>
<br />
<fieldset>
<div align="center">
<div style="color: #783f04;">
<span style="color: #ffff20; font-size: 50px">Teks dengan nilai ukuran dan berwarna <span style="color: yellow;">kuning</span></span></div>
<br />
<b>berikut hasilnya :</b><br />
<span style="color: #ffff20; font-size: 50px;">Teks dengan nilai ukuran dan berwarna kuning</span></div>
</fieldset>
<br />
<fieldset>
<div align="center">
<div style="color: #783f04;">
<span style="color: #009600; font-size: 30px;">Teks dengan nilai ukuran dan berwarna <span style="color: #38761d;">hijau</span></span></div>
<br />
<b>berikut hasilnya :</b><br />
<span style="color: #009600; font-size: 30px;">Teks dengan nilai ukuran dan berwarna hijau</span></div>
</fieldset>
<br />
<fieldset>
<div align="center">
<span style="color: #1418ff; font-size: 20px;">Teks dengan nilai ukuran dan berwarna <span style="color: blue;">biru</span></span><br />
<br />
<b>berikut hasilnya :</b><br />
<span style="color: #1418ff; font-size: 20px;">Teks dengan nilai ukuran dan berwarna biru</span></div>
</fieldset>
<br /></div>
</fieldset>
<br /><br /><div style="color: #38761d;">
<b>4. Teks berwarna dengan besar 30px,font Goudy Stout :</b></div>
<fieldset>
<div align="center">
<div style="color: #783f04;">
<span style="color: #1418ff; font-size: 30px"><span style="font-family: Goudy Stout,sans-serif;">Teks berwarna dengan besar 30px,font Goudy Stout</span></span></div>
<br />
<b>berikut hasilnya :</b><br />
<span style="color: #1418ff; font-size: 30px;"><span style="font-family: Goudy Stout,sans-serif;">Teks berwarna dengan besar 30px,font Goudy Stout</span></span></div>
</fieldset>
<br />Gimana mudah kan....?<br />Berikut ini daftar macam-macam <a href="http://htmlnoer.blogspot.com/2011/01/membuat-variasi-font-pada-teks.html">font</a> untuk anda coba terapkan pada artikel anda :<br /><br /><fieldset>
<div align="center">
<div align="center">
<table border="1" style="width: 300px;"><tbody>
<tr style="color: #38761d;"> <th colspan="100%" scope="col"><a href="http://htmlnoer.blogspot.com/2011/01/membuat-variasi-font-pada-%20teks.html"><span style="font-size: large;">Nama-nama Font</span></a></th> </tr>
<tr><td><div style="font-family: arial; font-size: 12px; height: 300px; overflow: scroll; width: 300px;">
<div style="overflow: hidden; text-align: center; width: 100%;">
<span style="font-size: 20px;"><span style="font-family: Agency FB,sans-serif;">Agency FB</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Algerian,sans- serif;">Algerian</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: arial,sans-serif;">Arial</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Arial Rounded MT,sans-serif;">Arial Rounded MT</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Baskerville Old Face,sans- serif;">Baskerville Old Face</span></span><br />
<hr />
<span style="font-size: medium;">Bauhaus 93</span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Bell MT,sans-serif;">Bell MT</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Berlin Sans FB,sans-serif;">Berlin Sans FB</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Bernard MT,sans-serif;">ArialBernard MT</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Blackadder ITC,sans-serif;">Blackadder ITC</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Bodoni MT,sans-serif;">Bodoni MT</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Bodoni MT Poster,sans-serif;">Bodoni MT Poster</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Book Antiqua,sans-serif;">Book Antiqua</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Bookman Old Style,sans- serif;">Bookman Old Style</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Bradley Hand ITC,sans-serif;">Bradley Hand ITC</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Britannic,sans- serif;">Britannic</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Broadway,sans- serif;">Broadway</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Brush Script MT,sans-serif;">Brush Script MT</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Calibri,sans- serif;">Calibri</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Century Gothic,sans-serif;">Century Gothic</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Century Schoolbook,sans- serif;">Century Schoolbook</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Chiller,sans- serif;">Chiller</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Colonna MT,sans-serif;">Colonna MT</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Comic Sans MS,sans-serif;">Comic Sans MS</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Cooper,sans- serif;">Cooper</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Copperplate Gothic,sans- serif;">Copperplate Gothic</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Courier,sans- serif;">Courier</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Curlz MT,sans-serif;">Curlz MT</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Edwardian Script ITC,sans- serif;">Edwardian Script ITC</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Elephant,sans- serif;">Elephant</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Engravers MT,sans-serif;">Engravers MT</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Eras ITC,sans-serif;">Eras ITC</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Felix Titling,sans-serif;">Felix Titling</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Fixedsys,sans- serif;">Fixedsys</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Footlight MT,sans-serif;">Footlight MT</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Forte,sans- serif;">Forte</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Franklin Gothic,sans-serif;">Franklin Gothic</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Freestyle Script,sans-serif;">Freestyle Script</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: French Script MT,sans-serif;">French Script MT</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Futura Md BT,sans-serif;">Futura Md BT</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Gabriola,sans- serif;">Gabriola</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Georgia,sans- serif;">Georgia</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Gigi,sans-serif;">Gigi</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Gill Sans,sans-serif;">Gill Sans</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Gloucester MT,sans-serif;">Gloucester MT</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Goudy Old Style,sans-serif;">Goudy Old Style</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Goudy Stout,sans-serif;">Goudy Stout</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Haettenschweiler,sans- serif;">Haettenschweiler</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Harlow Solid,sans-serif;">Harlow Solid</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Harrington,sans- serif;">Harrington</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: High Tower Text,sans-serif;">High Tower Text</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Impact,sans- serif;">Impact</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Informal Roman,sans-serif;">Informal Roman</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: okerman,sans- serif;">okerman</span></span>J<br />
<hr />
<span style="font-size: medium;"><span style="font-family: Juice ITC,sans-serif;">Juice ITC</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Kristen ITC,sans-serif;">Kristen ITC</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Kunstler Script,sans-serif;">Kunstler Script</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Latin,sans- serif;">Latin</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Lucida Calligraphy,sans-serif;">Lucida Calligraphy</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Lucida Console,sans-serif;">Lucida Console</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Lucida Handwriting,sans-serif;">Lucida Handwriting</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Lucida Sans,sans-serif;">Lucida Sans</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Magneto,sans- serif;">Magneto</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Maiandra GD,sans-serif;">Maiandra GD</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Matura MT Script Capitals,sans- serif;">Matura MT Script Capitals</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Microsoft Sans Serif,sans- serif;">Microsoft Sans Serif</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Mistral,sans- serif;">Mistral</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Modern,sans- serif;">Modern</span></span><br />
<hr />
<span style="font-size: medium;">Modern No. 20</span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Monotype Corsiva,sans- serif;">Monotype Corsiva</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: MS Sans Serif,sans-serif;">MS Sans Serif</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: MS Serif,sans-serif;">MS Serif</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Niagara Engraved,sans-serif;">Niagara Engraved</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Niagara Solid,sans-serif;">Niagara Solid</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: OCR-A BT,sans-serif;">OCR-A BT</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Old English Text MT,sans-serif;">Old English Text MT</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Onyx,sans- serif;">Onyx</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Palace Script MT,sans-serif;">Palace Script MT</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Palatino Linotype,sans-serif;">Palatino Linotype</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Papyrus,sans- serif;">Papyrus</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Playbill,sans- serif;">Playbill</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Poor Richard,sans-serif;">Poor Richard</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Pristina,sans- serif;">Pristina</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Rage,sans-serif;">Rage</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Ravie,sans- serif;">Ravie</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Rockwell,sans- serif;">Rockwell</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Roman,sans- serif;">Roman</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Script MT,sans- serif;">Arial</span></span>Script<br />
<hr />
<span style="font-size: medium;"><span style="font-family: arial,sans-serif;">Script MT</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Segoe Print,sans-serif;">Segoe Print</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Segoe Script,sans-serif;">Segoe Script</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Segoe UI,sans-serif;">Segoe UI</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Small Fonts,sans- serif;">Arial</span></span>Showcard Gothic<br />
<hr />
<span style="font-size: medium;"><span style="font-family: arial,sans-serif;">Small Fonts</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Snap ITC,sans-serif;">Snap ITC</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Stencil,sans- serif;">Stencil</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: System,sans- serif;">System</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Tahoma,sans- serif;">Tahoma</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Tempus Sans ITC,sans-serif;">Tempus Sans ITC</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Terminal,sans- serif;">Terminal</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Times New Roman,sans-serif;">Times New Roman</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Trebuchet MS,sans-serif;">Trebuchet MS</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Tw Cen MT,sans-serif;">Tw Cen MT</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Verdana,sans- serif;">Verdana</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Viner Hand ITC,sans-serif;">Viner Hand ITC</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Vivaldi,sans- serif;">Vivaldi</span></span><br />
<hr />
<span style="font-size: medium;"><span style="font-family: Vladimir Script,sans-serif;">Vladimir Script</span></span></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
</fieldset>
<br /><span class="fullpost"><span style="font-size: x-small;">selamat mencoba dan semoga bermanfaat....</span><br /><br /><span style="font-size: x-small;">Jangan lupa luangkan waktu untuk beri komentarmu ya......terima kasih.</span></span></span>Noercholishttp://www.blogger.com/profile/05887258496135614730noreply@blogger.com1tag:blogger.com,1999:blog-1911581542595974685.post-16763829302974477202012-01-25T18:56:00.001+07:002012-01-25T18:56:45.554+07:00Cara membuat Tag Cloud<div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;">
<a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-tag-cloud.html"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiod6Q7cbWgucQhWw_LoI0WXnNyDTJEM1lMhAh4X3iuidYAMb0yxo2ztkWqr8_oyfd-YnXGgF64gOVQD1UMLIRRxhpygqcWPPIvGaaS7N40i2NOyfD2OhA-ehRtvSCbW6uvo6vWIOrCAsGb/s1600/Html+Noer+-Tutorial+blog+-+trik-tips+blog_1296097523360.png" /></a></div>
<div style="text-align: justify;">
<a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-tag-cloud.html">Tag cloud</a> sama dengan <a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-label-di-blog.html">Label</a> atau biasa disebut <a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-label-di-blog.html">label cloud</a> yaitu merupakan daftar kategori semua label yang digunakan untuk menandai suatu artikel. Untuk membuat <a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-tag-cloud.html">tag cloud</a>, anda harus pasang gadget label terlebih dahulu lalu membuat label pada setiap artikel atau postingan pada blog anda. Cara pasang <a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-label-di-blog.html">gadget label</a> dan cara membuat <a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-label-di-blog.html">label</a>, anda bisa lihat <a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-label-di-blog.html">DISINI.</a></div>
<br />
OK.... sekarang kita langsung cara membuat <a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-tag-cloud.html">Tag cloud</a>, Silahkan anda ikuti langkah - langkah dibawah ini:<br />
1. Login ke blogger dengan ID anda.<br />
2. Klik Rancangan. <br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyfFjdb5YEKc4DI5i8hGmlfA3e8VCACY8VnX_waJ4lxRfeksvuqclfg4YGZPV-vCIsNYHYt0g6EbcHONLOzspkmpyt_1W-q8ASYVbhxqVzlKyt15DOYqy23kFkU5bRaK_8nb6_GKKwdB8R/s1600/Blogger-+Dasbor_1295684201615.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="27" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyfFjdb5YEKc4DI5i8hGmlfA3e8VCACY8VnX_waJ4lxRfeksvuqclfg4YGZPV-vCIsNYHYt0g6EbcHONLOzspkmpyt_1W-q8ASYVbhxqVzlKyt15DOYqy23kFkU5bRaK_8nb6_GKKwdB8R/s320/Blogger-+Dasbor_1295684201615.png" width="320" /></a><br />
<br />
<br />
<br />
3. KLik tab Edit HTML.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl7Xp1X35Y5hRVpVgUxfizgwja405L3F0tepQbyev2RpPGiewhtcmX30PN5NcGIGmQBQe9p2jUOWj8UINwVZG9SP4G5XzWtb65QrBoOcqoAzQhJqNJoQMvaHlJVhnffdg6Iqo_4I3Cvj16/s1600/Blogger+--+Edit+Template+HTML_1295684554243.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="45" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl7Xp1X35Y5hRVpVgUxfizgwja405L3F0tepQbyev2RpPGiewhtcmX30PN5NcGIGmQBQe9p2jUOWj8UINwVZG9SP4G5XzWtb65QrBoOcqoAzQhJqNJoQMvaHlJVhnffdg6Iqo_4I3Cvj16/s200/Blogger+--+Edit+Template+HTML_1295684554243.png" width="200" /></a></div>
<br />
<br />
<br />
<br />
<br />
4. Klik tulisan Download Template Lengkap (back-up Template) agar template aman, bila terjadi kesalahan.<br />
5. Klik tombol "Expand Widget Templates"<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinrHeENmre3flgSm3OXZRP8fC38JoE8WNJhbCracVUS04SusEbMtNPt6OSFQJkdHSQ4fhRiE0ujgakvWy2YmHjEa7Gn3oRLFeuVWsCll9eulNQysHJVlUYyvJH0NhJXQiCkd9GPp9cFNmW/s1600/Blogger+--+Edit+Template+HTML_1296099153378.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinrHeENmre3flgSm3OXZRP8fC38JoE8WNJhbCracVUS04SusEbMtNPt6OSFQJkdHSQ4fhRiE0ujgakvWy2YmHjEa7Gn3oRLFeuVWsCll9eulNQysHJVlUYyvJH0NhJXQiCkd9GPp9cFNmW/s1600/Blogger+--+Edit+Template+HTML_1296099153378.png" /></a><br />
<br />
<br />
<br />
<br />
6. Cari kode di bawah ini atau yang mirip dengan kode ini :<br />
<div style="color: red; text-align: center;">
<fieldset>
]]></b:skin></fieldset>
</div>
<br />
7. Copy kode di bawah ini dan taruh tepat diatas kode <span style="color: red;">]]></b:skin></span> :<br />
<div style="color: #38761d; text-align: center;">
<fieldset>
/* Label Cloud Styles<br />
----------------------------------------------- */<br />
#labelCloud {text-align:center;font-family:arial,sans-serif;}<br />
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}<br />
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}<br />
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}<br />
#labelCloud a{text-decoration:none}<br />
#labelCloud a:hover{text-decoration:underline}<br />
#labelCloud li a{}<br />
#labelCloud .label-cloud {}<br />
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}<br />
#labelCloud .label-cloud li:before{content:"" !important}</fieldset>
</div>
<br />
8. Kalau tadi diatasnya sekarang Copy kode di bawah ini dan taruh tepat dibawahnya kode <span style="color: red;">]]></b:skin></span><br />
<div style="color: #38761d; text-align: center;">
<fieldset>
<script type='text/javascript'><br />
// Label Cloud User Variables<br />
var cloudMin = 1;<br />
var maxFontSize = 20;<br />
var maxColor = [0,0,255];<br />
var minFontSize = 10;<br />
var minColor = [0,0,0];<br />
var lcShowCount = false;<br />
</script></fieldset>
</div>
<br />
9. Simpan template.<br />
<br />
10. Masih pada Edit HTML, silahkan anda cari kode yang mirip dengan kode di bawah ini (biasanya yang berbeda pada <b> <span style="color: blue;">id='Label<span style="color: magenta;">1</span>'</span></b>). Dan alangkah baiknya backup terlebih dahulu template ke komputer anda agar template aman, bila terjadi kesalahan. :<br />
<div style="color: red; text-align: center;">
<fieldset>
<b:widget <b style="color: blue;">id='Label<span style="color: magenta;">1</span>'</b> locked='false' title='cloud' type='Label'><br />
&lt b:includable id='main'><br />
<b:if cond='data:title'><br />
<h2></h2><br />
</b:if><br />
<div class='widget-content'><br />
<ul><br />
<b:loop values='data:labels' var='label'><br />
<li><br />
<b:if cond='data:blog.url == data:label.url'><br />
<span expr:dir='data:blog.languageDirection'><br />
<data:label.name/><br />
</span><br />
<b:else/><br />
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><br />
<data:label.name/><br />
</a><br />
</b:if><br />
<span dir='ltr'>(<data:label.count/>)</span><br />
</li><br />
</b:loop><br />
</ul><br />
<b:include name='quickedit'/><br />
</div><br />
</b:includable><br />
</b:widget></fieldset>
</div>
<br />
11. Ganti kode diatas dengan kode di bawah ini :<br />
<fieldset>
<span style="color: #38761d;"><b:widget id='Label1' locked='false' title='Label Cloud' type='Label'></span><br />
<span style="color: #38761d;"><b:includable id='main'></span><br />
<span style="color: #38761d;"><b:if cond='data:title'></span><br />
<span style="color: #38761d;"><h2><data:title/></h2></span><br />
<span style="color: #38761d;"></b:if></span><br />
<br />
<span style="color: #38761d;"><div class='widget-content'></span><br />
<span style="color: #38761d;"><div id='labelCloud'/></span><br />
<span style="color: #38761d;"><script type='text/javascript'></span><br />
<br />
<span style="color: #38761d;">// Don't change anything past this point -----------------</span><br />
<span style="color: #38761d;">// Cloud function s() ripped from del.icio.us</span><br />
<span style="color: #38761d;">function s(a,b,i,x){</span><br />
<span style="color: #38761d;">if(a&gt;b){</span><br />
<span style="color: #38761d;">var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)</span><br />
<span style="color: #38761d;">}</span><br />
<span style="color: #38761d;">else{</span><br />
<span style="color: #38761d;">var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)</span><br />
<span style="color: #38761d;">}</span><br />
<span style="color: #38761d;">return v</span><br />
<span style="color: #38761d;">}</span><br />
<br />
<span style="color: #38761d;">var c=[];</span><br />
<span style="color: #38761d;">var labelCount = new Array();</span><br />
<span style="color: #38761d;">var ts = new Object;</span><br />
<span style="color: #38761d;"><b:loop values='data:labels' var='label'></span><br />
<span style="color: #38761d;">var theName = &quot;<data:label.name/>&quot;;</span><br />
<span style="color: #38761d;">ts[theName] = <data:label.count/>;</span><br />
<span style="color: #38761d;"></b:loop></span><br />
<span style="color: #38761d;">for (t in ts){</span><br />
<span style="color: #38761d;">if (!labelCount[ts[t]]){</span><br />
<span style="color: #38761d;">labelCount[ts[t]] = new Array(ts[t])</span><br />
<span style="color: #38761d;">}</span><br />
<span style="color: #38761d;">}</span><br />
<span style="color: #38761d;">var ta=cloudMin-1;</span><br />
<span style="color: #38761d;">tz = labelCount.length - cloudMin;</span><br />
<span style="color: #38761d;">lc2 = document.getElementById('labelCloud');</span><br />
<span style="color: #38761d;">ul = document.createElement('ul');</span><br />
<span style="color: #38761d;">ul.className = 'label-cloud';</span><br />
<span style="color: #38761d;">for(var t in ts){</span><br />
<span style="color: #38761d;">if(ts[t] &lt; cloudMin){</span><br />
<span style="color: #38761d;">continue;</span><br />
<span style="color: #38761d;">}</span><br />
<span style="color: #38761d;">for (var i=0;3 &gt; i;i++) {</span><br />
<span style="color: #38761d;">c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)</span><br />
<span style="color: #38761d;">}</span><br />
<span style="color: #38761d;">var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);</span><br />
<span style="color: #38761d;">li = document.createElement('li');</span><br />
<span style="color: #38761d;">li.style.fontSize = fs+'px';</span><br />
<span style="color: #38761d;">li.style.lineHeight = '1';</span><br />
<span style="color: #38761d;">a = document.createElement('a');</span><br />
<span style="color: #38761d;">a.title = ts[t]+' Posts in '+t;</span><br />
<span style="color: #38761d;">a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';</span><br />
<span style="color: #38761d;">a.href = '/search/label/'+encodeURIComponent(t);</span><br />
<span style="color: #38761d;">if (lcShowCount){</span><br />
<span style="color: #38761d;">span = document.createElement('span');</span><br />
<span style="color: #38761d;">span.innerHTML = '('+ts[t]+') ';</span><br />
<span style="color: #38761d;">span.className = 'label-count';</span><br />
<span style="color: #38761d;">a.appendChild(document.createTextNode(t));</span><br />
<span style="color: #38761d;">li.appendChild(a);</span><br />
<span style="color: #38761d;">li.appendChild(span);</span><br />
<span style="color: #38761d;">}</span><br />
<span style="color: #38761d;">else {</span><br />
<span style="color: #38761d;">a.appendChild(document.createTextNode(t));</span><br />
<span style="color: #38761d;">li.appendChild(a);</span><br />
<span style="color: #38761d;">}</span><br />
<span style="color: #38761d;">ul.appendChild(li);</span><br />
<span style="color: #38761d;">abnk = document.createTextNode(' ');</span><br />
<span style="color: #38761d;">ul.appendChild(abnk);</span><br />
<span style="color: #38761d;">}</span><br />
<span style="color: #38761d;">lc2.appendChild(ul);</span><br />
<span style="color: #38761d;"></script></span><br />
<br />
<span style="color: #38761d;"><noscript></span><br />
<span style="color: #38761d;"><ul></span><br />
<span style="color: #38761d;"><b:loop values='data:labels' var='label'></span><br />
<span style="color: #38761d;"><li></span><br />
<span style="color: #38761d;"><b:if cond='data:blog.url == data:label.url'></span><br />
<span style="color: #38761d;"><data:label.name/></span><br />
<span style="color: #38761d;"><b:else/></span><br />
<span style="color: #38761d;"><a expr:href='data:label.url'><data:label.name/></a></span><br />
<span style="color: #38761d;"></b:if></span><br />
<span style="color: #38761d;">(<data:label.count/>)</span><br />
<span style="color: #38761d;"></li></span><br />
<span style="color: #38761d;"></b:loop></span><br />
<span style="color: #38761d;"></ul></span><br />
<span style="color: #38761d;"></noscript></span><br />
<span style="color: #38761d;"><b:include name='quickedit'/></span><br />
<span style="color: #38761d;"></div></span><br />
<span style="color: #38761d;"></b:includable></span><br />
<span style="color: #38761d;"></b:widget></span></fieldset>
<br />
12. Simpan Template!<br />
Selesai ! waaaah..... panjang bangeeeet........ (Jangan khawatir setiap tutorial blog Html Noer sudah teruji keberhasilannya).<br />
<br />
Nah ..., sekarang Selamat Mencoba...<br />
Semoga bermanfaat.<br />
<br />
Mohon luangkan waktu anda untuk meninggalkan komentar anda ya..... Terima kasih.<br />
<br />
<br />
<span class="fullpost"> </span>Noercholishttp://www.blogger.com/profile/05887258496135614730noreply@blogger.com1tag:blogger.com,1999:blog-1911581542595974685.post-77821784618997721142012-01-25T18:56:00.000+07:002012-01-25T18:56:15.561+07:00Cara Menambahkan Efek Teks pada Cursor Mouse<div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;">
<img border="0" height="68" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzeLLODqSw_1FcSUqGFbxcLabZgVLTlwu3Pz6uAlgKUL6yGF2iACRZHXSmJ7Dxy6y-fIiriAyk-gDJRfQ6um8Zq8lzHGllQPvcdKSFo9v4ZOhJcOkw7eXGQ7PnsVXEl_K-aqxBWDleJkOU/s200/Style+Mouse+cursor.png" width="200" /></div>
<br />
<span class="fullpost">Yang dimaksud Efek Teks pada Cursor adalah ketika </span><span class="fullpost">Cursor atau mouse kita gerakkan, maka akan muncul sebuah efek yaitu </span><span class="fullpost">Cursor yang bergerak diikuti oleh deretan teks. Dan teks tersebut terserah kita, mau di beri tulisan apa saja. Cara buatnya mudah, silahkan anda ikuti langkah berikut bila anda berminat :</span><br />
1. Login ke blogger dengan ID anda.<br />
<span class="fullpost"> 2. Klik Rancangan dan pilih Elemen Laman</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-label-di-blog.html" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="77" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiUKRvaPXhBwis2NynKgP-NH0Svj5gRmBlTeU1lvrB1o7bXyrBYlDlpeSHSbx87ElQTFGmrbZEcRYb1WQq0vKvzw3Joh9Ot3Gn7mlRpNgbfBY8C7PZT3ULuqlrduo8-oSoI8WWlGr0D3Ez/s320/Blogger+--+Edit+Tata+Letak_1295684510123.png" width="320" /></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
<span class="fullpost">3. Tambah Gadget</span><br />
<a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-label-di-blog.html"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5wZtIhVOGizIacMdHy14ejD2S4EIq-uQ7lnKqAcmWxtSGMYVcANDEr1k9cp9raeFa8a4epRCmEcOu6WtlqSd1xF7qcbTl8yVQmvcF32Q6oiZDToHQRy02DibhmNQSoGiL4bhVI-fvsPcX/s1600/Blogger+--+Edit+Tata+Letak_1295921407619.png" /><span class="fullpost"></span></a><br />
<span class="fullpost"><br /></span><br />
<span class="fullpost">4. Pada jendela baru anda Anda pilih gadget HTML/JavaScript</span><br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDM3IB_32rhwGacDDnYBnLsx__v8byuvEa7B4u670svJogRInI3TkzwbAJFCW0P84NUzscOaAIxQ_Ma1j686TZSLSTm_d8D1tmbjAjGt8w8Rd0PbGIU2yLkIAByArf-Grn3jLSA2HYqkP3/s1600/Blogger-+World+Brand+-+Tambahkan+Gadget_1295921930616.png" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="81" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDM3IB_32rhwGacDDnYBnLsx__v8byuvEa7B4u670svJogRInI3TkzwbAJFCW0P84NUzscOaAIxQ_Ma1j686TZSLSTm_d8D1tmbjAjGt8w8Rd0PbGIU2yLkIAByArf-Grn3jLSA2HYqkP3/s320/Blogger-+World+Brand+-+Tambahkan+Gadget_1295921930616.png" width="320" /></a><span class="fullpost"><br /></span><br />
<br />
<br />
<br />
<br />
<span class="fullpost">5. Copy dan paste kode script dibawah ini pada gadget tersebut :</span><br />
<div style="color: #38761d; text-align: center;">
<fieldset>
<script language="javascript"><br />
<br />
<br />
// ENTER TEXT BELOW. CAN *NOT* INCLUDE NORMAL HTML CODE.<br />
var text='<span style="color: red;">Ganti dengan Teks yang anda suka</span>';<br />
<br />
var delay=40; // SPEED OF TRAIL<br />
var Xoff=0; // PIXEL COUNT FROM THE LEFT OF THE CURSOR (- VALUES GO TO LEFT)<br />
var Yoff=-30; // PIXEL COUNT FROM THE TOP OF THE CURSOR (- VALUES GO UP)<br />
var txtw=14; // AMOUNT OF PIXEL SPACE EACH CHARACTER OCCUPIES<br />
var beghtml='<font color="#00436e"><b>'; // OPTIONAL HTML CODE THAT EFFECTS WHOLE TEXT STRING SUCH AS FONT COLOR, SIZE, ETC.<br />
var endhtml='</b></font>'; // END HTML CODE. MOSTLY USED IF ABOVE SETTING IS USED.<br />
<br />
//********** NO NEED TO EDIT BELOW HERE **********\\<br />
<br />
ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false;<br />
ie4 = (document.all && !document.getElementById)? true : false;<br />
ie5 = (document.all && document.getElementById)? true : false;<br />
ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;<br />
var txtA=new Array();<br />
text=text.split('');<br />
var x1=0;<br />
var y1=-1000;<br />
var t='';<br />
<br />
for(i=1;i<=text.length;i++){<br />
t+=(ns4)? '<layer left="0" top="-100" width="'+txtw+'" name="txt'+i+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-100px; left:0px; height:1px; width:'+txtw+'; visibility:visible;">';<br />
t+=beghtml+text[i-1]+endhtml;<br />
t+=(ns4)? '</layer>' : '</div>';<br />
}<br />
document.write(t);<br />
<br />
function moveid(id,x,y){<br />
if(ns4)id.moveTo(x,y);<br />
else{<br />
id.style.left=x+'px';<br />
id.style.top=y+'px';<br />
}}<br />
<br />
function animate(evt){<br />
x1=Xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX);<br />
y1=Yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY);<br />
}<br />
<br />
function getidleft(id){<br />
if(ns4)return id.left;<br />
else return parseInt(id.style.left);<br />
}<br />
<br />
function getidtop(id){<br />
if(ns4)return id.top;<br />
else return parseInt(id.style.top);<br />
}<br />
<br />
function getwindowwidth(){<br />
if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft;<br />
else return window.innerWidth+pageXOffset;<br />
}<br />
<br />
function movetxts(){<br />
for(i=text.length;i>1;i=i-1){<br />
if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){<br />
moveid(txtA[i-1],0,-1000);<br />
moveid(txtA[i],0,-1000);<br />
}else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1]));<br />
}<br />
moveid(txtA[1],x1,y1);<br />
}<br />
<br />
window.onload=function(){<br />
for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i);<br />
if(ns4)document.captureEvents(Event.MOUSEMOVE);<br />
document.onmousemove=animate;<br />
setInterval('movetxts()',delay);<br />
}<br />
</script></fieldset>
</div>
<span class="fullpost"> </span><br />
<div style="color: red;">
Catatan :</div>
Silahkan ganti tulisan berwarna <span style="color: red;">merah</span> dengan tulisan atau teks yang anda suka.<br />
<br />
6. Simpan.<br />
<br />
<span style="font-size: small;"><span class="fullpost"><span class="fullpost">Selamat mencoba dan lihat hasilnya, semoga bermanfaat....<br />Jangan lupa luangkan waktu untuk beri komentarmu ya......terima kasih.</span></span></span><br />
<br />
<br />
<span class="fullpost"><br /></span>Noercholishttp://www.blogger.com/profile/05887258496135614730noreply@blogger.com1tag:blogger.com,1999:blog-1911581542595974685.post-25455016801584943512012-01-25T18:55:00.001+07:002012-01-25T18:55:51.667+07:00Cara buat kotak Pencarian Untuk Web atau Blog<div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;">
<img border="0" height="135" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_35MPRbUemCcNUh0J-w17Kxr3ea0LpWdJAcEBBrE5NcJ6qwR5RBxVrNhDASEkgSqWtNRH7gJm0VRlmtZ8jHYE3f0rzI5PghV9r9zqrq-TxNQoVcD0izN69KlWiK5dgizJJnhnGudgw7bE/s200/Attractive+Subscribe+Section+%252B+Search+Box+For+Blogger+%257E+Blogger+Tips+And+Tricks-Latest+Tips+For+Bloggers_1296259621854.png" width="200" /></div>
<span class="fullpost">Pada artikel ini, saya akan menjelaskan bagaimana Cara buat kotak Pencarian Untuk Blogger. Kotak Pencarian ini lebih menarik, sebab di lengkapi dengan beberapa tombol share atau tombol berbagi kebeberapa Social networking seperti : Digg, Twitter, Facebook, Stumbleupon, Delicious. Selain itu tesedia tombol berlangganan lewat RSS Feed, Email Feed, Twitter, dan Facebook.<br />Serangkaian tombol pencarian dan tombol jaringan sosial ini didukung oleh www.addthis.com. Anda bisa langsuing membuatnya di www.addthis.com, atau anda bisa membuat sendiri dengan panduan yang akan saya berikan dibawah ini.<br /><br />Silahkan ikuti langkah -langkah bertikut :</span><br />
1. Login ke blogger dengan ID anda.<br />
2. Klik Rancangan. <br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyfFjdb5YEKc4DI5i8hGmlfA3e8VCACY8VnX_waJ4lxRfeksvuqclfg4YGZPV-vCIsNYHYt0g6EbcHONLOzspkmpyt_1W-q8ASYVbhxqVzlKyt15DOYqy23kFkU5bRaK_8nb6_GKKwdB8R/s1600/Blogger-+Dasbor_1295684201615.png" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="27" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyfFjdb5YEKc4DI5i8hGmlfA3e8VCACY8VnX_waJ4lxRfeksvuqclfg4YGZPV-vCIsNYHYt0g6EbcHONLOzspkmpyt_1W-q8ASYVbhxqVzlKyt15DOYqy23kFkU5bRaK_8nb6_GKKwdB8R/s320/Blogger-+Dasbor_1295684201615.png" width="320" /></a><br />
<br />
<br />
<br />
3. KLik tab Edit HTML.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl7Xp1X35Y5hRVpVgUxfizgwja405L3F0tepQbyev2RpPGiewhtcmX30PN5NcGIGmQBQe9p2jUOWj8UINwVZG9SP4G5XzWtb65QrBoOcqoAzQhJqNJoQMvaHlJVhnffdg6Iqo_4I3Cvj16/s1600/Blogger+--+Edit+Template+HTML_1295684554243.png" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="45" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl7Xp1X35Y5hRVpVgUxfizgwja405L3F0tepQbyev2RpPGiewhtcmX30PN5NcGIGmQBQe9p2jUOWj8UINwVZG9SP4G5XzWtb65QrBoOcqoAzQhJqNJoQMvaHlJVhnffdg6Iqo_4I3Cvj16/s200/Blogger+--+Edit+Template+HTML_1295684554243.png" width="200" /></a></div>
<br />
<br />
<br />
<br />
<br />
4. Seperti biasa alangkah baiknya setiap edit Html, Download dulu Template Lengkap (back-up Template) agar template aman, bila terjadi kesalahan.<br />
6. Cari kode di bawah ini atau yang mirip dengan kode ini :<br />
<div style="color: red; text-align: center;">
<fieldset>
<span style="color: red; font-weight: bold;"></head></span></fieldset>
</div>
<br />
7. Copy kode di bawah ini dan taruh sebelum kode <span style="color: red; font-weight: bold;"></head></span> :<br />
<br />
<div style="color: #38761d; text-align: center;">
<fieldset>
<style type="text/css"><br />
.subbox{width:305px;border:0 solid #141414;overflow:hidden}<br />
.addthis_toolbox{padding:15px 0 5px 0;text-align:center}<br />
.addthis_toolbox .custom_images a{width:32px;height:32px;margin:0 4px 0 4px;padding:0}<br />
.addthis_toolbox .custom_images a:hover img{opacity:1}<br />
.addthis_toolbox .custom_images a img{opacity:0.85}<br />
.rssbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}<br />
.rssbox:hover{border:1px solid #92aed1}<br />
.rssbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}<br />
.rssbox a:hover{color:#7c8a9b;text-decoration:underline}<br />
.emailsbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}<br />
.emailsbox:hover{border:1px solid #92aed1}<br />
.emailsbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}<br />
.emailsbox a:hover{color:#7c8a9b;text-decoration:underline}<br />
.twitterbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}<br />
.twitterbox:hover{border:1px solid #92aed1}<br />
.twitterbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}<br />
.twitterbox a:hover{color:#7c8a9b;text-decoration:underline}<br />
.facebookbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}<br />
.facebookbox:hover{border:1px solid #92aed1}<br />
.facebookbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}<br />
.facebookbox a:hover{color:#7c8a9b;text-decoration:underline}<br />
#search{width:290px;padding:2px 2px;background:#f7f6f6;border:1px solid #ccd1d7;height:28px;margin-top:0;margin-left:5px;display:inline;float:left}<br />
#search:hover{border:1px solid #92aed1}<br />
#search form{margin:0;padding:0}<br />
#search fieldset{margin:0;padding:0;border:none}<br />
#search p{margin:0;font-size:85%}<br />
#s{width:200px;margin:0 0 0 0;padding:5px 5px 5px 5px;border:none;font:normal 80% &quot;Tahoma&quot;,Arial,Helvetica,sans-serif;color:#000;float:left;background:#f7f6f6;display:inline}<br />
input#searchsubmit{float:right;display:inline;margin:0 0 0 0;height:28px;background:#b2b2b2;color:#000;border:0 solid #222}<br />
</style></fieldset>
</div>
<br />
8. Simpan Template.<br />
<br />
<span class="fullpost">Langkah selanjutnya anda tinggal menampilkan Kotak Pencarian pada halaman depan blog anda. Perhatikan langkah berikut :</span><br />
<br />
<span class="fullpost">1. Klik Rancangan dan pilih Elemen Laman</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-label-di-blog.html" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="77" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiUKRvaPXhBwis2NynKgP-NH0Svj5gRmBlTeU1lvrB1o7bXyrBYlDlpeSHSbx87ElQTFGmrbZEcRYb1WQq0vKvzw3Joh9Ot3Gn7mlRpNgbfBY8C7PZT3ULuqlrduo8-oSoI8WWlGr0D3Ez/s320/Blogger+--+Edit+Tata+Letak_1295684510123.png" width="320" /></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
<span class="fullpost">2. Tambah Gadget</span><br />
<a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-label-di-blog.html"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5wZtIhVOGizIacMdHy14ejD2S4EIq-uQ7lnKqAcmWxtSGMYVcANDEr1k9cp9raeFa8a4epRCmEcOu6WtlqSd1xF7qcbTl8yVQmvcF32Q6oiZDToHQRy02DibhmNQSoGiL4bhVI-fvsPcX/s1600/Blogger+--+Edit+Tata+Letak_1295921407619.png" /><span class="fullpost"></span></a><br />
<span class="fullpost"><br /></span><br />
<span class="fullpost">3. Pada jendela baru anda Anda pilih gadget HTML/JavaScript</span><br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDM3IB_32rhwGacDDnYBnLsx__v8byuvEa7B4u670svJogRInI3TkzwbAJFCW0P84NUzscOaAIxQ_Ma1j686TZSLSTm_d8D1tmbjAjGt8w8Rd0PbGIU2yLkIAByArf-Grn3jLSA2HYqkP3/s1600/Blogger-+World+Brand+-+Tambahkan+Gadget_1295921930616.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="81" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDM3IB_32rhwGacDDnYBnLsx__v8byuvEa7B4u670svJogRInI3TkzwbAJFCW0P84NUzscOaAIxQ_Ma1j686TZSLSTm_d8D1tmbjAjGt8w8Rd0PbGIU2yLkIAByArf-Grn3jLSA2HYqkP3/s320/Blogger-+World+Brand+-+Tambahkan+Gadget_1295921930616.png" width="320" /></a><span class="fullpost"><br /></span><br />
<br />
<br />
<br />
<br />
<span class="fullpost">4. Copy dan paste kode dibawah ini pada gadget tersebut :</span><br />
<br />
<div style="color: #38761d; text-align: center;">
<fieldset>
<div class="subbox"><br />
<div id='search' style='display:inline;'><br />
<form action='/search' id='searchform' method='get'><br />
<input id="s" name="q" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}" onfocus="if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;;}" type="text" value="Search..." /><br />
<input id="searchsubmit" type="submit" value="Search" /><br />
</form><br />
</div><br />
<table><tr><br />
<td><div class="rssbox"><br />
<a href="http://feeds.feedburner.com/<span style="color: red;">FEEDBURNER-ID</span>" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXRsiIHZ-QsOqbtzBkwVP8KrX70Rqc8-caWocP377a_OhmFdTw91cr2V4sg1isear6mpLTQ9GDvOhWOgX6r4egztIUgUQrs7snO1CXgm5eHo5w5oefqYl16rsoWYpTlBHeq_hgyI4OIUej/" alt="RSS Feed" title="RSS Feed" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://feeds.feedburner.com/<span style="color: red;">FEEDBURNER-ID</span>" target="_blank" rel="nofollow">RSS Feed</a><br />
</div></td><br />
<td><div class="emailsbox"><br />
<a href="http://feedburner.google.com/fb/a/mailverify?uri=<span style="color: red;">FEEDBURNER-ID</span>" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj90ab9DwZjZi0jhK5FXthWsGShyFfKonJwyo8uFVF6zLOShmIXqiRgDHKOfhItzBe35j6kxDqxRzQTyQpwBpp4i3T0lAcbK8fVvsYqv7khzfmqOQdgc2-NoiWm6h_LQolSwvzSgQweotlB/" alt="EMail Feed" title="EMail Feed" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://feedburner.google.com/fb/a/mailverify?uri=<span style="color: red;">FEEDBURNER-ID</span>" target="_blank" rel="nofollow">EMail Feed</a><br />
</div></td><br />
</tr><tr><br />
<td><div class="twitterbox"><br />
<a href="http://twitter.com/<span style="color: blue;">USERNAME-</span><span style="color: blue;">TWITTER</span>" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnNHPF_jKtXV-CctbDDJnfVi4mB_8P9-Isl5ESYn5RlJcGP7CpZ_K7JC-3_gulRn-JNv4dmnnl4R8bvtg-X_-84JUuJegmkb75Z-32NGTgtLAeidzn8t9cwbdKuftHevNdTgl3Gbn7cdPs/" alt="Twitter" title="Twitter" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://twitter.com/<span style="color: blue;">USERNAME-</span><span style="color: blue;">TWITTER</span>" target="_blank" rel="nofollow">Twitter</a><br />
</div></td><br />
<td><div class="facebookbox"><br />
<a href="http://www.facebook.com/<span style="color: magenta;">USERNAME-FACEBOOK</span>" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5Lux_eePuuIanxdxa_zSUbMj-RYijFMocrqe2yxZ372Pu_Cz3vbuS6kdaXJfEKt-m5ylaINq0pBg3kii0zOpC4pNGdWkxWDiHKz25af6TMIYuXgVEy9dov3M7gxFnwjqu4GU31HSGnQMI/" alt="Facebook" title="Facebook" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://www.facebook.com/<span style="color: magenta;">USERNAME-FACEBOOK</span>" target="_blank" rel="nofollow">Facebook</a><br />
</div></td><br />
</tr></table><br />
<p style="display:none;" align="center">Widget by <a href="http://www.bloggertipandtrick.net/" target="_blank">Blogger Tips And Tricks</a></p><br />
<div class='addthis_toolbox'><br />
<div class='custom_images'><br />
<a class='addthis_button_twitter'><img alt='Twitter' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQciiP31mUp2L4_5-dc2LqrScQCF-w6gCGQQQsn_nOW3s6MxxXE0akbBpltthVR2i11fuDPkSjr3CEJ8z-u6Vw4NBuXJXjXzLvgCQyX_jtY-5jxkbrO-NqqhI7nHZHVDkxYdBP3qcVtKU/' width='32'/></a><br />
<a class='addthis_button_delicious'><img alt='Delicious' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh11Jiz3q_DzfAp1MICGZ6oz53vJAErAYGslSWQ799FgGv_Bkv0tLhSjq0ckKCgq-ELDRAh_Ng9ZpSjC7XwL39YJxDi4r3-SI_Ek3aRL3BfO0FUplpbGSGaA9DnBnKqMu_tY4FuFO19V5c/' width='32'/></a><br />
<a class='addthis_button_facebook'><img alt='Facebook' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqMV6CriSfmea7wEdfDp7HSkyEhb0P0goDv3KVX4W95WqXFspKcuPEP6NvlRIuI1GxWjEAb7HPaYbKu6g8mu8uNNI1pShS03LIQCdZT5m2M_kkhCqv_E1EVrN4BcyWykC4rVB7BXdNkFA/' width='32'/></a><br />
<a class='addthis_button_digg'><img alt='Digg' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieLzMzbHrDUbBzTBkJ03jPpKFok77Itpr9-NL1U8p6DGEsJi1RWlsORzqfgAozQyu6eW7rStTSCXYZsWVJMdLINqrqNEvOj8V6KNpnMYcGTGJnzOisPuqV8_hJ9eOwubDygZstcQdOIOk/' width='32'/></a><br />
<a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1YLv1L5O5OQMQ9mAiemi22BKMGdxz8Il2o68dV_HqpJfUiKhuq_bc5jy-xZgeIYILAVG68Dsl7Q6r3E5SpvfZ0upfGLa-dLQCypp2gs75UkTCor_i2tre2KF6TKV_Vz7x3MrjWlc34eo/' width='32'/></a><br />
<a class='addthis_button_favorites'><img alt='Favorites' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMaUvqxNAktHVUj_a-E4nJvtUOks6pJjnU34w4YtHoTfa6jLaeV-9VCPoYt4joiPyLHn0sUJer7G3ll8xIzMBRGAaYYmYjFVkGMvg3uNrmzUHH9kAQ7Lfm35Ptt0zMigYHt4S0vOw1q-g/' width='32'/></a><br />
<a class='addthis_button_more'><img alt='More' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUV7eKbSHj_Y_EO4HxCHrCRzwthMz1Bq6JndzSTx4Muf1sbs91VWGZ5Jf5qao1SMZwHHCCmfNGqHzoFH8jtzcn4rdmAKsUNLmkxFOyCbzQX70xpWiPqgtDOLWhKCbLXMtI-yJhvEswWrw/' width='32'/></a><br />
</div><br />
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/><br />
</div><br />
</div></fieldset>
</div>
<br />
Catatan :<br />
-Ganti tulisan merah dengan <span style="color: red;">FEEDBURNER-ID</span> anda<br />
-Ganti tulisan Biru dengan <span style="color: blue;">USERNAME-</span><span style="color: blue;">TWITTER</span><span class="fullpost"> anda</span><br />
-Ganti tulisan Pink dengan <span style="color: magenta;">USERNAME-FACEBOOK</span> anda<br />
<br />
<span class="fullpost">5. Simpan.</span><br />
<br />
<div style="font-family: inherit;">
<span class="fullpost" style="font-size: small;">Dan sekarang anda lihat hasil kotak yang baru anda buat....</span></div>
<div style="font-family: inherit;">
<span style="font-size: small;"><span class="fullpost"><span class="fullpost">Selamat mencoba dan semoga bermanfaat....<br />Jangan lupa luangkan waktu untuk beri komentarmu ya......terima kasih.</span></span></span></div>
<br />
<span style="font-size: x-small;"><span class="fullpost" style="font-family: inherit;"><span class="fullpost"> </span></span></span><span class="fullpost"> </span>Noercholishttp://www.blogger.com/profile/05887258496135614730noreply@blogger.com0tag:blogger.com,1999:blog-1911581542595974685.post-59256627962634735082012-01-25T18:55:00.000+07:002012-01-25T18:55:26.020+07:00Menambah widget pengatur Ukuran dan Warna teks pada Blog<div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;">
<a href="http://htmlnoer.blogspot.com/2011/02/menambah-widget-pengatur-ukuran-dan.html"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikuh_Z_wghiVMxR0C3H9r7EEvaB04WTNpMU5GsjHv0Fj10N-jCkpTifOoBX32EPABek2YIv97_5fmigk26WCpMqki5MZLEHJqgiKaVe0XiXKSWfIF3uobvupZmdJ_xCIceECJ3NLNQbgTR/s1600/Tutorial%252C+Blog%252C+Blogspot%252C+Blogger%252C+Cara+buat+blog_1296805816860.png" /></a></div>
<span class="fullpost">Hallo....... Ketemu lagi dengan tutorial blog Html Noer. Beberapa waktu yang lalu saya berkunjung di Blogger Tip and Trick, disana saya tertarik pada tutorial tentang bagaimana menambah widget pengatur ukuran dan warna teks pada blog. Widget ini sesuai fungsinya menurut saya sangat unik dan berguna bagi pengunjung atau pembaca artikel di blog kita, yaitu pengunjung bisa mengatur atau merubah ukuran dan warna tulisan sesuai dengan selera atau kenyamanan mata pengunjung saat membaca. Dalam widget ini terdapat 4 macam warna dan 4 macam ukuran yang bisa dipilih. Anda bisa lihat contoh gambar bentuk widget diatas. Atau silahkan anda bisa coba pada blog ini disebelah kanan, anda bisa ganti ukuran atau warna artikel ini dan yang lain sesuai dengan selera mata anda.</span><br />
<span class="fullpost">OK...., bila anda juga bermninat memasang widget seperti ini pada blog anda, silahkan anda ikuti langkah-langkah berikut :</span><br />
<br />
1. Login ke blogger dengan ID anda.<br />
2. Klik Rancangan.<br />
3. Dan KLik tab Edit HTML. <br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl7Xp1X35Y5hRVpVgUxfizgwja405L3F0tepQbyev2RpPGiewhtcmX30PN5NcGIGmQBQe9p2jUOWj8UINwVZG9SP4G5XzWtb65QrBoOcqoAzQhJqNJoQMvaHlJVhnffdg6Iqo_4I3Cvj16/s1600/Blogger+--+Edit+Template+HTML_1295684554243.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="73" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl7Xp1X35Y5hRVpVgUxfizgwja405L3F0tepQbyev2RpPGiewhtcmX30PN5NcGIGmQBQe9p2jUOWj8UINwVZG9SP4G5XzWtb65QrBoOcqoAzQhJqNJoQMvaHlJVhnffdg6Iqo_4I3Cvj16/s320/Blogger+--+Edit+Template+HTML_1295684554243.png" width="320" /></a><br />
<br />
<br />
<br />
<br />
<br />
4. Seperti biasa alangkah baiknya setiap edit Html, Download dulu Template Lengkap (back-up Template) agar template aman, bila terjadi kesalahan.<br />
6. Cari kode di bawah ini atau yang mirip dengan kode ini :<br />
<br />
<div style="color: red; text-align: center;">
<fieldset>
<span style="color: red; font-weight: bold;"></head></span></fieldset>
</div>
<br />
7. Copy kode di bawah ini dan taruh sebelum kode <span style="color: red; font-weight: bold;"></head></span> :<br />
<div style="color: #38761d; text-align: center;">
<fieldset>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script></fieldset>
</div>
<br />
8. Simpan Template.<br />
<br />
<span class="fullpost">Langkah selanjutnya anda tinggal menampilkan Widget pada halaman depan blog anda. Perhatikan langkah berikut :</span><br />
<br />
<span class="fullpost">1. Klik Rancangan dan pilih Elemen Laman</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-label-di-blog.html" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="77" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiUKRvaPXhBwis2NynKgP-NH0Svj5gRmBlTeU1lvrB1o7bXyrBYlDlpeSHSbx87ElQTFGmrbZEcRYb1WQq0vKvzw3Joh9Ot3Gn7mlRpNgbfBY8C7PZT3ULuqlrduo8-oSoI8WWlGr0D3Ez/s320/Blogger+--+Edit+Tata+Letak_1295684510123.png" width="320" /></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
<span class="fullpost">2. Tambah Gadget</span><br />
<a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-label-di-blog.html"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5wZtIhVOGizIacMdHy14ejD2S4EIq-uQ7lnKqAcmWxtSGMYVcANDEr1k9cp9raeFa8a4epRCmEcOu6WtlqSd1xF7qcbTl8yVQmvcF32Q6oiZDToHQRy02DibhmNQSoGiL4bhVI-fvsPcX/s1600/Blogger+--+Edit+Tata+Letak_1295921407619.png" /><span class="fullpost"></span></a><br />
<span class="fullpost"><br /></span><br />
<span class="fullpost">3. Pada jendela baru anda Anda pilih gadget HTML/JavaScript</span><br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDM3IB_32rhwGacDDnYBnLsx__v8byuvEa7B4u670svJogRInI3TkzwbAJFCW0P84NUzscOaAIxQ_Ma1j686TZSLSTm_d8D1tmbjAjGt8w8Rd0PbGIU2yLkIAByArf-Grn3jLSA2HYqkP3/s1600/Blogger-+World+Brand+-+Tambahkan+Gadget_1295921930616.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="81" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDM3IB_32rhwGacDDnYBnLsx__v8byuvEa7B4u670svJogRInI3TkzwbAJFCW0P84NUzscOaAIxQ_Ma1j686TZSLSTm_d8D1tmbjAjGt8w8Rd0PbGIU2yLkIAByArf-Grn3jLSA2HYqkP3/s320/Blogger-+World+Brand+-+Tambahkan+Gadget_1295921930616.png" width="320" /></a><span class="fullpost"><br /></span><br />
<br />
<br />
<br />
<br />
<span class="fullpost">4. Copy dan paste kode dibawah ini pada gadget tersebut :</span><br />
<div style="color: #38761d; text-align: center;">
<fieldset>
<!-- Code Begins --><br />
<!-- http://TheUnnecessaryWorld.co.cc --><br />
<style type="text/css"><br />
/** TUW Font Color and Size Change widget begins **/<br />
#tuw-font-change-widget {width: auto;}<br />
#tuw-font-change-widget h2 {margin: 0 0 8px 0 !important;font: 12px Tahoma !important;font-weight: normal !important;border: 0 !important;}<br />
#tuw-font-change-widget ul {width: auto; overflow: hidden;margin: 0 0 20px !important;padding: 0 !important;list-style; none !important;}<br />
#tuw-font-change-widget ul li {width: 20px !important;height: 20px !important;overflow: hidden;margin: 0 10px 0 0 !important;padding: 2px !important;display: block !important;float: left !important;border: 1px solid #CCCCCC !important;}<br />
#tuw-font-change-widget ul li a {width: 20px !important;height: 20px !important;display: block !important;line-height: 18px !important;text-align: center !important;color: #FFFFFF !important;font-size: 11px !important;font-family: Tahoma !important;text-decoration: none !important; outline: 0 !important;}<br />
#fcw-black { background: #000000 !important; } #fcw-white { background: #088A08 !important; } #fcw-blue { background: #0066CC !important; } #fcw-gray { background: #666666 !important; }<br />
#fcw-color a { text-indent: -999px !important; }<br />
#fcw-size a { text-indent: 0 !important; background: #333333 !important; }<br />
/** TUW Font Color and Size Change widget begins **/<br />
</style><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
// Change Font Color -- begins<br />
$(" #fcw-color #fcw-black ").click(function() {<br />
$(" .post-body ").css({ color: "#000000" });<br />
return false;<br />
});<br />
<br />
$(" #fcw-color #fcw-white ").click(function() {<br />
$(" .post-body ").css({ color: "#088A08" });<br />
return false;<br />
});<br />
<br />
$(" #fcw-color #fcw-blue ").click(function() {<br />
$(" .post-body ").css({ color: "#0066CC" });<br />
return false;<br />
});<br />
<br />
$(" #fcw-color #fcw-gray ").click(function() {<br />
$(" .post-body ").css({ color: "#666666" });<br />
return false;<br />
});<br />
// Change Font Color -- ends<br />
<br />
// Change Font Size -- begins<br />
$(" #fcw-size #fcw-10 ").click(function() {<br />
$(" .post-body ").css({ fontSize: "10px" });<br />
return false;<br />
});<br />
<br />
$(" #fcw-size #fcw-12 ").click(function() {<br />
$(" .post-body ").css({ fontSize: "12px" });<br />
return false;<br />
});<br />
<br />
$(" #fcw-size #fcw-14 ").click(function() {<br />
$(" .post-body ").css({ fontSize: "14px" });<br />
return false;<br />
});<br />
<br />
$(" #fcw-size #fcw-16 ").click(function() {<br />
$(" .post-body ").css({ fontSize: "16px" });<br />
return false;<br />
});<br />
// Change Font Size -- ends<br />
});<br />
</script><br />
<!-- TUW Blogger Change Font color and size widget begins --><br />
<div id="tuw-font-change-widget"><br />
<div class="tuw-fcw"><br />
<h2> Ganti warna tulisan </h2><br />
<ul id="fcw-color"><br />
<li> <a id="fcw-black" href="#">black</a> </li><br />
<li> <a id="fcw-white" href="#">green</a> </li><br />
<li> <a id="fcw-blue" href="#">blue</a> </li><br />
<li> <a id="fcw-gray" href="#">gray</a> </li><br />
</ul><br />
</div><br />
<br />
<div class="tuw-fcw"><br />
<h2> Ganti ukuran tulisan </h2><br />
<ul id="fcw-size"><br />
<li> <a id="fcw-10" href="#">10</a> </li><br />
<li> <a id="fcw-12" href="#" title="Default Size">12</a> </li><br />
<li> <a id="fcw-14" href="#">14</a> </li><br />
<li> <a id="fcw-16" href="#">16</a> </li><br />
</ul><br />
</div><br />
</div><br />
<!-- TUW Blogger Change Font color and size widget ends --><br />
<!-- Code ends --></fieldset>
</div>
<span class="fullpost"></span><br />
<span class="fullpost">5. Simpan.</span><br />
<br />
<div style="font-family: inherit;">
<span style="font-size: small;"><br /></span></div>
<div style="font-family: inherit;">
<span class="fullpost" style="font-size: small;">Dan sekarang anda lihat hasil Widget yang baru anda buat....</span></div>
<div style="font-family: inherit;">
<span style="font-size: small;"><span class="fullpost"><span class="fullpost">Selamat mencoba dan semoga bermanfaat....<br />Jangan lupa luangkan waktu untuk beri komentarmu ya......terima kasih.</span></span></span></div>
<div style="font-family: inherit;">
</div>
<div style="font-family: inherit;">
</div>
<div style="font-family: inherit;">
</div>
<span class="fullpost"> </span>Noercholishttp://www.blogger.com/profile/05887258496135614730noreply@blogger.com0tag:blogger.com,1999:blog-1911581542595974685.post-60308420261763431452011-02-19T23:01:00.000+07:002011-02-19T23:01:52.399+07:00Software Gratis<div style="color: #274e13; font-family: Arial,Helvetica,sans-serif; text-align: justify;">
<span style="font-size: small;">Disini anda bisa mengunduh software bebas semau anda, dan andapun bisa berbagi software yang anda punya kepada teman-teman yang berkunjung disini. Saya berharap suatu saat blog ini tidak hanya menyediakan software gratis, tapi tersedia banyak macam yang bisa di unggah, diakses, dan bisa berbagi apasaja. Semoga software-software yang ada sekarang bisa bermanfaat untuk anda dan kita semua. </span></div>
<div style="color: #274e13; font-family: Arial,Helvetica,sans-serif; text-align: justify;">
<span style="font-size: small;">Silahkan jika anda ingin segera mengunduh....., tapi saya ingatkan....jangan lupa tinggalin masukan end komentarmu ya.....</span></div>
<div style="color: #274e13; font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: small;"> </span></div>
<div style="color: #274e13; font-family: Arial,Helvetica,sans-serif; text-align: justify;">
<span style="font-size: small;">Oh ya.....setelah anda Klik judul software yang ada, anda saya arahkan kegudangnya, caranya "klik kanan mouse anda lalu klik "Open Link in new tab". Disana anda tinggal "Unduh File"nya....silahkan...:</span></div>
<div style="color: #274e13;">
<br /></div>
<div style="color: red;">
<b>1.<span style="font: 7pt "Times New Roman";"> </span></b><a href="http://dc96.4shared.com/download/aC84lQxI/Portable_MS_Office_FrontPage_2.rar?tsid=20101027-085043-72272027"><b>Portable_MS_Office_FrontPage_2003.part1.rar</b></a> </div>
<div class="MsoNormal" style="color: red;">
<a href="http://dc96.4shared.com/download/aC84lQxI/Portable_MS_Office_FrontPage_2.rar?tsid=20101027-085043-72272027"><br />
</a></div>
<div style="color: red;">
2.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc101.4shared.com:8080/download/PwvCZln8/MS_Office_FrontPage_2003.rar?tsid=20101027-090345-522989ca"><b>MS Office FrontPage 2003.rar</b> (43,243 KB)</a> </div>
<div style="color: red;">
<br />
3.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc129.4shared.com/download/TZxgphdZ/Portable_MS_Office_FrontPage_2.rar?tsid=20101027-090419-3f4238ca"><b>Portable_MS_Office_FrontPage</b>_2003.rar (43,226 KB)</a> </div>
<ul style="color: red;">
<li><span style="font: 7pt "Times New Roman";"> </span><a href="http://dc147.4shared.com/download/O5hRAb5u/FrontPage_Tutorial.rar?tsid=20101027-091354-b2ff63f0"><b>FrontPage Tutorial.rar</b> (1,450 KB)</a> </li>
</ul>
<ul style="color: red;">
<li><span style="font: 7pt "Times New Roman";"></span><a href="http://dc239.4shared.com/download/2M8ZnMlF/FrontPage_2003_tutorial.pdf?tsid=20101027-091350-dc73fd7e"><b>FrontPage 2003 tutorial.pdf</b> (2,556 KB)</a> </li>
</ul>
<ul style="color: red;">
<li><span style="font: 7pt "Times New Roman";"></span><a href="http://dc206.4shared.com/download/w3GZIIBL/Tutorial_Pemula_FrontPage.doc?tsid=20101027-091353-d932213"><b>Tutorial Pemula FrontPage.doc</b> (436 KB)</a> </li>
</ul>
<div class="MsoNormal" style="color: red;">
</div>
<div class="MsoNormal" style="color: red;">
<br /></div>
<div style="color: red;">
4.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc221.4shared.com/download/ugn-_uap/Dreamweaver_CS4_Portable.exe?tsid=20101027-090548-7225eec0"><b>Dreamweaver CS4 Portable.exe</b> (95,930 KB)</a> </div>
<div class="MsoNormal" style="color: red;">
<br /></div>
<div style="color: red;">
5.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc100.4shared.com/download/cDUZIJl4/Dreamweaver_CS3.exe?tsid=20101027-090555-f6ee470a"><b>Dreamweaver CS3.exe</b> (52 KB)</a> </div>
<ul style="color: red;">
<li><a href="http://dc96.4shared.com/download/_vShWr4B/Tutorial_Dreamweaver.pdf?tsid=20101027-091334-6f580f1c"><b>Tutorial Dreamweaver.pdf</b> (274 KB)</a> </li>
</ul>
<div class="MsoNormal" style="color: red;">
<br /></div>
<div style="color: red;">
6.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc196.4shared.com/download/6IpRup4X/Adobe_Flash_Player_100452.exe?tsid=20101027-092036-8ef2a452"><b>Adobe Flash Player</b> 10.0.45.2.exe (3,798 KB)</a> </div>
<div class="MsoNormal" style="color: red;">
<br /></div>
<div style="color: red;">
7.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc112.4shared.com/download/muDgohtZ/Cool_Edit_Pro_21.exe?tsid=20101027-092516-728bd234"><b>Cool Edit Pro 2.1.exe</b> (16,562 KB)</a> </div>
<div class="MsoNormal" style="color: red;">
<br /></div>
<div style="color: red;">
8.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc221.4shared.com/download/ltIAHbgy/Audio_Edit_Magic_921_Portable.exe?tsid=20101027-092632-132256bc"><b>Audio Edit Magic 9.21 Portable.exe</b> (7,602 KB)</a> </div>
<div class="MsoNormal" style="color: red;">
<br /></div>
<div style="color: red;">
9.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc97.4shared.com/download/3hfnErQw/pf-setup-en_buat_edit_foto_.exe?tsid=20101027-093234-b71bbc4a"><b>pf-setup-en(buat edit foto).exe</b> (1,646 KB)</a> </div>
<div style="color: red;">
<br />
10.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc235.4shared.com/download/RtbWuMAH/photoshine_edit_foto_.exe?tsid=20101027-093238-9a187e4"><b>photoshine(edit foto).exe</b> (30,105 KB)</a> </div>
<div class="MsoNormal" style="color: red;">
<br /></div>
<div style="color: red;">
11.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc229.4shared.com/download/_FSrItU0/Edit_foto_Histogram_Corection.exe?tsid=20101027-093243-7a3c3424"><b>Edit foto Histogram Corection.exe</b> (28,866 KB)</a> </div>
<div class="MsoNormal" style="color: red;">
<br /></div>
<div style="color: red;">
12.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc207.4shared.com/download/xtz3MB90/juan_juan_foto_edit.exe?tsid=20101027-093248-919964c6"><b>juan juan foto edit.exe</b> (7,644 KB)</a> </div>
<div class="MsoNormal" style="color: red;">
<a href="http://dc207.4shared.com/download/xtz3MB90/juan_juan_foto_edit.exe?tsid=20101027-093248-919964c6"><br />
</a></div>
<div style="color: red;">
13.<span style="font: 7pt "Times New Roman";"> <a href="http://www.blogger.com/goog_2088052865"> </a></span><a href="http://dc94.4shared.com/download/OmWnGd03/Ashampoo-Mp3-convetserial.rar?tsid=20101027-094012-e6940278"><b>Ashampoo-Mp3-convet+serial.rar</b> (8,416 KB)</a> </div>
<div class="MsoNormal" style="color: red;">
<br /></div>
<div style="color: red;">
14.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc101.4shared.com:8080/download/nIDUg6aH/Xilisoft_Audio_Converter_21431.rar?tsid=20101027-094251-15ed6318"><b>Xilisoft Audio Converter</b> 2.1.43.1229 (Convert between MP3, M4A, WAV, WMA, MP4, MP2, VQF, APE, OGG, AAC and FLAC) & Key Gen.rar (2,716 KB)</a> </div>
<div class="MsoNormal" style="color: red;">
<br /></div>
<div style="color: red;">
15.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc181.4shared.com/download/dgVT3uin/Xilisoft_Video_Converter_50600.rar?tsid=20101027-094202-f05f5c8f"><b>Xilisoft Video Converter</b> 5.0.60.0625.rar (14,630 KB)</a> </div>
<div class="MsoNormal" style="color: red;">
<br /></div>
<div style="color: red;">
16.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc95.4shared.com/download/F0da36RT/Xilisoft_3GP_Video_Converter_v.rar?tsid=20101027-094209-b0147cf7"><b>Xilisoft 3GP Video Converter</b> v3.1.37.0727b.rar (16,342 KB)</a> </div>
<div class="MsoNormal" style="color: red;">
<br /></div>
<div style="color: red;">
17.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc107.4shared.com/download/4rZxb8F_/Xilisoft_Video_Converter_Ultim.rar?tsid=20101027-094234-d15bb380"><b>Xilisoft Video Converter Ultimate</b> 5.1.17.1107.rar (16,428 KB)</a></div>
<div style="color: red;">
<br />
18.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc179.4shared.com/download/GzD30wyQ/photo_shop_cs4.exe?tsid=20101027-095026-a42cd68d"><b>photo shop cs4.exe</b> (1,199 KB)</a> </div>
<div class="MsoNormal" style="color: red;">
<br /></div>
<div style="color: red;">
19.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc131.4shared.com/download/Wdcv3HSC/PortabAdobPhoto_Shop_CS4_110.exe?tsid=20101027-095027-b72d3afb"><b>Portab.Adob.Photo Shop CS4</b> 11.0.exe (49,219 KB)</a></div>
<div style="color: red;">
</div>
<div style="color: red;">
20.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc122.4shared.com/download/bff5ber_/Corel_DRAW_X4.exe?tsid=20101027-095818-5aa4c6ed"><b>Corel DRAW X4.exe</b> (134 KB)</a> </div>
<div style="color: red;">
<br />
21.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc141.4shared.com/download/YdjTtHrt/Corel_Draw_X3_Micro_Edition_Po.exe?tsid=20101027-095825-6a4e44a6"><b>Corel Draw X3 Micro Edition Portable.exe</b> (224 KB)</a> </div>
<div style="color: red;">
<br /></div>
<div style="color: red;">
22.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc100.4shared.com/download/PkteYKNl/Corel_DRAW_X4_PORTABLE.exe?tsid=20101027-095836-f649ff22"><b>Corel DRAW X4 [PORTABLE].exe</b> (88,544 KB)</a> </div>
<div style="color: red;">
<br />
23.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc149.4shared.com/download/jHOjdxnV/aLQuran_Word.rar?tsid=20101027-100741-10427acb"><b>aLQuran Word.rar</b> (1,076 KB)</a> </div>
<div class="MsoNormal" style="color: red;">
<a href="http://dc149.4shared.com/download/jHOjdxnV/aLQuran_Word.rar?tsid=20101027-100741-10427acb"><br />
</a></div>
<div style="color: red;">
24.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc196.4shared.com/download/0vrB6zUB/AlQuran_Digital_21.exe?tsid=20101027-100812-4fb8d265"><b>AlQuran Digital 21.exe</b> (9,755 KB)</a> </div>
<div class="MsoNormal" style="color: red;">
<br /></div>
<div style="color: red;">
25.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc93.4shared.com/download/C7FB3Z_9/autocad.exe?tsid=20101027-101456-a1d5b093"><b>autocad.exe</b> (828 KB)</a> </div>
<div style="color: red;">
<br />
26.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc120.4shared.com/download/-g3O-vgF/autocad_14_portable.exe?tsid=20101027-101504-93d636a7"><b>autocad 14 portable.exe</b> (51,230 KB)</a> </div>
<div class="MsoNormal" style="color: red;">
<br /></div>
<div class="MsoNormal" style="color: red;">
<br /></div>
<div class="MsoNormal" style="color: #274e13;">
<br /></div>Noercholishttp://www.blogger.com/profile/05887258496135614730noreply@blogger.com0tag:blogger.com,1999:blog-1911581542595974685.post-24233517507842020692011-02-19T22:59:00.000+07:002011-02-19T22:59:40.244+07:00Peluang<div style="color: #274e13; font-family: Arial,Helvetica,sans-serif; text-align: justify;">
Sayangnya banyak yang tidak tahu kalo di Internet bisa menghasilkan...<span style="font-size: small;">..<span style="font-size: small;">Atau banyak orang</span></span></div>
<div style="color: #274e13; font-family: Arial,Helvetica,sans-serif; text-align: justify;">
<span style="font-size: small;">beranggapan Bisnis di Internet adalah Bisnis cepat kaya....Bukan...!!!, Bisnis di Internet sama halnya dengan bisnis atau jualan didunia nyata. Kamu bisa jualan apa saja, kemana saja, kapan saja dan semau kamu.....</span></div>
<div style="color: #274e13; font-family: Arial,Helvetica,sans-serif; text-align: left;">
<span style="font-size: small;"><span style="color: #990000; font-family: Arial,Helvetica,sans-serif;">Bagaimana caranya?</span></span> <span style="font-size: small;"> </span> </div>
<div style="color: #274e13; font-family: Arial,Helvetica,sans-serif; text-align: justify;">
<br />
<div background-color:="" id="uniquename0" style="display: none; height: 18px; overflow: hidden; position: absolute ! important; z-index: 9999 ! important;" transparent;="">
<div style="background: url("data:image/png; height: 19px; margin-left: -4px; width: 200px;">
<div style="cursor: default; float: right; height: 15px; width: 73px;">
<div id="ThumbsUp3" onmouseout="this.style.background='url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAYAAADtc08vAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAYFJREFUeNqck7uKwkAUhv+ZBC+IxYKX1kbQwnJFSeMDbCmChb7D2tnZWlja+AIWwoJgbyE+gZY2aqMggnhL1Hh2Ji7RiApuYJhhzpk///nODKNmk3A44L+fis0GzwRovwfzeh+fZEwk0HMBfTCAGgpBjceB5fKFwHYLGIYjZoxGICGqVCqgfh9sMnkhsF47HOjjMcg04anXwfx+kMcDkvnCKZ1OYKp6x+BGQB5UXS4ojYZ12PpRJoOTcHDu9aAKp0yUhdXqaoSKRWcXZEIqhXMkAp5O2zAxm4HJctttYDi0S2CUzdI9AxkkEaRaDTwave4LHqhWHQy4BXG3cw6xR2I2ymVA1G23VTpVFDtHzhzS3pPhkskC2rnTAYm6maYBgYAjh5GmPbyJFvlEAojFgFYLJGBSoWDBZbncDYNkknA8Pr5t4TAwn1/WnAM+H1AqAd0uILpyEfj8XELXP956AG63ffk4gsEfC9Q7QwL8WzOaThPI57+xWHzBNIPvvsZfAQYA/bHqDkUCsj0AAAAASUVORK5CYII=) no-repeat 0 -15px';" onmouseover="this.style.background='url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAYAAADtc08vAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAYFJREFUeNqck7uKwkAUhv+ZBC+IxYKX1kbQwnJFSeMDbCmChb7D2tnZWlja+AIWwoJgbyE+gZY2aqMggnhL1Hh2Ji7RiApuYJhhzpk///nODKNmk3A44L+fis0GzwRovwfzeh+fZEwk0HMBfTCAGgpBjceB5fKFwHYLGIYjZoxGICGqVCqgfh9sMnkhsF47HOjjMcg04anXwfx+kMcDkvnCKZ1OYKp6x+BGQB5UXS4ojYZ12PpRJoOTcHDu9aAKp0yUhdXqaoSKRWcXZEIqhXMkAp5O2zAxm4HJctttYDi0S2CUzdI9AxkkEaRaDTwave4LHqhWHQy4BXG3cw6xR2I2ymVA1G23VTpVFDtHzhzS3pPhkskC2rnTAYm6maYBgYAjh5GmPbyJFvlEAojFgFYLJGBSoWDBZbncDYNkknA8Pr5t4TAwn1/WnAM+H1AqAd0uILpyEfj8XELXP956AG63ffk4gsEfC9Q7QwL8WzOaThPI57+xWHzBNIPvvsZfAQYA/bHqDkUCsj0AAAAASUVORK5CYII=) no-repeat 0 0 ';" style="background: url("data:image/png; cursor: pointer; float: left; height: 15px; width: 16px;" title="I like this ad">
</div>
<div id="ThumbsDown2" onmouseout="this.style.background='url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAIAAAC0tAIdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWtJREFUeNqMkT2vAUEUhs/MXS4SkVDIFiqi0NOoJDqiEo1EIRoJf0KiFaJXqESn2M4/UCppFD4K4nN32TEzd9aIq9yTN5nMzJN33jkH8fEYTBOclQKMwe3mmCZE0kzX2eWiqOr7hnN6PIr1Jxj80BieT5u+3chySb1emkjILd1uyWrFVJVHo/JESIHHQ3r/hsO8XkeRCGOMaxo5HHAq5apWweeD2Qws65VEfPF6lQ+hVov3erhQeJomXixctRp4PDAcwukElNoAb7dhPv8ko5aFBwMUCPDDAQl0NILp9Cu3rn9Ez2frfCadjm0TCvH1GiaTbwDboQ1DiOq6ZRg4nXY1m+KQmyaKx1mxKG+lsB1aRDdNcr/jZNLdaCC/H/p9lM1yYVapQLksAaGXt2g5IR5C3KWSCADdrh2AEJTJ2AHyeVAUySCey8Fm8z+uQgE0TXbgXbEYLJfvpnFhsN87nvxuB45LsSfvuP4EGAAkCNfs1gdFUwAAAABJRU5ErkJggg==) no-repeat 0 -15px';" onmouseover="this.style.background='url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAIAAAC0tAIdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWtJREFUeNqMkT2vAUEUhs/MXS4SkVDIFiqi0NOoJDqiEo1EIRoJf0KiFaJXqESn2M4/UCppFD4K4nN32TEzd9aIq9yTN5nMzJN33jkH8fEYTBOclQKMwe3mmCZE0kzX2eWiqOr7hnN6PIr1Jxj80BieT5u+3chySb1emkjILd1uyWrFVJVHo/JESIHHQ3r/hsO8XkeRCGOMaxo5HHAq5apWweeD2Qws65VEfPF6lQ+hVov3erhQeJomXixctRp4PDAcwukElNoAb7dhPv8ko5aFBwMUCPDDAQl0NILp9Cu3rn9Ez2frfCadjm0TCvH1GiaTbwDboQ1DiOq6ZRg4nXY1m+KQmyaKx1mxKG+lsB1aRDdNcr/jZNLdaCC/H/p9lM1yYVapQLksAaGXt2g5IR5C3KWSCADdrh2AEJTJ2AHyeVAUySCey8Fm8z+uQgE0TXbgXbEYLJfvpnFhsN87nvxuB45LsSfvuP4EGAAkCNfs1gdFUwAAAABJRU5ErkJggg==) no-repeat 0 0 ';" style="background: url("data:image/png; cursor: pointer; float: right; height: 15px; width: 15px;" title="Get rid of this ad right now">
</div>
</div>
</div>
</div>
<a href="http://lifina.com/" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZgQqigEPPhyphenhyphenMfJilI55B3DtLbJoxWLtXayVcZGIA_zXUe32sg1IuSzHA-E-z06_GHhN_dG2ZQt-GRgHE547FZjvPg92naiHEeMTzdJC31wNqBnszdGsqnOKSdvDzZtjXUepkJvqv4hMw2/s200/icon+rrs.jpg" width="200" /></a><span style="font-size: small;">OK...!!!, Jika kamu mau Serius ingin mendapatkan penghasilan tambahan dari Internet, saya sarankan kamu luangkan waktu untuk baca semua informasi dan belajar disini.</span></div>
<div style="color: #274e13; font-family: Arial,Helvetica,sans-serif; text-align: left;">
<div style="text-align: justify;">
<span style="font-size: small;">Informasi ini sangat penting, dan tentu berguna bagi kamu dan temen-temen yang lain,dan kamu akan belajar....praktek.....</span></div>
<span style="font-size: small;">angsung menghasilkan.</span></div>
<div style="color: #274e13; font-family: Arial,Helvetica,sans-serif; text-align: left;">
<div style="text-align: justify;">
<span style="font-size: small;">Hai teman....., Ada banyak sumber penghasilan yang bisa kita dapat didunia maya ini. Ada yang gratis alias tanpa modal atau dengan modal sedikit, ataupun dengan berbayar. Didunia online ini banyak yang bisa kamu kerjakan, baik sekedar main-main, browsing kesitus sana-situs sini, atau memang ditujukan untuk bisnis. (Wow.....bisnis!!!)</span> </div>
<span style="font-size: small;"> </span></div>
<div style="color: #274e13; font-family: Arial,Helvetica,sans-serif; text-align: left;">
<div style="text-align: justify;">
<span style="font-size: small;">Nah..... kali ini saya hanya akan bicara yang hasil-hasil saja,....mau kan ?<br />Yang pertama kamu harus tahu dulu sumber apa saja sih yang bisa menghasilkan. Banyak...!!!,:</span> </div>
<span style="font-size: small;"><br /></span> <br />
<ul>
<li><span style="font-size: small;">kamu bisa jualan produk punya kamu sendiri</span></li>
<li><span style="font-size: small;">kamu bisa jualan produk milik arang lain atau affiliasi</span></li>
</ul>
<span style="font-size: small;"><br /><br /><a href="http://kulinernoer.blogspot.com/"><b><span style="color: orange;">1. PRODUK SENDIRI </span></b></a><br /><span style="color: orange;"> </span></span> <br />
<div style="text-align: justify;">
<span style="font-size: small;"><span style="color: #274e13;">Segala produk yang ada didunia ini bisa dijual lewat media online atau Internet, saya ambil contoh produk pribadi saya ; <a href="http://kulinernoer.blogspot.com/">Krupuk Rambak Raja Bawang</a>, <a href="http://www.bantalkita.co.cc/">Bantal Kita</a>, <a href="http://interiornoer.blogspot.com/">Interior</a>, <a href="http://rumahnoer.blogspot.com/">Eksterior</a>,<a href="http://dekorasinoer.blogspot.com/">Dekorasi</a>. Dan kelebihan menggunakan media ini sangat banyak. Selain murah biaya, juga hemat waktu dan tempat. Dan kita tidak perlu bertatap muka langsung dengan konsumen. Kita melayani konsumen secara online atau telepone, dan email. Pengiriman barang lewat paket pos. atau kalau yang dijual seperti software, Ebook, Video, dll. kita cukup hanya dengan yang namanya Dowload.</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://kulinernoer.blogspot.com/" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMEPzo26OoOomFGPbN3ZlR0vozz4a8O6LnvqkRx0QKDIdTkiN5m9piJYK3lQRYXAXvq2cJV1BwcWdT8LdnSef220LL2PgRVwIM469ZXBZD1VjI3k684hAg1cCGm9oJqNB9AYgqMS9vIVRu/s200/keranjang+online.jpg" width="200" /></a></div>
<span style="font-size: small;"><br /></span><br />
<span style="font-size: small;"><span style="font-size: small;"> Untuk produk sendiri tentunya kamu harus punya situs websendiri. Kalo di dunia nyata kamu harus punya toko gitu......</span></span></div>
<div style="color: #274e13; font-family: Arial,Helvetica,sans-serif; text-align: left;">
<span style="font-size: small;">"waah.....mahal dhong...."</span> </div>
<div style="color: #274e13; font-family: Arial,Helvetica,sans-serif; text-align: justify;">
<span style="font-size: small;">Jangan khawatir, kamu bisa pake web gratisan, domainya juga gratisan dan hostingnya juga gratisan, atau pake blogger, wordpress, atau yang lain. Pokoknya kamu dan saya maunya yang gratis-gratis......hehehehe.....samma!!!!</span></div>
<div style="text-align: justify;">
<span style="font-size: small;"> <span style="color: #274e13; font-family: Arial,Helvetica,sans-serif;">Walaah......gratisan juga ndak apa2, yang penting kan bisa nampilkan produk kamu untuk dijual, lagian yang di pajang kan cuma gambar atau foto produknya saja. Tentunya dengan penawarannya lho....dan cara order, cara pemesanan,serta cara pengiriman barangnya juga jangan dilupakan. iya kan.......?</span></span></div>
<span style="font-size: small;"><br /><b><br /></b><br /><b><span style="color: orange;"> </span><span style="color: orange;">2. <a href="http://lifina.com/?RESELLER">PRODUK ORANG LAIN / AFFILIASI / ASOSIASI / RESELLER</a></span></b></span> <span style="font-size: small;"><br /></span> <br />
<div style="color: #274e13;">
<span style="font-size: small;"><span style="color: orange;"> </span> </span></div>
<div style="color: #274e13; text-align: justify;">
<a href="http://www.rahasiawebsitepemula.com/?id=pemulasukses" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPe0h8sNERDho9ap2h4BqQGM5goUqGG_SgNaTZ1aLIbXt66QLnL8SShH3oyQ38zpWe8QP_T6mmTZF3Lr34qqy2T9DGx-sK3ZRhKYpgW9PowadiQBokXcjxWo8Mr9WVmmNVqdwsuVeFC_0A/s1600/affiliate-icon.jpg" /></a><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">Seandainya kamu tidak punya produk sendiri, kamu bisa ikut gabung dan ikut menjualkan produk orang lain. Banyak situs yang menawarkan program affiliate secara gratis, artinya kita tidak harus membeli produk terlebih dahulu. Kita akan diberi fasilitas untuk berpromosi, bahkan banyak situs yang memberi web aplikasi yang sudah lengkap produknya, sales letternya, dan cara transaksinya. Yang jejas kamu cuma hanya berpromosi dan menerima komisi dari setiap penjualan...." wadu...waduuuh.... enak ya....., mau dhooong..!!!"</span></span></div>
<div style="color: #274e13;">
<div style="text-align: justify;">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">Selain secara gratis ada juga yang mengharuskan kamu membeli produk dulu, dan selanjutnya kamu diberi hak menjual produk tersebut dan hasilnya 100% jadi milik kamu. "Asyik ya.....ndak punya produk tapi tetep bisa jualan.....rugi banget kalau ndak kepingin."</span></span></div>
<span style="font-size: small;"><br /></span> </div>
<div style="color: #274e13;">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">Ini....sedikit contoh situs yang menawarkan produk affiliate :</span></span></div>
<ul style="color: orange;">
<li style="text-align: left;"><h1 style="font-family: staccato222 BT; font-weight: 700; line-height: 1.2em; padding: 3px 10px; text-shadow: 0.1em 0.1em 0.2em rgb(119, 119, 119);">
<span style="font-size: large;"><a href="http://websitepemula.blogspot.com/">Rahasia Website Pemula</a></span></h1>
</li>
</ul>
<div style="color: #274e13; text-align: justify;">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">Situs ini menjual produk Ebook ( Elektronik Buku ) tentang panduan cara mendapatkan penghasilan dari internet. Disini kamu akan dipandu mulai dari dasar sekali secara menyeluruh :</span></span></div>
<div style="color: #274e13;">
<a href="http://www.rahasiawebsitepemula.com/?id=pemulasukses" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigJ03rgT7x3XCyApS8_f5808XRAuwOl07f3XyYr5Py1r_h-9vd-kAuU3H-drRShYA2HNqoJC10yjoBxdbjsBFkukzTZH0NsOtHkTSmv_l5eg0jJnkqu7cYZ71PZsNKWyWIR9CaCCBhyphenhyphen-Iz/s200/icon-ebook.jpg" width="172" /></a><span style="color: red; font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">- bagaimana kamu bisa membuat website dan blog</span></span></div>
<div style="color: red;">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">- bagaimana kamu bisa dapat hasil dari yang namanya PPC</span></span></div>
<div style="color: red;">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">- bagaimana kamu bisa dapat hasil dari yang namanya PPL</span></span></div>
<div style="color: red;">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">- bagaimana kamu bisa dapat hasil dari yang namanya PPS</span></span></div>
<div style="color: red;">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">- bagaimana kamu bisa dapat hasil dari yang namanya PTC</span></span></div>
<div style="color: red;">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">- dan banyak lagi sumber penghasilan yang bisa kamu dapat.</span></span></div>
<div style="color: red;">
</div>
<div style="color: #274e13;">
<div style="text-align: justify;">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">Situs ini mengharuskan kamu beli produknya terlebih dahulu, lalu kamu akan mendapat sebuah web aplikasi yang bisa kamu promosikan untuk "<a href="http://lifina.com/?RESELLER">mendapatkan komisi 60% dari setiap penjualan</a>", saya ulang..... </span><span style="font-family: Arial,Helvetica,sans-serif;">"<a href="http://lifina.com/?RESELLER">mendapatkan komisi 60% dari setiap penjualan</a>" (uiii...ih.......).</span></span></div>
</div>
<div style="color: #274e13; text-align: justify;">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">Bayangkan..., bila kamu menjual produk Ebook dengan harga Rp. 100.000,-, berarti 60% dari Rp. 100.000,- adalah Rp. 60.000,-</span></span></div>
<div style="color: #274e13; text-align: justify;">
<span style="font-size: small;"><br /><span style="font-family: Arial,Helvetica,sans-serif;">Asumsinya :</span></span> </div>
<div style="color: #0b5394;">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">- sehari laku satu ebook x 30 hari = Rp. 60.000,- x 30 = Rp.1.800.000,-</span></span></div>
<div style="color: #0b5394;">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">- kalau laku lebih dari satu........ kamu hitung sendiri ya......</span></span></div>
<div style="color: #0b5394;">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">- yang jelas bisa melebihi kerja kantoran ....la yau...... </span></span></div>
<span style="font-size: small;"><br /></span> <br />
<ul style="color: orange;">
<li><span style="font-size: small;"><a href="http://www.paypalbisnis.com/?ref=affiliates"><b><span style="font-size: large;">www.paypalbisnis.com</span></b></a><b><span style="font-size: large;"> </span></b></span> </li>
</ul>
<span style="color: #38761d; font-family: Arial,Helvetica,sans-serif; font-size: small;">Bagi anda yang masih affiliasi pasif maka akan mendapatkan komisi<b> <span style="color: red;">Rp.10,000</span></b> saja per refer paid member. Jika anda <b>affiliasi aktif yang juga paid member</b> maka akan mendapatkan komisi <b style="color: red;">Rp 40,000</b> per referral</span><span style="font-size: small;"><br /></span> <br />
<span style="font-size: small;"><br /><div style="-moz-border-radius: 10px 10px 10px 10px; border: 3px solid rgb(153, 0, 0);">
<br />
<table ;="" align="CENTER" bgcolor="#ffffff" border="0" height:="30px" style="color: black; width: 580px;" width:=""><tbody>
<tr align="center"><td><div align="center" style="color: red; font-family: Arial,Helvetica,sans-serif; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-size: small;"><b><table align="CENTER" bgcolor="#4863a0" border="0" style="width: 550px;"><tbody>
<tr><td><div align="center" style="line-height: 100%; margin-bottom: 0pt; margin-top: 0pt;">
<br />
<div background-color:="" id="uniquename12" style="display: none; height: 18px; overflow: hidden; position: absolute ! important; z-index: 9999 ! important;" transparent;="">
<div style="background: url("data:image/png; height: 19px; margin-left: -4px; width: 468px;">
<div style="cursor: default; float: right; height: 15px; width: 73px;">
<div id="ThumbsUp15" onmouseout="this.style.background='url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAYAAADtc08vAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAYFJREFUeNqck7uKwkAUhv+ZBC+IxYKX1kbQwnJFSeMDbCmChb7D2tnZWlja+AIWwoJgbyE+gZY2aqMggnhL1Hh2Ji7RiApuYJhhzpk///nODKNmk3A44L+fis0GzwRovwfzeh+fZEwk0HMBfTCAGgpBjceB5fKFwHYLGIYjZoxGICGqVCqgfh9sMnkhsF47HOjjMcg04anXwfx+kMcDkvnCKZ1OYKp6x+BGQB5UXS4ojYZ12PpRJoOTcHDu9aAKp0yUhdXqaoSKRWcXZEIqhXMkAp5O2zAxm4HJctttYDi0S2CUzdI9AxkkEaRaDTwave4LHqhWHQy4BXG3cw6xR2I2ymVA1G23VTpVFDtHzhzS3pPhkskC2rnTAYm6maYBgYAjh5GmPbyJFvlEAojFgFYLJGBSoWDBZbncDYNkknA8Pr5t4TAwn1/WnAM+H1AqAd0uILpyEfj8XELXP956AG63ffk4gsEfC9Q7QwL8WzOaThPI57+xWHzBNIPvvsZfAQYA/bHqDkUCsj0AAAAASUVORK5CYII=) no-repeat 0 -15px';" onmouseover="this.style.background='url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAYAAADtc08vAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAYFJREFUeNqck7uKwkAUhv+ZBC+IxYKX1kbQwnJFSeMDbCmChb7D2tnZWlja+AIWwoJgbyE+gZY2aqMggnhL1Hh2Ji7RiApuYJhhzpk///nODKNmk3A44L+fis0GzwRovwfzeh+fZEwk0HMBfTCAGgpBjceB5fKFwHYLGIYjZoxGICGqVCqgfh9sMnkhsF47HOjjMcg04anXwfx+kMcDkvnCKZ1OYKp6x+BGQB5UXS4ojYZ12PpRJoOTcHDu9aAKp0yUhdXqaoSKRWcXZEIqhXMkAp5O2zAxm4HJctttYDi0S2CUzdI9AxkkEaRaDTwave4LHqhWHQy4BXG3cw6xR2I2ymVA1G23VTpVFDtHzhzS3pPhkskC2rnTAYm6maYBgYAjh5GmPbyJFvlEAojFgFYLJGBSoWDBZbncDYNkknA8Pr5t4TAwn1/WnAM+H1AqAd0uILpyEfj8XELXP956AG63ffk4gsEfC9Q7QwL8WzOaThPI57+xWHzBNIPvvsZfAQYA/bHqDkUCsj0AAAAASUVORK5CYII=) no-repeat 0 0 ';" style="background: url("data:image/png; cursor: pointer; float: left; height: 15px; width: 16px;" title="I like this ad">
</div>
<div id="ThumbsDown14" onmouseout="this.style.background='url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAIAAAC0tAIdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWtJREFUeNqMkT2vAUEUhs/MXS4SkVDIFiqi0NOoJDqiEo1EIRoJf0KiFaJXqESn2M4/UCppFD4K4nN32TEzd9aIq9yTN5nMzJN33jkH8fEYTBOclQKMwe3mmCZE0kzX2eWiqOr7hnN6PIr1Jxj80BieT5u+3chySb1emkjILd1uyWrFVJVHo/JESIHHQ3r/hsO8XkeRCGOMaxo5HHAq5apWweeD2Qws65VEfPF6lQ+hVov3erhQeJomXixctRp4PDAcwukElNoAb7dhPv8ko5aFBwMUCPDDAQl0NILp9Cu3rn9Ez2frfCadjm0TCvH1GiaTbwDboQ1DiOq6ZRg4nXY1m+KQmyaKx1mxKG+lsB1aRDdNcr/jZNLdaCC/H/p9lM1yYVapQLksAaGXt2g5IR5C3KWSCADdrh2AEJTJ2AHyeVAUySCey8Fm8z+uQgE0TXbgXbEYLJfvpnFhsN87nvxuB45LsSfvuP4EGAAkCNfs1gdFUwAAAABJRU5ErkJggg==) no-repeat 0 -15px';" onmouseover="this.style.background='url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAIAAAC0tAIdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWtJREFUeNqMkT2vAUEUhs/MXS4SkVDIFiqi0NOoJDqiEo1EIRoJf0KiFaJXqESn2M4/UCppFD4K4nN32TEzd9aIq9yTN5nMzJN33jkH8fEYTBOclQKMwe3mmCZE0kzX2eWiqOr7hnN6PIr1Jxj80BieT5u+3chySb1emkjILd1uyWrFVJVHo/JESIHHQ3r/hsO8XkeRCGOMaxo5HHAq5apWweeD2Qws65VEfPF6lQ+hVov3erhQeJomXixctRp4PDAcwukElNoAb7dhPv8ko5aFBwMUCPDDAQl0NILp9Cu3rn9Ez2frfCadjm0TCvH1GiaTbwDboQ1DiOq6ZRg4nXY1m+KQmyaKx1mxKG+lsB1aRDdNcr/jZNLdaCC/H/p9lM1yYVapQLksAaGXt2g5IR5C3KWSCADdrh2AEJTJ2AHyeVAUySCey8Fm8z+uQgE0TXbgXbEYLJfvpnFhsN87nvxuB45LsSfvuP4EGAAkCNfs1gdFUwAAAABJRU5ErkJggg==) no-repeat 0 0 ';" style="background: url("data:image/png; cursor: pointer; float: right; height: 15px; width: 15px;" title="Get rid of this ad right now">
</div>
</div>
</div>
</div>
<a href="http://www.paypalbisnis.com/?ref=affiliates" target="_blank"><br /><img border="0" height="60" src="http://www.paypalbisnis.com/images/banner_tiga.gif" width="468" /></a></div>
<br /></td></tr>
</tbody></table>
</b></span><br />
<span style="font-size: small;"><b>Tips Memiliki Account PayPal Tanpa Credit Card</b></span></div>
<div align="left" style="color: black; font-family: Arial,Helvetica,sans-serif; margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-size: small;"> </span></div>
<div align="left" style="color: black; font-family: Arial,Helvetica,sans-serif; margin-bottom: 0pt; margin-top: 0pt;">
<div style="text-align: justify;">
<span style="font-size: small;"><b>PayPal</b> adalah salah satu alat pembayaran online yang berfungsi seperti rekening Bank biasa tetapi khusus dipakai untuk bertransaksi secara internasional. Kelebihannya adalah bahwa PayPal sudah digunakan oleh <span lang="id"> program-program online </span>atau website di seluruh dunia, bisa di jadikan sarana untuk menerima pembayaran dari program-program online dan bisa di transfer ke berbagai rekening Bank di Indonesia seperti: BCA, Mandiri, BNI, BII, NISP dll.<span lang="id"> Mayoritas program online saat ini memakai Paypal sebagai alat pembayarannya sehingga ini merupakan sebuah peluang besar bagi kita warga indonesia untuk bisa memperoleh penghasilan dari internet dengan mengikuti program-program online yang memakai paypal sebagai alat transaksi. Paypal sangat ketat aturannya sehingga program-program internet yang berpotensi SCAM, Penipuan dan program ilegal lainnya tidak bisa memakai paypal karena perlu verifikasi dan setiap program yang melanggar aturan akan di BLOKIR. Karena itu mengikuti program-program online yang memakai paypal akan lebih aman dan lebih terjamin.</span><span lang="id"> Sekarang saatnya Anda memperoleh penghasilan dari berbagai macam p</span></span><span style="font-size: small;"><span lang="id">rogram online yang memakai paypal. Setelah beberapa bulan saya membuka account paypal, mencari dan mengikuti beberapa program online yang menggunakan paypal, Saya bisa memperoleh <u><b> <span style="color: red;">Ratusan Dollar per Bulan</span></b></u></span><span style="color: red;"> </span>seperti<span lang="id"> di atas.</span></span></div>
<span style="font-size: small;"> </span></div>
<ul style="font-family: Arial,Helvetica,sans-serif;">
<li> <div align="left" style="margin-bottom: 0pt; margin-top: 0pt;">
<span style="font-size: small;"><span style="color: #0b5394;"><span style="color: black;">Untuk info lengkap tentang paypal</span> </span><span lang="id"> :<a href="http://www.paypalbisnis.com/?ref=affiliates"> </a><b><a href="http://www.paypalbisnis.com/?ref=affiliates" target="_blank">Klik Di Sini</a></b></span></span></div>
</li>
</ul>
</td></tr>
</tbody></table>
<br /></div>
</span> <br />
<br />
<ul style="color: orange;">
<li><span style="font-size: small;"><a href="http://storesselling.blogspot.com/"><b><span style="font-family: Arial,Helvetica,sans-serif;">Amazon.com.</span></b></a></span></li>
</ul>
<div style="color: #274e13; text-align: justify;">
<a href="http://storesselling.blogspot.com/p/products.html" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMuXiZryOVSBSH193U8-B80D5w6jxzHFRViw-QafBTIk0xqDqagkI8vKQA6v2KXqQC6GLn1SHOWsW385bBbQMSdfuOu_Ydr1mifrOmbgSpNR9gdgDU1f0VWQBocN4UwRQxmz0-I_6EQVv_/s1600/icon-amazon-1.jpg" /></a><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">Situs ini tidak mengharuskan kamu untuk membeli produk dulu. Kamu bisa mendaftar gratis disana, dan kamu diberi web aplikasi lengkap dengan segala macam jenis produk dan harganya. Atau kamu bisa hanya pilih produk yang kamu sukai untuk dijual.</span></span></div>
<div style="color: #274e13; text-align: justify;">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">Untuk komisinya lumayan gede, kamu akan mendapat komisi 15% - 25% dari setiap penjualan produk yang melalui aplikasi web kamu. "......uih....uih....uiiiiih......."</span></span></div>
<div style="color: #0b5394; text-align: justify;">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">Untuk asumsinya kamu hitung sendiri saja ya........saya ndak tahan lagi ngitungnya....hehehehe...... </span></span></div>
<div style="color: #0b5394; text-align: justify;">
</div>
<div style="color: #0b5394; text-align: justify;">
</div>
<div style="color: #274e13; text-align: justify;">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">Berikut contoh web aplikasi yang saya dapat dari Amazon :</span></span></div>
<div style="color: #0b5394; text-align: justify;">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">- <a href="http://storesselling.blogspot.com/">http://storesselling.blogspot.com</a></span></span></div>
<div style="color: #0b5394; text-align: justify;">
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">- <a href="http://storesschool.blogspot.com/">http://storesschool.blogspot.com </a></span><span style="font-family: Arial,Helvetica,sans-serif;"> </span></span></div>
<span style="font-size: small;"><br /></span> <br />
<div style="color: orange;">
<span style="font-size: small;"></span><br />
<span style="font-size: small;"></span><br />
<span style="font-size: small;"></span><br />
<span style="font-size: small;"><br /></span><br />
<ul>
<li><span style="font-size: small;"><b> KLIK IKLAN</b></span></li>
</ul>
</div>
<span style="font-size: small;"><br /></span> <br />
<div style="color: #274e13; font-family: Arial,Helvetica,sans-serif; text-align: justify;">
<span style="font-size: small;">Apaan tuh......?</span></div>
<div style="text-align: justify;">
<span style="font-size: small;"><span style="color: #274e13; font-family: Arial,Helvetica,sans-serif;">Gini....... Disini hanya diminta meng-Klik iklan orang lain, dan kita akan dapat upah.</span><span style="color: #274e13; font-family: Arial,Helvetica,sans-serif;"> Upahnya juga lumayan antara Rp. 100,- sampai Rp. 500,- per Klik iklan. Apalagi kamu bisa mengajak temen atau orang lain ikut mendaftar dan ikut Klik - Klik Iklan, kamu akan dapat upah dari setiap iklan yang di Klik </span><span style="color: #274e13; font-family: Arial,Helvetica,sans-serif;">tanpa mengurangi jatah dari </span><span style="color: #274e13; font-family: Arial,Helvetica,sans-serif;"> temanmu atau orang lain yang kamu anjurkan ikut gabung,</span></span> </div>
<span style="font-size: small;"> </span> <br />
<div style="text-align: justify;">
<span style="font-size: small;"><span style="color: #274e13; font-family: Arial,Helvetica,sans-serif;">Daftarnya gratis, dan gabungnya ada yang gratis dan ada yang berbayar. Situs-situs klik iklan ini ada juga yang menawarkan sewa referall atau gampangnya menyewa orang untuk meng klik iklan.</span></span></div>
<br />
<br />
<div background-color:="" id="uniquename24" style="display: none; height: 18px; overflow: hidden; position: absolute ! important; z-index: 9999 ! important;" transparent;="">
<div style="background: url("data:image/png; height: 19px; margin-left: -4px; width: 200px;">
<div style="cursor: default; float: right; height: 15px; width: 73px;">
<div id="ThumbsUp27" onmouseout="this.style.background='url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAYAAADtc08vAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAYFJREFUeNqck7uKwkAUhv+ZBC+IxYKX1kbQwnJFSeMDbCmChb7D2tnZWlja+AIWwoJgbyE+gZY2aqMggnhL1Hh2Ji7RiApuYJhhzpk///nODKNmk3A44L+fis0GzwRovwfzeh+fZEwk0HMBfTCAGgpBjceB5fKFwHYLGIYjZoxGICGqVCqgfh9sMnkhsF47HOjjMcg04anXwfx+kMcDkvnCKZ1OYKp6x+BGQB5UXS4ojYZ12PpRJoOTcHDu9aAKp0yUhdXqaoSKRWcXZEIqhXMkAp5O2zAxm4HJctttYDi0S2CUzdI9AxkkEaRaDTwave4LHqhWHQy4BXG3cw6xR2I2ymVA1G23VTpVFDtHzhzS3pPhkskC2rnTAYm6maYBgYAjh5GmPbyJFvlEAojFgFYLJGBSoWDBZbncDYNkknA8Pr5t4TAwn1/WnAM+H1AqAd0uILpyEfj8XELXP956AG63ffk4gsEfC9Q7QwL8WzOaThPI57+xWHzBNIPvvsZfAQYA/bHqDkUCsj0AAAAASUVORK5CYII=) no-repeat 0 -15px';" onmouseover="this.style.background='url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAYAAADtc08vAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAYFJREFUeNqck7uKwkAUhv+ZBC+IxYKX1kbQwnJFSeMDbCmChb7D2tnZWlja+AIWwoJgbyE+gZY2aqMggnhL1Hh2Ji7RiApuYJhhzpk///nODKNmk3A44L+fis0GzwRovwfzeh+fZEwk0HMBfTCAGgpBjceB5fKFwHYLGIYjZoxGICGqVCqgfh9sMnkhsF47HOjjMcg04anXwfx+kMcDkvnCKZ1OYKp6x+BGQB5UXS4ojYZ12PpRJoOTcHDu9aAKp0yUhdXqaoSKRWcXZEIqhXMkAp5O2zAxm4HJctttYDi0S2CUzdI9AxkkEaRaDTwave4LHqhWHQy4BXG3cw6xR2I2ymVA1G23VTpVFDtHzhzS3pPhkskC2rnTAYm6maYBgYAjh5GmPbyJFvlEAojFgFYLJGBSoWDBZbncDYNkknA8Pr5t4TAwn1/WnAM+H1AqAd0uILpyEfj8XELXP956AG63ffk4gsEfC9Q7QwL8WzOaThPI57+xWHzBNIPvvsZfAQYA/bHqDkUCsj0AAAAASUVORK5CYII=) no-repeat 0 0 ';" style="background: url("data:image/png; cursor: pointer; float: left; height: 15px; width: 16px;" title="I like this ad">
</div>
<div id="ThumbsDown26" onmouseout="this.style.background='url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAIAAAC0tAIdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWtJREFUeNqMkT2vAUEUhs/MXS4SkVDIFiqi0NOoJDqiEo1EIRoJf0KiFaJXqESn2M4/UCppFD4K4nN32TEzd9aIq9yTN5nMzJN33jkH8fEYTBOclQKMwe3mmCZE0kzX2eWiqOr7hnN6PIr1Jxj80BieT5u+3chySb1emkjILd1uyWrFVJVHo/JESIHHQ3r/hsO8XkeRCGOMaxo5HHAq5apWweeD2Qws65VEfPF6lQ+hVov3erhQeJomXixctRp4PDAcwukElNoAb7dhPv8ko5aFBwMUCPDDAQl0NILp9Cu3rn9Ez2frfCadjm0TCvH1GiaTbwDboQ1DiOq6ZRg4nXY1m+KQmyaKx1mxKG+lsB1aRDdNcr/jZNLdaCC/H/p9lM1yYVapQLksAaGXt2g5IR5C3KWSCADdrh2AEJTJ2AHyeVAUySCey8Fm8z+uQgE0TXbgXbEYLJfvpnFhsN87nvxuB45LsSfvuP4EGAAkCNfs1gdFUwAAAABJRU5ErkJggg==) no-repeat 0 -15px';" onmouseover="this.style.background='url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAIAAAC0tAIdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWtJREFUeNqMkT2vAUEUhs/MXS4SkVDIFiqi0NOoJDqiEo1EIRoJf0KiFaJXqESn2M4/UCppFD4K4nN32TEzd9aIq9yTN5nMzJN33jkH8fEYTBOclQKMwe3mmCZE0kzX2eWiqOr7hnN6PIr1Jxj80BieT5u+3chySb1emkjILd1uyWrFVJVHo/JESIHHQ3r/hsO8XkeRCGOMaxo5HHAq5apWweeD2Qws65VEfPF6lQ+hVov3erhQeJomXixctRp4PDAcwukElNoAb7dhPv8ko5aFBwMUCPDDAQl0NILp9Cu3rn9Ez2frfCadjm0TCvH1GiaTbwDboQ1DiOq6ZRg4nXY1m+KQmyaKx1mxKG+lsB1aRDdNcr/jZNLdaCC/H/p9lM1yYVapQLksAaGXt2g5IR5C3KWSCADdrh2AEJTJ2AHyeVAUySCey8Fm8z+uQgE0TXbgXbEYLJfvpnFhsN87nvxuB45LsSfvuP4EGAAkCNfs1gdFUwAAAABJRU5ErkJggg==) no-repeat 0 0 ';" style="background: url("data:image/png; cursor: pointer; float: right; height: 15px; width: 15px;" title="Get rid of this ad right now">
</div>
</div>
</div>
</div>
<a href="http://www.trekpay.com/?ref=295426" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimeTL1eE9kOZn-G4sVP7MTMyqxybvkekO1bkoIZq8jZn1M-cXas8FoCeM5a7FyjjBwHiXD49jteq6k9nygyW-JC9DNwa8ai730zX9a4bvFOkn3AugCNicbK6Dscu1NqtBMW56Chr5fW-PY/s200/icon-klik-iklan.jpg" width="200" /></a><br />
<div style="text-align: justify;">
<span style="font-size: small;"><span style="color: #274e13; font-family: Arial,Helvetica,sans-serif;">Lebih jelasnya kamu kunjungi sendiri, baca aturannya dan ikuti petunjuknya lalu ikuti pendaftarannya.</span></span></div>
<span style="font-size: small;"> <span style="color: #274e13; font-family: Arial,Helvetica,sans-serif;">Kalu kamu baru tau dan baru akan ikut meng-Klik iklan, saya sarankan kamu baca dulu seluruh aturan dan caranya. Sebab setiap situs selalu berbeda aturan dan caranya..... OK....!!!</span><span style="color: #274e13; font-family: Arial,Helvetica,sans-serif;"> </span><br /><br /><span style="color: #274e13; font-family: Arial,Helvetica,sans-serif;">Ni......dibawah ini contoh situs yang memberi banyaran kalau kamu Klik iklan di situsnya. Kamu bisa kunjungi sendiri lewat gambar2 dibawah ini </span></span> <span style="font-size: small;"><br /></span><span style="font-size: small;"><span style="color: #274e13; font-family: Arial,Helvetica,sans-serif; font-size: small;"> </span></span> <span style="font-size: small;"><span style="color: #274e13; font-family: Arial,Helvetica,sans-serif; font-size: small;"> </span></span><br />
<br />
<br />
<span style="font-size: small;"><span style="color: #274e13; font-family: Arial,Helvetica,sans-serif; font-size: small;"> </span><br /><table align="CENTER" bgcolor="#4863a0" border="0" style="width: 600px;"><tbody>
<tr><td><div class="separator" style="clear: both; text-align: center;">
<a href="https://www.vipclix.com/?ref=noercholis" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://vipclix.com/images/banner3.gif" /></a></div>
</td></tr>
</tbody></table>
</span><br />
<span style="color: #274e13; font-family: Arial,Helvetica,sans-serif;"><br /><table align="CENTER" bgcolor="#4863a0" border="0" style="width: 600px;"><tbody>
<tr><td><div class="separator" style="clear: both; text-align: center;">
<a href="http://www.idr-clickit.com/register.php/noercholis.html" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" src="http://www.idr-clickit.com/images/banner1.png" /></a></div>
</td></tr>
</tbody></table>
</span><br />
<span style="color: #274e13; font-family: Arial,Helvetica,sans-serif;"><br /><table align="CENTER" bgcolor="#4863a0" border="0" style="width: 600px;"><tbody>
<tr><td><div class="separator" style="clear: both; text-align: center;">
<a href="http://www.trekpay.com/?ref=295426" style="margin-left: 1em; margin-right: 1em;" target="_blank"> <img border="0" src="http://www.trekpay.com/banners/trekpay_60x468.jpg" /> </a></div>
</td></tr>
</tbody></table>
</span>Noercholishttp://www.blogger.com/profile/05887258496135614730noreply@blogger.com0tag:blogger.com,1999:blog-1911581542595974685.post-88069748516328789822011-02-19T22:56:00.001+07:002011-02-20T00:03:34.231+07:00Layanan<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: small;">Layanan umum saya sediakan agar interaksi kita lebih mudah. Disini saya menampung segala aspirasi, kritik, saran, atau testimoni pengunjung. Diharapkan adanya halaman layanan umum ini akan sangat bermanfaat bagi pengunjung dan bagi kemajuan blog ini.<br />
<br />
Sekedar informasi, bahwa blog ini sengaja memberikan fasilitas dan fitur yang lebih dan mudah. Semuanya diberikan secara Free atau cuma-cuma. Intinya saya ingin selalu bisa berbagi apa saja dan kepada siapa saja tentang yang saya bisa serta yang saya ketahui. Selain itu saya juga berharap agar anda juga bisa saling berbagi pada pada pengunjung yang lain, melalui blog ini.<br />
<br />
Dengan layanan umum ini diharapkan segala aspirasi, kritik, saran dan testimoni, bisa terwujud interaksi yang lebih baik dan terbuka. Mengingat saya tidak selalu membuka email saya setiap hari, maka halaman ini adalah sebagai solusi yang terbaik untuk selalu berinteraksi.<br />
Berikut fasilitas layanan umum yang bisa anda manfaatkan untuk berhubungan dengan saya dan pengunjung yang lain, baik secarta pribadi atau umum : <br />
<br />
1. <b style="color: #38761d;"><a href="http://buatblogblogger.blogspot.com/2011/02/kontak.html">Kontak</a> :</b><br />
Anda bisa memberikan kritik dan saran yang bersifat pribadi yang akan langsung dikirim ke email saya.<br />
<br />
2.<b style="color: #38761d;"><a href="http://buatblogblogger.blogspot.com/2010/10/buku-tamu.html">Buku Tamu </a>:</b><br />
Anda bisa menulis apa saja tentang yang anda temui di blog ini, sekedar dukungan untuk saya dan bersifat umum, artinya tulisan anda bisa dilihat semua pengunjung lain.<br />
<br />
3. <b style="color: #38761d;"><a href="http://buatblogblogger.blogspot.com/2010/10/forum-tanya-jawab.html">Forum Tanya Jawab</a>;</b></span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: small;"> <span style="color: black; font-family: Arial,Helvetica,sans-serif;">Anda bisa ajukan pertanyaan tentang apa yang anda lihat dan apa yang anda belum</span></span><br />
<span style="font-size: small;"><span style="color: black; font-family: Arial,Helvetica,sans-serif;"> mengerti seputar blog Noer atau anda bisa memberikan kritik dan saran positif di Forum ini :</span></span><br />
<span style="font-size: small;"> <br />
4. <b style="color: #38761d;"><a href="http://buatblogblogger.blogspot.com/2011/02/gardu.html">Gardu</a> :</b><br />
Adalah Forum blogger Html Noer. Saya, Anda, dan Pengunjung yang lain bisa saling berdiskusi di Gardu ini.</span></div>
<ul style="color: #b45f06; font-family: Arial,Helvetica,sans-serif;">
<li><span style="font-size: small;">Topik bisa apa saja,</span></li>
</ul>
<ul style="color: #b45f06; font-family: Arial,Helvetica,sans-serif;">
<li><span style="font-size: small;">Anda juga bisa membuat topik sendiri,</span></li>
</ul>
<ul style="color: #b45f06; font-family: Arial,Helvetica,sans-serif;">
<li><span style="font-size: small;">Anda bisa Submit ringkasan artikel Anda disini untuk mendapatkan traffic anda.</span></li>
</ul>
<ul style="color: #b45f06; font-family: Arial,Helvetica,sans-serif;">
<li><span style="font-size: small;">Gardu tempat bertanya dan menjawab semua permasalahan internet.</span></li>
</ul>
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: small;"><br />
5. <b style="color: #38761d;"><a href="http://buatblogblogger.blogspot.com/2010/10/tukar-link.html">Tukar Link</a>;</b><br />
Mari kita saling tukar link dengan semua kalangan, guna kemajuan kita bersama<br />
<br />
6. <b style="color: #38761d;"><a href="http://buatblogblogger.blogspot.com/2010/10/artikel-post.html" style="color: #38761d;">Artikel Post</a>;</b></span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: small;"> Bila anda mempunyai artikel bagus seputar Internet, anda juga bisa posting artikel anda di halaman Html Noer.<br />
Ketentuanya : </span></div>
<ul style="color: #b45f06; font-family: Arial,Helvetica,sans-serif;">
<li><span style="font-size: small;">Artikel anda akan saya saring, sebelum ditampilkan dihalaman.</span></li>
</ul>
<ul style="color: #b45f06; font-family: Arial,Helvetica,sans-serif;">
<li><span style="font-size: small;">Anda bisa menaruh Link pada awal dan akhil artikel anda.</span></li>
</ul>
<ul style="color: #b45f06; font-family: Arial,Helvetica,sans-serif;">
<li><span style="font-size: small;">Segala keluha yang berkenaan dengan artikel anda, adalah tanggung jawab penulis artikel.</span></li>
</ul>
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: small;"><br />
Demikian fasilitas dari Html Noer, Semoga bermanfaat dan menjadikan jalinan kita lebih baik dan mudah.<br />
</span></div>
<br />
<br />
<table 10px;="" ;="" align="CENTER" bgcolor="#4863a0" border="0" height:="" width:=""><tbody>
<tr><td><span style="font-size: small;"><br />
</span><br />
<div style="color: white; font-family: Arial,Helvetica,sans-serif; text-align: center;">
<span style="font-size: small;">Mohon bantuannya memperbaiki blog ini.</span><br />
<span style="font-size: small;">Hubungi saya jika Anda menemukan hal yang kurang berkenan atau tutorial yang belum bisa anda aplikasikan, dengan menggunakan fasilitas yang ada diatas. Dan saya akan selalu berusaha membalas keluhan anda serta memperbaiki kesalahan seceparnya. Terima kasih. </span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: small;"><br />
</span></div>
<br /></td></tr>
</tbody></table>Noercholishttp://www.blogger.com/profile/05887258496135614730noreply@blogger.com0tag:blogger.com,1999:blog-1911581542595974685.post-82141444989930076162011-02-19T22:53:00.001+07:002011-02-19T22:54:09.070+07:00Kontak<form accept-charset="utf-8" action="http://pub16.bravenet.com/emailfwd/senddata.php" enctype="multipart/form-data" method="post">
<input name="usernum" type="hidden" value="1333310964" />
<input name="cpv" type="hidden" value="2" />
<br />
<table align="center" border="0" cellpadding="0" cellspacing="0"><tbody>
<tr> <td><h3 style="border-bottom: 1px solid black;">
Silahkan Kontak Email Saya melalui forum ini :</h3>
</td> </tr>
<tr> <td><label for="FirstLastName" style="float: left; width: 100%;">Nama anda :</label><input id="FirstLastName" maxlength="" name="FirstLastName" style="width: 360px;" type="text" value="" />
<br />
<div style="clear: left; height: 20px;">
</div>
<label for="replyemail" style="float: left; width: 100%;">Alamat email aktif:</label><input id="replyemail" maxlength="" name="replyemail" style="width: 360px;" type="text" value="" />
<br />
<div style="clear: left; height: 20px;">
</div>
<label for="Message" style="float: left; width: 100%;">Tuliskan keperluan anda:</label><textarea id="Message" name="Message" style="height: 200px; width: 360px;"></textarea>
<br />
<div style="clear: left; height: 20px;">
</div>
</td> </tr>
<tr> <td align="right"><input type="submit" value=" Submit " /> <input type="reset" value=" Reset " /></td> </tr>
</tbody></table>
</form>Noercholishttp://www.blogger.com/profile/05887258496135614730noreply@blogger.com0tag:blogger.com,1999:blog-1911581542595974685.post-62934947374072678592011-02-19T22:50:00.000+07:002011-02-19T22:50:25.401+07:00Gardu<a href="http://gardu.972086.n3.nabble.com/" id="nabblelink">Gardu</a><br />
<script src="http://gardu.972086.n3.nabble.com/embed/f1753140">
</script>Noercholishttp://www.blogger.com/profile/05887258496135614730noreply@blogger.com0tag:blogger.com,1999:blog-1911581542595974685.post-29843466265434072292011-02-19T22:49:00.000+07:002011-02-19T22:49:01.612+07:00Free My Templates<table align="CENTER" border="0"><tbody>
<tr> <td width="115"><div class="product" id="1111" style="background-color: #e3e3e3; margin: 0px; padding: 0px; text-align: center;">
<div>
<a href="http://www.mytemplatez.com/view/1111/Blogger-Templates/2/Personal-blog/13/Freshie-Book.html"> <img alt="free website templates" border="0" src="http://www.mytemplatez.com/files/preview/11/1111/preview_M.jpg" /></a> </div>
</div>
</td> <td width="115"><span class="style3"><br /></span></td> <td width="115"><div class="product" id="592" style="background-color: #e3e3e3; margin: 0px; padding: 0px; text-align: center;">
<div>
<a href="http://www.mytemplatez.com/view/592/Blogger-Templates/2/Magazine/33/Essence.html"> <img alt="free website templates" border="0" src="http://www.mytemplatez.com/files/preview/92/592/preview_M.jpg" /></a> </div>
</div>
</td> </tr>
<tr> <td><br /></td> <td><br /></td> <td><br /></td> </tr>
<tr> <td><div class="product" id="669" style="background-color: #e3e3e3; margin: 0px; padding: 0px; text-align: center;">
<div>
<a href="http://www.mytemplatez.com/view/669/Blogger-Templates/2/Cars/3/Car-Club-v-2.html"> <img alt="free website templates" border="0" src="http://www.mytemplatez.com/files/preview/69/669/preview_M.jpg" /></a> </div>
</div>
</td> <td><br /></td> <td><div class="product" id="1132" style="background-color: #e3e3e3; margin: 0px; padding: 0px; text-align: center;">
<div>
<a href="http://www.mytemplatez.com/view/1132/Blogger-Templates/2/Personal-blog/13/My-Hobby.html"> <img alt="free website templates" border="0" src="http://www.mytemplatez.com/files/preview/32/1132/preview_M.jpg" /></a> </div>
</div>
</td> </tr>
<tr> <td><br /></td> <td><br /></td> <td><br /></td> </tr>
<tr> </tr>
<tr> <td><div class="product" id="1102" style="background-color: #e3e3e3; margin: 0px; padding: 0px; text-align: center;">
<div>
<a href="http://www.mytemplatez.com/view/1102/Blogger-Templates/2/Personal-blog/13/Aurana-Orange.html"> <img alt="free website templates" border="0" src="http://www.mytemplatez.com/files/preview/02/1102/preview_M.jpg" /></a> </div>
</div>
</td> <td><br /></td> <td><div class="product" id="1101" style="background-color: #e3e3e3; margin: 0px; padding: 0px; text-align: center;">
<div>
<a href="http://www.mytemplatez.com/view/1101/Blogger-Templates/2/Personal-blog/13/Aurana-Aquamarine-Blue.html"> <img alt="free website templates" border="0" src="http://www.mytemplatez.com/files/preview/01/1101/preview_M.jpg" /></a> </div>
</div>
</td> </tr>
<tr> </tr>
<tr> <td><br /></td> <td><br /></td> <td><br /></td> </tr>
<tr> </tr>
<tr> <td><div class="product" id="1100" style="background-color: #e3e3e3; margin: 0px; padding: 0px; text-align: center;">
<div>
<a href="http://www.mytemplatez.com/view/1100/Blogger-Templates/2/Personal-blog/13/Aurana-Grey.html"> <img alt="free website templates" border="0" src="http://www.mytemplatez.com/files/preview/00/1100/preview_M.jpg" /></a> </div>
</div>
</td> <td><br /></td> <td><div class="product" id="1099" style="background-color: #e3e3e3; margin: 0px; padding: 0px; text-align: center;">
<div>
<a href="http://www.mytemplatez.com/view/1099/Blogger-Templates/2/Personal-blog/13/Aurana-Green.html"> <img alt="free website templates" border="0" src="http://www.mytemplatez.com/files/preview/99/1099/preview_M.jpg" /></a> </div>
</div>
</td> </tr>
<tr> </tr>
</tbody><tbody>
<tr> </tr>
<tr> <td><br /></td> <td><br /></td> <td><br /></td> </tr>
<tr> </tr>
</tbody><tbody>
<tr> </tr>
<tr> <td><div class="product" id="680" style="background-color: #e3e3e3; margin: 0px; padding: 0px; text-align: center;">
<div>
<a href="http://www.mytemplatez.com/view/680/Blogger-Templates/2/Sport/16/Bike-Rider-Club.html"> <img alt="free website templates" border="0" src="http://www.mytemplatez.com/files/preview/80/680/preview_M.jpg" /></a> </div>
</div>
</td> <td><br /></td> <td><div class="product" id="672" style="background-color: #e3e3e3; margin: 0px; padding: 0px; text-align: center;">
<div>
<a href="http://www.mytemplatez.com/view/672/Blogger-Templates/2/Sport/16/Basket-ball.html"> <img alt="free website templates" border="0" src="http://www.mytemplatez.com/files/preview/72/672/preview_M.jpg" /></a> </div>
</div>
</td> </tr>
<tr> <td><br /></td> <td><br /></td> <td><br /></td> </tr>
<tr> <td><div class="product" id="1130" style="background-color: #e3e3e3; margin: 0px; padding: 0px; text-align: center;">
<div>
<a href="http://www.mytemplatez.com/view/1130/Blogger-Templates/2/Magazine/33/Crackatoa.html"> <img alt="free website templates" border="0" src="http://www.mytemplatez.com/files/preview/30/1130/preview_M.jpg" /></a> </div>
</div>
</td> <td><br /></td> <td><div class="product" id="1113" style="background-color: #e3e3e3; margin: 0px; padding: 0px; text-align: center;">
<div>
<a href="http://www.mytemplatez.com/view/1113/Blogger-Templates/2/Magazine/33/WPStream.html"> <img alt="free website templates" border="0" src="http://www.mytemplatez.com/files/preview/13/1113/preview_M.jpg" /></a> </div>
</div>
</td> </tr>
<tr> <td><br /></td> <td><br /></td> <td><br /></td> </tr>
<tr> <td><div class="product" id="435" style="background-color: #e3e3e3; margin: 0px; padding: 0px; text-align: center;">
<div>
<a href="http://www.mytemplatez.com/view/435/Blogger-Templates/2/Personal-blog/13/Volverene-Evo.html"> <img alt="free website templates" border="0" src="http://www.mytemplatez.com/files/preview/35/435/preview_M.jpg" /></a> </div>
</div>
</td> <td><br /></td> <td><div class="product" id="1090" style="background-color: #e3e3e3; margin: 0px; padding: 0px; text-align: center;">
<div>
<a href="http://www.mytemplatez.com/view/1090/Blogger-Templates/2/Magazine/33/Gadget-Max.html"> <img alt="free website templates" border="0" src="http://www.mytemplatez.com/files/preview/90/1090/preview_M.jpg" /></a> </div>
</div>
</td> </tr>
<tr> <td><br /></td> <td><br /></td> <td><br /></td> </tr>
<tr> <td><div class="product" id="1075" style="background-color: #e3e3e3; margin: 0px; padding: 0px; text-align: center;">
<div>
<a href="http://www.mytemplatez.com/view/1075/Blogger-Templates/2/Charity/6/Dream-Crunch.html"> <img alt="free website templates" border="0" src="http://www.mytemplatez.com/files/preview/75/1075/preview_M.jpg" /></a> </div>
</div>
</td> <td><br /></td> <td><div class="product" id="1124" style="background-color: #e3e3e3; margin: 0px; padding: 0px; text-align: center;">
<div>
<a href="http://www.mytemplatez.com/view/1124/Blogger-Templates/2/Games/8/GamePlayer.html"> <img alt="free website templates" border="0" src="http://www.mytemplatez.com/files/preview/24/1124/preview_M.jpg" /></a> </div>
</div>
</td> </tr>
<tr> <td><br /></td> <td><br /></td> <td><br /></td> </tr>
<tr> <td><div class="product" id="1117" style="background-color: #e3e3e3; margin: 0px; padding: 0px; text-align: center;">
<div>
<a href="http://www.mytemplatez.com/view/1117/Blogger-Templates/2/Personal-blog/13/Wallinelli.html"> <img alt="free website templates" border="0" src="http://www.mytemplatez.com/files/preview/17/1117/preview_M.jpg" /></a> </div>
</div>
</td> <td><br /></td> <td><div class="product" id="1092" style="background-color: #e3e3e3; margin: 0px; padding: 0px; text-align: center;">
<div>
<a href="http://www.mytemplatez.com/view/1092/Blogger-Templates/2/Personal-blog/13/Niferiti.html"> <img alt="free website templates" border="0" src="http://www.mytemplatez.com/files/preview/92/1092/preview_M.jpg" /></a> </div>
</div>
</td> </tr>
<tr> <td><br /></td> <td><br /></td> <td><br /></td> </tr>
<tr> <td><div class="product" id="1062" style="background-color: #e3e3e3; margin: 0px; padding: 0px; text-align: center;">
<div>
<a href="http://www.mytemplatez.com/view/1062/Blogger-Templates/2/Personal-blog/13/Junoon.html"> <img alt="free website templates" border="0" src="http://www.mytemplatez.com/files/preview/62/1062/preview_M.jpg" /></a> </div>
</div>
</td> <td><br /></td> <td><div class="product" id="1054" style="background-color: #e3e3e3; margin: 0px; padding: 0px; text-align: center;">
<div>
<a href="http://www.mytemplatez.com/view/1054/Blogger-Templates/2/Games/8/Game-Zone.html"> <img alt="free website templates" border="0" src="http://www.mytemplatez.com/files/preview/54/1054/preview_M.jpg" /></a> </div>
</div>
</td> </tr>
<tr> <td><br /></td> <td><br /></td> <td><br /></td> </tr>
<tr> <td><div class="product" id="556" style="background-color: #e3e3e3; margin: 0px; padding: 0px; text-align: center;">
<div>
<a href="http://www.mytemplatez.com/view/556/Blogger-Templates/2/Personal-blog/13/Personal-Blog.html"> <img alt="free website templates" border="0" src="http://www.mytemplatez.com/files/preview/56/556/preview_M.jpg" /></a> </div>
</div>
</td> <td><br /></td> <td><div class="product" id="1080" style="background-color: #e3e3e3; margin: 0px; padding: 0px; text-align: center;">
<div>
<a href="http://www.mytemplatez.com/view/1080/Blogger-Templates/2/Magazine/33/Nice-Stars.html"> <img alt="free website templates" border="0" src="http://www.mytemplatez.com/files/preview/80/1080/preview_M.jpg" /></a> </div>
</div>
</td> </tr>
<tr> <td><br /></td> <td><br /></td> <td><br /></td> </tr>
<tr> <td><div class="product" id="1070" style="background-color: #e3e3e3; margin: 0px; padding: 0px; text-align: center;">
<div>
<a href="http://www.mytemplatez.com/view/1070/Blogger-Templates/2/Games/8/TopGame.html"> <img alt="free website templates" border="0" src="http://www.mytemplatez.com/files/preview/70/1070/preview_M.jpg" /></a> </div>
</div>
</td> <td><br /></td> <td><div class="product" id="944" style="background-color: #e3e3e3; margin: 0px; padding: 0px; text-align: center;">
<div>
<a href="http://www.mytemplatez.com/view/944/Blogger-Templates/2/Personal-blog/13/Fluid.html"> <img alt="free website templates" border="0" src="http://www.mytemplatez.com/files/preview/44/944/preview_M.jpg" /></a> </div>
</div>
</td> </tr>
<tr> </tr>
</tbody></table>Noercholishttp://www.blogger.com/profile/05887258496135614730noreply@blogger.com0tag:blogger.com,1999:blog-1911581542595974685.post-66314760209818057572011-02-19T22:47:00.000+07:002011-02-19T22:47:00.579+07:00Ebook Gratis<div style="font-family: Verdana,sans-serif; text-align: left;">
<span style="font-size: small;"><span style="color: red; font-size: x-small;"><b><span style="color: #274e13; font-family: Arial,Helvetica,sans-serif; font-size: small;"><span style="color: red;"><span style="font-size: x-small;"></span></span>Anda bisa memilih dan memiliki semua Ebook-Ebook Gratis yang ada disini.</span></b></span><br style="color: #274e13; font-family: Arial,Helvetica,sans-serif;" /> </span></div>
<div class="MsoNormal">
<b> </b></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal" style="color: #38761d;">
<b>MOTIVASI :</b></div>
<div class="MsoNormal" style="color: red;">
<br /></div>
<div style="color: red;">
1.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc181.4shared.com/download/E8wn1N06/Buku_Motivasi_Keajaiban_Ikhlas.pdf?tsid=20101028-055011-f95902f3">Buku Motivasi Keajaiban Ikhlas.pdf (601 KB)</a> </div>
<div style="color: red;">
2.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc170.4shared.com/download/T-iTcRKU/angket_mengukur_motivasi_siswa.pdf?tsid=20101028-055057-188ebacf">angket mengukur motivasi siswa thd kooperatif tgt.pdf (58 KB)</a> </div>
<div style="color: red;">
3.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc182.4shared.com/download/oIhby5mt/235-cerita-motivasi-hidup-1000.pdf?tsid=20101028-055107-da57e194">cerita-motivasi-hidup-1000-marbles.pdf (713 KB)</a><br />
4.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc143.4shared.com/download/3j9G2wyQ/312_Motivasi_Muslim_1.pdf?tsid=20101028-055054-edfd4d0e"><b>Motivasi Muslim 1.pdf</b> (18 KB)</a> <br />
5.<span style="font: 7pt "Times New Roman";"> </span><b><a href="http://www.blogger.com/goog_499372765">Tips Meningkatkan Motivasi Diri Pemenang.pdf</a></b><a href="http://dc179.4shared.com/download/SwXJcngo/_2__Tips_Meningkatkan_Motivasi.pdf?tsid=20101028-055046-a28fafec"> (22 KB)</a><br />
6.<span style="font: 7pt "Times New Roman";"> </span><b> <a href="http://www.blogger.com/goog_499372770">MOTIVASI SDM.pdf</a></b><a href="http://dc111.4shared.com/download/4jP0khMX/_2__MOTIVASI_SDM.pdf?tsid=20101028-055041-b0b1d2cc"> (70 KB)</a> <br />
7.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc95.4shared.com/download/SnMUhTjr/e_book_motivasi_Guntur_Novizal.pdf?tsid=20101028-064313-e96837b2">e book motivasi Guntur Novizal.pdf (609 KB)</a><br />
8.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc146.4shared.com/download/lFnZOILO/ebook_motivasi.pdf?tsid=20101028-064254-145b1cf"><b>ebook motivasi.pdf</b> (182 KB)</a><br />
9.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc153.4shared.com/download/LkPpGRo2/Konstuktivis_dan_Motivasi.pdf?tsid=20101028-064259-49187d49">Konstuktivis dan Motivasi.pdf (36 KB)</a><br />
10.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc185.4shared.com/download/SCn10RH5/Kumpulan_cerita_motivasi.pdf?tsid=20101028-064303-8501b2df"><b>Kumpulan cerita motivasi.pdf</b> (594 KB)</a><br />
11.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc202.4shared.com/download/bvlRR_b2/Mengenal_Motivasi.pdf?tsid=20101028-070736-eed90429"><b>Mengenal Motivasi.pdf</b> (50 KB)</a> <br />
12.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc118.4shared.com/download/YNSA9Ng-/Motivasi_dalam_Bekerja.pdf?tsid=20101028-070721-6cb7fbd2"><b>Motivasi dalam Bekerja.pdf</b> (55 KB)</a><br />
13.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc108.4shared.com/download/Apj25fWD/Motivasi_dan_Emosi.pdf?tsid=20101028-070717-e965b44b"><b>Motivasi dan Emosi.pdf</b> (1,113 KB)</a><br />
14.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc202.4shared.com/download/M_bmrnQp/Motivasi_Juga_Penentu_Nasib.pdf?tsid=20101028-070715-3ce1f56e"><b>Motivasi Juga Penentu Nasib.pdf</b> (35 KB)</a><br />
15.<span style="font: 7pt "Times New Roman";"> <a href="http://www.blogger.com/goog_499372829"> </a></span><a href="http://dc225.4shared.com/download/lzvv3F54/motivasi_kerja.pdf?tsid=20101028-070709-d5593f9c"><b>motivasi kerja.pdf</b> (13 KB)</a> </div>
<div style="color: red;">
16.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc118.4shared.com/download/n79RRvVz/Motivasi_Manusia_dalam_Organis.pdf?tsid=20101028-070707-3a60ddde">Motivasi Manusia dalam Organisasi.pdf (178 KB)</a></div>
<div class="MsoNormal" style="color: red;">
<br /></div>
<div class="MsoNormal" style="color: red;">
<br /></div>
<div class="MsoNormal" style="color: red;">
<br /></div>
<div class="MsoNormal" style="color: red;">
<br /></div>
<div class="MsoNormal" style="color: #38761d;">
<b>KOMPUTER :</b></div>
<div class="MsoNormal" style="color: red;">
<br /></div>
<div style="color: red;">
1.<span style="font: 7pt "Times New Roman";"> </span><b><a href="http://www.blogger.com/goog_499372708">Panduan Infrastruktur Jaringan Komputer dan Komunikasi Data.pdf</a></b><a href="http://dc118.4shared.com/download/OruVRhM5/_2__Panduan_Infrastruktur_Jari.pdf?tsid=20101028-071601-6e4b2383"> (901 KB)</a> </div>
<div style="color: red;">
2.<span style="font: 7pt "Times New Roman";"> </span><b><a href="http://www.blogger.com/goog_499372702">Komputer mikro.pdf</a></b><a href="http://dc226.4shared.com/download/Rtqr2X_z/_2__Komputer_mikro.pdf?tsid=20101028-071520-851aaf9c"> (21 KB)</a><br />
3.<span style="font: 7pt "Times New Roman";"> </span><b><a href="http://www.blogger.com/goog_499372697">Jaringan Komputer.pdf</a></b><a href="http://dc108.4shared.com/download/OBOPsLut/_2__Jaringan_Komputer.pdf?tsid=20101028-071518-c7a99ce8"> (5,620 KB)</a> </div>
<div style="color: red;">
4.<span style="font: 7pt "Times New Roman";"> </span><b><a href="http://www.blogger.com/goog_499372690">echoe-Merakit Komputer[1].pdf</a></b><a href="http://dc93.4shared.com/download/zwuEn7HX/_2__echoe-Merakit_Komputer1.pdf?tsid=20101028-071515-494b1b3e"> (696 KB)</a><br />
5.<span style="font: 7pt "Times New Roman";"> </span><b> <a href="http://www.blogger.com/goog_499372685">Contoh Soal Jaringan Komputer.pdf</a></b><a href="http://dc232.4shared.com/download/zEwiq4O-/_2__Contoh_Soal_Jaringan_Kompu.pdf?tsid=20101028-071516-e55893ad"> (76 KB)</a><br />
6.<span style="font: 7pt "Times New Roman";"> </span><b><a href="http://www.blogger.com/goog_499372679">Contoh Soal Jaringan Komputer.pdf</a></b><a href="http://dc232.4shared.com/download/zEwiq4O-/_2__Contoh_Soal_Jaringan_Kompu.pdf?tsid=20101028-071516-e55893ad"> (76 KB)</a> <br />
7.<span style="font: 7pt "Times New Roman";"> </span><b><a href="http://www.blogger.com/goog_499372673">Cara Mengenali Virus Komputer dan Pencegahannya.pdf</a></b><a href="http://dc119.4shared.com/download/NtkZ6Kcm/_2__Cara_Mengenali_Virus_Kompu.pdf?tsid=20101028-071512-45ed724f"> (557 KB)</a><br />
8.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc167.4shared.com/download/OVVOHsgM/006_31_Jurus_Menyempurnakan_Ko.pdf?tsid=20101028-072158-bfb1457d">Jurus Menyempurnakan Komputer.pdf (258 KB) </a> </div>
<div style="color: red;">
9.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc238.4shared.com/download/BQuBhxDT/_2__Teknologi_Jaringan_Kompute.pdf?tsid=20101028-072203-b10c1f45"><b>Teknologi Jaringan Komputer.pdf</b> (255 KB)</a> </div>
<div style="color: red;">
10.<span style="font: 7pt "Times New Roman";"> <a href="http://www.blogger.com/goog_499372657"> </a></span><a href="http://dc184.4shared.com/download/rlBhD-ZK/03aPeripheral-Komputer__ICT.pdf?tsid=20101028-072537-639e766c"><b>Peripheral-Komputer _ICT.pdf</b> (832 KB)</a><br />
11.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc162.4shared.com/download/gAhuJzlw/033_BAGAIMANA_MEMPEROLEH_RP_20.pdf?tsid=20101028-072533-c76809d8">BAGAIMANA MEMPEROLEH RP 2.000.000 SEMINGGU DENGAN KOMPUTER.pdf (21 KB)</a> <br />
12.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc131.4shared.com/download/Lp7x_TpD/03_Ilmu_Komputer.pdf?tsid=20101028-072530-63cf64"><b>Ilmu Komputer.pdf</b> (1,279 KB)</a> </div>
<div style="color: red;">
13.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc146.4shared.com/download/gq3ZuMxI/02_Komputer_Multimedia.pdf?tsid=20101028-072519-8870548d"><b>Komputer Multimedia.pdf</b> (8,251 KB)</a></div>
<div style="color: red;">
14.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc136.4shared.com/download/ngBF3ajl/01_Pengenalan_Komputer.pdf?tsid=20101028-072518-cbf0938b"><b>Pengenalan Komputer.pdf</b> (872 KB)</a> </div>
<div style="color: red;">
15.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc126.4shared.com/download/npgUVUUQ/01_Kamus_Komputer.pdf?tsid=20101028-072506-73de1a9a"><b>Kamus Komputer.pdf</b> (1,665 KB)</a></div>
<span style="color: red;">16.<span style="font: 7pt "Times New Roman";"> </span></span><a href="http://dc177.4shared.com/download/DIRpyQDJ/01_Histori_Komputer.pdf?tsid=20101028-072500-4fb149aa" style="color: red;"><b>Histori Komputer.pdf</b> (2,886 KB)</a><br />
<span style="color: red;">17.<span style="font: 7pt "Times New Roman";"> <b> </b></span></span><a href="http://dc247.4shared.com/download/_MHxmjbn/01_Arsitektur_Komputer_Dan_Reg.pdf?tsid=20101028-072452-8bef186a" style="color: red;"><b>Arsitektur Komputer Dan Register.pdf</b> (94 KB)</a> <br />
<div class="MsoNormal" style="color: red;">
<br /></div>
<div class="MsoNormal" style="color: red;">
<br /></div>
<div class="MsoNormal" style="color: red;">
<br /></div>
<div class="MsoNormal" style="color: red;">
<br /></div>
<div class="MsoNormal" style="color: #38761d;">
<b>BISNIS :</b></div>
<div class="MsoNormal" style="color: red;">
<br /></div>
<div style="color: red;">
1.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc162.4shared.com/download/YjtpRmki/016_Bisnis_Privat.pdf?tsid=20101028-074639-16eac2ed"><b>Bisnis Privat.pdf</b> (277 KB)</a> </div>
<div style="color: red;">
2.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc161.4shared.com/download/3U6-mT6q/015_Bisnis_Busana.pdf?tsid=20101028-074639-3608245b"><b>Bisnis Busana.pdf</b> (217 KB)</a> </div>
<div style="color: red;">
3.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc161.4shared.com/download/IpT0UkyP/006_150_BISNIS_WANITA.pdf?tsid=20101028-074645-6a77fd0d"><b>150 BISNIS WANITA.pdf</b> (294 KB)</a> </div>
<div style="color: red;">
4.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc249.4shared.com/download/Qbcv64bk/_2__Memulai_Bisnis_Internet_by.pdf?tsid=20101028-074645-c3c77608">Memulai Bisnis Internet by Anne Ahira.pdf (84 KB)</a><br />
5.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc217.4shared.com/download/ilX2-eqk/_2__Hati_-_Hati_Terhadap_Penip.pdf?tsid=20101028-074647-751345ec">Hati - Hati Terhadap Penipuan Bisnis Di Internet-1.pdf (46 KB)</a><br />
6.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc254.4shared.com/download/DwQAreM-/_2__Bisnis_Investasi.pdf?tsid=20101028-074651-4acde4ed"><b>Bisnis Investasi.pdf</b> (58 KB)</a><br />
7.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc162.4shared.com/download/uiheDENK/070_Rahasia_Membangun_Bisnis_B.pdf?tsid=20101028-075704-36a99a3d">Rahasia Membangun Bisnis Berbasis Komisi pass=suksesitumudah.pdf (1,329 KB)</a> <br />
8.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc162.4shared.com/download/Zwb3ci09/030_100_BISNIS_DARI_MEJA_MAKAN.pdf?tsid=20101028-075701-99515c7d">BISNIS DARI MEJA MAKAN DIRUMAH.pdf (37 KB)</a><br />
9.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc162.4shared.com/download/Mc1JivFp/018_bisnis-kue.pdf?tsid=20101028-075747-86a053d2"><b>bisnis-kue.pdf</b> (208 KB)</a><br />
10.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc162.4shared.com/download/KaQFysEJ/017_Bisnis_Tanaman.pdf?tsid=20101028-075644-6a9eb12d"><b>Bisnis Tanaman.pdf</b> (302 KB)</a><br />
11.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc219.4shared.com/download/HDXw8hB7/7_prinsip_bisnis_rumahan.pdf?tsid=20101028-080322-4527dc16"><b>7_prinsip_bisnis_rumahan.pdf</b> (307 KB)</a> </div>
<div style="color: red;">
12.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc228.4shared.com/download/8vk-fkyB/6_tips_memilih_bisnis_online.pdf?tsid=20101028-080308-181ac40d"><b>6_tips_memilih_bisnis_online.pdf</b> (43 KB)</a><br />
13.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc153.4shared.com/download/ot9QVXcA/38peluang_Bisnis_Online.pdf?tsid=20101028-080301-641216c9"><b>38peluang Bisnis Online.pdf</b> (881 KB)</a> </div>
<div style="color: red;">
14.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc162.4shared.com/download/oa8Binuq/14_Kesalahan__Fatal_Dalam_Bisn.pdf?tsid=20101028-080201-4ab94057">Kesalahan Fatal Dalam Bisnis Internet.pdf (133 KB)</a><br />
15.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc166.4shared.com/download/Cdjj07a7/Aspek_penting_bisnis_internet.pdf?tsid=20101028-080828-1a8e1a3d"><b>Aspek penting bisnis internet.pdf</b> (34 KB)</a> </div>
<div style="color: red;">
16.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc177.4shared.com/download/Jdb0oVuW/Anggaran_Bisnis_Hotspot_Vouche.pdf?tsid=20101028-080816-83effde7">Anggaran Bisnis Hotspot Voucher.pdf (67 KB)</a><br />
17.<span style="font: 7pt "Times New Roman";"> <a href="http://www.blogger.com/goog_499372474"> </a></span><a href="http://dc165.4shared.com/download/jtSWpB4X/ANALISA_BISNIS_STUDIO_PHOTO_BO.pdf?tsid=20101028-080816-174d60b5">ANALISA BISNIS STUDIO PHOTO BOX.pdf (112 KB)</a> </div>
<div style="color: red;">
18.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc243.4shared.com/download/lCIkUqRf/3_Kunci_Sukses_Bisnis_Internet.pdf?tsid=20101028-080819-8b0281d2"><b>Kunci Sukses Bisnis Internet.pdf</b> (227 KB)</a> </div>
<div style="color: red;">
19.<span style="font: 7pt "Times New Roman";"> </span><a href="http://dc204.4shared.com/download/8FaGOwML/10_kiat_sukses_bisnis_online.pdf?tsid=20101028-080155-7cd37a74"><b>10_kiat_sukses_bisnis_online.pdf</b> (546 KB)</a> </div>
<div class="MsoNormal" style="color: red;">
<a href="http://dc204.4shared.com/download/8FaGOwML/10_kiat_sukses_bisnis_online.pdf?tsid=20101028-080155-7cd37a74"><br />
</a></div>
<div class="MsoNormal" style="color: red;">
<br /></div>
<div class="MsoNormal" style="color: red;">
<br /></div>
<div class="MsoNormal" style="color: red;">
<br /></div>
<div class="MsoNormal" style="color: #38761d;">
<b>PELUANG USAHA :</b></div>
<div class="MsoNormal" style="color: red;">
<br /></div>
<div style="color: red;">
</div>
<b style="color: red;">1.<span style="font: 7pt "Times New Roman";"> </span></b><a href="http://dc153.4shared.com/download/UlXK06UR/pendahuluan_peluang_usaha.pdf?tsid=20101028-081800-7599020a" style="color: red;">pendahuluan_peluang_usaha.pdf (15 KB)</a><br />
<div style="color: red;">
<b>2.<span style="font: 7pt "Times New Roman";"> </span></b><a href="http://dc147.4shared.com/download/AAy-ohnY/peluang_usaha-klik_iklan_dibay.pdf?tsid=20101028-081757-bc0e8474">peluang usaha-klik iklan dibayar rupiah.pdf (113 KB)</a><br />
<b>3.<span style="font: 7pt "Times New Roman";"> </span></b><a href="http://dc248.4shared.com/download/k_mOzzvq/PELUANG_USAHA_BUKA_LOKET_PEMBA.pdf?tsid=20101028-081755-daf7e961">PELUANG USAHA BUKA LOKET PEMBAYARAN.pdf (322 KB)</a> <b> </b></div>
<div style="color: red;">
<b>4.<span style="font: 7pt "Times New Roman";"> </span></b><a href="http://dc160.4shared.com/download/0nhHktIW/PELUANG_USAHA_AGROBISNIS_JAMUR.pdf?tsid=20101028-081749-95d95ca6">PELUANG USAHA AGROBISNIS JAMUR TIRAM.pdf (1,531 KB)</a> </div>
<div style="color: red;">
<b>5.<span style="font: 7pt "Times New Roman";"> </span></b><a href="http://dc230.4shared.com/download/zXLsX6MO/1001_Inspirasi__dan_Peluang_Us.pdf?tsid=20101027-215234-ec13edeb">1001 Inspirasi dan Peluang Usaha.pdf (44 KB)</a> </div>
<span style="color: red;">6. </span><a href="http://dc172.4shared.com/download/MVTWorOq/Peluang_untuk_Mengembangkan_Us.pdf?tsid=20101028-081746-94a8015f" style="color: red;">Peluang untuk Mengembangkan Usaha.pdf (94 KB)</a><br />
<div class="MsoListParagraph" style="text-indent: -18pt;">
<b>7.<span style="font: 7pt "Times New Roman";"> </span></b> </div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div style="text-align: center;">
</div>Noercholishttp://www.blogger.com/profile/05887258496135614730noreply@blogger.com0tag:blogger.com,1999:blog-1911581542595974685.post-70672253649115631032011-02-19T22:41:00.002+07:002011-02-19T23:32:02.636+07:00Advertising<b><a href="http://buatblogblogger.blogspot.com/">TUTORIAL BLOG</a></b><br />
Selain bantuan bloger, saya juga mempunyai banyak tutorial untuk blog. Tentunya setelah kita mempunyai blog baru, akan masih terlihat kaku dan masih banyak tempat yang kosong. Dengan tutorial ini anda bisa membuat indah dan melengkapi yang dirasa masih kurang sesuai kebutuhan anda. <br />
<hr />
<div class="MsoNormal" style="color: orange; font-family: Georgia,"Times New Roman",serif; line-height: normal; margin: 2.15pt 0in; text-align: left;">
<a href="http://www.paypalbisnis.com/?ref=affiliates"><span style="font-size: small;"><i><b>Tips Meraih Income $10-$100 Per Hari</b></i></span></a></div>
<div style="font-family: inherit;">
<span style="color: black; font-size: small;">Dari Program Pay Per Install dan dapatkan Komisi $5 per refer member gratis tanpa perlu menjual. </span><span style="color: black; font-size: 12pt; line-height: 115%;">Download lalu install dan add program minimal 1 affiliate program seperti : clickbank, paypal, adsense dll. Software ini 100% bisa di percaya dan aman untuk mengakses account anda.</span></div>
<hr />
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
<a href="http://www.paypalbisnis.com/?ref=affiliates" style="color: orange;"><span style="font-size: small;"><i><b style="font-family: Georgia,"Times New Roman",serif;">Tips Verifikasi PayPal Tanpa Credit Card</b></i></span></a></div>
<div style="font-family: inherit;">
<span style="font-size: small;"><b><span lang="IN" style="line-height: 115%;">Paypal</span></b><span lang="IN" style="line-height: 115%;"> adalah suatu alat pembayaran online untuk melakukan transaksi jual beli, transfer uang dll secara online di internet. </span></span></div>
<hr />
<div style="color: #b45f06;">
<i><a href="http://www.rahasiawebsitepemula.com/?id=pemulasukses"><span class="style3"><b><span style="font-family: Georgia,"Times New Roman",serif;">Rahasia Website Pemula</span></b></span></a><span class="style3"> </span></i></div>
<span class="style3">Langkah demi langkah cara membangun website mulai dari dasar secara menyeluruh hingga betul - betul menghasilkan duit.</span><br />
<hr />
<span style="font-size: small;"><a href="http://lifina.com/" style="font-family: inherit;"><i><b>Mengapa sebaiknya kita mulai belajar bisnis online:</b></i></a></span><br />
1) "Pasar" di Internet semakin tidak terbatas jumlahnya.<br />
2) Tidak ada krisis global di dunia internet<br />
3) Bisnis online cukup dijalankan di rumah saja.<br />
4) Kita bisa jualan apa saja, kemana saja di Internet<br />
5) Orang-orang yang mengerti dan mau belajar di bisnis online akan semakin maju dan berpenghasilan.<br />
<hr />
<b><a href="http://www.worldbrand.co.cc/" target="_blank">BELANJA ONLINE</a></b><br />
Online Shopping for Electronics, Apparel, Computers, Books, DVD and more<br />
<hr />
<i><a href="http://www.trekpay.com/?ref=295426" target="_blank"><b>Dapat hasil nyata dengan mengklik iklan</b> </a></i><br />
<hr />
<i><b><a href="http://www.idr-clickit.com/register.php/noercholis.html" target="_blank">Anda hanya perlu mengklik link dan melihat website beberapa detik untuk mendapatkan uang.</a></b></i><br />
<hr />
<a href="http://buatblogblogger.blogspot.com/2010/11/tip-mendapatkan-100-dari-facebook.html" target="_blank">FACEBOOK </a><br />
Selain menjadi salah satu situs jejaring sosial yang paling digemari juga memiliki banyak Aplikasi sumber uang.<br />
<hr />
<i><b><a href="http://www.niftystats.com/ref.php?cid=Cbd8c4163e" target="_blank">Anda dibayar hanya dengan download software dan menginstall</a></b></i><br />
<hr />
<i><b><a href="http://www.niftystats.com/ref.php?cid=Cbd8c4163e" target="_blank">Pay Per Install Gratis</a></b></i><br />
Anda dibayar hanya dengan download software dan menginstall<br />
<hr />
<i><b><a href="http://www.paypalbisnis.com/?ref=affiliates" target="_blank">Script Website Otomatis</a></b></i><br />
Miliki Website Otomatis Yang Bisa Menghasilkan<br />
<hr />
<a href="http://www.trekpay.com/?ref=295426" target="_blank"><i><b>Dapat hasil nyata dengan mengklik iklan</b></i><br />
</a><br />
<hr />
<i><b><a href="https://www.vipclix.com/?ref=noercholis" target="_blank">Kita dibayar hanya dengan melihat website orang lain</a></b></i><br />
<hr />
<i><b><a href="http://www.idr-clickit.com/register.php/noercholis.html" target="_blank">Anda hanya perlu mengklik link dan melihat website beberapa detik untuk mendapatkan uang.</a></b></i><br />
<hr />
<i><b><a href="http://www.nic.cz.cc/index.php?ref=webgratis" target="_blank">Gratis Domain dgn Cz.cc</a> </b></i><br />
Dapat mendaftarkan sampai dengan 5 nama domain gratis. Selain nama domain, servis DNS dinamis gratis dengan MX penuh, CNAME, A dan catatan SOA<br />
<hr />
<i><b><a href="http://www.co.cc/?id=592370" target="_blank">Domain & Host Gratis</a></b></i><br />
Adanya co.cc, kita bisa mengganti nama dan alamat ulr blog kita menjadi lebih pendek, apalagi co.cc adalah top level domain yang bisa kita dapatkan secara gratis.<br />
<hr />
<i><b><a href="http://didianto.com/go/?id=noercholis" target="_blank">Tip Gratis Pasang Iklan Sejuta Link</a></b></i><br />
Anda ingin agar Link ke Blog Anda nempel terus dan dipromosikan oleh 1 juta orang lebih?<br />
<hr />
<i><b><a href="http://www.rahasiawebsitepemula.com/?id=pemulasukses" target="_blank">Panduan Buat Web</a></b></i><br />
Rahasia Website Pemula (RWP), Satu-satunya Bisnis Online Pemula yg Memiliki Metode Belajar Online dan Offline. Memiliki Cabang di beberapa kota Indonesia dg 3.500 member lebih.<br />
<hr />
<i><b><a href="http://www.buatblog-mudah.co.cc/" target="_blank">Panduan Buat Blog</a></b></i><br />
Anda yang saat ini belum memiliki blog, sudah saatnya Anda membuat sebuah blog, baik digunakan untuk pribadi sampai membuat blog untuk bisnis. Ikuti panduannya hanya dengan tiga langkah cepat, mudah dan gratis.<br />
<hr />
<div style="background-color: white; color: white;">
<a href="http://lifina.com/web"><span style="font-size: x-small;"><span class="style3"><b>WEBSITE MURAH</b></span></span></a></div>
<div style="color: black; font-family: inherit;">
<span style="font-size: small;"><span class="style3">Mau punya website/situs sendiri? Baik untuk </span></span></div>
<span style="color: white; font-size: x-small;"><span class="style3" style="color: black; font-family: inherit; font-size: small;">pribadi atau perusahaan<br />
Paling murah se-Indonesia, dapat website termasuk domain & hosting<br />
Langsung online tanpa biaya tersembunyi<br />
<b><u>Fitur website:</u></b><br />
* Lebih dari 650 pilihan desain (bisa dimodif)</span></span><br />
<span style="color: white; font-size: x-small;"><span class="style3" style="color: black; font-family: inherit; font-size: small;">* Bisa membuat email dengan domain anda sendiri. Misalnya namaku@nama domain.com.</span></span><br />
<span style="color: white; font-size: x-small;"><span class="style3" style="color: black; font-family: inherit; font-size: small;">* CMS, yaitu edit bisa dilakukan dimana saja, termasuk di warnet</span></span><br />
<span style="color: white; font-size: x-small;"><span class="style3" style="color: black; font-family: inherit; font-size: small;">* Ada halaman forum, album foto, form online untuk kontak atau pandaftaran, chat b</span><i><span class="style3">ox, dll</span></i></span><br />
<hr />
<div style="-moz-border-radius: 10px 10px 10px 10px; border: 3px solid rgb(153, 0, 0);">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://buatblogblogger.blogspot.com/2011/02/gardu.html"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9iPWz0zWp7FL_zlxuUYvsA3rMnRgU3fwsy97-v4pi_K_vZ92Wum6FY-Bv6EdFbKwNCc1Tph-CrCUCfndb6fLhO75Y_VEnsqsf4cEk79p_C0NCfe501g3QrSoju50LZbznoCmbdN_seIGq/s320/Gardu.jpg" width="320" /></a></div>
<div style="-moz-border-radius: 10px 10px 10px 10px; border: 3px solid rgb(102, 152, 255);">
<span class="style3"><span style="font-size: small;"><b style="color: #38761d;"><span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;">Diskusi satai di <span style="color: #3d85c6; font-size: large;">"<a href="http://buatblogblogger.blogspot.com/2011/02/gardu.html">GARDU</a>"</span> yuk ...!!!</span></span></b></span></span></div>
<ul style="text-align: left;">
<li style="color: #0b5394;"><i><span style="font-size: small;">Topik bisa apa saja,</span></i></li>
<li style="color: #6aa84f;"><i><span class="style3"><span style="font-size: small;">Anda juga bisa membuat topik sendiri,</span></span></i></li>
<li style="color: orange;"><i><span class="style3"><span style="font-size: small;">Anda bisa Submit ringkasan artikel Anda disini untuk mendapatkan traffic anda.</span></span></i></li>
<li><span class="style3"><i><span class="style3" style="color: #3d85c6;"><span style="font-size: small;">Gardu tempat bertanya dan menjawab semua permasalahan internet.</span></span></i></span></li>
</ul>
</div>
<hr />
<span class="style3"><a href="http://rambak.co.cc/" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfuUAKxpOjvy5f0ec-QtLeZazN5AYfA442sLJVJErjqFoTnfIvs7E3xIbYE4jeqTBdcxkfV6tRVF0t0AMQRcgPPTVIpTB-j2MNveqRbBGef5z9V-lovo88b5N9aymYYKYv0xzssQkyrdON/s1600/rambak+matang.JPG" /></a></span><a href="http://rambak.co.cc/"><span style="color: orange; font-weight: bold;">GURIH - RENYAH - NIKMAT</span></a><br />
<br />
<i style="color: #38761d; font-family: Georgia,"Times New Roman",serif;"><span style="font-size: small;">Ndak mau berhenti makan lho, kalo udah tau rasanya.....<br />
bikin ketagihaaan......</span></i><br />
<span class="style3"><br />
<span style="font-family: inherit; font-size: small;">Cocok sebagai pendamping atau pelengkap makanan disaat anda makan, disaat anda nonton Tv, disaat anda berkumpul bersama keluarga,teman atau saat-saat yang lain.</span><span style="font-weight: bold;"> </span></span><br />
<hr />
<div style="background-color: white; color: yellow;">
<a href="http://www.rahasiawebsitepemula.com/?id=pemulasukses"><b><span class="style3">RWP</span></b></a></div>
<div style="color: black; font-family: inherit;">
<span class="style3">Gara-gara</span> <span class="style3">bisnis online,</span><span class="style3">Sang pemilik produk</span><span class="style3">sudah pensiun</span> <span class="style3">dini pd usia 31 thn</span></div>
<hr />Noercholishttp://www.blogger.com/profile/05887258496135614730noreply@blogger.com0tag:blogger.com,1999:blog-1911581542595974685.post-24208110377752802652011-02-18T23:10:00.001+07:002011-02-18T23:10:01.159+07:00Blogger<h2>
Pertanyaan Umum:</h2>
<ol style="color: #274e13; font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;"></span></ol>
<ol style="color: #274e13; font-family: Arial,Helvetica,sans-serif;"><ul>
<li><a href="http://buatblogblogger.blogspot.com/2010/10/bagaimana-cara-membuat-account-blogger.html">Bagaimana cara membuat account Blogger?</a></li>
<li><a href="http://buatblogblogger.blogspot.com/2010/10/bagaimana-cara-membuat-blog-blogger.html">Bagaimana cara membuat blog Blogger?</a></li>
<li><a href="http://buatblogblogger.blogspot.com/2010/10/bagaimana-cara-posting-ke-blog-saya.html">Bagaimana cara mengirim ke blog saya?</a></li>
<li><a href="http://buatblogblogger.blogspot.com/2010/10/bagaimana-cara-mengirim-gambar.html">Bagaimana cara mengirim gambar?</a></li>
<li><a href="http://buatblogblogger.blogspot.com/2010/10/saya-tidak-dapat-login-apa-yang-harus.html">Saya tidak dapat login. Apa yang harus saya lakukan?</a></li>
<li><a href="http://buatblogblogger.blogspot.com/2010/10/bagaimana-cara-menghapus-blog.html">Bagaimana cara menghapus blog?</a></li>
<li><a href="http://buatblogblogger.blogspot.com/2010/10/bagaimana-cara-membatalkan-account-saya.html">Bagaimana cara membatalkan account saya?</a></li>
<li><a href="http://buatblogblogger.blogspot.com/2010/10/dapatkah-saya-memiliki-blog-yang.html">Dapatkah saya memiliki blog yang menerima posting dari beberapa orang?</a></li>
<li><a href="http://buatblogblogger.blogspot.com/2010/10/bagaimana-menambahkan-foto-ke-profil.html">Bagaimana menambahkan foto ke profil saya?</a></li>
<li><a href="http://buatblogblogger.blogspot.com/2010/10/bagaimana-cara-menyiapkan-koneksi-ftp.html">Bagaimana cara menyapkan koneksi FTP (atau sFTP) ke host web eksternal?</a></li>
<li><a href="http://buatblogblogger.blogspot.com/2010/10/bagaimana-cara-menggunakan-domain.html">Bagaimana cara menggunakan domain kustom pada blog saya?</a></li>
<li><a href="http://buatblogblogger.blogspot.com/2010/10/bagaimana-cara-kerja-blogger-mobile.html" style="font-family: Arial,Helvetica,sans-serif;">Bagaimana Cara Kerja Blogger Mobile ?</a></li>
<li><a href="http://buatblogblogger.blogspot.com/2010/10/bagaimana-cara-memberi-label-ke-posting.html">Bagaimana cara memberi label ke posting saya?</a></li>
<li><a href="http://buatblogblogger.blogspot.com/2010/10/bagaimana-cara-menempatkan-adsense-di.html">Bagaimana cara menempatkan Adsense di dalam blog saya?</a></li>
<li><a href="http://buatblogblogger.blogspot.com/2010/10/bagaimana-mengaktifkan-feed-situs-untuk.html">Bagaimana mengaktifkan feed situs untuk blog saya?</a></li>
<li><a href="http://buatblogblogger.blogspot.com/2010/10/apakah-tombol-tandai-itu.html">Apakah tombol "Tandai" itu?</a></li>
<li><a href="http://buatblogblogger.blogspot.com/2010/10/bagaimana-menengahi-komentar-di-blog.html">Bagaimana menengahi komentar di blog saya?</a></li>
<li><a href="http://buatblogblogger.blogspot.com/2010/10/bagaimana-cara-menggunakan-fitur.html">Bagaimana cara Menggunakan fitur Tataletak Blogger?</a></li>
<li><a href="http://buatblogblogger.blogspot.com/2010/10/mengapa-saya-dihadapkan-pada-verifikasi.html">Mengapa saya dihadapkan pada verifikasi kata di dalam formulir posting saya?</a></li>
<li><a href="http://buatblogblogger.blogspot.com/2010/10/mengapa-blog-saya-tidak-aktif.html">Mengapa blog saya tidak aktif?</a></li>
<li><a href="http://buatblogblogger.blogspot.com/2010/10/dapatkah-saya-menggunakan-cara-pintas.html">Apakah saya bisa menggunakan cara pintas keyboard saat mengirim?</a></li>
<li><a href="http://buatblogblogger.blogspot.com/2010/10/bagaimana-cara-menggunakan-fitur_25.html">Bagaimana cara menggunakan fitur transliterasi?</a></li>
<li><a href="http://buatblogblogger.blogspot.com/2010/10/bagaimana-menggunakan-editor-posting.html">Bagaimana cara menggunakan editor post Blogger?</a></li>
<li><a href="http://buatblogblogger.blogspot.com/2010/10/di-mana-dapat-membeli-nama-domain.html">Di mana dapat membeli nama domain kustom untuk blog saya?</a></li>
<li><a href="http://buatblogblogger.blogspot.com/2010/10/bagaimana-cara-mengubah-format-tanggal.html">Bagaimana cara mengubah format tanggal yang ditampilkan pada blog saya?</a></li>
</ul>
</ol>
<ol style="color: #274e13; font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;">
<li><a href="http://www.google.com/support/blogger/bin/answer.py?answer=175250&hl=id#anchor_link_26">Apakah template posting itu?</a></li>
<li><a href="http://www.google.com/support/blogger/bin/answer.py?answer=175250&hl=id#anchor_link_27">Apakah yang disebut dengan backlink dan bagaimana cara menggunakannya?</a></li>
<li><a href="http://www.google.com/support/blogger/bin/answer.py?answer=175250&hl=id#anchor_link_28">Apa saja opsi verifikasi kata?</a></li>
<li><a href="http://www.google.com/support/blogger/bin/answer.py?answer=175250&hl=id#anchor_link_29">Dapatkah saya mengedit HTML dari tataletak blog?</a></li>
<li><a href="http://www.google.com/support/blogger/bin/answer.py?answer=175250&hl=id#anchor_link_30">Di manakah judul blog saya akan terlihat?</a></li>
<li><a href="http://www.google.com/support/blogger/bin/answer.py?answer=175250&hl=id#anchor_link_31">Apakah URL itu?</a></li>
<li><a href="http://www.google.com/support/blogger/bin/answer.py?answer=175250&hl=id#anchor_link_32">Apa tugas dari pengaturan "daftar"?</a></li>
<li><a href="http://www.google.com/support/blogger/bin/answer.py?answer=175250&hl=id#anchor_link_33">Apa tugas dari pengaturan penyandian?</a></li>
<li><a href="http://www.google.com/support/blogger/bin/answer.py?answer=175250&hl=id#anchor_link_34">Apakah Server FTP itu?</a></li>
<li><a href="http://www.google.com/support/blogger/bin/answer.py?answer=175250&hl=id#anchor_link_35">Apakah lintasan FTP itu?</a></li>
<li><a href="http://www.google.com/support/blogger/bin/answer.py?answer=175250&hl=id#anchor_link_36">Apakah perbedaan antara publikasi ulang indeks dan publikasi ulang keseluruhan blog?</a></li>
</span></ol>Noercholishttp://www.blogger.com/profile/05887258496135614730noreply@blogger.com0tag:blogger.com,1999:blog-1911581542595974685.post-65226328690027962172011-01-31T22:37:00.000+07:002011-02-18T14:52:31.320+07:00Apa yg dimaksud profesi Reseller?<div class="separator" style="clear: both; text-align: center;"><a href="http://lifina.com/" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhelm69G9nw-Tv1zePxpal__U3fmP6W3qHDt4_DeoJFXNLr_dcJU8_xTTRNudJWEtf30GAooxJPPoLQcc8QUO9nZa_Y9ARYTgPhiKIzH-cLprSCdq7hKZsBiHod9AgiqzCg65_8n0ODGAng/s1600/affiliate-icon.jpg" /></a></div><span class="fullpost">Reseller merupakan bagian dari program <a href="http://lifina.com/">affiliate</a>. Reseller berarti menjual kembali produk orang lain dengan persetujuan sang Pemilik Produk. Karena menjual produk orang lain, berarti kita akan mendapatkan reward jika penjualan terjadi atas jasa kita. Reward dari sang Pemilik Produk, biasanya berupa komisi bagi hasil dari nilai penjualan kita.<br /><br />Komisi bagi hasil yg diberikan pemilik produk biasanya berkisar 25% hingga 75%. Namun kebanyakan komisi yg berlaku adalah sekitar 50%. Semua itu tergantung pertimbangan dari sang Pemilik Produk, baik dari segi modalnya, manfaat yg diperoleh, maupun pertimbangan lain-lain. Misalnya produk <a href="http://www.rahasiawebsitepemula.com/?id=pemulasukses">ebook RWP</a> yang memberikan komisi 60% jika anda berhasil mendapatkan penjualan dari 1 pembeli.<br /><br />Metode penjualan Affiliate hampir mirip dengan cara bisnis di dunia offline. Misal, jika anda membantu mencari pembeli untuk menjualkan tanah seseorang, maka anda akan dikasih komisi oleh sang Pemilik Tanah jika penjualan terjadi atas jasa anda. Contoh lain adalah marketing property perumahan. Jika sang Marketer mampu menjual 1 unit rumah kepada seorang pembeli, maka Pihak perusahaan property akan memberikan komisi sekian persen kepada sang Marketer tadi.<br /><br />Namun jika disebut program reseller, itu berarti kita harus membeli dulu produk tsb untuk bisa menjual kembali. Misal kalo di dunia bisnis offline, kita menjadi agen pulsa HP dengan membeli sejumlah voucher untuk dijual ulang (meski tidak terlalu mirip, namun pengertiannya saja yg kita ambil).<br /><br />Berbeda dengan komisi produk bisnis offline, komisi produk bisnis online biasanya sangat besar, yaitu berkisar 25% hingga 75%. Kenapa demikian besar? Karena kebanyakan produk Reseller berupa produk informasi yang berbentuk digital (elektronik).<br /><br />Meski dijual dalam bentuk buku, namun pembuatan buku tersebut tidak memerlukan ongkos cetak yg berulang-ulang. Buku tersebut cukup dicetak sekali saja, lalu dapat dijual berulang-ulang. Setelah dijual berulang-ulang, keuntungan buku tersebut bisa mencapai 100%. Makanya wajar jika komisi<br />untuk para reseller diberikan dengan persentase yg besar. Ongkos kirim juga tidak diperlukan dalam penjualan buku tersebut. Karena pengiriman buku dari produsen ke konsumen cukup dilakukan melalui media elektronik. Dengan id dan password khusus, buku tersebut bisa sampai ke tangan pembeli dalam hitungan menit atau detik. Itulah sebabnya buku di dunia online dikenal dengan sebutan Ebook, artinya Electronic book.<br /><br />Terkadang ada fasilitas tambahan dari pemilik produk untuk pembelinya. Selain memberikan Ebook yg bisa didownload, disediakan juga CD yg berisi video tutorial dan berbagai program yg bisa mendukung kualitas produk yg dijual. Lebih lanjut, ada juga Produk Affiliate yg bukan berbentuk Ebook, melainkan berbentuk produk Riil seperti pakaian, sepatu, alat rumah tangga, peralatan komputer, Obat penurun berat badan, dll. Biasanya sistem affiliate produk riil ini kebanyakan berada di luar negeri. Dan komisi yg diberikan pun sekitar 5-20%, tidak sebesar produk Ebook.<br /><br />Menjadi reseller tidak se-ribet menjual produk sendiri. Menjadi reseller tidak perlu memikirkan bagaimana membuat produk, tidak perlu pusing melayani pelanggan (customer service), tidak perlu pusing membuat sistem website penjualan, dsb.Sebenarnya lebih simpel memulai profesi<a href="http://lifina.com/"> reseller/affiliate</a> dibanding menjual produk sendiri di internet. Ini adalah aturan umum yg sudah biasa kita dengar untuk menjual produk Affiliate : yaitu tugas Anda hanya mendatangkan pengunjung sebanyak-banyaknya ke website Pemilik Produk. Setelah pengunjung datang ke website pemilik produk, selanjutnya sistem website pemilik produk yg akan bekerja menghasilkan penjualan buat anda.<br /><br />Sebenarnya se-simpel itulah prinsip kerja penjualan bersistem <a href="http://lifina.com/">Affiliate</a>. Anda bisa menjual langsung dengan menggunakan Link url Reseller yg telah disediakan di member area. Jika Ada orang yg klik link url Anda dan kemudian orang tsb membeli produk <a href="http://www.rahasiawebsitepemula.com/?id=pemulasukses">RWP</a>, maka Anda akan dapat komisi. Masih banyak informasi yang akan anda dapat untuk menghasilkan uang..... </span>Noercholishttp://www.blogger.com/profile/05887258496135614730noreply@blogger.com0tag:blogger.com,1999:blog-1911581542595974685.post-55812271768811857242011-01-29T01:20:00.000+07:002011-02-18T14:52:31.371+07:00Cara buat Menu navigasi Drop-Down Horisontal<span id="goog_64166388"></span><span id="goog_64166389"></span><br /><div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" height="95" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFgUmEgEqW4KuxRr4fCkI60XITH9izZ2dH5FsT57KTAgfkFUyx7Ey-nQPAIE0_9c5pC-P4fzcFrbA_kEOWG2WCs4CVT_UUkm-gyo8x8hbjFI6NyOGoLSQYZcNND9G32egHZUzxUiwW_9Ab/s200/A+Great+CSS+Horizontal+Drop-Down+Menu.png" width="200" /></div><span class="fullpost">Menu navigasi berfungsi sangat penting untuk website atau blog. Selain memberikan daya tarik lebih pada website atau blog. Tapi sangat berguna untuk menavigasi atau memberi petunjuk pada pengunjung untuk memudahkan menelusuri dan melihat seluruh isi yang ada pada website atau blog anda. Ada beberapa bentuk menu navigasi, diantaranya vertikal dan horisontal. Dan keduanya mempunyai fungsi yang sama.<br />Kali ini saya menampilkan bermacam-macam koleksi menu navigasi Horisontal yang saya dapat dari Blogger Tips And Tricks. Dan anda bisa membuat dan memiliki menu-menu ini sesuai selera anda. Anda tinggal lihat demonya, baca artikel panduannya, dan coba untuk membuat.<br /><br />Langsung saja berikut koleksi menu navigasi Drop-Down Horisontal :</span><br /><br /><span class="fullpost"><b>1.</b> </span><span style="background-color: #ff7700; color: white; font-family: arial; font-size: 130%; font-weight: bold; padding: 3px 5px;">Advanced CSS Menu</span><span class="fullpost"> </span><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEzzYkyoNl-Ae5RI3aRdZDoT1kwSJT7KeaXvN8fj-6MZt7g7D-2GA_0hNdEL2MZfwChUxoUVsKNuUPmBeapT3ZUuDYJxOMtJ8WgPTPD2Fr827MJr_6j917yjIlcwwl8lFxKSf5xfRPQXPa/s1600/Advanced+CSS+Menu.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="85" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEzzYkyoNl-Ae5RI3aRdZDoT1kwSJT7KeaXvN8fj-6MZt7g7D-2GA_0hNdEL2MZfwChUxoUVsKNuUPmBeapT3ZUuDYJxOMtJ8WgPTPD2Fr827MJr_6j917yjIlcwwl8lFxKSf5xfRPQXPa/s320/Advanced+CSS+Menu.png" width="320" /></a></div>Demo : http://www.webdesignerwall.com/demo/advanced-css-menu/<br />Article : http://www.webdesignerwall.com/tutorials/advanced-css-menu/<br />Download : http://www.webdesignerwall.com/file/advanced-css-menu.zip<br /><br /><br /><b>2.</b><b> </b> <span style="background-color: #ff7700; color: white; font-family: arial; font-size: 130%; font-weight: bold; padding: 3px 5px;">Bulletproof CSS Sliding Doors</span><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTYA-5ynYAKkuDJdstYo4N191FS01MjSjtfFx-9SIsEcz966Qdq_fABCrC_Qx3it9MD47UPJU_MRVOCSvmnXTyh2HCWRdghbZAdePep0XKRVx-9IgadW0N_jwiacwkueYOqBOXSj9G-JEx/s1600/Bulletproof+CSS+Sliding+Doors.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="83" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTYA-5ynYAKkuDJdstYo4N191FS01MjSjtfFx-9SIsEcz966Qdq_fABCrC_Qx3it9MD47UPJU_MRVOCSvmnXTyh2HCWRdghbZAdePep0XKRVx-9IgadW0N_jwiacwkueYOqBOXSj9G-JEx/s320/Bulletproof+CSS+Sliding+Doors.png" width="320" /></a></div>Demo : http://azadcreative.com/files/Bulletproof.zip<br />Article : http://azadcreative.com/2009/03/bulletproof-css-sliding-doors/<br />Download : http://azadcreative.com/files/BulletproofSlidingDoors.psd.zip<br /><br /><br /><br /><b>3. </b><span style="background-color: #ff7700; color: white; font-family: arial; font-size: 130%; font-weight: bold; padding: 3px 5px;">Create a Slick Menu using CSS3</span><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTPG9RN7DQnPFpRbqPJoHS0FeIifDhzZG6H1tw4Y3Lvj7fdLzB_ZcjtkaMYzVzUGzXM8GNsZuF0Plfehg2WPr8EX5V56v6er84xIufG6PGIO3Y8Yais55jAR80NoGGP9O7AjiqJrzHtb8y/s1600/Create+a+Slick+Menu+using+CSS3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="34" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTPG9RN7DQnPFpRbqPJoHS0FeIifDhzZG6H1tw4Y3Lvj7fdLzB_ZcjtkaMYzVzUGzXM8GNsZuF0Plfehg2WPr8EX5V56v6er84xIufG6PGIO3Y8Yais55jAR80NoGGP9O7AjiqJrzHtb8y/s320/Create+a+Slick+Menu+using+CSS3.png" width="320" /></a></div><br />Demo : http://insicdesigns.com/demo/css3/exp2/index.html<br />Article : http://blog.insicdesigns.com/2010/02/create-a-slick-menu-using-css3/<br /><br /><br /><b>4.</b> <span style="background-color: #ff7700; color: white; font-family: arial; font-size: 130%; font-weight: bold; padding: 3px 5px;">How to Make a CSS Sprite Powered Menu</span><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidG0IMa5PpyQkpwrEWD0gJNCwuOIGNoiKO0gCoBD5mmZxck0rr6PzXMJ1hjTEepK7iVx7ru_FeAUIL1FONAcXCp8ywHtHwNO3_CQKtjmaTxR4HxqJInep22dczrSGkF3nOBKkfqzVhilra/s1600/How+to+Make+a+CSS+Sprite+Powered+Menu.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="119" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidG0IMa5PpyQkpwrEWD0gJNCwuOIGNoiKO0gCoBD5mmZxck0rr6PzXMJ1hjTEepK7iVx7ru_FeAUIL1FONAcXCp8ywHtHwNO3_CQKtjmaTxR4HxqJInep22dczrSGkF3nOBKkfqzVhilra/s320/How+to+Make+a+CSS+Sprite+Powered+Menu.png" width="320" /></a></div>Demo : http://s3.amazonaws.com/buildinternet/live-tutorials/css-sprite-menu/css-sprites-nav.html<br />Article : http://buildinternet.com/2010/01/how-to-make-a-css-sprite-powered-menu/<br />Download : http://s3.amazonaws.com/buildinternet/live-tutorials/css-sprite-menu/css-sprites-nav.zip<br /><br /><br /><b>5.</b> <span style="background-color: #ff7700; color: white; font-family: arial; font-size: 130%; font-weight: bold; padding: 3px 5px;">CSS Express Drop-Down Menus</span><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuuVs4laFZr5uMtQdDDox7uykdTqDvmcmklZ0MqJQok0LCYYIP3AQWWURDKdgZZNKuYJs0ukb_-0dClwzO7GddYV1YLp5NlCwgGm08KYtgFRS2E_TLJ2GmqEn9PIm4Uhm3XQEzGYK0yZzT/s1600/CSS+Express+Drop-Down+Menus.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="111" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuuVs4laFZr5uMtQdDDox7uykdTqDvmcmklZ0MqJQok0LCYYIP3AQWWURDKdgZZNKuYJs0ukb_-0dClwzO7GddYV1YLp5NlCwgGm08KYtgFRS2E_TLJ2GmqEn9PIm4Uhm3XQEzGYK0yZzT/s320/CSS+Express+Drop-Down+Menus.png" width="320" /></a></div>Demo : http://www.projectseven.com/tutorials/navigation/auto_hide/workpage.htm<br />Article : http://www.projectseven.com/tutorials/navigation/auto_hide/<br />Download : http://www.projectseven.com/tutorials/navigation/auto_hide/p7exp.zip<br /><br /><br /><b>6. </b><span style="background-color: #ff7700; color: white; font-family: arial; font-size: 130%; font-weight: bold; padding: 3px 5px;">CSS3-only horizontal drop line tab menu</span><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFLbuis-3YAxM6rInZYMKkcu-hMB6XUo699voZEu4LZxkhmp5Qaq4gw483V7d9XN2-0R_-Gr5fVpQGtTSealQDh_Ts92VzSo5Zs5NK1TRPFSImWHKmHByGqlwZnfbdgKFh4n9cfnnrnTSB/s1600/CSS3-only+horizontal+drop+line+tab+menu.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="57" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFLbuis-3YAxM6rInZYMKkcu-hMB6XUo699voZEu4LZxkhmp5Qaq4gw483V7d9XN2-0R_-Gr5fVpQGtTSealQDh_Ts92VzSo5Zs5NK1TRPFSImWHKmHByGqlwZnfbdgKFh4n9cfnnrnTSB/s320/CSS3-only+horizontal+drop+line+tab+menu.png" width="320" /></a></div>Demo : http://www.skyrocketlabs.com/categories/tutorials/css3-only-horizontal-dropline-tab-menu/demo/index.html<br />Article : http://www.skyrocketlabs.com/articles/css3-only-horizontal-dropline-tab-menu.php<br />Download : http://www.skyrocketlabs.com/categories/tutorials/css3-only-horizontal-dropline-tab-menu/css3-only-horizontal-dropline-tab-menu.zip<br /><br /><br /><b>7. </b><span style="background-color: #ff7700; color: white; font-family: arial; font-size: 130%; font-weight: bold; padding: 3px 5px;">Nicer Navigation with CSS Transitions</span><br /><span id="goog_64166386"></span><span id="goog_64166387"></span><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8TkM4-1c41cPbG9fr7zTH7X1dfp8jeppq8IKrlw7Z3Gmsg3HfAQSehOMCSssusi3xPsn-g7CrFgVhG5o34oMUx_OEll5keIpzjH562AcrQax4JEx-Mp-qCLwBSVeuHjjIx6hhNIUlCBaq/s1600/Nicer+Navigation+with+CSS+Transitions.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="136" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8TkM4-1c41cPbG9fr7zTH7X1dfp8jeppq8IKrlw7Z3Gmsg3HfAQSehOMCSssusi3xPsn-g7CrFgVhG5o34oMUx_OEll5keIpzjH562AcrQax4JEx-Mp-qCLwBSVeuHjjIx6hhNIUlCBaq/s320/Nicer+Navigation+with+CSS+Transitions.png" width="320" /></a></div>Demo : http://www.gethifi.com/blog/nicer-navigation-with-css-transitions<br />Article : http://www.gethifi.com/blog/nicer-navigation-with-css-transitions<br /><br /><br /><span id="goog_64166386"></span><span id="goog_64166387"></span><br /><b>8. </b><span style="background-color: #ff7700; color: white; font-family: arial; font-size: 130%; font-weight: bold; padding: 3px 5px;">Pure CSS Horizontal Menu</span><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDEjRxVorAUNhsrzA0-pibWGZ9FzKdVqiGIp8XGcDNurik5r-qb4JGVibQWP5_Mpkobj5M5vywuiWsY_lhEwkEcDofVwdn5bZFm48rjJzIZtK5bUNjC5wjqX4y-_dpkpkOSu1eI_de7jS4/s1600/Pure+CSS+Horizontal+Menu.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="102" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDEjRxVorAUNhsrzA0-pibWGZ9FzKdVqiGIp8XGcDNurik5r-qb4JGVibQWP5_Mpkobj5M5vywuiWsY_lhEwkEcDofVwdn5bZFm48rjJzIZtK5bUNjC5wjqX4y-_dpkpkOSu1eI_de7jS4/s320/Pure+CSS+Horizontal+Menu.png" width="320" /></a></div>Demo : http://devinrolsen.com/wp-content/themes/typebased/demos/css/css-horizontal-menu/WORKS.php<br />Article : http://www.devinrolsen.com/pure-css-horizontal-menu/<br /><br /><br /><b>9. </b><span style="background-color: #ff7700; color: white; font-family: arial; font-size: 130%; font-weight: bold; padding: 3px 5px;">DropDown CSS Menu</span><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiB9c91Mp_2vVecbk20U21zLws_lUCcH__050Ql9c9hakaY9F1ff580O3plHj-1ebLPLrTGh6B161o9rnqUYJZDx5DItd6U9Z4BVgLIWNQZ-XAgTEND_4VsVx9KLXgrVXtEuIfk3q9hv49/s1600/DropDown+CSS+Menu.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="94" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiB9c91Mp_2vVecbk20U21zLws_lUCcH__050Ql9c9hakaY9F1ff580O3plHj-1ebLPLrTGh6B161o9rnqUYJZDx5DItd6U9Z4BVgLIWNQZ-XAgTEND_4VsVx9KLXgrVXtEuIfk3q9hv49/s320/DropDown+CSS+Menu.png" width="320" /></a></div>Demo : http://divitodesign.com/dd-articles/horizontal-css-menu/index.html<br />Article : http://divitodesign.com/css/how-to-dropdown-css-menu/<br />Download : http://www.divitodesign.com/dd-articles/horizontal-css-menu/horizontal-css-menu.rar<br /><br /><br /><b>10. </b><span style="background-color: #ff7700; color: white; font-family: arial; font-size: 130%; font-weight: bold; padding: 3px 5px;">Pure CSS Menu With Infinite Sub Menus Tutorial</span><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUiW2ieyAxFUKSHc2L32X809dChX91k6IPp2I-T8Z1o34I05Qk8tUSmKCqnmTqC4es-JIDGyV18fwc8Bz9RPT3v_HLEXmRYqJycqSl0QEhxL-ZPj1uzWjB67tmTSP4Mb1zmXN-OFoix1Z4/s1600/Pure+CSS+Menu+With+Infinite+Sub+Menus+Tutorial.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="109" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUiW2ieyAxFUKSHc2L32X809dChX91k6IPp2I-T8Z1o34I05Qk8tUSmKCqnmTqC4es-JIDGyV18fwc8Bz9RPT3v_HLEXmRYqJycqSl0QEhxL-ZPj1uzWjB67tmTSP4Mb1zmXN-OFoix1Z4/s320/Pure+CSS+Menu+With+Infinite+Sub+Menus+Tutorial.png" width="320" /></a></div>Demo : http://www.devinrolsen.com/wp-content/themes/typebased/demos/css/infinite-sub-menu/<br />Article : http://www.devinrolsen.com/pure-css-menu-with-infinite-sub-menus-tutorial/<br /><br /><br /><b>11. </b><span style="background-color: #ff7700; color: white; font-family: arial; font-size: 130%; font-weight: bold; padding: 3px 5px;">CSS3 Dropdown Menu</span><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1OXIaIjTK4mp1g2XuxRfOmK69Sp9kYSvgmkdcaJb9IPh36SlNB02W2le93yTYbhw2cB5FCZoGcF-ITSpeAsSFw8ks2WS27-ZdPhyphenhyphenxy5VMzv0HXC8RzeJu0aX3yeAbSnqZupjF8BCn0t-a/s1600/CSS3+Dropdown+Menu.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="64" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1OXIaIjTK4mp1g2XuxRfOmK69Sp9kYSvgmkdcaJb9IPh36SlNB02W2le93yTYbhw2cB5FCZoGcF-ITSpeAsSFw8ks2WS27-ZdPhyphenhyphenxy5VMzv0HXC8RzeJu0aX3yeAbSnqZupjF8BCn0t-a/s320/CSS3+Dropdown+Menu.png" width="320" /></a></div>Demo : http://www.webdesignerwall.com/demo/css3-dropdown-menu/<br />Article : http://www.webdesignerwall.com/tutorials/css3-dropdown-menu/<br /><br /><br /><b>12. </b><span style="background-color: #ff7700; color: white; font-family: arial; font-size: 130%; font-weight: bold; padding: 3px 5px;">Elegant Drop Menu with CSS Only</span><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjS-DnxIcRuiNS5lYn2PH1yHcVAfccANKDM-YkepjGCMjIs5MgQfqc9qcV7faTt-eiYSLJqmdDUwfOvWitVoljPo7g_VCpiMhsM969xnMmy2ERORPC4mR4uby_yf8V0PECrbwp0jT5AD7N/s1600/Elegant+Drop+Menu+with+CSS+Only.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="102" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjS-DnxIcRuiNS5lYn2PH1yHcVAfccANKDM-YkepjGCMjIs5MgQfqc9qcV7faTt-eiYSLJqmdDUwfOvWitVoljPo7g_VCpiMhsM969xnMmy2ERORPC4mR4uby_yf8V0PECrbwp0jT5AD7N/s320/Elegant+Drop+Menu+with+CSS+Only.png" width="320" /></a></div>Demo : http://aext.net/example/elegant-menu-with-css-only/<br />Article : http://aext.net/2009/09/elegant-drop-menu-with-css-only/<br />Download : http://www.box.net/shared/paoqo8y1lt<br /><br /><br /><b>13. </b><span style="background-color: #ff7700; color: white; font-family: arial; font-size: 130%; font-weight: bold; padding: 3px 5px;">CSS dropdown menu without javascripting or hacks</span><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnfcKuR6glNjNkSy3IWDgGXJ2HzLDnW5-8wynkgbIs0sGtQYFl_z7M9mxgfbtajB8s-9NDbtj49glIjKPV4dprE4yqWt5NKvKK_ZY1UvS_UIHxNLaZphyphenhypheniwRn8auGGzaU5dre0dSqzBmyu/s1600/CSS+dropdown+menu+without+javascripting+or+hacks.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="108" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnfcKuR6glNjNkSy3IWDgGXJ2HzLDnW5-8wynkgbIs0sGtQYFl_z7M9mxgfbtajB8s-9NDbtj49glIjKPV4dprE4yqWt5NKvKK_ZY1UvS_UIHxNLaZphyphenhypheniwRn8auGGzaU5dre0dSqzBmyu/s320/CSS+dropdown+menu+without+javascripting+or+hacks.png" width="320" /></a></div>Demo : http://www.texaswebdevelopers.com/blog/examples/ddmenu2.asp<br />Article : http://www.texaswebdevelopers.com/blog/template_permalink.asp?id=129<br /><br /><br /><b>14. </b><span style="background-color: #ff7700; color: white; font-family: arial; font-size: 130%; font-weight: bold; padding: 3px 5px;">Create Vimeo-like top navigation</span><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRiPFa6C7nT3iSvyeTwA8UAwZ_MPKjhwYIxon0EmCmRjCltztX6-bl94b2ptHpozdmaZF0OLJBxY-ME7VoTk-Cx4dQZllJKB_3nyIyZiIeafzWkY0F9WhyphenhyphenN5VQUEFBjqd_3oJ0gbiqMJ8P/s1600/Create+Vimeo-like+top+navigation.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="172" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRiPFa6C7nT3iSvyeTwA8UAwZ_MPKjhwYIxon0EmCmRjCltztX6-bl94b2ptHpozdmaZF0OLJBxY-ME7VoTk-Cx4dQZllJKB_3nyIyZiIeafzWkY0F9WhyphenhyphenN5VQUEFBjqd_3oJ0gbiqMJ8P/s320/Create+Vimeo-like+top+navigation.png" width="320" /></a></div>Demo : http://www.jankoatwarpspeed.com/examples/vimeo_navigation/<br />Article : http://www.jankoatwarpspeed.com/post/2009/01/19/Create-Vimeo-like-top-navigation.aspx<br />Download : http://www.jankoatwarpspeed.com/file.axd?file=2009%2f1%2fvimeo_navigation.zip<br /><br /><br /><b> 15. </b><span style="background-color: #ff7700; color: white; font-family: arial; font-size: 130%; font-weight: bold; padding: 3px 5px;">ADxMenu</span><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1jlNHNVZBzAxnDtxr-l8PDD1E5FRDhDFaNdR6FuNaww9PGHdpxyUH-OlKmr9HMN-z-08pLGYd8UMSRLFdjnI8yHhjumtjdv_xWNs8FaqaLTi5kR43pZL1WSVAg3Z1AqkZ953RRoZMkDPP/s1600/ADxMenu.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="145" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1jlNHNVZBzAxnDtxr-l8PDD1E5FRDhDFaNdR6FuNaww9PGHdpxyUH-OlKmr9HMN-z-08pLGYd8UMSRLFdjnI8yHhjumtjdv_xWNs8FaqaLTi5kR43pZL1WSVAg3Z1AqkZ953RRoZMkDPP/s320/ADxMenu.png" width="320" /></a></div><br />Demo : http://aplus.rs/adxmenu/examples/htb/<br />Article : http://aplus.rs/adxmenu/<br />Download : http://aplus.rs/adxmenu/adxmenu-v4.zip<br /><br /><br /><b>16. </b><span style="background-color: #ff7700; color: white; font-family: arial; font-size: 130%; font-weight: bold; padding: 3px 5px;">A Great CSS Horizontal Drop-Down Menu</span><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFgUmEgEqW4KuxRr4fCkI60XITH9izZ2dH5FsT57KTAgfkFUyx7Ey-nQPAIE0_9c5pC-P4fzcFrbA_kEOWG2WCs4CVT_UUkm-gyo8x8hbjFI6NyOGoLSQYZcNND9G32egHZUzxUiwW_9Ab/s1600/A+Great+CSS+Horizontal+Drop-Down+Menu.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="152" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFgUmEgEqW4KuxRr4fCkI60XITH9izZ2dH5FsT57KTAgfkFUyx7Ey-nQPAIE0_9c5pC-P4fzcFrbA_kEOWG2WCs4CVT_UUkm-gyo8x8hbjFI6NyOGoLSQYZcNND9G32egHZUzxUiwW_9Ab/s320/A+Great+CSS+Horizontal+Drop-Down+Menu.png" width="320" /></a></div>Demo : http://sperling.com/examples/menuh/<br />Article : http://sperling.com/examples/menuh/<br />Download : http://sperling.com/examples/menuh/menuh.css<br /><br /><br /><b>17.</b> <span style="background-color: #ff7700; color: white; font-family: arial; font-size: 130%; font-weight: bold; padding: 3px 5px;">CSS menus</span><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6EBfK6EAJdzZu7bsCUtb22Hy4itywl-yhxjs5U0H-ffS8PmOiqzxa4C-pHlh1yj7NpJJLc8NhLQPeDNNJXKwOdBr6PZDf6gjjfiy5JsFq9-w6p5iRxOeRUeY2lO0dYQbmR3c-khGWg68o/s1600/CSS+menus.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="165" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6EBfK6EAJdzZu7bsCUtb22Hy4itywl-yhxjs5U0H-ffS8PmOiqzxa4C-pHlh1yj7NpJJLc8NhLQPeDNNJXKwOdBr6PZDf6gjjfiy5JsFq9-w6p5iRxOeRUeY2lO0dYQbmR3c-khGWg68o/s320/CSS+menus.png" width="320" /></a></div> Demo : http://www.howtocreate.co.uk/tutorials/testMenu.html<br />Article : http://www.howtocreate.co.uk/tutorials/testMenu.html<br /><br /><br /><b>18. </b><span style="background-color: #ff7700; color: white; font-family: arial; font-size: 130%; font-weight: bold; padding: 3px 5px;">Pure CSS Fish Eye Menu</span><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZB77BNkIfhChcbftdq8L0eWFdF7bZmfaOp479UmuYwYT1TDx2Ii6q9PBjE80kAH-PUWkDInFoHr1Upc8gmD32sB_uJevwNS7FsusR2ar5ZxJeQfaRvMt8ib35gVFJJSy_XtSdYwlIJZGS/s1600/Pure+CSS+Fish+Eye+Menu.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZB77BNkIfhChcbftdq8L0eWFdF7bZmfaOp479UmuYwYT1TDx2Ii6q9PBjE80kAH-PUWkDInFoHr1Upc8gmD32sB_uJevwNS7FsusR2ar5ZxJeQfaRvMt8ib35gVFJJSy_XtSdYwlIJZGS/s320/Pure+CSS+Fish+Eye+Menu.png" width="320" /></a></div>Demo : http://www.jampmark.com/html+css-techniques-demos/pure-css-fish-eye-menu-demo.html#expandDown<br />Article : http://www.jampmark.com/html+css-techniques/pure-css-fish-eye-menu.html<br />Download : http://www.jampmark.com/downloads/javascript-html-css-codes/pure-css-fish-eye-menu.html<br /><br /><br /><b>19. </b><span style="background-color: #ff7700; color: white; font-family: arial; font-size: 130%; font-weight: bold; padding: 3px 5px;">A centered menu with gradient and two pointers</span><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3xJFEwjrzXeu9dXmpq9IaFCs9TKRfmGorSQC96ljAXaczvg8GX0Cqu8Wk6QPuPUJ6Qh8BNtciVcbV3Au6r93RTvrtwRJwepr_FNaL4Mq1SdchUXwjL35awwuB7sKUcIZky6CbbZQd2E8b/s1600/A+centered+menu+with+gradient+and+two+pointers.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="45" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3xJFEwjrzXeu9dXmpq9IaFCs9TKRfmGorSQC96ljAXaczvg8GX0Cqu8Wk6QPuPUJ6Qh8BNtciVcbV3Au6r93RTvrtwRJwepr_FNaL4Mq1SdchUXwjL35awwuB7sKUcIZky6CbbZQd2E8b/s320/A+centered+menu+with+gradient+and+two+pointers.png" width="320" /></a></div>Demo : http://www.cssplay.co.uk/menus/two_points.html<br />Article : http://www.cssplay.co.uk/menus/two_points.html<br /><br /><br /><div class="separator" style="clear: both; text-align: center;"></div><b>20. </b><span style="background-color: #ff7700; color: white; font-family: arial; font-size: 130%; font-weight: bold; padding: 3px 5px;">Create an Advanced CSS3 Menu</span><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmVfmWDCi2LlrZ3Av__cWCXDy4DmmGpupd-0a9FEMGVFUTLfyQ0LFJSfSj0mR3nx392mqKYG8asNssS0HvNskgEW4CzB0kPbb7vOsWUrXPj7uKEj63zkoJ-Hanc1K9OSgD2FEaehalQLTl/s1600/Create+an+Advanced+CSS3+Menu.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="99" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmVfmWDCi2LlrZ3Av__cWCXDy4DmmGpupd-0a9FEMGVFUTLfyQ0LFJSfSj0mR3nx392mqKYG8asNssS0HvNskgEW4CzB0kPbb7vOsWUrXPj7uKEj63zkoJ-Hanc1K9OSgD2FEaehalQLTl/s320/Create+an+Advanced+CSS3+Menu.png" width="320" /></a></div>Demo : http://blog.cameronbaney.com/tutorials/cbdb-menu/demo.html<br />Article : http://blog.cameronbaney.com/tutorials/advanced-css3-menu/<br />Download : http://blog.cameronbaney.com/tutorials/cbdb-menu/cbdb-menu.zip<br /><br /><br /><b>21. </b><span style="background-color: #ff7700; color: white; font-family: arial; font-size: 130%; font-weight: bold; padding: 3px 5px;">Solid Block Menu</span><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIMc4YNq-FI_GAS1fyLPen83dbPIsPVRsXeAz_IxjZefQ3M9D-Zs-s_9txCrOEIztNAK9YCtGGH2LEr0x67dVMi225lijWXJFq7zkDCUXXs_qXfPYf2EJC4F5At4-uSmfKFyOH1iWDTZhV/s1600/Solid+Block+Menu.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="29" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIMc4YNq-FI_GAS1fyLPen83dbPIsPVRsXeAz_IxjZefQ3M9D-Zs-s_9txCrOEIztNAK9YCtGGH2LEr0x67dVMi225lijWXJFq7zkDCUXXs_qXfPYf2EJC4F5At4-uSmfKFyOH1iWDTZhV/s320/Solid+Block+Menu.png" width="320" /></a></div><br />Demo : http://www.dynamicdrive.com/style/csslibrary/item/solid_block_menu/<br />Article : http://www.dynamicdrive.com/style/csslibrary/item/solid_block_menu/<br />Download : http://www.dynamicdrive.com/cssexamples/media/blockdefault.gif<br />http://www.dynamicdrive.com/cssexamples/media/blockactive.gif<br /><br /><br /><b>22. </b><span style="background-color: #ff7700; color: white; font-family: arial; font-size: 130%; font-weight: bold; padding: 3px 5px;">Sleek Pointer Menu</span><br /><br /><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDolwhXmADbXnkOxoAmDAuGbpV9jmxWNl0Zq70m_988B6Q54zgq9NVd8o2WePgkh84j4SY4d7AtgWUEMYadnLjUIlLvlRLHxQ8il5zkgLFMsYEcNy0zHj0SHBs7iUpz4KCwZ1dymvo5bGN/s1600/Sleek+Pointer+Menu.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="28" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDolwhXmADbXnkOxoAmDAuGbpV9jmxWNl0Zq70m_988B6Q54zgq9NVd8o2WePgkh84j4SY4d7AtgWUEMYadnLjUIlLvlRLHxQ8il5zkgLFMsYEcNy0zHj0SHBs7iUpz4KCwZ1dymvo5bGN/s320/Sleek+Pointer+Menu.png" width="320" /></a></div>Demo : http://www.dynamicdrive.com/style/csslibrary/item/sleek-pointer-menu/<br />Article : http://www.dynamicdrive.com/style/csslibrary/item/sleek-pointer-menu/<br />Download : http://www.dynamicdrive.com/cssexamples/media/rightround.gif<br />http://www.dynamicdrive.com/cssexamples/media/pointer.gif<br /><br /><br /><b>23. </b><span style="background-color: #ff7700; color: white; font-family: arial; font-size: 130%; font-weight: bold; padding: 3px 5px;">Sleek Pointer Menu 2</span><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGvkJzsCV5cbGcdo08Uj8dnwC5p94hqhmLdtE5EALBGxHQy-7n8c5VFRkrJRLVhDfh8J49P-s71yzjaSqFbb7_La0r6SReLaC7FYOTfBJdbMp6bIOac1EQRyHgKSpwIz8QZk4jYCu5aTxV/s1600/Sleek+Pointer+Menu+2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="37" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGvkJzsCV5cbGcdo08Uj8dnwC5p94hqhmLdtE5EALBGxHQy-7n8c5VFRkrJRLVhDfh8J49P-s71yzjaSqFbb7_La0r6SReLaC7FYOTfBJdbMp6bIOac1EQRyHgKSpwIz8QZk4jYCu5aTxV/s320/Sleek+Pointer+Menu+2.png" width="320" /></a></div>Demo : http://www.dynamicdrive.com/style/csslibrary/item/sleek-pointer-menu-2/<br />Article : http://www.dynamicdrive.com/style/csslibrary/item/sleek-pointer-menu-2/<br />Download : http://www.dynamicdrive.com/cssexamples/media/rightround2.gif<br />http://www.dynamicdrive.com/cssexamples/media/pointer.gif<br /><br /><br /><b>24. </b><span style="background-color: #ff7700; color: white; font-family: arial; font-size: 130%; font-weight: bold; padding: 3px 5px;">How to Create a CSS Menu Using Image Sprites</span><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA-USYuihnZHam7Dt8w6AbM4KN09JWAP4hrmZZ0PCViQvtdcm-Tx9H0ikNxzraSp41PhXtZD9aoDKHCLpsqY1m86oGlgqYlsbuAGoQOQ2kICJePUv0BiJRsYqxBlRBTrabI7cgKYFg52vm/s1600/How+to+Create+a+CSS+Menu+Using+Image+Sprites.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA-USYuihnZHam7Dt8w6AbM4KN09JWAP4hrmZZ0PCViQvtdcm-Tx9H0ikNxzraSp41PhXtZD9aoDKHCLpsqY1m86oGlgqYlsbuAGoQOQ2kICJePUv0BiJRsYqxBlRBTrabI7cgKYFg52vm/s1600/How+to+Create+a+CSS+Menu+Using+Image+Sprites.png" /></a></div><br />Demo : http://line25.com/wp-content/uploads/2009/css-menu/demo/demo.html<br />Article : http://line25.com/tutorials/how-to-create-a-css-menu-using-image-sprites<br />Download : http://line25.com/wp-content/uploads/2009/css-menu/demo/awesome-menu.zip<br /><br /><br /><b>25. </b><span style="background-color: #ff7700; color: white; font-family: arial; font-size: 130%; font-weight: bold; padding: 3px 5px;">CSS Sprite Navigation Tutorial</span><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoHgaflL4djwZloPIlfLYVI0ieJH5PdiqVQe2pNil9FEFWGbMumKsbLitysF16VpCqAtDTiwA74YVPmI-dD7FlMYHzSxpZOkFx1xwObSXeWJB09rPjhGxrnvnZjP9kp7-DHP5RQ0CZEp6p/s1600/CSS+Sprite+Navigation+Tutorial.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="36" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoHgaflL4djwZloPIlfLYVI0ieJH5PdiqVQe2pNil9FEFWGbMumKsbLitysF16VpCqAtDTiwA74YVPmI-dD7FlMYHzSxpZOkFx1xwObSXeWJB09rPjhGxrnvnZjP9kp7-DHP5RQ0CZEp6p/s320/CSS+Sprite+Navigation+Tutorial.png" width="320" /></a></div>Demo : http://www.ehousestudio.com/assets/downloads/sprite/<br />Article : http://www.ehousestudio.com/blog/view/css_sprite_navigation_tutorial<br />Download : http://www.ehousestudio.com/assets/downloads/sprite.zip<br /><br /><b>26. </b><span style="background-color: #ff7700; color: white; font-family: arial; font-size: 130%; font-weight: bold; padding: 3px 5px;">CSS Overlapping Tabs Menu</span><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghMIUCt_dv3BwijFQ7_S8pur3c03UcWCfgCQFf3Q53knHomQ6KXuF7UjB8lLNqiZne9VlnQRQSpxWDfKszOBGx-ZwA9LkhHpQyuj7MibcR3-TjzohTSONcS-W3I7I6rT9zh82vZIVpGedQ/s1600/CSS+Overlapping+Tabs+Menu.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="39" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghMIUCt_dv3BwijFQ7_S8pur3c03UcWCfgCQFf3Q53knHomQ6KXuF7UjB8lLNqiZne9VlnQRQSpxWDfKszOBGx-ZwA9LkhHpQyuj7MibcR3-TjzohTSONcS-W3I7I6rT9zh82vZIVpGedQ/s320/CSS+Overlapping+Tabs+Menu.png" width="320" /></a></div>Demo : http://www.tutorialsphere.com/homemade/uploads/2009/02/css-overlapping-tabs-menu.html<br />Article : http://www.tutorialsphere.com/homemade/2009/02/18/css-overlapping-tabs-menu<br />Download : http://www.tutorialsphere.com/homemade/uploads/2009/02/tabs.gif<br /><br /><br /><b>27. </b><span style="background-color: #ff7700; color: white; font-family: arial; font-size: 130%; font-weight: bold; padding: 3px 5px;">CSS Navigation Menus</span><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzCmeNRDGH7V0kTF9Iy7kU9zxivJuD4q0V67rmCPF7fvDLc0jcKNzk1-86euB1dgD2o7JRDzBwyL-94-Y6Hc9UTkjz9d7e1eCxOPWU1kEU-SRNW1JmXYpMWI-hCJ1RmryRVQfCYddUnohh/s1600/CSS+Navigation+Menus.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="35" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzCmeNRDGH7V0kTF9Iy7kU9zxivJuD4q0V67rmCPF7fvDLc0jcKNzk1-86euB1dgD2o7JRDzBwyL-94-Y6Hc9UTkjz9d7e1eCxOPWU1kEU-SRNW1JmXYpMWI-hCJ1RmryRVQfCYddUnohh/s320/CSS+Navigation+Menus.png" width="320" /></a></div>Article : http://www.jacorre.com/design/cssnavmenus.htm<br /><br /><b>28.</b><br /><span style="background-color: #ff7700; color: white; font-family: arial; font-size: 130%; font-weight: bold; padding: 3px 5px;">CSS3 Chunky Menu</span><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpJZf38eJdfC7BmCVj8lkpxewh6EjYotzWMF78fb8Wgcif_44GnepgnEjpBjZzfQ84VWdpt6iLpk_BEN3vbeGLVbuHXWx-eFJHOf10V3zzzeNXVE5erk1dB6E701HNkBPh4vqC65_nqB7j/s1600/CSS3+Chunky+Menu.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="55" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpJZf38eJdfC7BmCVj8lkpxewh6EjYotzWMF78fb8Wgcif_44GnepgnEjpBjZzfQ84VWdpt6iLpk_BEN3vbeGLVbuHXWx-eFJHOf10V3zzzeNXVE5erk1dB6E701HNkBPh4vqC65_nqB7j/s320/CSS3+Chunky+Menu.png" width="320" /></a></div>Demo : http://zubeta.com/demo-menu.html<br />Article : http://zubeta.com/css3-menu-demo.html<br /><br /><br /><b>29. </b><span style="background-color: #ff7700; color: white; font-family: arial; font-size: 130%; font-weight: bold; padding: 3px 5px;">Creating a glassy non div navigation bar</span><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitDtgWb7g5q82D9c1ls2pmJ8rxaD6WsG2KdHr-mvhPyKowMNo6XGwusvrH_OPY8Nl5zkTHrSz_rZhkbtAdYpbXsEvhwXxs1U00UiF9TSCrGvp6As_zJE8jvdYt8Xw0dG-Vcf-7GxJnpMVk/s1600/Creating+a+glassy+non+div+navigation+bar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="44" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitDtgWb7g5q82D9c1ls2pmJ8rxaD6WsG2KdHr-mvhPyKowMNo6XGwusvrH_OPY8Nl5zkTHrSz_rZhkbtAdYpbXsEvhwXxs1U00UiF9TSCrGvp6As_zJE8jvdYt8Xw0dG-Vcf-7GxJnpMVk/s320/Creating+a+glassy+non+div+navigation+bar.png" width="320" /></a></div>Demo : http://www.james-blogs.com/wp-content/tutorials/glassy-nav-tabs/<br />Article : http://www.james-blogs.com/2009/01/07/creating-a-glassy-non-div-navigation-bar/<br />Download : http://www.james-blogs.com/wp-content/tutorials/glassy-nav-tabs/nav-tab-bg.png<br /><br /><br /><b>30. </b><span style="background-color: #ff7700; color: white; font-family: arial; font-size: 130%; font-weight: bold; padding: 3px 5px;">Centered Tabs with CSS</span><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheHnKZ9pj2W7i6kYHCLTYpS2vyl_mlRKB-krtk4T5hc6f7fJEo_aRLvbt6Kr7hpfMZRhCJdQ9VDVCcpmQfvcqa1Z5UhVXP6xZyYOWUQoV19g0D7y0RTW3tNp6E8ufr6oGw_DBfjEFN7UX_/s1600/Centered+Tabs+with+CSS.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="46" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheHnKZ9pj2W7i6kYHCLTYpS2vyl_mlRKB-krtk4T5hc6f7fJEo_aRLvbt6Kr7hpfMZRhCJdQ9VDVCcpmQfvcqa1Z5UhVXP6xZyYOWUQoV19g0D7y0RTW3tNp6E8ufr6oGw_DBfjEFN7UX_/s320/Centered+Tabs+with+CSS.png" width="320" /></a></div>Demo : http://24ways.org/examples/centered-tabs-with-css/final.html<br />Article : http://24ways.org/2005/centered-tabs-with-css<br /><br /><br /><b>31. </b><span style="background-color: #ff7700; color: white; font-family: arial; font-size: 130%; font-weight: bold; padding: 3px 5px;">Apple’s Navigation bar using only CSS</span><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6BjRsfKMDreajYfrfN0Dw_jMP7Y7WyYQxxzs2GfIje_0YCGkXJRGyhfrRFoSPCx_sBkSH4xser0PQt8UVhwm-4-oChjCeA8deaZZ48AsdhosbjNa6PwAEtivpJH2Fc5cSMeHacujLs0Mr/s1600/Apple%25E2%2580%2599s+Navigation+bar+using+only+CSS.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6BjRsfKMDreajYfrfN0Dw_jMP7Y7WyYQxxzs2GfIje_0YCGkXJRGyhfrRFoSPCx_sBkSH4xser0PQt8UVhwm-4-oChjCeA8deaZZ48AsdhosbjNa6PwAEtivpJH2Fc5cSMeHacujLs0Mr/s320/Apple%25E2%2580%2599s+Navigation+bar+using+only+CSS.png" width="320" /></a></div>Demo : http://westciv.com/style_master/blog/apples-navigation-bar-using-only-css<br />Article : http://westciv.com/style_master/blog/apples-navigation-bar-using-only-css<br /><br /><br /><b>32. </b><span style="background-color: #ff7700; color: white; font-family: arial; font-size: 130%; font-weight: bold; padding: 3px 5px;">Animated horizontal tabs</span><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTlFjFIJ3VHnrb3mgNqmkLSlRCzom-_1E81T0vlI-ult9LblpJZCk1OLOKB2hNhM_dySdtDxjIc-sS6oS_Ff_OfOesWV_PKvLKvsOKXi_OUIt0H-8G9ybFawMEBS2h089M1J0agicF_s0V/s1600/Animated+horizontal+tabs.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="42" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTlFjFIJ3VHnrb3mgNqmkLSlRCzom-_1E81T0vlI-ult9LblpJZCk1OLOKB2hNhM_dySdtDxjIc-sS6oS_Ff_OfOesWV_PKvLKvsOKXi_OUIt0H-8G9ybFawMEBS2h089M1J0agicF_s0V/s320/Animated+horizontal+tabs.png" width="320" /></a></div>Demo : http://www.dynamicdrive.com/style/csslibrary/item/animated_horizontal_tabs/<br />Article : http://www.dynamicdrive.com/style/csslibrary/item/animated_horizontal_tabs/<br />Download : http://www.dynamicdrive.com/cssexamples/media/tab-blue-right.gif<br />http://www.dynamicdrive.com/cssexamples/media/tab-blue-left.gif<br /><br /><br /><b>33. </b><span style="background-color: #ff7700; color: white; font-family: arial; font-size: 130%; font-weight: bold; padding: 3px 5px;">A Horizontal Button Menu - The Easy Way</span><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxF0LvCRwhH1hyphenhyphenIVR7aVey7yz9MnoqOxcKaay5RkMRp2Pd1CfXuCw1xUmVCDm_ro1ODJlc9KDLpkPYDOOHP8rOCOt6YfehUHS9y-ff8z1u2IWNjsKZAcipDGTL5guaxXhD8QLU0-MjBMpG/s1600/A+HORIZONTAL+BUTTON+MENU+-+THE+EASY+WAY.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="21" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxF0LvCRwhH1hyphenhyphenIVR7aVey7yz9MnoqOxcKaay5RkMRp2Pd1CfXuCw1xUmVCDm_ro1ODJlc9KDLpkPYDOOHP8rOCOt6YfehUHS9y-ff8z1u2IWNjsKZAcipDGTL5guaxXhD8QLU0-MjBMpG/s320/A+HORIZONTAL+BUTTON+MENU+-+THE+EASY+WAY.png" width="320" /></a></div>Demo : http://www.cssplay.co.uk/menus/listnine.html<br />Article : http://www.cssplay.co.uk/menus/tutorial.html<br /><br /><br />Naah.... banyak kan...?<br />sekarang Selamat Mencoba...<br />Semoga bermanfaat.<br /><br />Mohon luangkan waktu anda untuk meninggalkan komentar anda ya..... Terima kasih.Noercholishttp://www.blogger.com/profile/05887258496135614730noreply@blogger.com0tag:blogger.com,1999:blog-1911581542595974685.post-6738870410173011962011-01-27T11:12:00.000+07:002011-02-18T14:52:31.396+07:00Membuat Label Animasi "blogumulus"<div style="text-align: justify;"><div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><a href="http://htmlnoer.blogspot.com/2011/01/membuat-label-animasi-blogumulus.html"><img border="0" height="115" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9A9v_QeoY6NXQjuo9bjT3ylVoR8SUeAKvn9vxxFogfXMz2LIjBZIm-OGw20HNpnUUdoJPNviEP59X9obOaNm6-k43gpDf3x_Qtap6SNSZmtghCUivf69noGDMY9lQGr5x5QubC4oQMCJY/s200/How+To+Add+Flash+Animated+Label+Cloud+Widget+For+Blogger+%257E+Blogger+Tips+And+Tricks-Latest+Tips+For+Bloggers_1296100863532.png" width="200" /></a></div><span class="fullpost"><a href="http://htmlnoer.blogspot.com/2011/01/membuat-label-animasi-blogumulus.html">Blogumulus</a> adalah sebuah label tag cloud berbentuk animasi atau label flash. </span><span class="fullpost"><a href="http://htmlnoer.blogspot.com/2011/01/membuat-label-animasi-blogumulus.html">Blogumulus</a> bentuknya lebih unik karena teks </span><span class="fullpost">label tag cloud ini bisa bergerak memutar seperti globe bila mouse kita arahkan ke area <a href="http://htmlnoer.blogspot.com/2011/01/membuat-label-animasi-blogumulus.html">Blogumulus</a>.</span><br /><span class="fullpost"><a href="http://htmlnoer.blogspot.com/2011/01/membuat-label-animasi-blogumulus.html">Blogumulus</a> </span><span class="fullpost"> awalnya bernama Tag-Cumulus yang diciptakan oleh Roy Tanck untuk pengguna Wordpress. Dan berkat kreatifitas Amanda Fazani sebagai pengguna blogger, Tag-Cumulus sekarang dikenal dengan nama <a href="http://htmlnoer.blogspot.com/2011/01/membuat-label-animasi-blogumulus.html">Blogumulus</a> yang bisa dipakai di blogger. Maka kita bisa memasang widget tersebut di blog kita. Saran saya bila anda sudah membuat Tag Claud pada blog anda, sebaiknya anda hapus terlebih dahulu, sebab </span><span class="fullpost"><a href="http://htmlnoer.blogspot.com/2011/01/membuat-label-animasi-blogumulus.html">Blogumulus</a> ini tidak akan muncul bila sudah ada Tag Cloudnya. Anda bisa lihat bentuk Blogulumus<a href="http://rambak.co.cc/" target="_blank">DISINI</a></span></div><br /><span class="fullpost">Okey.... Bila anda berminat untuk membuat <a href="http://htmlnoer.blogspot.com/2011/01/membuat-label-animasi-blogumulus.html">Blogumulus</a>, langsung saja ikuti langkah- berikut ini :<br />1. Login ke blogger dengan ID anda.<br />2. Klik Tata Letak.<br />3. KLik tab Edit HTML.<br />4. Klik tulisan Download Template Lengkap (back-up Template) agar template aman, bila terjadi kesalahan.<br />5. Cari kode di bawah ini atau yang mirip dengan kode ini , tanpa klik tombol "Expand Widget Templates" :</span><br /><br /><div style="color: red; text-align: center;"><fieldset><b:section class='sidebar' id='sidebar' preferred='yes'></fieldset></div><br />6. Copy kode di bawah ini dan paste tepat dibawah atau setelah kode di atas :<br /><div style="color: #38761d; text-align: center;"><fieldset><b:widget id='Label99' locked='false' title='Labels' type='Label'><br /><b:includable id='main'><br /><b:if cond='data:title'><br /><h2><data:title/></h2><br /></b:if><br /><div class='widget-content'><br />&lt;object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" &gt;<br />&lt;param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" /&gt;<br />&lt;param name="bgcolor" value="#ffffff" /&gt;<br />&lt;param name="flashvars" value="tcolor=0x000000&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;<br /><b:loop values='data:labels' var='label'><br /><a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'><data:label.name/></a><br /></b:loop><br />&lt;/tags&gt;" /&gt;<br />&lt;p&gt;Blogumulus by &lt;a href='http://www.roytanck.com/'&gt;Roy Tanck&lt;/a&gt; and &lt;a href='http://www.bloggerbuster.com'&gt;Amanda Fazani&lt;/a&gt;&lt;/p&gt;<br />&lt;/object&gt;<br /></div><br /><b:include name='quickedit'/><br /></b:includable><br /></b:widget></fieldset></div><br />7. Klik tombol SIMPAN TEMPLATE<br /><br />Anda bisa merubah warna merah dalam kode diatas yaitu lebar, tinggi dan warna backgroundnya disesuaikan dengan keadaan Blog anda. Untuk kode-kode warna html, silahkan kunjungi di sini.<br /><br />Nah ..., sekarang Selamat Mencoba...<br />Semoga bermanfaat.<br /><br />Mohon luangkan waktu anda untuk meninggalkan komentar anda ya..... Terima kasih.<br /><span class="fullpost"> </span>Noercholishttp://www.blogger.com/profile/05887258496135614730noreply@blogger.com0tag:blogger.com,1999:blog-1911581542595974685.post-28683900794560435192011-01-26T23:38:00.000+07:002011-02-18T14:52:31.437+07:00Radio Online<div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixJAwTwIgBLExXcNSHJvhvsAFxVQ7jA6g6mMW7O3fPb1hDt0qEMLlmfkugEM_XBbURZpAxESLdeGoRapo2k51tuyAqiybTGXrMqnH_cok7FXAFNnB_L2sgntOwi7EAgv_fksF25dKz-xEK/s1600/Untitled.png" /></div><br /><a href="http://htmlnoer.blogspot.com/2011/01/radio-online.html">Radio Online</a> atau biasa disebut dengan <a href="http://htmlnoer.blogspot.com/2011/01/radio-online.html">radio streaming</a> yang bisa didengarkan lewat media online. Radio ini sangat menarik bila dipasang di blog kita. Selain ukuran filenya kecil sehingga enak didengar tanpa terdengar putus-putus, radio yang saya buat di blog ini terdapat 70 lebih <a href="http://htmlnoer.blogspot.com/2011/01/radio-online.html">radio streaming</a> yang saya kumpulkan dalam satu bentuk media player. Dan player yang saya gunakan adalah <a href="http://windows.microsoft.com/en-US/windows/downloads/windows-media-player/personalize">Media Player Windows</a>.<br />Di radio ini anda tinggal pilih stasiun radio yang ada di menu drop down dibagian bawah, lalu klik radio yang anda suka dan kemudian anda tunggu sesaat hingga proses koneksi selesai..... dan bunyi deh....<br />Untuk sementara jumlah radio steaming yang saya kumpulkan hanya seperti yang ada di menu, tapi lumayan cukup untuk sebagai teman online nonstop 24 jam perhari. Dan saya berharap akan selalu update jumlah radio streaming, agar lebih banyak pilihan suka-suka....hehe..<br /><br />Okey.....anda juga bisa pasang radio seperti tampak di sebelah kiri halaman ini di blog anda, enak kok kita pilih radio yang enek-enak lagunya dan dilain tab windows kita sambil nulis artikel..... wah....ndak terasa kita nulis sampai kehabisan halaman...hehehe...<br />Bila anda berminat, silahkan ikuti langkah berikut :<br />1. Login ke blogger dengan id anda<br />2. klik “Rancangan” atau “Layout”<br />3. Klik Tambah Gadget di kiri atau kanan Layout<br />4. Cari dan pilih gadget HTML/Java Script<br />5. Tulis Judul yang diinginkan<br />6. Copy dan paste kode dibawah ini pada bagian Konten :<br /><br /><table align="left" bgcolor="" border="0" style="color: #38761d; width: 100%;"><tbody><tr><td><fieldset><table width="250"bgcolor="#000000"align="center"<br />border="0"><tr><td><div align="center"><div class="module"><br /><fieldset><div align="center"><br /><a href="http://htmlnoer.blogspot.com/" target="_blank"><br /><img src="http://lh6.ggpht.com/_41buWXK9L3c/TTjd3merIqI/<br />AAAAAAAAAXE/3Fi2G8bIAMQ/s300/html-noer.jpg"<br />width="220" border="0" height="50"></a></div><br /><embed id="player1_firefox" type="application/x-mplayer2" <br />pluginspage="http://www.microsoft.com/Windows/<br />Downloads/Contents/Products/MediaPlayer/"<br />src="#" showcontrols="10" showdisplay="2"<br />volume="2" showstatusbar="2" enablecontextmenu="2"<br />autostart="1" width="220" height="250"><br/><br /> </embed><select style="width: 220" name="playlist1"<br />size="1" id="playlist1" onchange="wmp(this.value);"><br /><option selected="selected"> >> Pilih Stasiun Radio >><br /></option><br /><option value=" http://live.masima.co.id:8215"><br />Chanel FM 1</option><br /><option value=" http://streams.slowradio.com/slowradio.asx?<br />id=wmp3"> Chanel FM 2</option><br /><option value=" mms://iradiofm.com/iradio1"><br />Chanel FM 3</option><br /><option value=" mms://hardrockfm.com/hardrock1"><br />Chanel FM 4</option><br /><option value=" mms://cosmopolitanfm.com/cosmo1"><br />Chanel FM 5</option><br /><option value=" http://live.kissfm-medan.com:8080"><br />Chanel FM 6</option><br /><option value=" http://live.masima.co.id:8215"><br />Chanel FM 7</option><br /><option value=" mms://hardrockfm.com/hardrock2"><br />Chanel FM 8</option><br /><option value=" http://ceriaradio.com:8000"><br />Chanel FM 9</option><br /><option value=" http://radio.virtualdj.com/listen3.asx"><br />Chanel FM 10</option><br /><option value=" mms://iradiofm.com/iradio1"><br />Chanel FM 11</option><br /><option value=" http://202.146.225.106:8000"><br />Chanel FM 12</option><br /><option value=" http://radio.kompas.com/kradio/kompas.asx"><br />Chanel FM 13</option><br /><option value=" mms://wma1.viastreaming.net/radioss"><br />Chanel FM 14</option><br /><option value=" http://live.masima.co.id:8124"><br />Chanel FM 15</option><br /><option value=" http://202.6.239.11:10925/radio.maestro.m3u"><br />Chanel FM 16</option><br /><option value=" http://74.55.26.100:8250"><br />Chanel FM 17</option><br /><option value=" http://118.96.228.165:8000"><br />Chanel FM 18</option><br /><option value=" http://english.aliant.net/asx/OZFM.asx"><br />Chanel FM 19</option><br /><option value=" http://www.jjfmradio.com/jjfm.asx"><br />Chanel FM 20</option><br /><option value=" http://www.suararadio.com:8000/zorafm"><br />Chanel FM 21</option><br /><option value=" http://202.6.239.11:10925/radio.maestro.m3u"><br />Chanel FM 22</option><br /><option value=" http://rama-fm.simaya.net.id:8800"><br />Chanel FM 23</option><br /><option value=" http://72.249.104.46:80"><br />Chanel FM 24</option><br /><option value=" http://live.voi.co.id"><br />Chanel FM 25</option><br /><option value=" mms://202.148.11.104/hardrockfm"><br />Chanel FM 26</option><br /><option value=" http://202.6.233.18:1071"><br />Chanel FM 27</option><br /><option value=" mms://wma1.viastreaming.net/radioss"><br />Chanel FM 28</option><br /><option value=" http://jgj.jogjastreamers.com:8000/eltira1021"><br />Chanel FM 29</option><br /><option value=" mms://202.148.11.104/menarafm"><br />Chanel FM 30</option><br /><option value=" http://streams.slowradio.com/slowradio.asx?<br />id=wmp3"> Chanel FM 31</option><br /><option value=" mms://wma1.viastreaming.net/visualss"><br />Chanel FM 32</option><br /><option value=" http://radio.virtualdj.com/listen.asx"><br />Chanel FM 33</option><br /><option value=" http://119.110.87.62:7600"><br />Chanel FM 34</option><br /><option value=" http://via10.com.ar/radiovgb"><br />Chanel FM 35</option><br /><option value=" http://live.masima.co.id:8201"><br />Chanel FM 36</option><br /><option value=" http://live.masima.co.id:8122"><br />Chanel FM 37</option><br /><option value=" mms://traxonsky.com/trax2"><br />Chanel FM 38</option><br /><option value=" mms://radio.vstreamer.com:8088/dradio.asf"><br />Chanel FM 39</option><br /><option value=" http://server.kaskusradio.com:8888"><br />Chanel FM 40</option><br /><option value=" mms://202.148.11.104/Wijayafm"><br />Chanel FM 41</option><br /><option value=" http://www.sky.fm/wma/lovemusic.asx"><br />Chanel FM 42</option><br /><option value=" http://www.sky.fm/wma/smoothjazz.asx"><br />Chanel FM 43</option><br /><option value=" http://www.sky.fm/wma/tophits.asx"><br />Chanel FM 44</option><br /><option value=" http://www.gajahmadafm.co.id:8000/live1.mp3"><br />Chanel FM 45</option><br /><option value=" http://radio2.idws.us:8000/;stream.nsv"><br />Chanel FM 46</option><br /><option value=" http://118.96.228.165:8000"><br />Chanel FM 47</option><br /><option value=" mms://www.cosmopolitanfm.com/cosmo1"><br />Chanel FM 48</option><br /><option value=" http://www.di.fm/wma/trance.asx"><br />Chanel FM 49</option><br /><option value=" http://stream.bestsound.eu:8000"><br />Chanel FM 50</option><br /><option value=" http://202.129.186.43:7010"><br />Chanel FM 51</option><br /><option value=" http://live.kissfm-medan.com:8080"><br />Chanel FM 52</option><br /><option value=" mms://live.sis.gov.eg/tv?.wma"><br />Chanel FM 53</option><br /><option value=" http://123.108.8.142:8000"><br />Chanel FM 54</option><br /><option value=" http://radio2.idws.us:8070"><br />Chanel FM 55</option><br /><option value=" http://english.aliant.net/asx/OZFM.asx"><br />Chanel FM 56</option><br /><option value=" http://222.124.19.50:8000"><br />Chanel FM 57</option><br /><option value=" http://yp.bugis.nl:8005"><br />Chanel FM 58</option><br /><option value=" mms://202.148.11.104/djfm"><br />Chanel FM 59</option><br /><option value=" mms://202.148.11.104/Metrofm"><br />Chanel FM 60</option><br /><option value=" http://radio.tempointeraktif.com:8000"><br />Chanel FM 61</option><br /><option value=" http://125.160.17.182:8055"><br />Chanel FM 62</option><br /><option value=" http://www.987genfm.com/streaming"><br />Chanel FM 63</option><br /><option value=" http://mediasrv-sov.musicradio.com/<br />GalaxyBirmingham"> Chanel FM 64</option><br /><option value=" http://www.jewelradio.com/thejewel.asx"><br />Chanel FM 65</option><br /><option value=" http://stream.dasweihnachtsradio.de:8090"><br />Chanel FM 66</option><br /><option value=" http://cast.idvps.com:8000/djwirya.m3u"><br />Chanel FM 67</option><br /><option value=" mms://74.86.99.112/voi%20streaming"><br />Chanel FM 68</option><br /><option value=" http://dayakcinta.com/RADIO/DAYAK<br />CINTA.COM.m3u"> Chanel FM 69</option><br /><option value=" http://www.rilekfm.com/v2/listen.asx"><br />Chanel FM 70</option><br /><option value=" http://www.sby.dnet.net.id/onlineradio/<br />sonora.asx">Chanel FM 71</option><br /><option value=" http://87.117.203.226:8004"><br />Chanel FM 72</option><br /><option value=" http://202.146.225.106:8000"><br />Chanel FM 73</option><br /><option value=" mms://202.148.11.104/Metrofm"><br />Chanel FM 74</option><br /><option value=" mms://202.148.11.104/mercuryfm"><br />Chanel FM 75</option><br /><option value=" http://radio.virtualdj.com/listen2.asx"><br />Chanel FM 76</option><br /><br /></select><br/></fieldset></div></div><br /><script type="text/javascript"><br />function wmp(src){if<br />(navigator.appName == 'Microsoft Internet Explorer')<br />{document.all.player1.Filename=src;}<br />else{document.getElementById("player1_firefox").<br />src=src;}return;}</script></td></tr></table></fieldset></td></tr></tbody></table><br />7. Kemudian klik Simpan.<br /><br />Selamat menikmati radio anda yang baru....<br />Semoga bermanfaat....<br />Mohon luangkan waktu anda untuk meninggalkan komentar anda ya..... Terima kasih.<br /><span class="fullpost"> </span>Noercholishttp://www.blogger.com/profile/05887258496135614730noreply@blogger.com0tag:blogger.com,1999:blog-1911581542595974685.post-26421945379525567902011-01-25T11:00:00.000+07:002011-02-18T14:52:31.457+07:00Cara Membuat label di blog<div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-label-di-blog.html"><img border="0" height="108" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhov7yW2a1D-zWzjK5thCK_O44Y1JkmxWnGP7MMX0WfLiyh66mc0WImz0xpbXF9_GCY1nSoEDkkubjbwgVilTS0meQrrJ6VjOqWRMsM-AcV6rEahyphenhyphenZSHTntkHbUZaw9fM8ClqN9XAEr1jvc/s200/Blogger-+Html+Noer+-Tutorial+blog+-+trik-tips+blog+-+Tambahkan+Gadget_1295924453048.png" width="200" /></a></div><span class="fullpost"><a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-label-di-blog.html"><i><span style="color: #38761d; font-size: large;">L</span></i>abel</a> diperlukan agar kita lebih mudah mengkatagorikan sebuah artikel, dengan label kita lebih mudah memilih artikel sesuai dengan kategori atau jenis artikel tertentu. Selain itu label juga berpengaruh sebagai kata kunci atau tag cloud pada searh engine. Dalam hali ini terlebih dulu kita harus selalu memberi label pada setiap artikel yang kita buat atau akan kita posting. </span><br /><div style="text-align: justify;"><span class="fullpost">Lalu bagaimana cara membuat label ?</span></div><div style="text-align: justify;"><span class="fullpost">Okey...., untuk membuat label saya akan coba jelaskan dalam beberapa cara, mengingat banyak teman yang sudah posting artikel banyak tapi belum memberi label.</span></div><br /><div style="color: #38761d;"><i><span class="fullpost"><span style="font-size: small;"><b>A. Pada saat kita buat artikel.</b></span> </span></i></div><span class="fullpost">1. Login ke blogger</span><br /><span class="fullpost">2. Pilih Entri Baru</span><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNcjp17XiZtk8GkdoHxQJRHQYs29Ybi366hg01BJDryvBbciqZd0BLw_5a_3dbiaka5TGCL1pbzo_bkrYG6yPI7K5nFagZufTSt6rVjZrVb3mzH6vHAn3OlHffND1CKDuYGb-KBo7vgy8k/s1600/Blogger-+Dasbor_1295684201615.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="27" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNcjp17XiZtk8GkdoHxQJRHQYs29Ybi366hg01BJDryvBbciqZd0BLw_5a_3dbiaka5TGCL1pbzo_bkrYG6yPI7K5nFagZufTSt6rVjZrVb3mzH6vHAn3OlHffND1CKDuYGb-KBo7vgy8k/s320/Blogger-+Dasbor_1295684201615.png" width="320" /></a></div><span class="fullpost"> </span><br /><span class="fullpost"> </span><br /><span class="fullpost"> </span><br /><br /><br /><br /><span class="fullpost">3. Tulis Artikel Anda</span><br /><a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-label-di-blog.html"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9neZCGoNY7_XDQqLFp2sio5hMvIa_8iOMyK4jW1rKO-pXmLizZ2QEYkHJJaqzvHfBNkMHBHBJpQyFzHF9MPyWVw8t3wbQimnw-CSkYhLwwBbQQwObp2dAMPfB7rf3y24dRy6XLgv4LA1a/s320/Blogger-+Html+Noer+-Tutorial+blog+-+trik-tips+blog+-+Edit+Entri+-+Membuat+variasi+Font+pada+Teks+-_1295694705325.png" width="320" /></a><span class="fullpost"> </span><br /><span class="fullpost"> 4. Memberi Label</span><br /><span class="fullpost">Pada gambar diatas, anda lihat pada bagian bawah kanan bertuliskan "Label". Silahkan anda isi sebuah atau beberapa kata kunci yang menggambarkan artikel yang anda tulis.</span><br /><span class="fullpost">5. Terbitkan Entri.</span><br /><span class="fullpost"><br /></span><br /><div style="color: #38761d;"><i><b><span class="fullpost">B. Bila Artikel sudah dibuat tapi Label belum dibuat</span></b></i></div><span class="fullpost">Anda masih bisa buat label pada artikel anda Yaitu :</span><br /><span class="fullpost">1. Login ke blogger</span><span class="fullpost"> </span><br /><span class="fullpost">2. Pilih Edit Entri</span><br /><a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-label-di-blog.html"><img border="0" height="27" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNcjp17XiZtk8GkdoHxQJRHQYs29Ybi366hg01BJDryvBbciqZd0BLw_5a_3dbiaka5TGCL1pbzo_bkrYG6yPI7K5nFagZufTSt6rVjZrVb3mzH6vHAn3OlHffND1CKDuYGb-KBo7vgy8k/s320/Blogger-+Dasbor_1295684201615.png" width="320" /></a><span class="fullpost"> </span><br /><br /><span class="fullpost">Selanjutnya langkah ke 3 - 5 lakukan seperti langkah <b>A.</b></span><br /><br /><span class="fullpost">Anda bisa lihat hasil label yang sudah anda lihat pada halaman edit entri, yaitu tulisan berwarna <span style="color: #38761d;">hijau</span> setelah judul Posting adalah label yang kita buat. Lihat gambar dibawah :</span><br /><div class="separator" style="clear: both; text-align: center;"><a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-label-di-blog.html" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe0Fc6WhHh0IGE8rmNlmzUTpuxmzXm6VL1c-aMcwbtYh57BabzBBRsQoVazLwCXvMZCSf-uuVuWAFuqreuXuUwoVAzy_BUG8OPtjM4mRZasDFHsreq1Dz1Q8jHFnOWQYCcwtytNonwEkUN/s320/Blogger-+Html+Noer+-Tutorial+blog+-+trik-tips+blog+-+Mengatur+Posting_1295925809673.png" width="320" /></a></div><span class="fullpost"><b><br /></b></span><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><span class="fullpost"><i style="color: #38761d;"><span style="font-size: large;">S</span></i>etelah anda membuat label pada seluruh artikel atau postingan anda, selanjutnya anda tinggal menampilkan label pada halaman depan blog anda. Perhatikan langkah berikut :</span><br /><br /><span class="fullpost">1. Login ke blogger</span><span class="fullpost"> </span><br /><span class="fullpost">2. Klik Rancangan dan pilih Elemen Laman</span><br /><div class="separator" style="clear: both; text-align: center;"><a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-label-di-blog.html" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="77" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiUKRvaPXhBwis2NynKgP-NH0Svj5gRmBlTeU1lvrB1o7bXyrBYlDlpeSHSbx87ElQTFGmrbZEcRYb1WQq0vKvzw3Joh9Ot3Gn7mlRpNgbfBY8C7PZT3ULuqlrduo8-oSoI8WWlGr0D3Ez/s320/Blogger+--+Edit+Tata+Letak_1295684510123.png" width="320" /></a></div><br /><br /><br /><br /><br /><br /><span class="fullpost">3. Tambah Gadget</span><br /><a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-label-di-blog.html"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5wZtIhVOGizIacMdHy14ejD2S4EIq-uQ7lnKqAcmWxtSGMYVcANDEr1k9cp9raeFa8a4epRCmEcOu6WtlqSd1xF7qcbTl8yVQmvcF32Q6oiZDToHQRy02DibhmNQSoGiL4bhVI-fvsPcX/s1600/Blogger+--+Edit+Tata+Letak_1295921407619.png" /><span class="fullpost"></span></a><br /><span class="fullpost"><br /></span><br /><span class="fullpost">4. Pada jendela baru anda scroll kebawah dan pilih "Label"</span><br /><a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-label-di-blog.html"><img border="0" height="79" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVrztdfSo7jCxjYrYOc6g1nQF9UVl7RIYvb04J0jNQ11aFSwFedS7Y9hl-Rbc861jDHm8KFmazAGRjb9ucHVLs-lm8Hm-o1I37uPYbdECLB5MKL3R_yUSmAsnOm0sCbKUjoOrZTQO7g75G/s320/Blogger-+World+Brand+-+Tambahkan+Gadget_1295922205527.png" width="320" /></a><span class="fullpost"> </span><br /><br /><span class="fullpost">5. Simpan.</span><br /><span class="fullpost"><br /></span><br /><span class="fullpost">Nah..., label sudah anda buat, dan gadget label sudah ditampilkan. Silahkan anda kembali kehalaman depan blog anda, perhatikan hasil yang terjadi pada gadget Label.</span><br /><div style="color: red;"><span class="fullpost">Keterangan :</span></div><span class="fullpost">Pada edit gadget ada beberapa pengaturan tentang penampilan label, silahkan anda atur sesuka anda.</span><br /><span class="fullpost"><br /></span><br /><span style="font-size: small;"><span class="fullpost" style="font-family: inherit;"><span class="fullpost">Selamat mencoba dan semoga bermanfaat....<br />Jangan lupa luangkan waktu untuk beri komentarmu ya......terima kasih.</span></span></span><br /><br /><span class="fullpost"><br /></span>Noercholishttp://www.blogger.com/profile/05887258496135614730noreply@blogger.com0tag:blogger.com,1999:blog-1911581542595974685.post-78407121012312312712011-01-20T09:50:00.000+07:002011-02-18T14:52:31.475+07:00Cara membuat SliderKalau yang lalu saya membahas cara membuat slideshow, tutorial blog kali ini saya akan coba share mengenai slider. Perbedaan slideshow dengan Slider yaitu Kalau slideshow bekerja secara otomatis, sedang slider yang akan saya bahas yaitu slider bergerak kesamping kanan atau kiri apa bila kita mengklik tombol yang ada di sisi kanan dan kiri slider tersebut.<span class="fullpost"><br />Gambar slider seperti ini :<br /><fieldset><div class="separator" style="clear: both; text-align: center;"><a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-slider.html"><img border="0" height="113" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkV-8E4HzoF_tdHMCIxZZt-gM93f2vdwTH8BQT_x0vQAeK6QZkgooJR3D1W3cwjEfwwz_IgXXmqFpg5GmZ81kbwrjxetJZAEtouKi0n5_M5xTgd6g4YjKUOk6iuUNiyQIWIhpXVwYAKjQ4/s400/_1295450308565.png" width="400" /></a></div></fieldset><div style="text-align: center;"><br /></div>Lalu bagaimana menambahkan slider ke blog blogger atau website Anda. OK.... silahkan anda download java script (jquery slider files.zip) <a href="http://www.box.net/shared/v7ice36ghk">DISINI</a>, kemudian anda upload java script yang anda download tadi ke Host anda.<br />Setelah langkah diatas selesai, silahkan anda ikuti langkah-langkah berikut ini :<br />1. Login ke blogger<br />2. Klik Rancangan dan pilih edit html<br />3. Sebagai pengaman silahkan download dulu template dan simpan dikomputer anda.<br />4. Silahkan anda cari kode </head><br />5. Copy kode dibawah ini, dan paste diatas kode </head> <br /><div style="color: #38761d; text-align: center;"><fieldset><script src='http://bnote.googlecode.com/files/jquery-1.2.6.min.js' type='text/javascript'></script><br /><script src='http://bnote.googlecode.com/files/jquery.jcarousel.pack.js' type='text/javascript'></script><br /><script src='http://bnote.googlecode.com/files/jquery-ui-personalized-1.5.2.packed.js' type='text/javascript'></script><br /><br /><script type="text/javascript"><br />jQuery(document).ready(function() {<br /> jQuery('#mycarousel').jcarousel({<br /> wrap:"both",<br /> scroll:2,<br /> animation:"slow"<br /> });<br /> function mycarousel_initCallback(carousel) {<br /> jQuery('#featured-next-button').bind('click', function() {<br /> carousel.next();<br /> return false;<br /> });<br /> jQuery('#featured-prev-button').bind('click', function() {<br /> carousel.prev();<br /> return false;<br /> });<br /> jQuery('.button-nav span').bind('click', function() {<br /> carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));<br /> return false;<br /> });<br /> };<br /> jQuery('#feature-carousel').jcarousel({<br /> wrap:"both",<br /> scroll:1,<br /> auto:10,<br /> initCallback: mycarousel_initCallback,<br /> buttonNextHTML: null,<br /> buttonPrevHTML: null<br /> });<br />});<br /></script><br /><style type="text/css"><br />.jcarousel-skin-tango .jcarousel-container {-moz-border-radius: 10px;}<br />.jcarousel-skin-tango .jcarousel-container-horizontal {width: 941px;margin: 0 auto;padding:0 20px;}<br />.jcarousel-skin-tango .jcarousel-clip-horizontal {width: 941px;height: 254px;}<br />.jcarousel-skin-tango .jcarousel-item {width: 307px;height: 254px;}<br />.jcarousel-skin-tango .jcarousel-item-horizontal {margin-right: 10px;}<br />.jcarousel-skin-tango .jcarousel-item-placeholder {background: #fff;color: #000;}<br /><br />.jcarousel-skin-tango .jcarousel-next-horizontal {<br />background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-mJjnK_oiycT-WpTgjDDBvLZJ4RQVpqpbCmsmaVDX7G06bx3OqcJx2LfOZVrn6zB5pXO5GtVSGsWH8zgWn1d1ijoT79B5WhKEBsHnbgaAlxwSP6E7RD861H0mpaH-qJh1-oSet63bFoj-/s1600/image-slider-button.png) no-repeat scroll -46px 0;<br />cursor:pointer;<br />height:254px;<br />right:20px;<br />position:absolute;<br />top:0;<br />width:46px;<br />}<br />.jcarousel-skin-tango .jcarousel-prev-horizontal {<br />background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-mJjnK_oiycT-WpTgjDDBvLZJ4RQVpqpbCmsmaVDX7G06bx3OqcJx2LfOZVrn6zB5pXO5GtVSGsWH8zgWn1d1ijoT79B5WhKEBsHnbgaAlxwSP6E7RD861H0mpaH-qJh1-oSet63bFoj-/s1600/image-slider-button.png) no-repeat scroll 0 0;<br />cursor:pointer;<br />height:254px;<br />left:20px;<br />position:absolute;<br />top:0;<br />width:46px;<br />}<br />.jcarousel-container {position: relative;}<br />.jcarousel-clip {z-index: 2;padding: 0;margin: 0;overflow: hidden;position: relative;}<br />.jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;}<br />.jcarousel-list li,.jcarousel-item {float: left;list-style: none;width: 75px;height: 75px;}<br />.jcarousel-next {z-index: 3;display: none;}<br />.jcarousel-prev {z-index: 3;display: none;}<br /><br />#news-slider{background-color:#FFFFFF;padding:20px 0;}<br />#news-slider img{border:none;height:254px;width:307px;}<br /></style></fieldset></div><br />Langkah selanjutnya :<br />4. Simpan template.<br />5. Lankah selanjutnya kembali ke Rancangan dan pilih Elemen Halaman.<br />6. Silahkan tambah Gadget'.<br />7. Pilih 'HTML / Javascript' dan masukkan kode dibawah ini :<br /><div style="color: #38761d; text-align: center;"><fieldset><div id='news-slider'><br /><ul class='jcarousel-skin-tango' id='mycarousel'><br /><li><a href='Ulr dokumen 1'><img src='Ulr gambar 1'/></a></li><br /><li><a href='Ulr dokumen 2'><img src='Ulr gambar 2'/></a></li><br /><li><a href='Ulr dokumen 3'><img src='Ulr gambar 3'/></a></li><br /><li><a href='Ulr dokumen 4'><img src='Ulr gambar 4'/></a></li><br /><li><a href='Ulr dokumen 5'><img src='Ulr gambar 5'/></a></li><br /></ul><br /></div></fieldset></div><br />Kalau sudah diisi ulr nya, bentuknya seperti dibawah ini :<br /><div style="color: #38761d; text-align: center;"><fieldset><div id='news-slider'><br /><ul class='jcarousel-skin-tango' id='mycarousel'><br /><li><br /><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6CgSttDtaOLOBelRz3fJHW7JPAYLKFbrF9SC3wyzBhlXSL-jnABNht1yrUyCa5GDMGEwTSRTqqI0yvo26zb7tsRvQISd9hpMRELI-wAlCa2Qhry37mUQ2zL8lTvnntQwgWOme1K4tpvrV/s1600/Business+Company+Blogger+Template-1.jpg'/></a><br /></li><br /><li><br /><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDWO26t5mrdLvRtYnXIbUFquKmROzb4s5KvfLqDGZK518N4xVGFZQ7Hklv53ClMq8HMI8d_yNRpK4saI2J_BLpg9Mn4HT0RXoheZ9CpZnvPmv8MF7dcz9YhHCbgyk346AETkCRN2c1e-tc/s1600/Incorporate+Blogger+Template-1.jpg'/></a><br /></li><br /><li><br /><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj48klWHkUPlPMd6ynP2LBvOVPAuexGD1RcQBiL37pdBqD3B5soD8Gmp69cYvvgfGFiZq7dkkpxiJs2mWiFZdu0nSercoVLUNd4obZ0vRfzmLsnyTzvYDX9Ut5X_oYIkccXr5TqhbU6rE51/s1600/Business+Style+Blogger+Template-1.jpg'/></a><br /></li><br /><li><br /><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkTpq8b4Suz5jpDYBghRlUMeTvb-Nr9jCgKQV6etOGuJTyYKnlJbX8Ga3P8FxIsOikitXGUZ97Y2mGHh_3mJ14y13BX1LV7EedX9JJJ4N06Io2AoZtuV2B5e2oKP7VjYswnSvHERnjek6l/s1600/Dominate+Blogger+Template-1.jpg'/></a><br /></li><br /><li><br /><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVkZyLlcHaiWlKXGmPvifX_6SfDfnl89zHXqEarxwcM51l40rG666jmUM5se_T0XXXlO0lQzBIA5IOrM7_yfybpzZCy5QUkHfYQcCZsPuPGU5wcAi8xiK5yJ79h8AV3ROeKLVCfM8JDJb8/s1600/Business+Corp+Blogger+Template-1.jpg'/></a></li><br /><li><br /><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrMBeuVZus16P8RjLKRSPJBSmQQrIgSVZV0zKi5vcgwkpDbY9nUh-2kmLSjv09ycOfe1JMBixUptuRQw8g5oM0-Jq0nzzXB1KBRD4YdVjF9Lh2F750B1KQVgZO_vbW7u-CjzIeWAi5EZ3c/s1600/Business+View+Blogger+Template-1.jpg'/></a><br /></li><br /><li><br /><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWoL_MM07k4Iqj-8roz6ZVdAMP7d7F_zM8VQftOqIwaiP-H3pxNr1OoUvIqujGNVghItG0Xh3n25n_AIT-dStj7nb9iDzkXNzdKXnNw7e1TqP0nQAk8m5PY_rGeqsXyaDpN_bWzx-wcE-t/s1600/Glorius+Blogger+Template-1.jpg'/></a><br /></li><br /><li><br /><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_cxXkjJNOmdhyphenhyphenXkwMHfDOaZ_099Ecj8jN2MBftVDx2XQr3hd9tdI4GOAK0f-02U0yp34gS5MKhGcFLzWe72pGTWvhvoW_kyI9jmwBo3DSLAbY-bhSMqj2TlZ7SZ4OmozkhFTjt9g9JLPw/s1600/iFinance+Blogger+Template-1.jpg'/></a><br /></li><br /><li><br /><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSzsq1cbsOF6CfjMAL7r3CdZq8L18WUnLQTS1b60oHClIHRXRQulEja625EjXyf0vUHBXK60IUop3aerwqB-85q9KzaFtUxfKyuOEYn72zllu8FDeCQqq_mydesmVBzBwvd3b4ogv2sWxz/s1600/Company+Style+Blogger+Template-1.jpg'/></a><br /></li><br /><li><br /><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOGdk1KtA3nC1v66PeIIpGKEk9vT8DmK2WFui5_ZJWBnapmSKy959gNGO3kwTUeQfiRXAnMT5THSxLeRR4_ZkX1l4UzYMBt92mIutJ_Bvfz6L1zE71-CiwVvcrExM-NcqcGZdYILxEDbwe/s1600/Business+Top+Blogger+Template-1.jpg'/></a><br /></li><br /></ul><br /></div></fieldset></div>Ling ke artikel diatas: <a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-slider.html">http://htmlnoer.blogspot.com/2011/01/cara-membuat-slider.html</a><br /></span>Noercholishttp://www.blogger.com/profile/05887258496135614730noreply@blogger.com0tag:blogger.com,1999:blog-1911581542595974685.post-87513797293815880542011-01-19T10:30:00.000+07:002011-02-18T14:52:31.493+07:00Cara membuat slideshow<div style="text-align: justify;">Tutorial kali ini saya akan menjelaskan, bagaimana untuk membuat slideshow. Biasanya slideshow di taruh pada halaman utama sebuah web ataupun blog. Dalam hal ini slideshow banyak digunakan untuk menampilkan profil sebuah website ataupun blog, ada juga website yang menggunakan slideshow untuk menampilkan produknya.</div><span class="fullpost"><div style="text-align: justify;">Berikut contoh slideshow yang saya maksud :</div><ul class="slideshow"><li><a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-slideshow.html"><img alt="Ganti tulisan ini dengan Description/uraian 1 anda" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYsxoxIrZFFO6UFxhNanjMkdSf4mBgy_jIgFDFR3dCF09YRsxJ2d8G35bEad64LZcILalhwgtT2T1edq8x2_LoR4t4KfSL_kJR1iHE7dnDMfF0IIyfJT10OZbzVmytN18I0cWI_tzD2Lg/s1600/1.jpg" title="Judul Description/uraian ke 1" /></a></li><li><a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-slideshow.html"><img alt="Ganti tulisan ini dengan Description/uraian ke 2 anda" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheha3rMaoMd7yt9lG10WUhVIMg4bjicmkFhREW5SCCADzKFp7njQcUYpgNY0FKbr4X-ooExqMO5CT0FLBzDnHJP-arG3dQMwI59ulqy8B5iex0snmj87FdjN-vVi9zCR7XCsXfPSuA-_0/s1600/2.jpg" title="Judul Description/uraian ke 2" /></a></li><li><a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-slideshow.html"><img alt="Ganti tulisan ini dengan Description/uraian ke 3 anda" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimQAgHj64qPmj6bTkME6h0Mm8JY7K4UATXU-3MWFQXkEjgXaE4ai8uvU_4ryfVeZxRUt2pw5QKXX1a84c1PNdXhl6jVlJyIEOC9ITrkMrjL5DiGQb557qG1O3vC0-rBBF4seypBQXtqUQ/s1600/3.jpg" title="Judul Description/uraian ke 3" /></a></li><li><a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-slideshow.html"><img alt="Ganti tulisan ini dengan Description/uraian ke 4 anda" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV85b1jXjQNT6hq48k8rhfxf4VD0I3oAoDSEvdT30P8kDEnVPpFkHZbE_iulwd7jLPee7zAFVo_8_Duu3uPSBeDxNdKrQEIMNRhGeXF7Kc-Ffho7832mP5ZFHfUPyLaJ9lDEUHMug3TI8/s1600/4.jpg" title="Judul Description/uraian ke 4" /></a></li></ul><div style="text-align: justify;">Dengan slideshow ini, anda tidak perlu menggunakan java script yang diberikan jasa pembuat slide. Anda bisa menambahkan slideshow pada web atau blog anda dengan membuat slideshow sendiri. Dan cara buatnya sangat mudah, yaitu anda tinggal copy paste kode-kode dibawah, kemudian anda bisa mengubah kecepatan tampilan slide dan ukuran panjang serta lebar gambar yang disesuaikan dengan web atau blog anda. Kemudian anda tinggal mengganti ulr yang ada dengan ulr gambar anda dan memberi uraian setiap gambar yang akan ditampilkan.</div><div style="text-align: justify;">OK...!!!, Silahkan kuti langkah-langkah yang saya berikan di bawah ini :<br />1. Login ke blogger<br />2. Klik Rancangan dan pilih edit html<br />3. Sebagai pengaman silahkan download dulu template dan simpan dikomputer anda.<br />4. Silahkan anda cari kode </head><br />5. Copy kode dibawah ini, dan paste diatas kode </head></div><fieldset style="color: #38761d;"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script><br /><script type='text/javascript'><br />//<![CDATA[<br />$(document).ready(function() {<br />//Execute the slideShow, set 6 seconds for each images<br />slideShow<span style="color: blue;">(3000)</span>;<br />});<br />function slideShow(speed) {<br />//append a LI item to the UL list for displaying caption<br />$('ul.slideshow').append('<li id="slideshow-caption" class="caption"><div class="slideshow-caption-container"><h3></h3><p></p></div></li>');<br /><br />//Set the opacity of all images to 0<br />$('ul.slideshow li').css({opacity: 0.0});<br /><br />//Get the first image and display it (set it to full opacity)<br />$('ul.slideshow li:first').css({opacity: 1.0});<br /><br />//Get the caption of the first image from REL attribute and display it<br />$('#slideshow-caption h3').html($('ul.slideshow a:first').find('img').attr('title'));<br />$('#slideshow-caption p').html($('ul.slideshow a:first').find('img').attr('alt'));<br /><br />//Display the caption<br />$('#slideshow-caption').css({opacity: 0.7, bottom:0});<br /><br />//Call the gallery function to run the slideshow<br />var timer = setInterval('gallery()',speed);<br /><br />//pause the slideshow on mouse over<br />$('ul.slideshow').hover(<br /> function () {<br /> clearInterval(timer);<br /> },<br /> function () {<br /> timer = setInterval('gallery()',speed);<br /> }<br />);<br />}<br />function gallery() {<br />//if no IMGs have the show class, grab the first image<br />var current = ($('ul.slideshow li.show')? $('ul.slideshow li.show') : $('#ul.slideshow li:first'));<br /><br />//Get next image, if it reached the end of the slideshow, rotate it back to the first image<br />var next = ((current.next().length) ? ((current.next().attr('id') == 'slideshow-caption')? $('ul.slideshow li:first') :current.next()) : $('ul.slideshow li:first'));<br /><br />//Get next image caption<br />var title = next.find('img').attr('title');<br />var desc = next.find('img').attr('alt');<br /><br />//Set the fade in effect for the next image, show class has higher z-index<br />next.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 1000);<br /><br />//Hide the caption first, and then set and display the caption<br />$('#slideshow-caption').animate({bottom:-70}, 300, function () {<br /> //Display the content<br /> $('#slideshow-caption h3').html(title);<br /> $('#slideshow-caption p').html(desc);<br /> $('#slideshow-caption').animate({bottom:0}, 500);<br />});<br />//Hide the current image<br />current.animate({opacity: 0.0}, 1000).removeClass('show');<br />}<br />//]]><br /></script><br /><br /><style type="text/css"><br />ul.slideshow {<br />list-style:none;<br /><span style="color: red;">width:600px;</span><br /><span style="color: red;">height:240px;</span><br />overflow:hidden;<br />position:relative;<br />margin:0;<br />padding:0;<br />font-family:Arial,Helvetica,Trebuchet MS,Verdana;<br />;<br />}<br />ul.slideshow li {<br />position:absolute;<br />left:0;<br />right:0;<br />}<br />ul.slideshow li.show {<br />z-index:500;<br />}<br />ul img {<br />width:500px;<br />height:250px;<br />border:none;<br />}<br />#slideshow-caption {<br />width:500px;<br />height:70px;<br />position:absolute;<br />bottom:0;<br />left:0;<br />color:#fff;<br />background:#000;<br />z-index:500;<br />}<br />#slideshow-caption .slideshow-caption-container {<br />padding:5px 10px;<br />z-index:1000;<br />}<br />#slideshow-caption h3 {<br />margin:0;<br />padding:0;<br />font-size:16px;<br />}<br />#slideshow-caption p {<br />margin:5px 0 0 0;<br />padding:0;<br />}<br /></style></fieldset><span style="color: red;">Keterangan :</span><br />Ganti nilai dari <b style="color: red;">width:600px;</b><b style="color: red;"> height:240px;</b> sesuai dengan kebutuhan web atau blog anda.<br />Ganti nilai dari waktu slideShow<b style="color: blue;">(3000)</b>; sesuai keinginan anda.<br /><br /><b>Langkah selanjutnya :</b><br />4. Simpan template.<br />5. Lankah selanjutnya kembali ke Rancangan dan pilih Elemen Halaman.<br />6. Silahkan tambah Gadget'.<br />7. Pilih 'HTML / Javascript' dan masukkan kode dibawah ini :</span><br /><span class="fullpost"><br /><div style="text-align: center;"><fieldset><div style="color: #38761d;"><ul class="slideshow"></div><div style="color: #38761d;"><br /></div><span style="color: #38761d;"><li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYsxoxIrZFFO6UFxhNanjMkdSf4mBgy_jIgFDFR3dCF09YRsxJ2d8G35bEad64LZcILalhwgtT2T1edq8x2_LoR4t4KfSL_kJR1iHE7dnDMfF0IIyfJT10OZbzVmytN18I0cWI_tzD2Lg/s1600/1.jpg" title="</span><span style="color: red;">Judul Description/uraian ke 1</span>" alt="<span style="color: #38761d;">Ganti tulisan ini dengan Description/uraian 1 anda</span>" <span style="color: #38761d;">/></a></li></span><br /><div style="color: #38761d;"><br /></div><span style="color: #38761d;"><li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheha3rMaoMd7yt9lG10WUhVIMg4bjicmkFhREW5SCCADzKFp7njQcUYpgNY0FKbr4X-ooExqMO5CT0FLBzDnHJP-arG3dQMwI59ulqy8B5iex0snmj87FdjN-vVi9zCR7XCsXfPSuA-_0/s1600/2.jpg" title="</span><span style="color: red;">Judul Description/uraian ke 2</span><span style="color: #38761d;">" alt="</span><span style="color: #38761d;">Ganti tulisan ini dengan Description/uraian ke 2 anda</span><span style="color: #38761d;">" /></a></li></span><br /><br /><span style="color: #38761d;"><li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimQAgHj64qPmj6bTkME6h0Mm8JY7K4UATXU-3MWFQXkEjgXaE4ai8uvU_4ryfVeZxRUt2pw5QKXX1a84c1PNdXhl6jVlJyIEOC9ITrkMrjL5DiGQb557qG1O3vC0-rBBF4seypBQXtqUQ/s1600/3.jpg" title="</span><span style="color: red;">Judul Description/uraian ke 3</span><span style="color: #38761d;">" alt="</span><span style="color: #38761d;">Ganti tulisan ini dengan Description/uraian ke 2 anda</span><span style="color: #38761d;">" /></a></li></span><br /><br /><span style="color: #38761d;"><li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV85b1jXjQNT6hq48k8rhfxf4VD0I3oAoDSEvdT30P8kDEnVPpFkHZbE_iulwd7jLPee7zAFVo_8_Duu3uPSBeDxNdKrQEIMNRhGeXF7Kc-Ffho7832mP5ZFHfUPyLaJ9lDEUHMug3TI8/s1600/4.jpg" title="</span><span style="color: red;">Judul Description/uraian ke 4</span><span style="color: #38761d;">" alt="</span><span style="color: #38761d;">Ganti tulisan ini dengan Description/uraian ke 2 anda</span><span style="color: #38761d;">" /></a></li></span><br /><div style="color: #38761d;"><br /></div><div style="color: #38761d;"></ul></div></fieldset></div><div style="text-align: justify;"><div style="color: red;">Keterangan :</div>Anda dapat menambahkan lebih banyak gambar dan uraian untuk dijadikan slide, sesuai yang Anda inginkan.<br /><br />OK...!!! Silahkan anda mencoba.<br />Semoga bermanfaat untuk anda, jangan lupa luangkan waktu anda sebentar untuk memberi komentar anda dibawah ya........ Terima kasih.</div></span>Noercholishttp://www.blogger.com/profile/05887258496135614730noreply@blogger.com0tag:blogger.com,1999:blog-1911581542595974685.post-17468026214116186262011-01-18T13:55:00.000+07:002011-02-18T14:52:32.793+07:00Free Blogger TemplatesKoleksi <a href="http://htmlnoer.blogspot.com/p/free-templates.html">template gratis</a> kualitas dari premium blogger template yang bisa anda gunakan untuk template blog anda. Semua <a href="http://www.worldbrand.co.cc/">template bisnis</a> ada di premium blogger template, dan template ini terdapat banyak fitur seperti Menu Navigation Horizontal, Auto Baca Fitur Lebih dengan Thumbnail, Header banner Iklan, Kotak Pencarian, slider konten Unggulan , dukungan Favicon, bernomor Page Navigasi Hack Terpasang dan banyak lagi ...<span class="fullpost"><br /><br />Anda dapat men-download semua blogger template seperti yang ada dibawah ini untuk mengganti template gratis dari Blogger. Semua ini sudah dilisensikan dengan lisensi Creative Commons Attribution 3.0 License, yang memungkinkan digunakan untuk pribadi dan komersial. Untuk memenuhi klausul 'atribusi' dari lisensi, Anda diminta untuk menjaga footer link sebagai penghargaan bagi pembuat atau menjaga hak cipta. Untuk rincian lebih spesifik mengenai lisensi, anda dapat mengunjungi URL di berikut ini: http://creativecommons.org/licenses/by/3.0/<br /><br />Berikut beberapa contoh template dari premium blogger template :<br /><br /><div style="border: 1px solid rgb(221, 221, 221); font-weight: bold;"><div style="background-color: #dddddd; border: 1px solid rgb(238, 238, 238); color: black; padding: 3px 6px;"><span style="font-size: 130%;">1. Business Company</span></div></div><br /><img alt="Business Company Blogger Template" border="0" id="BLOGGER_PHOTO_ID_5561572779339878578" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6CgSttDtaOLOBelRz3fJHW7JPAYLKFbrF9SC3wyzBhlXSL-jnABNht1yrUyCa5GDMGEwTSRTqqI0yvo26zb7tsRvQISd9hpMRELI-wAlCa2Qhry37mUQ2zL8lTvnntQwgWOme1K4tpvrV/s1600/Business+Company+Blogger+Template-1.jpg" style="background-color: #eeeeee; border: 1px solid rgb(221, 221, 221); float: left; height: 180px; margin: 0pt 20px 10px 0pt; padding: 10px; width: 300px;" /><span style="font-weight: bold;">Properties :</span> 1 Sidebar, 2 Column, Adapted from Wordpress, Elegant, Featured Section, Fixed width, Header Banner, Magazine, Business, Right Sidebar, Rounded corners, Top Navigation Bar, Web 2.0, White<br /><a href="http://www.demo.premiumbloggertemplates.com/2011/01/business-company-blogger-template-demo.html" rel="nofollow" style="background-color: #f9f9f9; border: 1px solid rgb(237, 237, 237); color: #1797bf; font-weight: bold; margin-right: 15px; padding: 2px 5px; text-decoration: none;" target="_blank">Demo</a> <a href="http://www.premiumbloggertemplates.com/2011/01/business-company-blogger-template.html" rel="nofollow" style="background-color: #f9f9f9; border: 1px solid rgb(237, 237, 237); color: #1797bf; font-weight: bold; margin-right: 15px; padding: 2px 5px; text-decoration: none;" target="_blank">Download & Info</a><br /><br /><br /><br /><br /><br /><br /><br /><br /><div style="border: 1px solid rgb(221, 221, 221); font-weight: bold;"><div style="background-color: #dddddd; border: 1px solid rgb(238, 238, 238); color: black; padding: 3px 6px;"><span style="font-size: 130%;">2. Incorporate</span></div></div><br /><img alt="Incorporate Blogger Template" border="0" id="BLOGGER_PHOTO_ID_5561572779339878578" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDWO26t5mrdLvRtYnXIbUFquKmROzb4s5KvfLqDGZK518N4xVGFZQ7Hklv53ClMq8HMI8d_yNRpK4saI2J_BLpg9Mn4HT0RXoheZ9CpZnvPmv8MF7dcz9YhHCbgyk346AETkCRN2c1e-tc/s1600/Incorporate+Blogger+Template-1.jpg" style="background-color: #eeeeee; border: 1px solid rgb(221, 221, 221); float: left; height: 180px; margin: 0pt 20px 10px 0pt; padding: 10px; width: 300px;" /><span style="font-weight: bold;">Properties :</span> 1 Sidebar, 2 Column, Adapted from Wordpress, Elegant, Featured Section, Fixed width, Magazine, Premium, Right Sidebar, Rounded corners, Slider, Tabbed widget, Top Navigation Bar, Web 2.0, White<br /><a href="http://www.demo.premiumbloggertemplates.com/2010/12/incorporate-blogger-template-demo.html" rel="nofollow" style="background-color: #f9f9f9; border: 1px solid rgb(237, 237, 237); color: #1797bf; font-weight: bold; margin-right: 15px; padding: 2px 5px; text-decoration: none;" target="_blank">Demo</a> <a href="http://www.premiumbloggertemplates.com/2010/12/incorporate-premium-blogger-template.html" rel="nofollow" style="background-color: #f9f9f9; border: 1px solid rgb(237, 237, 237); color: #1797bf; font-weight: bold; margin-right: 15px; padding: 2px 5px; text-decoration: none;" target="_blank">Download & Info</a><br /><br /><br /><br /><br /><br /><div style="border: 1px solid rgb(221, 221, 221); font-weight: bold;"><div style="background-color: #dddddd; border: 1px solid rgb(238, 238, 238); color: black; padding: 3px 6px;"><span style="font-size: 130%;">3. Business Style</span></div></div><br /><img alt="Business Style Blogger Template" border="0" id="BLOGGER_PHOTO_ID_5561572779339878578" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj48klWHkUPlPMd6ynP2LBvOVPAuexGD1RcQBiL37pdBqD3B5soD8Gmp69cYvvgfGFiZq7dkkpxiJs2mWiFZdu0nSercoVLUNd4obZ0vRfzmLsnyTzvYDX9Ut5X_oYIkccXr5TqhbU6rE51/s1600/Business+Style+Blogger+Template-1.jpg" style="background-color: #eeeeee; border: 1px solid rgb(221, 221, 221); float: left; height: 180px; margin: 0pt 20px 10px 0pt; padding: 10px; width: 300px;" /><span style="font-weight: bold;">Properties :</span> 1 Sidebar, 2 Column, Adapted from Wordpress, Elegant, Featured Section, Fixed width, Green, Magazine, Right Sidebar, Premium, Rounded corners, Slider, Tabbed widget, Top Navigation Bar, Web 2.0, White<br /><a href="http://www.demo.premiumbloggertemplates.com/2010/12/business-style-blogger-template-demo.html" rel="nofollow" style="background-color: #f9f9f9; border: 1px solid rgb(237, 237, 237); color: #1797bf; font-weight: bold; margin-right: 15px; padding: 2px 5px; text-decoration: none;" target="_blank">Demo</a> <a href="http://www.premiumbloggertemplates.com/2010/12/business-style-premium-blogger-template.html" rel="nofollow" style="background-color: #f9f9f9; border: 1px solid rgb(237, 237, 237); color: #1797bf; font-weight: bold; margin-right: 15px; padding: 2px 5px; text-decoration: none;" target="_blank">Download & Info</a><br /><br /><br /><br /><br /><br /><div style="border: 1px solid rgb(221, 221, 221); font-weight: bold;"><div style="background-color: #dddddd; border: 1px solid rgb(238, 238, 238); color: black; padding: 3px 6px;"><span style="font-size: 130%;">4. Dominate</span></div></div><br /><img alt="Dominate Blogger Template" border="0" id="BLOGGER_PHOTO_ID_5561572779339878578" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkTpq8b4Suz5jpDYBghRlUMeTvb-Nr9jCgKQV6etOGuJTyYKnlJbX8Ga3P8FxIsOikitXGUZ97Y2mGHh_3mJ14y13BX1LV7EedX9JJJ4N06Io2AoZtuV2B5e2oKP7VjYswnSvHERnjek6l/s1600/Dominate+Blogger+Template-1.jpg" style="background-color: #eeeeee; border: 1px solid rgb(221, 221, 221); float: left; height: 180px; margin: 0pt 20px 10px 0pt; padding: 10px; width: 300px;" /><span style="font-weight: bold;">Properties :</span> 1 Sidebar, 2 Column, Adapted from Wordpress, Elegant, Featured Section, Fixed width, Grey, Header Banner, Magazine, Premium, Right Sidebar, Rounded corners, Slider, Top Navigation Bar, Web 2.0, White<br /><a href="http://www.demo.premiumbloggertemplates.com/2010/12/dominate-blogger-template-demo.html" rel="nofollow" style="background-color: #f9f9f9; border: 1px solid rgb(237, 237, 237); color: #1797bf; font-weight: bold; margin-right: 15px; padding: 2px 5px; text-decoration: none;" target="_blank">Demo</a> <a href="http://www.premiumbloggertemplates.com/2010/12/dominate-premium-blogger-template.html" rel="nofollow" style="background-color: #f9f9f9; border: 1px solid rgb(237, 237, 237); color: #1797bf; font-weight: bold; margin-right: 15px; padding: 2px 5px; text-decoration: none;" target="_blank">Download & Info</a><br /><br /><br /><br /><br /><br /><div style="border: 1px solid rgb(221, 221, 221); font-weight: bold;"><div style="background-color: #dddddd; border: 1px solid rgb(238, 238, 238); color: black; padding: 3px 6px;"><span style="font-size: 130%;">5. BusinessCorp</span></div></div><br /><img alt="Business Corp Blogger Template" border="0" id="BLOGGER_PHOTO_ID_5561572779339878578" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVkZyLlcHaiWlKXGmPvifX_6SfDfnl89zHXqEarxwcM51l40rG666jmUM5se_T0XXXlO0lQzBIA5IOrM7_yfybpzZCy5QUkHfYQcCZsPuPGU5wcAi8xiK5yJ79h8AV3ROeKLVCfM8JDJb8/s1600/Business+Corp+Blogger+Template-1.jpg" style="background-color: #eeeeee; border: 1px solid rgb(221, 221, 221); float: left; height: 180px; margin: 0pt 20px 10px 0pt; padding: 10px; width: 300px;" /><span style="font-weight: bold;">Properties :</span> 1 Sidebar, 2 Column, Adapted from Wordpress, Elegant, Featured Section, Fixed width, Gradients, Grey, Magazine, Right Sidebar, Orange, Top Navigation Bar, White<br /><a href="http://www.demo.premiumbloggertemplates.com/2010/10/business-corp-blogger-template-demo.html" rel="nofollow" style="background-color: #f9f9f9; border: 1px solid rgb(237, 237, 237); color: #1797bf; font-weight: bold; margin-right: 15px; padding: 2px 5px; text-decoration: none;" target="_blank">Demo</a> <a href="http://www.premiumbloggertemplates.com/2010/10/business-corp-blogger-template.html" rel="nofollow" style="background-color: #f9f9f9; border: 1px solid rgb(237, 237, 237); color: #1797bf; font-weight: bold; margin-right: 15px; padding: 2px 5px; text-decoration: none;" target="_blank">Download & Info</a><br /><br /><br /><br /><br /><br /><br /><div style="border: 1px solid rgb(221, 221, 221); font-weight: bold;"><div style="background-color: #dddddd; border: 1px solid rgb(238, 238, 238); color: black; padding: 3px 6px;"><span style="font-size: 130%;">6. Business View</span></div></div><br /><img alt="Business View Blogger Template" border="0" id="BLOGGER_PHOTO_ID_5561572779339878578" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrMBeuVZus16P8RjLKRSPJBSmQQrIgSVZV0zKi5vcgwkpDbY9nUh-2kmLSjv09ycOfe1JMBixUptuRQw8g5oM0-Jq0nzzXB1KBRD4YdVjF9Lh2F750B1KQVgZO_vbW7u-CjzIeWAi5EZ3c/s1600/Business+View+Blogger+Template-1.jpg" style="background-color: #eeeeee; border: 1px solid rgb(221, 221, 221); float: left; height: 180px; margin: 0pt 20px 10px 0pt; padding: 10px; width: 300px;" /><span style="font-weight: bold;">Properties :</span> 1 Sidebar, 2 Column, Adapted from Wordpress, Brown, Elegant, Featured Section, Fixed width, Left Sidebar, Magazine, Rounded corners, Top Navigation Bar, White, Yellow<br /><a href="http://www.demo.premiumbloggertemplates.com/2010/09/business-view-blogger-template-demo.html" rel="nofollow" style="background-color: #f9f9f9; border: 1px solid rgb(237, 237, 237); color: #1797bf; font-weight: bold; margin-right: 15px; padding: 2px 5px; text-decoration: none;" target="_blank">Demo</a> <a href="http://www.premiumbloggertemplates.com/2010/09/business-view-blogger-template.html" rel="nofollow" style="background-color: #f9f9f9; border: 1px solid rgb(237, 237, 237); color: #1797bf; font-weight: bold; margin-right: 15px; padding: 2px 5px; text-decoration: none;" target="_blank">Download & Info</a><br /><br /><br /><br /><br /><br /><br /><div style="border: 1px solid rgb(221, 221, 221); font-weight: bold;"><div style="background-color: #dddddd; border: 1px solid rgb(238, 238, 238); color: black; padding: 3px 6px;"><span style="font-size: 130%;">7. Business Top</span></div></div><br /><img alt="Business Top Blogger Template" border="0" id="BLOGGER_PHOTO_ID_5561572779339878578" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOGdk1KtA3nC1v66PeIIpGKEk9vT8DmK2WFui5_ZJWBnapmSKy959gNGO3kwTUeQfiRXAnMT5THSxLeRR4_ZkX1l4UzYMBt92mIutJ_Bvfz6L1zE71-CiwVvcrExM-NcqcGZdYILxEDbwe/s1600/Business+Top+Blogger+Template-1.jpg" style="background-color: #eeeeee; border: 1px solid rgb(221, 221, 221); float: left; height: 180px; margin: 0pt 20px 10px 0pt; padding: 10px; width: 300px;" /><span style="font-weight: bold;">Properties :</span> 1 Sidebar, 2 Column, Adapted from Wordpress, Black, Blue, Elegant, Featured Section, Fixed width, Magazine, Right Sidebar, Rounded corners, Slider, Top Navigation Bar, White<br /><a href="http://www.demo.premiumbloggertemplates.com/2010/10/business-top-blogger-template-demo.html" rel="nofollow" style="background-color: #f9f9f9; border: 1px solid rgb(237, 237, 237); color: #1797bf; font-weight: bold; margin-right: 15px; padding: 2px 5px; text-decoration: none;" target="_blank">Demo</a> <a href="http://www.premiumbloggertemplates.com/2010/10/business-top-blogger-template.html" rel="nofollow" style="background-color: #f9f9f9; border: 1px solid rgb(237, 237, 237); color: #1797bf; font-weight: bold; margin-right: 15px; padding: 2px 5px; text-decoration: none;" target="_blank">Download & Info</a><br /><br /><br /><br /><br /><br /><br /><div style="border: 1px solid rgb(221, 221, 221); font-weight: bold;"><div style="background-color: #dddddd; border: 1px solid rgb(238, 238, 238); color: black; padding: 3px 6px;"><span style="font-size: 130%;">8. iBusiness</span></div></div><br /><img alt="iBusiness Blogger Template" border="0" id="BLOGGER_PHOTO_ID_5561572779339878578" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSHIAP4GvQwAL77i3sIbrRhGYpiZIlJjIm9JykbrT-RBN00fr95ur7lMn9NDNLKQAgmZPNCCTV9VD4lX8GgeoV8z0h77zNrDSbrxz4A-DcSD6llUPkCnM2fnLCZah8mNmB1LP_Yd60U9e5/s1600/iBusiness+Blogger+Template-1.jpg" style="background-color: #eeeeee; border: 1px solid rgb(221, 221, 221); float: left; height: 180px; margin: 0pt 20px 10px 0pt; padding: 10px; width: 300px;" /><span style="font-weight: bold;">Properties :</span> 1 Sidebar, 2 Column, Adapted from Wordpress, Elegant, Featured Section, Fixed width, Gradients, Grey, Magazine, Right Sidebar, Rounded corners, Top Navigation Bar, White<br /><a href="http://www.demo.premiumbloggertemplates.com/2010/10/ibusiness-blogger-template-demo.html" rel="nofollow" style="background-color: #f9f9f9; border: 1px solid rgb(237, 237, 237); color: #1797bf; font-weight: bold; margin-right: 15px; padding: 2px 5px; text-decoration: none;" target="_blank">Demo</a> <a href="http://www.premiumbloggertemplates.com/2010/10/ibusiness-blogger-template.html" rel="nofollow" style="background-color: #f9f9f9; border: 1px solid rgb(237, 237, 237); color: #1797bf; font-weight: bold; margin-right: 15px; padding: 2px 5px; text-decoration: none;" target="_blank">Download & Info</a><br /><br /><br /><br /><br /><br /><br /><div style="border: 1px solid rgb(221, 221, 221); font-weight: bold;"><div style="background-color: #dddddd; border: 1px solid rgb(238, 238, 238); color: black; padding: 3px 6px;"><span style="font-size: 130%;">9. Company Style</span></div></div><br /><img alt="Company Style Blogger Template" border="0" id="BLOGGER_PHOTO_ID_5561572779339878578" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSzsq1cbsOF6CfjMAL7r3CdZq8L18WUnLQTS1b60oHClIHRXRQulEja625EjXyf0vUHBXK60IUop3aerwqB-85q9KzaFtUxfKyuOEYn72zllu8FDeCQqq_mydesmVBzBwvd3b4ogv2sWxz/s1600/Company+Style+Blogger+Template-1.jpg" style="background-color: #eeeeee; border: 1px solid rgb(221, 221, 221); float: left; height: 180px; margin: 0pt 20px 10px 0pt; padding: 10px; width: 300px;" /><span style="font-weight: bold;">Properties :</span> 1 Sidebar, 2 Column, Adapted from Wordpress, Brown, Featured Section, Fixed width, Magazine, Orange, Right Sidebar, Rounded corners, Top Navigation Bar, White<br /><a href="http://www.demo.premiumbloggertemplates.com/2010/09/company-style-blogger-template-demo.html" rel="nofollow" style="background-color: #f9f9f9; border: 1px solid rgb(237, 237, 237); color: #1797bf; font-weight: bold; margin-right: 15px; padding: 2px 5px; text-decoration: none;" target="_blank">Demo</a> <a href="http://www.premiumbloggertemplates.com/2010/09/company-style-blogger-template.html" rel="nofollow" style="background-color: #f9f9f9; border: 1px solid rgb(237, 237, 237); color: #1797bf; font-weight: bold; margin-right: 15px; padding: 2px 5px; text-decoration: none;" target="_blank">Download & Info</a><br /><br /><br /><br /><br /><br /><br /><div style="border: 1px solid rgb(221, 221, 221); font-weight: bold;"><div style="background-color: #dddddd; border: 1px solid rgb(238, 238, 238); color: black; padding: 3px 6px;"><span style="font-size: 130%;">10. Company Style Blue</span></div></div><br /><img alt="Company Style Blue Blogger Template" border="0" id="BLOGGER_PHOTO_ID_5561572779339878578" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAr476hLFCV0DTZzA5XgP11hzNrnIPLEBz52sFxQdE5O1vOELkAh0KikPzKZ_udmWjsmDaQ0YcfcV3JOWpZ2H5W89wr86FyekPnb8UGt_0ZMzDhBmdWrAhBIWF4-iQo2vkF2llfUqoryVX/s1600/Company+Style+Blue+Blogger+Template-1.jpg" style="background-color: #eeeeee; border: 1px solid rgb(221, 221, 221); float: left; height: 180px; margin: 0pt 20px 10px 0pt; padding: 10px; width: 300px;" /><span style="font-weight: bold;">Properties :</span> 1 Sidebar, 2 Column, Adapted from Wordpress, Blue, Elegant, Featured Section, Fixed width, Gradients, Magazine, Right Sidebar, Rounded corners, Top Navigation Bar, Web 2.0, White<br /><a href="http://www.demo.premiumbloggertemplates.com/2010/09/company-style-blue-blogger-template.html" rel="nofollow" style="background-color: #f9f9f9; border: 1px solid rgb(237, 237, 237); color: #1797bf; font-weight: bold; margin-right: 15px; padding: 2px 5px; text-decoration: none;" target="_blank">Demo</a> <a href="http://www.premiumbloggertemplates.com/2010/09/company-style-blue-blogger-template.html" rel="nofollow" style="background-color: #f9f9f9; border: 1px solid rgb(237, 237, 237); color: #1797bf; font-weight: bold; margin-right: 15px; padding: 2px 5px; text-decoration: none;" target="_blank">Download & Info</a><br /><br /><br /><br /><br /><br /><div style="border: 1px solid rgb(221, 221, 221); font-weight: bold;"><div style="background-color: #dddddd; border: 1px solid rgb(238, 238, 238); color: black; padding: 3px 6px;"><span style="font-size: 130%;">11. Lion Press</span></div></div><br /><img alt="Lion Press Blogger Template" border="0" id="BLOGGER_PHOTO_ID_5561572779339878578" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGb3biRiRv38lrTQ9thAjTJSmnPOxGE0Zh6JabetJy0jYd1dffIfTZAbPmdPDnM3dfVT_z4df6jkyv7bYgtOmV8eFdrxy47MU0aFWFTRgcvyR2Kcawmu6UgU6T5t37-fqlJ9y-qZ3Ch1ks/s1600/Lion+Press+Blogger+Template-1.jpg" style="background-color: #eeeeee; border: 1px solid rgb(221, 221, 221); float: left; height: 180px; margin: 0pt 20px 10px 0pt; padding: 10px; width: 300px;" /><span style="font-weight: bold;">Properties :</span> 2 Sidebar, 3 Column, Adapted from Wordpress, Featured Section, Fixed width, Gradients, Grey, Header Banner, Magazine, Red, Right Sidebar, Slider, Top Navigation Bar, White<br /><a href="http://www.demo.premiumbloggertemplates.com/2010/10/lion-press-blogger-template-demo.html" rel="nofollow" style="background-color: #f9f9f9; border: 1px solid rgb(237, 237, 237); color: #1797bf; font-weight: bold; margin-right: 15px; padding: 2px 5px; text-decoration: none;" target="_blank">Demo</a> <a href="http://www.premiumbloggertemplates.com/2010/10/lion-press-blogger-template.html" rel="nofollow" style="background-color: #f9f9f9; border: 1px solid rgb(237, 237, 237); color: #1797bf; font-weight: bold; margin-right: 15px; padding: 2px 5px; text-decoration: none;" target="_blank">Download & Info</a><br /><br /><br /><br /><br /><br /><br /><div style="border: 1px solid rgb(221, 221, 221); font-weight: bold;"><div style="background-color: #dddddd; border: 1px solid rgb(238, 238, 238); color: black; padding: 3px 6px;"><span style="font-size: 130%;">12. iFinance</span></div></div><br /><img alt="iFinance Blogger Template" border="0" id="BLOGGER_PHOTO_ID_5561572779339878578" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_cxXkjJNOmdhyphenhyphenXkwMHfDOaZ_099Ecj8jN2MBftVDx2XQr3hd9tdI4GOAK0f-02U0yp34gS5MKhGcFLzWe72pGTWvhvoW_kyI9jmwBo3DSLAbY-bhSMqj2TlZ7SZ4OmozkhFTjt9g9JLPw/s1600/iFinance+Blogger+Template-1.jpg" style="background-color: #eeeeee; border: 1px solid rgb(221, 221, 221); float: left; height: 180px; margin: 0pt 20px 10px 0pt; padding: 10px; width: 300px;" /><span style="font-weight: bold;">Properties :</span> 2 Sidebar, 3 Column, Adapted from Wordpress, Featured Section, Fixed width, Green, Header Banner, Magazine, Right Sidebar, Rounded corners, Slider, Top Navigation Bar, Web 2.0, White<br /><a href="http://www.demo.premiumbloggertemplates.com/2010/10/ifinance-blogger-template-demo.html" rel="nofollow" style="background-color: #f9f9f9; border: 1px solid rgb(237, 237, 237); color: #1797bf; font-weight: bold; margin-right: 15px; padding: 2px 5px; text-decoration: none;" target="_blank">Demo</a> <a href="http://www.premiumbloggertemplates.com/2010/10/ifinance-blogger-template.html" rel="nofollow" style="background-color: #f9f9f9; border: 1px solid rgb(237, 237, 237); color: #1797bf; font-weight: bold; margin-right: 15px; padding: 2px 5px; text-decoration: none;" target="_blank">Download & Info</a><br /><br /><br /><br /><br /><br /><div style="border: 1px solid rgb(221, 221, 221); font-weight: bold;"><div style="background-color: #dddddd; border: 1px solid rgb(238, 238, 238); color: black; padding: 3px 6px;"><span style="font-size: 130%;">13. Glorius</span></div></div><br /><img alt="Glorius Blogger Template" border="0" id="BLOGGER_PHOTO_ID_5561572779339878578" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWoL_MM07k4Iqj-8roz6ZVdAMP7d7F_zM8VQftOqIwaiP-H3pxNr1OoUvIqujGNVghItG0Xh3n25n_AIT-dStj7nb9iDzkXNzdKXnNw7e1TqP0nQAk8m5PY_rGeqsXyaDpN_bWzx-wcE-t/s1600/Glorius+Blogger+Template-1.jpg" style="background-color: #eeeeee; border: 1px solid rgb(221, 221, 221); float: left; height: 180px; margin: 0pt 20px 10px 0pt; padding: 10px; width: 300px;" /><span style="font-weight: bold;">Properties :</span> 1 Sidebar, 2 Column, Adapted from Wordpress, Brown, Elegant, Featured Section, Fixed width, Gradients, Header Banner, Magazine, Right Sidebar, Slider, Top Navigation Bar, Web 2.0, White<br /><a href="http://www.demo.premiumbloggertemplates.com/2010/10/glorius-blogger-template-demo.html" rel="nofollow" style="background-color: #f9f9f9; border: 1px solid rgb(237, 237, 237); color: #1797bf; font-weight: bold; margin-right: 15px; padding: 2px 5px; text-decoration: none;" target="_blank">Demo</a> <a href="http://www.premiumbloggertemplates.com/2010/10/glorius-blogger-template.html" rel="nofollow" style="background-color: #f9f9f9; border: 1px solid rgb(237, 237, 237); color: #1797bf; font-weight: bold; margin-right: 15px; padding: 2px 5px; text-decoration: none;" target="_blank">Download & Info</a><br /><br /><br /><br /><br /><br /><div style="border: 1px solid rgb(221, 221, 221); font-weight: bold;"><div style="background-color: #dddddd; border: 1px solid rgb(238, 238, 238); color: black; padding: 3px 6px;"><span style="font-size: 130%;">14. Side Blog</span></div></div><br /><img alt="Side Blog Blogger Template" border="0" id="BLOGGER_PHOTO_ID_5561572779339878578" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzWNyoXGWQo11eIZpv1v8-m9m_QhH9EwfOSWdJPc2qC_cFIY-vzMvJWBvSyssLvxp-S9WwYrBXHLY22IcvQWOkWdKstRDOcPaBT3cQS1pwYBQeM26kZ-2VeNDG8R1xpLWV_YH8fPCds-SP/s1600/Side+Blog+Blogger+Template-1.jpg" style="background-color: #eeeeee; border: 1px solid rgb(221, 221, 221); float: left; height: 180px; margin: 0pt 20px 10px 0pt; padding: 10px; width: 300px;" /><span style="font-weight: bold;">Properties :</span> 1 Sidebar, 2 Column, Adapted from Wordpress, Elegant, Fixed width, Fresh, Grey, Magazine, Premium, Right Sidebar, Rounded corners, Top Navigation Bar, Web 2.0, White<br /><a href="http://www.demo.premiumbloggertemplates.com/2010/12/side-blog-blogger-template-demo.html" rel="nofollow" style="background-color: #f9f9f9; border: 1px solid rgb(237, 237, 237); color: #1797bf; font-weight: bold; margin-right: 15px; padding: 2px 5px; text-decoration: none;" target="_blank">Demo</a> <a href="http://www.premiumbloggertemplates.com/2010/12/side-blog-premium-blogger-template.html" rel="nofollow" style="background-color: #f9f9f9; border: 1px solid rgb(237, 237, 237); color: #1797bf; font-weight: bold; margin-right: 15px; padding: 2px 5px; text-decoration: none;" target="_blank">Download & Info</a><br /><br /><br /><br /><br /><br /><br /><div style="border: 1px solid rgb(221, 221, 221); font-weight: bold;"><div style="background-color: #dddddd; border: 1px solid rgb(238, 238, 238); color: black; padding: 3px 6px;"><span style="font-size: 130%;">15. Supras</span></div></div><br /><img alt="Supras Blogger Template" border="0" id="BLOGGER_PHOTO_ID_5561572779339878578" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr01WUPdhBmEiaU1UygMv0qIQXC8wr44MOnIvIf4iKmXxyI7Gp6s7M4GxH8ddtwPyVtQ8wMNJOV6gbcuVzDFbplR1pdB3uex7ruk_qxQVYO126BopZrQo5NA6AAFDCmc-KXFXJRjLPBLzt/s1600/Supras+Blogger+Template-1.jpg" style="background-color: #eeeeee; border: 1px solid rgb(221, 221, 221); float: left; height: 180px; margin: 0pt 20px 10px 0pt; padding: 10px; width: 300px;" /><span style="font-weight: bold;">Properties :</span> 2 Sidebar, 3 Column, Adapted from Wordpress, Blue, Elegant, Featured Section, Fixed width, Header Banner, Left Sidebar, Magazine, Blogger Pages Ready, Premium, Right Sidebar, Slider, Tabbed widget, Top Navigation Bar, Web 2.0, White<br /><a href="http://www.demo.premiumbloggertemplates.com/2010/12/supras-blogger-template-demo.html" rel="nofollow" style="background-color: #f9f9f9; border: 1px solid rgb(237, 237, 237); color: #1797bf; font-weight: bold; margin-right: 15px; padding: 2px 5px; text-decoration: none;" target="_blank">Demo</a> <a href="http://www.premiumbloggertemplates.com/2010/12/supras-premium-blogger-template.html" rel="nofollow" style="background-color: #f9f9f9; border: 1px solid rgb(237, 237, 237); color: #1797bf; font-weight: bold; margin-right: 15px; padding: 2px 5px; text-decoration: none;" target="_blank">Download & Info</a><br /><br /><br /><br /><br /><span class="" id="result_box" lang="id"><span class="hps" title="Klik untuk terjemahan alternatif">Saya</span> <span class="hps" title="Klik untuk terjemahan alternatif">berharap</span> <span class="hps" title="Klik untuk terjemahan alternatif">untuk</span> selalu menampilkan yang terbaru selalu<span class="hps" title="Klik untuk terjemahan alternatif">. So</span>....silahkan anda<span class="hps" title="Klik untuk terjemahan alternatif"> tidak</span> <span class="hps" title="Klik untuk terjemahan alternatif">lupa</span> <span class="hps" title="Klik untuk terjemahan alternatif">untuk</span> <span class="hps" title="Klik untuk terjemahan alternatif">bookmark</span> <span class="hps" title="Klik untuk terjemahan alternatif">halaman</span> <span class="hps" title="Klik untuk terjemahan alternatif">ini</span> <span class="hps" title="Klik untuk terjemahan alternatif">untuk</span> <span class="hps" title="Klik untuk terjemahan alternatif">referensi</span> <span class="hps" title="Klik untuk terjemahan alternatif">di masa mendatang</span><span class="" title="Klik untuk terjemahan alternatif">.</span> <span class="hps" title="Klik untuk terjemahan alternatif">Anda juga</span> <span class="hps" title="Klik untuk terjemahan alternatif">dapat menemukan lebih banyak</span> <span class="hps" title="Klik untuk terjemahan alternatif">blogger</span> <span class="hps" title="Klik untuk terjemahan alternatif">template</span> <span class="hps" title="Klik untuk terjemahan alternatif">premium</span> <span class="hps" title="Klik untuk terjemahan alternatif">gratis</span> <a href="http://www.premiumbloggertemplates.com/"><span class="hps" title="Klik untuk terjemahan alternatif">Disini</span></a><span class="" title="Klik untuk terjemahan alternatif">.</span></span>ooooo<br /></span>Noercholishttp://www.blogger.com/profile/05887258496135614730noreply@blogger.com1tag:blogger.com,1999:blog-1911581542595974685.post-7256773771145661792011-01-11T09:25:00.000+07:002011-02-18T14:52:32.841+07:00Cara Buat Kotak atau Teks Area<div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="http://htmlnoer.blogspot.com/2011/01/cara-buat-kotak-atau-teks-area.html" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="50" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyQlKxMg2zaltHZdlIJvr3MOY4jVyFEqDreGX9aMl6rvg7f_2Sc0W3q4j4kWVrGTqIrq84jJr5eiZ3n_2d7dWEqBZhxj05iqfpheduoCbepK99e0PmuX6BpjJJDP_c2gD5mXiB3sTftBFt/s200/Cara+Buat+Kotak+atau+Teks+Area+%257E+Html+Noer+-Tutorial+blog+-+trik-tips+blog_1295692732382.png" width="200" /></a></div><span style="font-size: small;">Saat yang lalu saya menjelaskan cara membuat <a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-tabel.html">tabel</a>. Dan pada tutorial blog kali ini hampir mirip dengan <a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-tabel.html">tabel</a>, sama-sama berbentuk <a href="http://htmlnoer.blogspot.com/2011/01/cara-buat-kotak-atau-teks-area.html">kotak</a>. Tapi kotak yang ini berfungsi sebagai <a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-scroll-box.html">teks area</a> dan bentuknya lebih sederhana, tapi tetap indah dan rajin. Cara buat kotak ini mudah, hanya dengan menggunakan atribut html : </span><span class="fullpost" style="color: red;"><span style="font-size: small;"><fieldset></span></span></div><span class="fullpost"><br /><div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"><span style="font-size: small;">Berikut kodenya silahkan anda copy, bila anda berminat :</span></div><div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"><br /><span style="font-size: small;"><b style="color: red;"><a href="http://htmlnoer.blogspot.com/2011/01/cara-buat-kotak-atau-teks-area.html">Kotak</a> 1 </b></span></div><div style="color: #38761d; font-family: Arial,Helvetica,sans-serif; text-align: center;"><fieldset><span style="font-size: small;"><fieldset><br /><span style="color: red;">Teks anda disini</span><br /></fieldset></span></fieldset></div><br /><div style="text-align: center;"><span style="font-family: Arial,Helvetica,sans-serif;">Berikut hasil kode diatas :</span></div><br /><table align="center" border="0" style="font-family: Arial,Helvetica,sans-serif; width: 100%;"><tbody><tr> <td scope="col" style="text-align: center;"><fieldset><span style="font-size: small;"><span style="color: red;">Teks anda disini</span></span></fieldset></td> </tr></tbody></table><div style="font-family: Arial,Helvetica,sans-serif;"><br /></div><div style="font-family: Arial,Helvetica,sans-serif;"><br /></div><div style="color: red; font-family: Arial,Helvetica,sans-serif;"><b><a href="http://htmlnoer.blogspot.com/2011/01/cara-buat-kotak-atau-teks-area.html">Kotak</a> 2</b></div><div style="color: #38761d; font-family: Arial,Helvetica,sans-serif; text-align: center;"><fieldset><span style="font-size: small;"><fieldset><br><br /><legend><b><span style="color: red;">Judul Teks disini</span></b></legend></span><span style="font-size: small;"><span style="color: red;">Isi Teks anda disini</span></span><span style="font-size: small;"><br /></fieldset></span></fieldset></div><br /><div style="text-align: center;"><span style="font-family: Arial,Helvetica,sans-serif;">Berikut hasil kode diatas :</span></div><br /><table align="center" border="0" style="font-family: Arial,Helvetica,sans-serif; width: 100%;"><tbody><tr> <td scope="col" style="text-align: center;"><fieldset><br /><br /><legend style="color: red;"><b>Judul Teks disini</b></legend><span style="color: red;">Isi Teks anda disini</span></fieldset></td></tr></tbody></table><br /><div style="font-family: Arial,Helvetica,sans-serif;"><br /></div><div style="color: red; font-family: Arial,Helvetica,sans-serif;"><b><a href="http://htmlnoer.blogspot.com/2011/01/cara-buat-kotak-atau-teks-area.html">Kotak</a> 3</b></div><div style="color: #38761d; font-family: Arial,Helvetica,sans-serif; text-align: center;"><fieldset><span style="font-size: small;"><fieldset><br><br /><legend><b></span><span style="font-size: small;"><fieldset></span><span style="font-size: small;"><span style="color: red;">Judul Teks disini</span></span><span style="font-size: small;"></fieldset></span><span style="font-size: small;"></b></legend></span><span style="font-size: small;"><span style="color: red;">Isi Teks anda disini</span></span><span style="font-size: small;"><br /></fieldset></span></fieldset></div><br /><div style="text-align: center;"><span style="font-family: Arial,Helvetica,sans-serif;">Berikut hasil kode diatas :</span></div><br /><table align="center" border="0" style="font-family: Arial,Helvetica,sans-serif; width: 100%;"><tbody><tr> <td scope="col" style="text-align: center;"><fieldset><br /><br /><legend style="color: red;"><b><fieldset>Judul Teks disini</fieldset></b></legend><span style="color: red;">Isi Teks anda disini</span></fieldset></td></tr></tbody></table><div style="font-family: Arial,Helvetica,sans-serif;"></div><div style="font-family: Arial,Helvetica,sans-serif;"><br /></div><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">Nah.....,mudah kan...?</span></span></span><br /><span class="fullpost"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">Silahkan anda bisa otak - atik sendiri sesuai selera anda. Semoga bermanfaat.</span><br style="font-family: Arial,Helvetica,sans-serif;" /><span style="font-family: Arial,Helvetica,sans-serif;"> Mohon luangkan waktu anda untuk meninggalkan komentar anda ya..... Terima kasih.</span></span> <br /></span>Noercholishttp://www.blogger.com/profile/05887258496135614730noreply@blogger.com0tag:blogger.com,1999:blog-1911581542595974685.post-83128900228107997562011-01-08T14:04:00.000+07:002011-02-18T14:52:32.857+07:00Cara membuat Scroll Box<div style="text-align: justify;"><div style="font-family: Arial,Helvetica,sans-serif;"><div class="separator" style="clear: both; text-align: center;"><a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-scroll-box.html" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBSqwt6JQtLgvQmNYzF2PphaaqZZr9f8qI-hIFlF9rUkvclUUSl2Z3vAz2UW5aqkqRaiuXruq0SCljdDlLTIIniV5BxO-Fg2KmiHq5hh159tGs6mWR7UwRMBIVSlczOu3KUjAWScE7dCrE/s1600/Cara+membuat+Scroll+Box+%257E+Html+Noer+-Tutorial+blog+-+trik-tips+blog_1295686075820.png" /></a></div><span style="font-size: small;">Pada Tutorial blog kali ini saya akan kasih tips cara membuat </span><span style="font-size: small;"><a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-scroll-box.html">Scroll Box</a>. </span><span style="font-size: small;"><a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-scroll-box.html">Scroll Box</a> banyak digunakan di web atau blog. <a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-scroll-box.html">Scroll Box</a> sangat berguna sekali untuk menghemat tempat, terutama bila halaman web atau blog sudah penuh dan sementara masih banyak artikel atau apa saja yang ingin tetap ditampilkan pada satu halaman. <a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-scroll-box.html">Scroll Box</a> selain bisa digunakan untuk tempat artikel, banyak juga yang menggunakan <a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-scroll-box.html">Scroll Box</a> sebagai tempat daftar isi.</span></div><span class="fullpost"><br /><div style="text-align: justify;"><br /><span style="font-family: Arial,Helvetica,sans-serif; font-size: small;">Cara membuat <a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-scroll-box.html">Scroll Box</a> sangat mudah, silahkan anda perhatikan contoh dibawah ini berikut kodenya :</span></div><div align="center"><table border="1" style="width: 250px;"><tbody><tr> <th colspan="100%" scope="col"><a href="http://htmlnoer.blogspot.com/">JUDUL ARTIKEL</a></th> </tr><tr><td><div style="font-family: arial; font-size: 12px; height: 150px; overflow: scroll; width: 250px;"><div style="overflow: hidden; text-align: center; width: 100%;">Silahkan anda bisa mengisi artikel atau daftar isi atau apa saja disini. Semakin banyak teks yang anda isikan dalam scroll box ini, dengan sendirinya akan membentuk kotak scroll box secara otomatis, sehingga dapat menghemat tempat. Lihat Contoh scroll box dibawah dengan isi teks yang lebih banyak.</div></div></td></tr></tbody></table></div><br /><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;">Berikut Kode untuk <a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-scroll-box.html">scroll box</a> diatas :</span></div><br /><fieldset style="font-family: Arial,Helvetica,sans-serif;"><div style="color: #38761d;"><span style="font-size: small;"><div align="center"></span></div><div style="color: #38761d;"><span style="font-size: small;"><table width="250" border="1"></span></div><div style="color: #38761d;"><span style="font-size: small;"><tr> <th colspan="100%" scope="col">JUDUL ARTIKEL</th> </tr></span></div><span style="color: #38761d; font-size: small;"><tr><td><div style="font-family: arial; font-size: 12px; overflow: scroll; width: 250px; height: 150px;"><div style="text-align: center; width: 100%; padding: 0 px; overflow: hidden;"></span><span style="color: red; font-size: small;">Silahkan anda bisa mengisi artikel atau daftar isi atau apa saja disini. Semakin banyak teks yang anda isikan dalam scroll box ini, dengan sendirinya akan membentuk kotak scroll box secara otomatis, sehingga dapat menghemat tempat. Lihat Contoh scroll box dibawah dengan isi teks yang lebih banyak</span><span style="color: #38761d; font-size: small;">.</div></div></td></tr></span><br /><div style="color: #38761d;"><span style="font-size: small;"></table></span></div><div style="color: #38761d;"><span style="font-size: small;"></div></span></div></fieldset><br /><div style="font-family: Arial,Helvetica,sans-serif;"><br /></div><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;">Anda juga bisa memberi warna sesuka anda, seperti <a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-scroll-box.html">scroll box</a> dibawah ini berikut kodenya :</span></div><br /><div align="center"><table border="1" style="width: 250px;"><tbody><tr> <th bgcolor="#fff2e0" colspan="100%" scope="col">CONTOH DAFTAR ISI TUTORIAL <br />BLOG</th> </tr><tr><td><div style="background: none repeat scroll 0% 0% rgb(255, 255, 255); border-color: rgb(204, 204, 204); font-family: arial; font-size: 12px; height: 150px; overflow: scroll; width: 250px;"><div style="background: none repeat scroll 0% 0% rgb(153, 0, 0); color: white; overflow: hidden; text-align: left; width: 100%;"><a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-tabel.html">1. Cara Membuat Tabel</a><br /><a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-link-terbuka-di-halaman.html">2. Cara membuat Link Terbuka di halaman Baru</a><br /><a href="http://htmlnoer.blogspot.com/2011/01/cara-menambah-gadget-diatas-header.html">3. Cara Menambah Gadget diatas Header</a><br /><a href="http://htmlnoer.blogspot.com/2010/12/submit-sitemap.html">4. Submit Sitemap</a><br /><a href="http://htmlnoer.blogspot.com/2010/12/cara-buat-sitemap-peta-situs.html">5. Cara Buat Sitemap / Peta Situs</a><br /><a href="http://htmlnoer.blogspot.com/2010/12/cara-buat-tabel-kode-warna.html">6. Cara buat tabel kode warna</a><br /><a href="http://htmlnoer.blogspot.com/2010/12/membuat-teks-berjalan-marquee.html">7. Membuat Teks Berjalan ( Marquee )</a><br /><a href="http://htmlnoer.blogspot.com/2010/11/cara-membuat-rounded-corner.html">8. Cara Membuat Rounded Corner</a><br /><a href="http://htmlnoer.blogspot.com/2010/11/cara-membuat-text-shadow.html">9. Cara membuat Text-Shadow</a><br /><a href="http://htmlnoer.blogspot.com/2010/11/cara-memasang-background-gambar-pada.html">10. Cara Memasang Background Gambar pada postingan</a><br /><a href="http://htmlnoer.blogspot.com/2010/10/menambah-widget-jam-pada-blog.html">11. Menambah Widget Jam pada Blog</a><br /><a href="http://htmlnoer.blogspot.com/2010/10/cara-membuat-read-moreselengkapnyabaca.html">12. Cara Membuat Read more</a><br /><a href="http://htmlnoer.blogspot.com/2010/10/cara-menghilangkan-navbar-pada-blogger.html">13. Cara Menghilangkan Navbar Pada blogger</a><br /><a href="http://htmlnoer.blogspot.com/2010/10/membuat-navbar-auto-hide.html">14. Membuat Navbar Auto-Hide</a><br /><a href="http://htmlnoer.blogspot.com/2010/10/cara-membuat-forum-login.html">15. Cara Membuat Forum Login</a><br /><a href="http://htmlnoer.blogspot.com/2010/10/anti-copy-paste.html">16. Anti Copy Paste</a><br /><a href="http://htmlnoer.blogspot.com/2010/10/membuat-pesan-selamat-datang-dan.html">17. Membuat pesan selamat datang dan selamat tinggal</a><br /><a href="http://htmlnoer.blogspot.com/2010/10/cara-membuat-animasi-status-loading.html">18. Cara Membuat Animasi Status Loading</a><br /><a href="http://htmlnoer.blogspot.com/2010/10/membuat-text-area-blok-otomatis.html">19. Membuat Text Area blok Otomatis</a><br /><ul></ul></div></div></td></tr></tbody></table></div><br /><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;">Berikut Kode untuk <a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-scroll-box.html">scroll box</a> diatas :</span></div><br /><fieldset style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;"><span style="color: #38761d;"><div align="center"></span><br style="color: #38761d;" /><span style="color: #38761d;"><table width="250" border="1"></span><br style="color: #38761d;" /><span style="color: #38761d;"><tr> <th colspan="100%" scope="col"bgcolor="#FFF7DB">CONTOH DAFTAR ISI TUTORIAL BLOG</th> </tr><tr><td></span><br style="color: #38761d;" /><span style="color: #38761d;"><div style="font-family: arial; font-size: 12px; overflow: scroll; background: #FFFFFF; border-color: #CCCCCC; width: 250px; height: 150px;"><div style="text-align:left; width: 100%; padding: 0 px; overflow: hidden; color: #FFFFFF; background: #F6F0FF;"></span><br /><br /><span style="color: red;"><a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-tabel.html">1. Cara Membuat Tabel</a></span><br style="color: red;" /><span style="color: red;"><a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-link-terbuka-di-halaman.html">2. Cara membuat Link Terbuka di halaman Baru</a></span><br style="color: red;" /><span style="color: red;"><a href="http://htmlnoer.blogspot.com/2011/01/cara-menambah-gadget-diatas-header.html">3. Cara Menambah Gadget diatas Header</a></span><br style="color: red;" /><span style="color: red;"><a href="http://htmlnoer.blogspot.com/2010/12/submit-sitemap.html">4. Submit Sitemap</a></span><br style="color: red;" /><span style="color: red;"><a href="http://htmlnoer.blogspot.com/2010/12/cara-buat-sitemap-peta-situs.html">5. Cara Buat Sitemap / Peta Situs</a></span><br style="color: red;" /><span style="color: red;"><a href="http://htmlnoer.blogspot.com/2010/12/cara-buat-tabel-kode-warna.html">6. Cara buat tabel kode warna</a></span><br style="color: red;" /><span style="color: red;"><a href="http://htmlnoer.blogspot.com/2010/12/membuat-teks-berjalan-marquee.html">7. Membuat Teks Berjalan ( Marquee )</a></span><br style="color: red;" /><span style="color: red;"><a href="http://htmlnoer.blogspot.com/2010/11/cara-membuat-rounded-corner.html">8. Cara Membuat Rounded Corner</a></span><br style="color: red;" /><span style="color: red;"><a href="http://htmlnoer.blogspot.com/2010/11/cara-membuat-text-shadow.html">9. Cara membuat Text-Shadow</a></span><br style="color: red;" /><span style="color: red;"><a href="http://htmlnoer.blogspot.com/2010/11/cara-memasang-background-gambar-pada.html">10. Cara Memasang Background Gambar pada postingan</a></span><br style="color: red;" /><span style="color: red;"><a href="http://htmlnoer.blogspot.com/2010/10/menambah-widget-jam-pada-blog.html">11. Menambah Widget Jam pada Blog</a></span><br style="color: red;" /><span style="color: red;"><a href="http://htmlnoer.blogspot.com/2010/10/cara-membuat-read-moreselengkapnyabaca.html">12. Cara Membuat Read more</a></span><br style="color: red;" /><span style="color: red;"><a href="http://htmlnoer.blogspot.com/2010/10/cara-menghilangkan-navbar-pada-blogger.html">13. Cara Menghilangkan Navbar Pada blogger</a></span><br style="color: red;" /><span style="color: red;"><a href="http://htmlnoer.blogspot.com/2010/10/membuat-navbar-auto-hide.html">14. Membuat Navbar Auto-Hide</a></span><br style="color: red;" /><span style="color: red;"><a href="http://htmlnoer.blogspot.com/2010/10/cara-membuat-forum-login.html">15. Cara Membuat Forum Login</a></span><br style="color: red;" /><span style="color: red;"><a href="http://htmlnoer.blogspot.com/2010/10/anti-copy-paste.html">16. Anti Copy Paste</a></span><br style="color: red;" /><span style="color: red;"><a href="http://htmlnoer.blogspot.com/2010/10/membuat-pesan-selamat-datang-dan.html">17. Membuat pesan selamat datang dan selamat tinggal</a></span><br style="color: red;" /><span style="color: red;"><a href="http://htmlnoer.blogspot.com/2010/10/cara-membuat-animasi-status-loading.html">18. Cara Membuat Animasi Status Loading</a></span><br style="color: red;" /><span style="color: red;"><a href="http://htmlnoer.blogspot.com/2010/10/membuat-text-area-blok-otomatis.html">19. Membuat Text Area blok Otomatis</a></span><br /><span style="color: #38761d;"></div></span><br style="color: #38761d;" /><span style="color: #38761d;"></div></span><br style="color: #38761d;" /><span style="color: #38761d;"></td></tr></span><br style="color: #38761d;" /><span style="color: #38761d;"></tbody></table></span><br style="color: #38761d;" /><span style="color: #38761d;"></div></div></div></td></tr></span><br style="color: #38761d;" /><span style="color: #38761d;"></table></div></span></span></fieldset><br /><div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"><div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"><span style="font-size: small;">Silahkan anda ganti teks berwarna <span style="color: red;">merah</span> dia atas dengan daftar isi milik anda. Untuk memilih warna beserta kodenya silahkan anda lihat tabel kode warna di : <a href="http://www.buatblog-mudah.co.cc/p/kode-warna-color-code.html">http://www.buatblog-mudah.co.cc/p/kode-warna-color-code.html</a>. </span></div></div><div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"><span style="font-size: small;">Dan cara penulisan daftar isi dengan link seperti diatas, silahkan anda lihat tutorialnya di : <a href="http://htmlnoer.blogspot.com/2010/12/html-hyperlink-link.html.">http://htmlnoer.blogspot.com/2010/12/html-hyperlink-link.html.</a></span></div><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;"> </span></div><div style="font-family: Arial,Helvetica,sans-serif;"><br /><span style="font-size: small;">Demikian cara membuat <a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-scroll-box.html">scroll box</a>,</span><br /><span style="font-size: small;">selamat mencoba dan semoga bermanfaat....</span><br /><br /><span style="font-size: small;">Jangan lupa luangkan waktu untuk beri komentarmu ya......terima kasih.</span></div></span></div>Noercholishttp://www.blogger.com/profile/05887258496135614730noreply@blogger.com0tag:blogger.com,1999:blog-1911581542595974685.post-6696324895011575122011-01-06T13:44:00.000+07:002011-02-18T14:52:32.876+07:00Cara Membuat Tabel<div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;"><span style="font-size: small;"><a href="http://htmlnoer.blogspot.com/">Tutorial Blog</a> kali ini saya akan membahas bagaimana cara membuat <a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-tabel.html">tabel.</a> Karena <a href="http://htmlnoer.blogspot.com/2011/01/cara-membuat-tabel.html">tabel </a>sangat penting dan sering diperlukan ketika kita edit atau posting <a href="http://htmlnoer.blogspot.com/2011/01/pasang-iklan-gratis-nempel-%20terus.html">artikel</a> pada web atau blog. Biasanya tabel digunakan untuk membuat Daftar atau forum. Tapi dengan tabel kita juga bisa membuat artikel kita menjadi beberapa Kolom atau Layout, seperti halnya yang sering kita lihat kolom-kolom yang ada di Koran atau majalah.</span></div><span class="fullpost"><span style="font-size: small;"><br style="font-family: Arial,Helvetica,sans-serif;" /></span> <div style="font-family: Arial,Helvetica,sans-serif;"><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;">Untuk membuat tabel, ada beberapa unsur elemenatau atribut html yang kita butuhkan, yaitu :</span></div><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;">- Table width : nilai lebar tabel keseluruhan.</span></div><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;">- Border : nilai ketebalan garis</span></div><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;">- Baris tabel ditandai dengan tag awal <tr> dan tag akhir </tr></span></div><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;">- Kolom tabel ditandai dengan tag awal <td> dan tag akhir </td></span></div><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;"><br /></span></div><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;">Silahkan anda perhatikan cara penulisan kode untuk membuat tabel :</span></div><br /><div style="color: #b45f06;"><b>1. Tabel 1 kolom, dan 1 baris</b></div></div><div style="color: #38761d; font-family: Arial,Helvetica,sans-serif; text-align: center;"><fieldset><span style="font-size: small;"><table width="500" border="1"></span><br /><span style="font-size: small;"><tr></span><br /><span style="font-size: small;"><td scope="col">Tabel 1 kolom, dan 1 baris</td></span><br /><span style="font-size: small;"></tr></span><br /><span style="font-size: small;"></table></span></fieldset></div><div style="font-family: Arial,Helvetica,sans-serif;"><br /><div style="font-family: Arial,Helvetica,sans-serif; text-align: center;"><span style="font-size: small;">Berikut hasilnya :</span></div></div></span><span class="fullpost"><div align="center"><table border="1" style="width: 100%;"><tbody><tr> <td scope="col" style="text-align: center;">Tabel 1 kolom, dan 1 baris</td> </tr></tbody></table></div><div style="font-family: Arial,Helvetica,sans-serif;"><br /><br /><div style="color: #b45f06;"><b>2. Tabel 1 kolom, dan 2 baris </b></div><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;">Untuk membuat tabel 2 baris dan seterusnya, kita tinggal menambahkan elemen tag <tr></tr> diantara tag <table> </table> yaitu :</span></div><br /><div style="color: #38761d; font-family: Arial,Helvetica,sans-serif; text-align: center;"><fieldset><span style="color: blue; font-size: small;"><table</span><span style="font-size: small;"> width="500" border="1"></span><br /><div style="color: red;"><span style="font-size: small;"><tr></span></div><span style="font-size: small;"><td>Tabel 1 kolom, dan baris pertama</td></span><br /><div style="color: red;"><span style="font-size: small;"></tr></span></div><div style="color: red;"><span style="font-size: small;"><tr></span></div><span style="font-size: small;"><td>Tabel 1 kolom, dan baris kedua</td></span><br /><div style="color: red;"><span style="font-size: small;"></tr></span></div><div style="color: blue;"><span style="font-size: small;"></table></span></div></fieldset></div><br /><div style="font-family: Arial,Helvetica,sans-serif; text-align: center;"><span style="font-size: small;">Berikut hasilnya :</span></div><div align="center"><table border="1" style="width: 100%;"><tbody><tr style="font-family: Arial,Helvetica,sans-serif;"> <td scope="col" style="text-align: center;"><span style="font-size: small;">Tabel 1 kolom, dan baris pertama</span></td> </tr><tr style="font-family: Arial,Helvetica,sans-serif;"> <td scope="col" style="text-align: center;"><span style="font-size: small;">Tabel 1 kolom, dan baris kedua</span></td> </tr></tbody></table></div><br /><br /><b style="color: #b45f06;">3. Tabel 2 kolom, dan 1 baris </b><br /><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;">Untuk membuattabel 2 kolom dan seterusnya kita tinggal menambahkan elemen tag </span><span style="color: red; font-size: small;"><td></td></span> diantara <span style="color: blue; font-size: small;"><tr></tr></span><span style="font-size: small;"> yaitu :</span></div><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;"><br /></span></div><div style="color: #38761d; font-family: Arial,Helvetica,sans-serif; text-align: center;"><fieldset><span style="font-size: small;"><table width="500" border="1"></span><br /><div style="color: blue;"><span style="font-size: small;"><tr></span></div><span style="color: red; font-size: small;"><td></span><span style="font-size: small;"> Kolom Pertama</span><span style="color: red; font-size: small;"></td></span><br /><span style="color: red; font-size: small;"><td></span><span style="font-size: small;">Kolom Kedua</span><span style="color: red; font-size: small;"></td></span><br /><div style="color: blue;"><span style="font-size: small;"></tr></span></div><span style="font-size: small;"></table></span></fieldset></div><br /><div style="font-family: Arial,Helvetica,sans-serif; text-align: center;"><span style="font-size: small;">Berikut hasilnya :</span></div><div align="center"><table border="1" style="width: 100%;"><tbody><tr> <td scope="col" style="font-family: Arial,Helvetica,sans-serif; text-align: center;"><span style="font-size: small;">Kolom Pertama</span></td> <td scope="col" style="font-family: Arial,Helvetica,sans-serif; text-align: center;"><span style="font-size: small;">Kolom Kedua</span></td> </tr></tbody></table></div><br /><br /><b style="color: #b45f06;">4. Tabel 2 kolom dengan 2 baris</b><br /><br /><div style="color: #38761d; font-family: Arial,Helvetica,sans-serif; text-align: center;"><fieldset><span style="font-size: small;"><table width="500" border="1"></span><br /><span style="font-size: small;"><tr></span><br /><span style="font-size: small;"><td>Baris pertama dan Kolom Pertama</td></span><br /><span style="font-size: small;"><td>Baris pertama dan Kolom Kedua </td></span><br /><span style="font-size: small;"></tr></span><br /><span style="font-size: small;"><tr></span><br /><span style="font-size: small;"><td>Baris Kedua dan Kolom Pertama</td></span><br /><span style="font-size: small;"><td>Baris Kedua dan Kolom Kedua</td></span><br /><span style="font-size: small;"></tr></span><br /><span style="font-size: small;"></table></span></fieldset></div><br /><div style="font-family: Arial,Helvetica,sans-serif; text-align: center;"><span style="font-size: small;">Berikut hasilnya :</span></div><div align="center"><table border="1" style="width: 100%;"><tbody><tr> <td style="font-family: Arial,Helvetica,sans-serif; text-align: center;"><span style="font-size: small;">Baris pertama dan Kolom Pertama</span></td> <td style="font-family: Arial,Helvetica,sans-serif; text-align: center;"><span style="font-size: small;">Baris pertama dan Kolom Kedua</span> </td> </tr><tr> <td scope="col" style="font-family: Arial,Helvetica,sans-serif; text-align: center;"><span style="font-size: small;">Baris Kedua dan Kolom Pertama</span></td> <td scope="col" style="font-family: Arial,Helvetica,sans-serif; text-align: center;"><span style="font-size: small;">Baris Kedua dan Kolom Kedua</span></td> </tr></tbody></table></div><br /><br /><b style="color: #b45f06;">5. Tabel dengan garis tebal</b><br /><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;">Garis tebal ditentukan oleh </span><span style="color: red; font-size: small;">Nilai border</span><span style="font-size: small;">, semakin besar nilainya semakin Tebal garisnya dan terlihat seperti 3D (efek bevel)</span></div><div style="font-family: Arial,Helvetica,sans-serif;"><br /></div></div><div style="color: #38761d; font-family: Arial,Helvetica,sans-serif; text-align: center;"><fieldset><span style="font-size: small;"><table width="500" <b><span style="color: red;">border="5"</span></b>></span><br /><span style="font-size: small;"><tr></span><br /><span style="font-size: small;"><td><div align="center">Teks</div></td> </span><br /><span style="font-size: small;"></tr></span><br /><span style="font-size: small;"></table></span></fieldset></div><div style="font-family: Arial,Helvetica,sans-serif;"><br /></div><div style="font-family: Arial,Helvetica,sans-serif; text-align: center;"><span style="font-size: small;">Berikut hasilnya :</span></div><div align="center" style="font-family: Arial,Helvetica,sans-serif;"><table border="5" style="width: 100%;"><tbody><tr> <td><div align="center"><span style="font-size: small;">Teks</span></div></td> </tr></tbody></table></div><div style="font-family: Arial,Helvetica,sans-serif;"><div style="color: #b45f06;"><br /><br /><b>6. Tabel dengan garis berwarna</b></div><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;">Untuk memberi warna border kita tinggal menambah “</span><span style="color: red; font-size: small;">bordercolor</span><span style="font-size: small;"> “</span></div><br /><div style="color: #38761d; font-family: Arial,Helvetica,sans-serif; text-align: center;"><fieldset><span style="font-size: small;"><table width="0" border="1" <b style="color: red;"><span style="color: red;">bordercolor="</span>#3083FF</b><b><span style="color: red;">"</span></b>></span><br /><span style="font-size: small;"><tr></span><br /><span style="font-size: small;"><td><div align="center">Teks</div></td> </span><br /><span style="font-size: small;"></tr></span><br /><span style="font-size: small;"></table></span></fieldset></div><br /><div style="font-family: Arial,Helvetica,sans-serif; text-align: center;"><span style="font-size: small;">Berikut hasilnya :</span></div><div align="center" style="font-family: Arial,Helvetica,sans-serif;"><table border="1" bordercolor="#3083ff" style="width: 100%;"><tbody><tr> <td><div align="center"><span style="font-size: small;">Teks</span></div></td> </tr></tbody></table></div><br /><br /><b style="color: #b45f06;">7. Tabel dengan warna background sama </b><br /><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;">Untuk memberi warna Background dengan warna sama seluruh tabel kita tinggal menambah “</span><span style="color: red; font-size: small;">bgcolor</span><span style="font-size: small;"> “.</span></div><br /><div style="color: #38761d; font-family: Arial,Helvetica,sans-serif; text-align: center;"><fieldset><span style="font-size: small;"><table width="500" border="1" <b style="color: red;">bgcolor="#00FF00</b><b><span style="color: red;">"</span></b>></span><br /><span style="font-size: small;"><tr></span><br /><span style="font-size: small;"><td><div align="center">Teks</div></td> </span><br /><span style="font-size: small;"><td><div align="center">Teks</div></td></span><br /><span style="font-size: small;"></tr></span><br /><span style="font-size: small;"></table></span></fieldset></div><br /><div style="font-family: Arial,Helvetica,sans-serif; text-align: center;"><span style="font-size: small;">Berikut hasilnya :</span></div><div align="center"><table bgcolor="#d9f5ff" border="1" style="width: 100%;"><tbody><tr> <td><div align="center"><span style="font-size: small;">Teks</span></div></td> <td><div align="center"><span style="font-size: small;">Teks</span></div></td> </tr></tbody></table></div><br /><br /><div style="color: #b45f06; font-family: Arial,Helvetica,sans-serif;"><b>8. Tabel dengan warna beda</b></div><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;">Untuk memberi warna Background dengan warna berbeda pada setiap kolomnya :</span></div><br /><div style="color: #38761d; text-align: center;"><fieldset><span style="font-size: small;"><table width="500" border="1"></span><br /><span style="font-size: small;"><tr></span><br /><span style="font-size: small;"><td </span><span style="color: red; font-size: small;">bgcolor="#D9F5FF"</span><span style="font-size: small;">><div align="center">Teks</div></td> </span><br /><span style="font-size: small;"><td </span><span style="color: red; font-size: small;">bgcolor="#E1FACD"</span><span style="font-size: small;">><div align="center">Teks</div></td></span><br /><span style="font-size: small;"></tr></span><br /><span style="font-size: small;"></table></span></fieldset></div><br /><div style="text-align: center;"><span style="font-size: small;">Berikut hasilnya :</span></div><div align="center"><table border="1" style="width: 100%;"><tbody><tr> <td bgcolor="#d9f5ff"><div align="center"><span style="font-size: small;">Teks</span></div></td> <td bgcolor="#e1facd"><div align="center"><span style="font-size: small;">Teks</span></div></td> </tr></tbody></table></div><br /><br /><b style="color: #b45f06;">9. Tabel dengan Judul</b><br /><br /><div style="color: #38761d; text-align: center;"><fieldset><span style="font-size: small;"><table width="500" border="1"></span><br /><span style="font-size: small;"><br /></span><br /><span style="color: red; font-size: small;"><tr> <th colspan="100%" scope="col"bgcolor="#FFF7DB">JUDUL TABEL</th> </tr></span><br /><span style="font-size: small;"><tr> </span><br /><span style="font-size: small;"><td bgcolor="#E4FADE"><div align="center"><strong>Judul Kolom 1</strong></div></td> </span><br /><span style="font-size: small;"><td bgcolor="#EDFBFF"><div align="center"><strong>Judul Kolom 2</strong></div></td> </span><br /><span style="font-size: small;"><td bgcolor="#FDF0FF"><div align="center"><strong>Judul Kolom 3</strong></div></td> </span><br /><span style="font-size: small;"></tr></span><br /><span style="font-size: small;"><tr> </span><br /><span style="font-size: small;"><td bgcolor="#E4FADE"><div align="center">Teks</div></td> </span><br /><span style="font-size: small;"><td bgcolor="#EDFBFF"><div align="center">Teks</div></td> </span><br /><span style="font-size: small;"><td bgcolor="#FDF0FF"><div align="center">Teks</div></td> </span><br /><span style="font-size: small;"></tr></span><br /><span style="font-size: small;"><td bgcolor="#E4FADE"><div align="center">Teks</div></td> </span><br /><span style="font-size: small;"><td bgcolor="#EDFBFF"><div align="center">Teks</div></td> </span><br /><span style="font-size: small;"><td bgcolor="#FDF0FF"><div align="center">Teks</div></td> </span><br /><span style="font-size: small;"></tr></span><br /><span style="font-size: small;"></table></span></fieldset></div><br /><div style="font-family: Arial,Helvetica,sans-serif; text-align: center;"><span style="font-size: small;">Berikut hasilnya :</span></div><div align="center"><table border="1" style="width: 100%;"><tbody><tr> <th bgcolor="#fff7db" colspan="100%" scope="col">JUDUL TABEL</th> </tr><tr> <td bgcolor="#e4fade"><div align="center"><b>Judul Kolom 1</b></div></td> <td bgcolor="#edfbff"><div align="center"><b>Judul Kolom 2</b></div></td> <td bgcolor="#fdf0ff"><div align="center"><b>Judul Kolom 3</b></div></td> </tr><tr> <td bgcolor="#e4fade"><div align="center"><span style="font-size: small;">Teks</span></div></td> <td bgcolor="#edfbff"><div align="center"><span style="font-size: small;">Teks</span></div></td> <td bgcolor="#fdf0ff"><div align="center"><span style="font-size: small;">Teks</span></div></td> </tr><tr><td bgcolor="#e4fade"><div align="center"><span style="font-size: small;">Teks</span></div></td> <td bgcolor="#edfbff"><div align="center"><span style="font-size: small;">Teks</span></div></td> <td bgcolor="#fdf0ff"><div align="center"><span style="font-size: small;">Teks</span></div></td> </tr></tbody></table></div><br /><span style="font-size: small;">Nah....., Silahkan anda bisa otak - atik sendiri sesuai selera anda. Semoga bermanfaat.</span><br /><span style="font-size: small;">Mohon luangkan waktu anda untuk meninggalkan komentar anda ya..... Terima kasih. </span></div></span>Noercholishttp://www.blogger.com/profile/05887258496135614730noreply@blogger.com1