Posts

Showing posts with the label HTML

Fungsi Lengkap Perintah, Sintak/tag HTML Beserta Kegunaannya

DAFTAR TAG HTML DAN FUNGSINYA TAG HTML FUNGSI TAG HTML DAN CONTOHNYA 1. <I> </I> Menyisipkan tulisan miring.   makan 2. <u> </u> Menyisipkan tulisan bergaris bawah.   minum 3. <b> </b> Menyisipkan tulisan tebal .   belajar 4. <li> </li> Menyisipkan bullet.  *  FUNGSI HTML 5. <marquee> </marquee> Menyisipkan tulisan berjalan .  “welcome to website” bergerak dari kiri ke kanan atau dari atas ke bawah. 6. <blink> </blink> Menyisipkan tulisan berkedip kedip. <blink> klick here </blink> 7. <center> </center> Menyisipkan tulisan dalam bentuk ratah tengan . “hendra simanungkalit” 8. <title> </title> Menyisipkan title html 9. <head> </head> Menyisipkan bagian head pada sebuah html.\ 10. <body> </body> Menyisipkan atribut untuk seluruh dokumen. Background, bgcolor, bgsoun...

Panduan pemula belajar pemrograman web dan internet

Pada artikel ini akan membahas tentang bagaimana untuk memulai langkah awal untuk menjadi seorang programmer. bahasa pemograman apa saja yang perlu dikuasai dalam pemograman web dan pemograman internet. Definisi pemograman web World Wide Web ("WWW", atau singkatnya "Web") adalah suatu ruang informasi di mana sumber-sumber daya yang berguna diidentifikasi oleh pengenal global yang disebut Uniform Resource Identifier (URI). WWW sering dianggap sama dengan Internet secara keseluruhan, walaupun sebenarnya ia hanyalah bagian daripadanya. Hiperteks dilihat dengan sebuah program bernama browser web yang mengambil informasi (disebut "dokumen" atau "halaman web") dari server web dan menampilkannya, biasanya di sebuah monitor. Kita lalu dapat mengikuti pranala di setiap halaman untuk pindah ke dokumen lain atau bahkan mengirim informasi kembali kepada server untuk berinteraksi dengannya. Ini disebut "surfing" atau "berselancar" da...

Membuat Form Login popup pada web

Image
selamat datang di arsipbertuah blog. pada posting sne kali ini. ane akan membahas tentang cara membuat form login popup atau melayang. menggunakan Bootstrap. seperti yang kita ketahui Bootstrap adalah framework untuk mendesain sebuah aplikasi / sistem yang berbasis web. bootstrap memberikan kemudahan untuk kita dalam mendesain user interface pada web. yang telah di desain sendiri komponen- komponen HTML menggunakan CSS sehingga tampilan web lebih teratur dan rapi . dan dengan sentuhan javascrip yang sudah diatur sedemikin rupa akan membuat web yang kita buat lebih interaktif dengan user. salah satu komponen untuk membuat form login tampilan popup atau melayang adalah menggunakan salah satu komponen bootstrap yaitu Modal. Modal pada botstrap adalah sebuah activity dialog yang muncul di tengah layar. pada artikel ini kita akan belajar membuat desain form login menggunakan modal Twitter Bootstrap. dengan tujuan hanya untuk membuat website atau sistem memiliki tampilan yang lebih kren dan ...

Belajar HTML : menampilkan video,audio dan gambar

Image
Pengertian html selamat datang di arsipbertuah blog.pada posting ane kali ini ane ingin berbagi pada belajar HTML bagaimana cara untuk menampilkan gambar, video dan audio di web. HTML adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.salah satunya adalah dengan menampilkankan media di halaman web. untuk menampilkan gambar,video maupun audio memiliki persamaan yaitu memanggil file pada lokasi/alamat tempat penyimpanan file tersebut.hanya saja tag html yang berbeda ,seperti yang kita lihat untuk gambar hanya di tampilkan sesuai dengan ukuran lebar dan tinggi yang kita atur sedangkan audio menggunakan fungsi lain yaitu tombol play dan pause, begitu juga dengan video. ada dua macam dalam memanggil file yaitu internal dan external. 1. internal yaitu memangg...

How to Add a Logo to Your Blog on Blogger

Image
There are many simple tools that give excellence for blogs, including the design of  template and colors ... etc., today we will learn how to add a logo to your blogger blog , which is an image or text excellence your blog from the rest of other blogs, and the benefits of logo is keeping visitors to your blog and also give her aesthetic. 1.  Go to  " Blogger Dashboard "  >  " Layout "   >  " Edit " like  the following screen 2. After click on  " Edit "  will appears for you this pop up. 3.  Click on '' Choose File '' and upload your logo image from you computer or paste your image url in "From the web. Paste an image URL below" box. 4. Select ''Instead of this description" like the above screen. 5. Finally click on save button.

Free Flash Games For Your Website or Blog

Image
HTML code contains more than 400 games, which is free to your website/blog, These games provided by www.freegaming.de . Demo To do this just follow me: - Simply copy the following code (Html) to your Homepage,Blog,EMail or Website. <iframe src="http://www.freeonlinegamesplay247.com/webmastercontent/fungames.php" style="border:0px #FFFFFF none;" border="0" name="FunGames Collection" scrolling="auto" frameborder="0" marginheight="0px" marginwidth="0px" height=" 700 " width=" 600 "></iframe> Note: Edit the "height=" 700 " and the "width=" 600 " parameter to fit your personal needs.

How to Add Smileys/Emoticons in Blogger Comments

Image
The Smileys/Emoticons way to give the visitors a lot of fun and confidence to your blog,It is known that these smileys used in social websites as Facebook. Demo To do this just follow the steps: 1.  Go to Blogger Dashboard   --> Template 2.  Please! download  a copy of your template 3.  Now click on Edit HTML 4.  Use Ctrl+F  to find  </body> 5.  Then copy and paste just  above/before it, this code: <b:if cond='data:blog.pageType == "item"'> <script type='text/javascript'> //<![CDATA[ jQuery(document).ready(function () {emoticonx({ emoRange:"#comments p, div.emoWrap", putEmoAbove:"iframe#comment-editor", topText:"Click to see the code!", emoMessage:"To insert emoticon you must added at least one space before the code." }) }); //]]> </script> <script src='https://boyz.googlecode.com/svn/JS/emoticonnya.js' type='text/javascript'/> </b:if> Note:  You can change...

How to Show Post Title Only on Home Page in Blogger

Image
I will explain to you in this tutorial how to show post title only in the Home page in your blogger blog. this a simple code works on show titles only and is not a title and post together, where the title appears on the home page of the blog just by clicking on it redirects to the main post, and to be able to install this code in your blog, follow these simple steps: 1. Login to your  Blogger Dashboard  >  Template 2.  Download  a copy of your template 3.  Now click on  Edit HTML 4.  Use  Ctrl +  F  to find  </head>  and paste the following code above/before it. <style type='text/css'> <b:if cond='data:blog.url == data:blog.homepageUrl'> .post { margin:.5em 0 1.5em; border-bottom:0px dotted $bordercolor; padding-bottom:1.0em; height:50px; } .post h3 { margin:.25em 0 0; padding:0 0 4px; font-size:20px; font-family:Tahoma,Georgia,Century gothic,Arial,sans-serif; font-weight:normal; line-h...

How to Add "Change Text Size And Font Face Gadget" For Blogger

Image
How to Add Text And Font Gadget To Your Blog 1.  Login to your  blogger dashboard -->   Layout --> 'Add A Gadget' -->  Choose   HTML/ JavaScript 2.   Copy and paste the code below into the  HTML/ JavaScript  gadget  : <script> function go1(){ if (document.selecter2.select2.options [document.selecter2.select2.selectedIndex].value != "none") { document.getElementById('main').style.fontSize =document.selecter2.select2.options [document.selecter2.select2.selectedIndex].value } } function go2(){ if (document.selecter2.select3.options [document.selecter2.select3.selectedIndex].value != "none") { document.getElementById('main').style.fontFamily =document.selecter2.select3.options [document.selecter2.select3.selectedIndex].value } } </script> <form id="forma" name="selecter2" method="POST"> <select onchange="go2()" style="font-family:verdana;font-size:8pt" name="sele...

How to Add Cool Chat Box to Blogger

Image
Chatwee is a new chat service, unlike other Chatwee is added as a toolbar and chat deployed on the right side (you can switch to the left), showing the flag next to the user depending on the country where connect. Its design is attractive, however the functions are very limited because you can not choose a nickname unless you register, and so far I still do not know how to change the avatar once you're registered. But yes, it has the advantage of allowing users to share files such as PDF, music and photos. Once you register you'll have the code you can use on your blog, you can also customize the colors of it. It is recommended to have a script that prevents the redirection of countries, since the chat is only displayed in the URL you have registered, so if someone from another country comes in and adds another extension is not shown. How to Add Cool Chat Box to Blogger? Step 1 1- Go to the following link:   chatwee 2- And do like the image 3-   After creating your chatwee a...

How To Add a Clock To Your Blogger Blog

Image
How To Add a Clock To Your Blogger Blog 1.  Login to your  blogger dashboard -->   Layout --> 'Add A Gadget' 2.  Choose  Html/Javascript  Gadget and add the one of code given below :   <object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-23.swf"> <embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-23.swf" width="150" height="150"  wmode="transparent"> </embed></object> <object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-33.swf"> <embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-33.swf" width="150" height="150"  wmode="transparent"> </embed></object> <object><param name="movie" value="http://flash-c...