tag:blogger.com,1999:blog-37983980089247966632024-03-13T08:58:48.599-07:00Komunitas Blogger NiasTempat Sharing Trik blog dan tips SEOBloggerniashttp://www.blogger.com/profile/03085153608543911450noreply@blogger.comBlogger7125tag:blogger.com,1999:blog-3798398008924796663.post-29879155709880574032014-11-20T18:47:00.000-08:002014-11-20T18:48:58.177-08:0010 Manfaat dan Kelebihan HTML5<div style="text-align: justify;">
Manfaat HTML5, Kelebihan HTML5, Fakta HTML5, Alasan Menggunakan HTML 5,HTML5 merupakan metode atau cara yang banyak digunakan dan membantu para blogger saat ini. Blog dengan menggunakan HTML5 bukanlah hal yang sulit. </div>
<a name='more'></a><div style="text-align: justify;">
Oke sobat langsung saja, Berikut ini adalah beberapa alasan atau fakta kenapa kita menggunakan HTML 5 yang harus anda ketahui :</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsEAfSZbctS-WsWWTfMMLnG0isxCJ_P5M6mF2aGX56Ir33Etr7nRRD1C4dxV-YMNSX8SJIOrq49oxgoYp-DbgUnRlMvxnZOQjdZfutnG_OgJF6bZnvLKfr3wjLGUKkC7UjFYthOUMfo6U/s1600/html5-logo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsEAfSZbctS-WsWWTfMMLnG0isxCJ_P5M6mF2aGX56Ir33Etr7nRRD1C4dxV-YMNSX8SJIOrq49oxgoYp-DbgUnRlMvxnZOQjdZfutnG_OgJF6bZnvLKfr3wjLGUKkC7UjFYthOUMfo6U/s1600/html5-logo.png" height="320" width="320" /></a></div>
<div style="text-align: justify;">
<b>1. AKSESBILITAS</b></div>
<div style="text-align: justify;">
HTML5 membuat blog mudah diakses, situs akan lebih mudah diakses, sebab ada dua alasan utama, yakni: semantik dan ARIA. Dengan tag semantik pembaca bisa memeriksa dokumen HTML dan menciptakan pengalaman lebih baik. ARIA adalah spesifikasi W3C yang digunakan dalam menetapkan spesifik elemen untuk dokumen HTML – dasarnya menciptakan landmark penting pada halaman: header, footer, navigasi atau artikel</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>2. SUPPORT AUDIO VIDEO</b></div>
<div style="text-align: justify;">
Dengan HTML5 anda bisa membuat video dan audio yang bagus dengan HTML5 <video> dan <audio> tags. Video dan audio tag HTML5 pada dasarnya memperlakukan mereka sebagai gambar <video src=”url”/>. Sebenarnya ini sangat sederhana, akan tetapi yang jadi masalahnya adalah karena tidak setiap browser mendukung HTML 5. Jadi Lupakan Flash Player dan media music lainnya</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>3. DOCTYPE</b></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>4. CODE CLEANER</b></div>
<div style="text-align: justify;">
Apa anda ingin sebuah kode yang sederhana, elegan, mudah untuk dibaca maka HTML5 adalah solusi yang terbaik untuk anda. Dengan HTML5 anda dapat menulis deskriptif kode, kode semantic, yang memungkinkan anda untuk memisahkan makna dari gaya dan konten.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>5. PENYIMPANAN</b></div>
<div style="text-align: justify;">
Salah satu kelebihan tentang HTML5 adalah fitur penyimpanan. Penyimpanan ini meliputi cookie dan database. HTML5 memiliki keamanan dan kinerja lebih baik dan data akan tetap ada dan aman, bahkan setelah browser ditutup. Sebab pada dasarnya berbasis data, jadi anda tidak perlu khawatir lupa menghapus cookie. Penyimpanan input sangat baik untuk banyak hal, tapi itu juga merupakan salah satu alat HTML5 yang membuat aplikasi web tanpa plugin pihak ketiga. Mampu menyimpan data dalam browser pengguna memungkinkan anda dengan mudah membuat fitur-fitur aplikasi</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>6. INTERAKSI TERBAIK</b></div>
<div style="text-align: justify;">
Anda semua pasti ingin interaksi yang lebih baik, Anda pasti ingin website lebih dinamis dan memungkinkan pengguna untuk menikmati / berinteraksi dengan konten yang anda buat bukan hanya sekedar melihatnya.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>7. GAME DEVELOPMENT</b></div>
<div style="text-align: justify;">
Anda dapat mengembangkan game dengan menggunakan HTML5 <canvas> tag. HTML5 menyediakan ponsel untuk mengembangkan permainan interaktif. Jika anda telah membangun Flash game sebelumnya, anda akan membuat HTML5 game.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>8. SUPPORT BROWSER</b></div>
<div style="text-align: justify;">
Browser populer yang mendukung HTML5 diantaranya adalah Chrome, Firefox, Safari dan Opera IE9. HTML5 dibangun untuk membuat segalanya lebih mudah pada browser sehingga memungkinkan mereka untuk menggunakan unsur-unsur baru.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>9. TEKNOLOGI MOBILE</b></div>
<div style="text-align: justify;">
Teknologi mobile menjadi lebih populer dan perangkat mobile terus berkembang sangat pesat dan ini berarti bahwa semakin banyak pengguna akan menggunakan mobile browser mereka untuk melihat situs web anda. HTML5 adalah alat mobile yang paling siap untuk mengembangkan situs mobile dan aplikasi. Dengan Adobe Flash mobile, sekarang anda bisa mengandalkan HTML5 untuk melakukan pengembangan aplikasi web mobile anda. Browser pada ponsel telah sepenuhnya mengadopsi HTML5 sehingga menciptakan berbagai aplikasi mobile yang menampilkan layar sentuh yang lebih kecil, dan desain Responsif.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>10. TEKNOLOGI MASA DEPAN</b></div>
<div style="text-align: justify;">
HTML5 adalah teknologi masa depan. HTML5 tidak akan berhasil dan banyak perusahaan akan mulai berkembang di HTML5. Satu-satunya alasan sebenarnya saya lebih suka menggunakan HTML5 adalah hanya untuk menulis kode bersi dan fitur menyenangkan. anda hanya mulai menggunakannya dan tidak mengubah cara anda merancang. Ini sangat sederhana dan anda harus mulai mencobanya.</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: right;">
<span style="font-size: x-small;"><i>Sumber : seowaps.com</i></span></div>
Unknownnoreply@blogger.com7tag:blogger.com,1999:blog-3798398008924796663.post-70863670585215720052013-01-17T19:10:00.002-08:002013-01-17T19:10:21.447-08:00Kode Warna HTML<br />
Yaahowu (Salam orang Nias), kali ini penulis ingin mengshare tool yaitu Html Color Codes, yang fungsinya memudahkan anda dalam mencari kode-kode warna HTML. untuk lebih jelas anda bisa mengklik salah satu warna dibawah ini ataupun mencoba memparse kode warna pada teks box dan warna kode tersebut dapat langsung dipecahkan di TKP..<br />
<a name='more'></a><br />
<br />
Selamat mencoba..<br />
<br />
<br />
<center><div style="text-align: center;"> <object align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" height="480" id="col" width="480"> <param value="sameDomain" name="allowScriptAccess" /> <param value="http://www.2createawebsite.com/build/col.swf" name="movie" /> <param value="high" name="quality" /> <param value="#ffffff" name="bgcolor" /> <embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" src="http://www.2createawebsite.com/build/col.swf" bgcolor="#ffffff" name="col" width="480" align="middle" height="480"></embed> </object></div> </center>Bloggerniashttp://www.blogger.com/profile/03085153608543911450noreply@blogger.com2tag:blogger.com,1999:blog-3798398008924796663.post-35401589231806030512011-07-26T11:11:00.000-07:002011-07-26T11:11:29.811-07:00Menambah Efek Stabilo Pada TulisanPada postingan kali ini saya akan membahas trik memberi efek backgoround color pada tulisan, atau lebih dikenal memberi efek stabilo. Tidak jauh berbeda kodenya dengan memberi efek tebal, cetak miring atau garis bawah tulisan hanya menambah kode warna background-color: hingga hasilnya seperti text <br />
<a name='more'></a>disamping.<br />
<br />
<br />
Baik langsung saja. Silahkan anda masuk atau login ke blog anda terlebih dahulu. Bila anda ingin menambahkan efek stabilo pada tulisan postingan anda, pilih <b>edit HTML</b> diantara 2 pilihan penulisan (Edit HTML dan Compose). Silahkan cari kata atau kalimat yang ingin anda blog atau diberi efek stabilo. setelah itu tambahkan code dibawah<br />
<br />
<br />
<blockquote><span class="Apple-style-span" style="color: blue;"><span style="background-color:#FFC1E0;"></span><b>kata atau kalimat anda yang ingin diberi efek Stabilo</b><span class="Apple-style-span" style="color: blue;"></span></span></blockquote><div style="color: blue;"><br />
</div><br />
Hasilnya sebagai berikut : <span style="background-color: #ffc1e0;"><b>kata atau kalimat anda yang ingin diberi efek Stabilo</b></span><br />
<div><br />
</div>Pada kode yang bercetak warna biru, itu adalah kode dari efek warna yang akan kita berikan. Untuk mencari kode warna lain, lihat <b><a href="http://www.december.com/html/spec/colorcodes.html">disini</a></b><br />
<br />
Selamat mencoba…Bloggerniashttp://www.blogger.com/profile/03085153608543911450noreply@blogger.com2tag:blogger.com,1999:blog-3798398008924796663.post-7273749889851211222011-07-03T04:54:00.000-07:002011-07-03T04:56:26.299-07:00Pengertian jQuery<div style="text-align: justify;">Pada artikel kali ini saya akan membahas lebih sedikitnya dari pengertian jQuery. Kenapa? Karna dalam mendesain blog nantinya, lebih sedikitnya kita harus mengerti tentang jQuery. Baik, langsung saja. JQuery merupakan suatu framework (library) Javascript yang menekankan bagaimana interaksi antara Javascript</div><a name='more'></a>dan HTML. JQuery pertama kali dirilis pada tahun 2006 oleh John Resig. Pada perkembangannya JQuery tidak sekedar sebagai framework Javascript, namun memiliki kehandalan dan kelebihan yang cukup banyak. Hal tersebut menyebabkan banyak developer web menggunakannya. JQuery memiliki slogan “<i>Write less, do more</i>” yang kurang lebih maksudnya adalah kesederhanaan dalam penulisan code, tapi dengan hasil yang lebih banyak.<br />
<div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTZY3qIthnPuH451l9pYw9kqtaVONCWQcOGGuH_b3WvowfUBeUh5xr474Iky65KM573DDIInC8RDYGDThZxiou1Ex20J9x0sTYKYTK7z8b2ASciS2HCP9DNn0dyr75K_OXjtjgJ3ijIpc/s1600/jquery-logo.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/AVvXsEjTZY3qIthnPuH451l9pYw9kqtaVONCWQcOGGuH_b3WvowfUBeUh5xr474Iky65KM573DDIInC8RDYGDThZxiou1Ex20J9x0sTYKYTK7z8b2ASciS2HCP9DNn0dyr75K_OXjtjgJ3ijIpc/s1600/jquery-logo.png" /></a></div><div style="text-align: justify;">JQuery merupakan library open source dengan lisensi GNU General Public License dan MIT License. Dari sisi ukurannya, framework JQuery sungguh ramping, hanya sekitar 20 KB dan hanya terdiri dari satu file. Namun demikian, bagi yang menginginkan fungsi lebih, JQuery memungkinkan penambahan fungsionalitas dalam bentuk plugin. Saat ini tersedia ribuan plugin yang dapat diperoleh secara gratis di internet.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Yang bisa dilakukan dengan JQuery?:</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><b>1. Mengakses bagian halaman tertentu dengan mudah.</b></div><div style="text-align: justify;">Tanpa adanya library Javascript khusus, untuk mengakses suatu bagian tertentu dari halaman, harus mengikuti aturan Document Object Model (DOM) dan pengaksesan harus secara spesifik menyesuaikan dengan struktur HTML. Dengan kata lain, pengaksesan bagian tertentu dari halaman sangat tergantung pada struktur dari HTML. JQuery menawarkan cara yang mudah (bahkan sangat mudah) dalam mengakses bagian tertentu dari halaman. Pengaksesan juga tidak terlalu bergantung pada struktur HTML.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><b>2. Mengubah tampilan bagian halaman tertentu.</b></div><div style="text-align: justify;">CSS (Cascading Style Sheet) menawarkan metode yang cukup handal dalam mengatur dan mempercantik halaman web. Namun terkadang CSS punya kelemahan yang cukup mengganggu, yaitu beberapa perintah CSS tidak didukung oleh semua browser. Cukup merepotkan jika kita harus mendesign halaman web dengan beberapa CSS sekaligus. Sekali lagi JQuery menawarkan solusi untuk mengatasi hal tersebut. Dengan JQuery, “kesenjangan” yang terjadi antara browser dalam urusan CSS akan tertutup dengan baik.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><b>3. Mengubah isi dari halaman.</b></div><div style="text-align: justify;">Jaman dulu (baca:sebelum JQuery lahir) cukup sulit jika kita akan mengubah sebagian isi dari halaman. Mengubah disini dapat berarti mengganti teks, menambahkan teks atau gambar, mengurutkan suatu daftar (list), menghapus baris tabel dan sebagainya. Dengan JQuery, hal tersebut dapat dilakukan dengan hanya beberapa baris perintah.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><b>4. Merespond interaksi user dalam halaman.</b></div><div style="text-align: justify;">Website yang baik tidak cukup digambarkan dengan user-interface dan tampilan yang memukau. Namun lebih dari itu, bagaimana pengunjung dapat berinteraksi dengan website dan dapat mengatur tampilannya sendiri. Interaktivitas sangat bergantung bagaimana pemrograman yang dipakai dalam menangani event-handling. Javascript sendiri memiliki beberapa event-handling seperti onclick untuk menangani event saat terjadi click. Namun demikian, event handling pada Javascript terbatas pada object-object tertentu, dan jenisnya pun terbatas. JQuery melengkapi semuanya dengan tambahan penanganan event-handling yang semakin mudah.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><b>5. Menambahkan animasi ke halaman.</b></div><div style="text-align: justify;">Animasi seringkali disertakan dalam suatu halaman web untuk menambah kecantikannya. Saat ini animasi masih cukup digemari oleh para peselancar situs. Animasi dapat dibuat dalam berbagai gaya, ada yang menggunakan Flash, gambar bergerak (GIF), video, dan sebagainya. Masing-masing tentu memiliki kelebihan dan kekurangan masing-masing. JQuery sendiri menawarkan konsep animasi (walaupun masih sederhana) yang cukup apik namun ramah bandwidth alias ringan. Salah satu animasi yang bisa dibuat dengan JQuery adalah fading jika terdapat suatu bagian dari halaman ditambahkan atau dihilangkan.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><b>6. Mengambil informasi dari server tanpa me-refresh seluruh halaman.</b></div><div style="text-align: justify;">Mengambil informasi dari server tanpa refresh halaman merupakan salah satu konsep dasar dari yang namanya AJAX (Asynchronous Javascript and XML). Pada penerapannya, cukup ribet jika harus membangun website dengan konsep AJAX, saat ini banyak library khusus yang berusaha mempermudahnya. JQuery merupakan salah satunya.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><b>7. Menyederhanakan penulisan Javascript biasa.</b></div><div style="text-align: justify;">Semboyan JQuery adalah “Write less, do more” atau dengan kata lain kesederhanaan dalam penulisan code, tetapi menghasilnya tampilan yang lebih. Sebenarnya inilah yang menjadi daya tarik tersendiri buat para pengembang web untuk menggunakan JQuery.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><u>Download JQuery</u></div><div style="text-align: justify;">Situs resmi JQuery dapat diakses di <a href="http://jquery.com/">http://jquery.com/</a>. Dan library JQuery dapat didownload di alamat <a href="http://docs.jquery.com/Downloading_jQuery">http://docs.jquery.com/Downloading_jQuery</a>. Tersedia library jQuery dalam 2 (dua) jenis yaitu minified dan uncompressed. Minified jika kita ingin menggunakannya saja dalam website kita (ukuran 18 KB), sedangkan uncompressed jika kita berkeinginan turut serta mengembangkan code jQuery.</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: right;"><i><span class="Apple-style-span" style="font-size: x-small;">source : DartoBlog's</span></i></div>Bloggerniashttp://www.blogger.com/profile/03085153608543911450noreply@blogger.com0tag:blogger.com,1999:blog-3798398008924796663.post-84681680228490457312011-06-26T05:21:00.000-07:002011-06-26T05:27:05.326-07:00Belajar dasar-dasar HTMLHTML adalah bahasa markup yang berfungsi untuk membuat halaman web, dimana sintaks html ini hanya bisa dijalankan oleh engine layout atau browser. HTML tidak beda dengan bahasa pemrograman web lainnya, walau secara teori HTML belum bisa dikatakan bahasa pemrograman, karna dilihat dari strukturnya.<br />
<a name='more'></a>Dalam menulis sintaks HTML, tidak begitu sulit dimengerti. Anda dapat langsung membuat nya langsung di text editor favorit anda. notepad contohnya. Namun, bila sintaks terlalu panjang hingga berhalaman bisa menggunakan software yang telah disediakan oleh beberapa vendor yang bisa anda dapatkan secara gratis alias free. hehe.. Baik, kita memulainya dengan menyiapkan text editor yang kita siapkan. Untuk proses belajar, saya sarankan untuk menggunakan Notepad ++, agar lebih mudah untuk memisahkan dan melihat kesalahan dari sintaksnya.<br />
<br />
Langsung saja, setelah anda membuka Notepad++ silahkan ketik script berikut <span class="Apple-style-span" style="color: blue;">Belajar HTML di Komunitas Blogger Nias. </span>Lalu simpan dengan nama <span class="Apple-style-span" style="color: blue;">belajar.html</span>. Lalu buka hasilnya tadi di browser kesayangan anda, contohnya di Mozzilla Firefox. Apa yang muncul??<br />
<br />
Sekarang kita memulai untuk menulis sintaksnya, copy-paste script dibawah ini kedalam teks editor anda..<br />
<br />
<blockquote><html><br />
<head><br />
<title><span class="Apple-style-span" style="color: blue;">Belajar HTML di Komunitas Blogger Nias</span></title><br />
</head><br />
<body><br />
<p><br />
</body><br />
<span class="Apple-style-span" style="color: blue;">HTML adalah bahasa markup yang berfungsi untuk membuat halaman web, dimana sintaks html ini hanya bisa dijalankan oleh engine layout atau browser. HTML tidak beda dengan bahasa pemrograman web lainnya, walau secara teori HTML belum bisa dikatakan bahasa pemrograman, karna dilihat dari strukturnya.</span> </p><br />
</html> </blockquote><br />
Setelah itu save as dengan nama <span class="Apple-style-span" style="color: blue;">belajar1.html</span>. Bagaimana hasilnya? Apakah yang tampil di browser?? Ya, yang tampil pada browser tentu teks yang berwarna biru diatas. Sintaks lainnya sebagai perintah ke browser untuk menampilkan Teks tersebut sesuai dengan perintah sintaks tersebut, Nah sekarang kita coba dengan script dibawah ini dengan cara yang sama seperti diatas.<br />
<br />
<blockquote><html><br />
<head></head><br />
<body><br />
Untuk membuat jenis font (face):<br />
<h1><font face="Verdana">Judul dengan font Verdana</font></h1><br />
<p><font face="Times">Konten dengan font Times</font></p><br />
Untuk membuat ukuran (size):<br />
<h1><font size="5">Judul dengan size 5</font></h1><br />
<p><font size="3">Konten dengan size 3</font></p><br />
Untuk membuat warna font (color):<br />
<h1><font color="blue">Judul dengan warna biru</font></h1><br />
<p><font color="red">Konten dengan warna merah</font></p><br />
Contoh komplit untuk membuat jenis font (face),size dan color:<br />
<h1><font face="Verdana" size="4" color="green">Judulnya Tentang Font</font></h1><br />
<p><font face="Arial" size="3" color="#660000">Ini adalah contoh tulisan dengan <i>pengaturan font</i> yang menggunakan<br><br />
tag HTML elemen <b>font</b> dengan atribut face, size dan color...</font></p><br />
</body><br />
</html></blockquote>Berikut adalah sebagai referensi bagi anda untuk memanipulasi atribut face, color dan size :<br />
<b>Atribut</b><br />
face="Jenis font yang digunakan", contoh: face="Tahoma"<br />
size="Ukuran dari font (1-7)", contoh: size="3"<br />
size="Memperbesar ukuran font", contoh: size="+1"<br />
size="Memperkecil ukuran font", contoh: size="-1"<br />
color="Warna dari font", contoh: color="blue"<br />
color="Warna dari font", contoh: color="#FF0000" <br />
<br />
Hasilnya seperti dibawah ini..<br />
<br />
<blockquote>Untuk membuat jenis font (face):<br />
<h1><span style="font-family: Verdana;">Judul dengan font Verdana</span></h1><span style="font-family: Times;">Konten dengan font Times</span><br />
Untuk membuat ukuran (size):<br />
<h1><span style="font-size: large;">Judul dengan size 5</span></h1><span style="font-size: small;">Konten dengan size 3</span><br />
Untuk membuat warna font (color):<br />
<h1><span style="color: blue;">Judul dengan warna biru</span></h1><span style="color: red;">Konten dengan warna merah</span><br />
Contoh komplit untuk membuat jenis font (face),size dan color:<br />
<h1><span style="color: green; font-family: Verdana; font-size: medium;">Judulnya Tentang Font</span></h1><span style="color: #660000; font-family: Arial; font-size: small;">Ini adalah contoh tulisan dengan <i>pengaturan font</i> yang menggunakan<br />
<br />
tag HTML elemen <b>font</b> dengan atribut face, size dan color...</span></blockquote>Nah sekarang bagaimana membuat hyperlink?? Hyperlink adalah sebuah objek baik bentuk tulisan maupun gambar atau flasj yang berisi sebuah tautan link. Jadi, bila objek tersebut di klik maka anda ditujukan pada url atau alamat tertentu. Langsung saja coba copy paste contoh dibawah...<br />
<br />
<b>Objek dalam bentuk teks</b><br />
<br />
<blockquote><a href="http://bloggernias.blogspot.com/">Komunitas Blogger Nias</a></blockquote>Hasilnya : <a href="http://bloggernias.blogspot.com/">Komunitas Blogger Nias</a><br />
<br />
<b>Objek dalam bentuk gambar/animasi </b><br />
<br />
<blockquote><a href="http://www.madhodachi.co.cc/"><img src="http://i299.photobucket.com/albums/mm308/willydachi/pernik%20my%20web/dachinet.gif" /></a></blockquote>Hasilnya seperti gambar dibawah ini, silahkan klik pada objek gambar<br />
<br />
<a href="http://www.madhodachi.co.cc/"><img src="http://i299.photobucket.com/albums/mm308/willydachi/pernik%20my%20web/dachinet.gif" /></a><br />
<br />
Nah, cukup sampai disini belajar untuk HTML, ikuti artikel selanjutnya untuk pembelajaran HTML bagian ke-II. Sampai jumpa.. :)Bloggerniashttp://www.blogger.com/profile/03085153608543911450noreply@blogger.com2tag:blogger.com,1999:blog-3798398008924796663.post-8637314261271357272011-06-25T01:07:00.000-07:002011-06-25T11:03:27.297-07:00Membuat efek marquee pada tulisanMarquee?mungkin masih banyak orang yang belum mengerti maksud dan fungsinya. Bila anda pernah melihat berita dilayar televisi contohnya Metro Tv. Dibawah layar ada newsticker, yaitu teks berita berjalan. Nah, inilah fungsi marquee. Marquee sendiri salah satu dari script HTML, sangat diminati <br />
<a name='more'></a>banyak blogger, karna dengan marquee tampilan blog dan website anda kelihatan profesional dan menarik.<br />
<br />
Baik cukup basa-basinya :), langsung saja copy paste script code dibawah ini,<br />
<br />
<b>1. Dari kanan ke kiri</b><br />
<blockquote><marquee behavior="alternate" bgcolor="<span class="Apple-style-span" style="color: blue;">yellow</span>" scrollamount="3" width="<span class="Apple-style-span" style="color: blue;">70%</span>"><br />
<span class="Apple-style-span" style="color: #cc0000;">Ganti dengan tulisan atau srcipt gambar anda..</span><br />
</marquee></blockquote><br />
Hasilnya seperti dibawah ini..<br />
<marquee bgcolor="yellow" scrollamount="3" width="50%"><br />
marquee dari kanan ke kiri<br />
</marquee><br />
<br />
<i>keterangan : untuk warna biru ganti dengan posisi dan warna marquee tersebut.</i> <br />
<br />
<b>2. Dari bawah ke atas </b><br />
<blockquote><marquee align="center" bgcolor="<span class="Apple-style-span" style="color: blue;">yellow</span>" direction="<span class="Apple-style-span" style="color: blue;">up</span>" height="<span class="Apple-style-span" style="color: blue;">100</span>" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="<span class="Apple-style-span" style="color: blue;">50%</span>"><br />
Ganti dengan tulisan atau srcipt gambar anda.. <br />
</marquee></blockquote><br />
Hasilnya seperti dibawah ini ;<br />
<marquee align="center" bgcolor="yellow" direction="up" height="100" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="50%"><br />
silahkan tunjuk ke sini <br />
silahkan tunjuk ke sini <br />
silahkan tunjuk ke sini <br />
</marquee><br />
<br />
<i>Keterangan : Untuk tulisan/code warna biru atur seseuai keinginan anda, sedangkan code wanan merah ganti dengan tulisan anda.</i><br />
<br />
Mantapkan? Silahkan dicoba...Bloggerniashttp://www.blogger.com/profile/03085153608543911450noreply@blogger.com3tag:blogger.com,1999:blog-3798398008924796663.post-63617486141725162472011-01-17T18:21:00.000-08:002013-01-17T18:57:21.218-08:00HTML Encoder GeneratorHTML Encoder Otomatis,Tool Ini merupakan tool untuk mengubah kode-kode HTML atau Jaavarscrip Sebelum anda memasukan kode kode HTML atau Javascript tersebut ke postingan blog anda.Ketika anda ingin menampilkan Code HTML atau Javascript pada sebuah postingan di blog Khususnya Blogger, sudah tentu anda tidak bisa memasukan kode HTML atau kode Javascript Tersebut secara langsung kepostingan anda,melainkan anda perlu merubah kode tersebut atau Encode terlebih dahulu sehingga dapat di tampilkan di postingan. <br />
<a name='more'></a>Untuk menampilkan code html atau javascript pada postingan blog khususnya blogspot anda bisa menggunakan HTML Encoder dibawah ini.<br />
<div style="text-align: center;">
<br /></div>
<center>
<table border="0" cellpadding="10" cellspacing="1" style="text-align: center;">
<tbody>
<tr>
<td bgcolor="D1D1D1"><div style="text-align: center;">
<strong style="color: red; font-size: 14px; text-decoration: none;">Paste Kode HTML di sini lalu Copy</strong>
</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<textarea name="txt" onfocus="this.select()" rows="10" style="width: 98%;" wrap="virtual"></textarea>
</div>
<div style="text-align: center;">
<input id="res" name="res" type="reset" value="Reset" /> <input onclick="adsconverter(this.form.txt)" type="button" value="HTML Encoder" />
</div>
</td></tr>
</tbody>
</table>
</center>
Bloggerniashttp://www.blogger.com/profile/03085153608543911450noreply@blogger.com0