Showing posts with label Tips Blogging. Show all posts
Cara Memasang Link, Kode HTML/Javascript di Postingan Blog
Wednesday, April 10, 2013
Posted by
Arief Hilman Nugraha
Tag :
Informasi
,
Tips Blogging
Cara Memasang Link, Kode HTML/Javascript di Postingan Blog. Berlanjut ke tutorial selanjutnya yaitu bagaimana sih cara memasang link serta Kode HTML/Javascript dalam Postingan Blog ? sebenarnya cukup simple untuk menerapkannya. dan sebagian caranya saya pernah share pada postingan Cara Membuat Artikel di Blog. Kenapa sih perlu untuk memasang link serta kode Script di blog kita? dibilang perlu ya sangat dan penting. hehehe. kenapa? Untuk memasang kode-kode script seperti Widget2 blog, Kode script Video, Kode Script Iklan dan kode-kode lainnya. Link diselipkan dipostingan blog bertujuan untuk mempermudah dalam menuju suatu link situs-situs tertentu yang diinginkan. Juga berguna dalam Meningkatkan SEO blog kita tentunya.
Baik Langsung saja Kita mulai langkah-langkahnya : Check This Out !!
1. Langkah pertama seperti biasa Login ke akun Blog dan Create New Post
2. Lalu Proses yang paling penting terletak pada mode penulisan artikelnya. yaitu antara Compose dan HTML
biasakan sebelum memasukkan kode HTML/Javascript rubah dulu mode penulisannya ke bentuk HTML. Kenapa? Jika, kita tidak merubahnya pada saat di publish akan tetap di publish sebagai kode script, bukan bentuk Video/gambar/iklan/ widget lainnya.
3. Selanjutnya pastekan kode script yang akan dimasukkan ke dalam postingan. jangan lupa atur tataletak kode tersebut sesuai keinginan masing-masing. Untuk Proses tataletak kode ini perhatikan cara-caranya berikut:
Saya akan mengambil contoh cara memasang kode iklan di postingan:
# Agar kode iklan berdampingan dengan postingan sebelah kiri (left), kodenya :
# Agar kode iklan berdampingan dengan postingan sebelah kanan (right), kodenya :
# Agar kode iklan berdampingan (dua iklan berdampingan kanan-kiri), kodenya :
# Dan biasakan dalam memasukkan kode2 script dlm postingan perhatikan tata letaknya agar terlihat rapih dan enak dilihat. untuk tata letaknya biasakan pasang kode2 tambahan :
4. Untuk memasukkan link kita tinggal memblok kata-kata yang akan dimasukkan link, lalu klik LINK yang ada di Menu bar dan pastekan alamat URL yang dituju.
Contoh:
Cara Memasang Link, Kode HTML/Javascript di Postingan Blog
5. Dan terakhir Publish Post
<div style="float:left;">
Kode Iklan Y ingin Dipasang
</div>
# Agar kode iklan berdampingan dengan postingan sebelah kanan (right), kodenya :
<div style="float:right;">
Kode Iklan Y Ingin Dipasang
</div>
# Agar kode iklan berdampingan (dua iklan berdampingan kanan-kiri), kodenya :
<div style="float:left;">
Kode Iklan Y Ingin Dipasang
</div>
<div style="float:right;">
Kode Iklan Y Ingin Dipasang
</div>
sumber
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUmVciTDlyNDxRbHMC37WZTJh6y0DhSMUYzqLj_QWPjZmGZGa4ZovHWD-dTTCAhKxh-0Hji9PrspQMyF4gbgVasyUFUG8CzWtCClmWdzMKX0oZLeKN-NVW6iMtfnWtX-rTOVpPCIa0Tzyl/s1600/hatsune_miku_chibi_colored_by_chipmunkintheblender-d498wbh.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI8n-Sy73EhrQr4t1ME5MARJiBsiztFDaqi0ew-mCpRy1zWFv7jACmJQItGgOcO32VeK01lVrAn5hZyldOU6de0CkPkSyGFEuwIvfsFKAM9b-PGVi825ZBrYsY2gxq5VNoyYtR2AnL8CQD/s1600/12.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzEzNEu7s-0jAVh7MvkigSDt_A0qpE8fsndrdJr3zWzsEcUud2fpmgiEM32MfnqwsGQC1a9UDMlWmugoYejnka5kAOdNGjzYZIvGpkavv2X6vLnHzcQSfDPHnR0UXOXnDrXVvPWblsG7Ob/s1600/13.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZndI568X0gUZ6rEE6A8eBxgIyWau_BMvqufQN8n5nwFs8ltXMzeH4VkdbmusnT2cubrY5jStwJzaLXfNQLCArq_gJEt7YJbiLNsCImCQyFBONtoBsa5sr5PGEbiwOymNvDUDO0ou2Orn9/s1600/11.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUeYA_saMy-1Kse-4vKoNqgFyd0UfgaVRWFuFTM9hkAJniE00FYA4C14O_CeoKF_NkrC5YA_uT1AENeYiy8KiOvTQsPB5Gje0M1XW13YPVWX41ggH1OF_MZ9krkVBeY8a5MvUBOQQ-h098/s1600/14.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje2L2iYHzP30I1aASRpl6IMvKZhg1zmsxnyBchGzq7pg764ABsCcE7E7xK7aRWApATP4KjlBFerMYaOsXE811P32PchFd-IqbGA9IoVwuvvcBUHDObfHBYbHeHhS4Tv1lvQZ5sQXOekHWQ/s1600/15.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht4qqpMA6ecGqyA7Swjr2wG8AdtT11ShAX9-FFvYbJXJu34R26HR6wueGy1k8xAK7btMY3wR-SsqrrJFe-eiW7ly2xLv9iXOAkdm2vp8izH_-EmhK1Uvctl-dexoz09h_yjMz_pldaPxe0/s1600/2.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLf52uAf8i5NUN6CQTBauDfbPXG0YQ_4pGadeUh7P9eVXeLazSVX6LEhTKhta3PTKUEQhdwcJU3rnkbXMZ4dE_3P5UY7GlnmkpeZX-M0euH2RRpMVVAQGVhaBrlI5QZPPz8m5178GdlsHz/s1600/5.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ3ngSN5yl23uodnZw9zrLlueCrUq4PneyaJXsuX2G2iWjIiFqVR4P6015Lygtc4S4GEcd2nLz0vXHvf4fTWy-ypCFDp4ukoQgnLGWD2pXp0A9cbKMJslfRiDItwgdywt0ttQh20pr07wL/s1600/3.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqaG9HfVQ2w3frQJuEkChYXGBf6KHqDgdqnRBQphz1hCUJyIKzldl4IsDbFhKTc3CG2y6vSw-xr9_KudShbDZmaGGM5fty4h8Bk-w-pMQuPv7MFoEKPNiZOr-2imPxvvhdcDuWlUSZYgDd/s1600/7.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJUOZSPxI8qJIrG-ZqM71Gxxx0xBmOwMybfQoMCW6SpAYDOQgLGlEXEtPGCNPyGiHGolTOf2Lvq8Pb2ha6EfVDpDpOyIkNnYBQmTdGgcQcgrO6LvcQhWcBPoCaFh9d8VNGkzYEkooWzMUo/s1600/6.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtPNTNgePv27jMRGYmzpFOGa4_sDwDUr4XciVeXNQrw9YA5a37B3z523QvZ8df9eRreiaevurtN1i_IKLHfW6HD1yBYcGA-SDhhzcvAZBuHIdMTLdFxtn3r8QdQYCD3u_rljxD7l0kCOsq/s1600/4.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivXe44uMu0MykO1ciQOHHEEJGsnxwBRUAnDTOQdKcIvydeUN0xqzCc_BWhR34PlUP_xXHclcY-Tdn3TCSBSEZYcVE_DMVrOOZy6oo20Ut-OvN1DsS-je1czSPy9KZQf_Wrxp1769xeyjo-/s1600/8.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4ahLTNQ01EqsM0g4sW9n56HOGUAHePGgaVKh9mFlprhPXEYtFEgTpqmwtlvPJEV3k1nEkHh0xrffUqAVNsI7IryqssyhOSeJM82FkKcWHomu6g5M2A-MBox4sXXACdhHFdH6gup9-vnUn/s1600/Rin.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie4kc0TLO7-KSp2kaFO63AfZx2fHcMNhsJllVToLmy6ywndxV0bEdpCk2hm7_EFy3NsBsSrzQkdUbK_ePdB3pqIwSqFTWGYAeaP6Zfiti3i1HfU-WG64AQrVn_nCdZ2cJz1d8_cde4grD6/s1600/Miku.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRzMA6Sqck4uOn4VYNtEzePfTt6ALThibDIYWCiAWSUFMYxc8qbohtQB6rPD9JchXlowPqOBI6eov2CC1TsBJDzZDFqw28ukKySqazyaK_eQYEIbagEZ-hBj2M06wVXLRsi_ty-23GDsuK/s1600/Untitled-4.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJNIxbNRo0L7e-oK9i2G79aAnPepQLnp5SVtyriWEXUF0Go3aiwPCGFOVu3cKSRnus3c8GAYP40P9TwdbB6yDviue4aBA58MVET8SRE1owj-Sa4uLoIvN8dbBTHCJNegpIf4reqY36yEwa/s1600/Chibi14.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinshaYXigMC3_OGoaEbyQeTht8FFTsFnpyBiFXhopV2Edyecl2y1TtlASu7v4ld43ADN-4iJ_8efVVwYK0p6MaB2-v27McLb8TAzqGrluSDrv4Fy94pGFqlG1C5px5SO-yt4oJRy8tfEJB/s1600/9.png
note : ukurannya 80-90 ..kalau mau lebih kecil bisa resize sendiri.
hahaha.. :D guyysss.. mimin lagi mau sharing info baru ni..
vocaloid cursor one pack.
buat penggemar vocaloid.. :3
cara makai nya..
buka tata letak >> html/javascript
copy kan kode ini
note : url cursor1= cursor saat tidak menyentuh link
<style type="text/css">body, a, a:link{cursor:url(URL CURSOR1), default;} a:hover {cursor:url(URL CURSOR2),wait;}</style>
url cursor2= perubahan saat cursor menyentuh link/ judul entri
jika ingin request.. komen aja.. :D
tau inbox ke fb qu.. :*
sertakan ukuran cursor dan url gambar yang ingin dijadikan cursor. kalau bisa cari yang backgroundnya putih.
oia.. sertakan alamat blog kawan buat ngabarin hasil project yang ku buat..
sekian..~
biasanya kalau postingan blog kalian terlalu panjang..
pengunjung blog kalian akan kewalahan untuk mensecrool ke atas.
jadi untuk memudahkan pengunjung..
di buatlah tombol back to top.
hanya sekali klik.
bisa langsung loncat keatas.. sangat mudah kan?
login > dasbor > tata letak > add gadget > html/javascript
berikut. contoh contoh yang saya punya
jika ingin anime yang lain..
silahkan pesan, facebook saya.. ^_^
pengunjung blog kalian akan kewalahan untuk mensecrool ke atas.
jadi untuk memudahkan pengunjung..
di buatlah tombol back to top.
hanya sekali klik.
bisa langsung loncat keatas.. sangat mudah kan?
login > dasbor > tata letak > add gadget > html/javascript
<a title="Back to Top" href="#" style="position: fixed; bottom: 5px; right: 5px;"><img src="Url gambar button"></a>ganti tulisan berwarna merah dengan url gambar back to top yang kalian inginkan..
berikut. contoh contoh yang saya punya

kreasi admin : (anime series)http://img205.imageshack.us/img205/7824/74211510.gifhttp://img196.imageshack.us/img196/6670/49238758.pnghttp://img266.imageshack.us/img266/3325/81258407.pnghttp://img13.imageshack.us/img13/5533/20610818.pnghttp://img543.imageshack.us/img543/5941/62667078.pnghttp://i1139.photobucket.com/albums/n554/nurbariah1/blogger-Copy-Copy.png
http://i1139.photobucket.com/albums/n554/nurbariah1/blogger-Copy-Copy2-1.pnghttp://i1139.photobucket.com/albums/n554/nurbariah1/blogger-Copy-1.pngbisa request. di facebook saya. ^_^
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6J01m3NNWeHguRGrk6GwzNzFB-MDlxZVklKE53m904bnx_Bh0bqX6tOAbtfhLbeU0MG5hhv9oQ6l4bq9Ycuyj_0kiTZxKUTiIT9aUzoQ7JWhd9Am_1Fu345vqxXJwHMkSRPmnLD1rGzWp/s1600/1.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhraE6mcN8hJdsSHBk_2jYK43wk0k-hpA1dKJKGx2MpvwPg9PMUwL1M16QwgwCKlXtn5akwEsHWa0NJqryciXO08ewNGiH-sP8wGNPbcET0ysBXdYumj41gBIEsw5dwohmLCMJ2CnteyHYl/s1600/2.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1oFIJe4SilbzKNGNggwYYc2Pe5TR6HnPDuq9mYDs3KFFayZGqeugROZVNVE96tv4MEt1H7iz5C7lia6AlY2Jljc-aMjoT_zpJENyu3C_PlM1riGoMPfzL47dFDEykwf1jZtn3wcR1kO_C/s1600/3.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUpSUA8Cg_YLNuo67A4Z5s3r_M1kz83y_Pn-rqWnlaq7cHRFToVbdBu13HTbmu68XwuQuApMVr7pNfu_PW8-zVL0TpUkD3oSY-QAV16XvUkhLCAqnzrc6grFxj4n_ChGGuwzVEXuDxGGIs/s1600/4.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG-yf99_efWGGchYk53iDsTfMeGCKLvrA04cdnkZkZerQp4ZmT4dei3w5tHGQ2AclWPFsxQi0hwnVeiZrNE3GrnxU_wPtgdpzHz3sL0rELiaobjtebfgIFpmAAA2GSqx3q2S4JXzOUcloC/s1600/5.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgzr_pfNmQ82p3FKe8cgU4yBQCq8fSLMVZZb14bWVqvrwhQOSeGar0fd9_dQQVTWlM2-2kNGEUm5xUvkuvOVvUzJe6yvncteHTkvD9ae74cnuiXFQZs65HitWhdWiCnKT_i529_SheTZNb/s1600/chibi_commission___finnian_by_meguja-d4qwodc.pngsisanya coming soon...
jika ingin anime yang lain..
silahkan pesan, facebook saya.. ^_^
Tata letak >> add gadget >> html/javascript
<center><div id="custombg" style="width:195px; height:300px; background:url(http://dl7.glitter-graphics.net/pub/1713/1713327mjv6dhfrnf.gif) repeat; padding-top:0px; padding-left:0px; position:relative" align="center">
<iframe frameborder="0" title="shoutboxsaya" height="300" src="http://shout.busuk.org/?Rosa" id="r" style="filter:alpha(opacity=60);opacity:0.60;-moz-opacity:0.60; display:block; " scrolling="auto" width="195">
</iframe></div></center>
tinta ungu - ukuran shoutbox kawan
url warna merah - url shoutbox kawans
60 - transparan kawan.. atur jangan sampai teks kawan tidak terlihat
url warna biru - masukkan url background atau cari disini.. sini
Cara memasang background di belakang postingan blog
Posted by
Arief Hilman Nugraha
Tag :
Tips Blogging
1. siapkan teori yang akan kalian postingkan atau kalian akan meng-edit yang udah ada,tergantung kalian ajah.
2. login blog
3. kemudian ke entri baru.jangan lupa untuk memilih edit HTML seperti gambar di bawah ini.
4. kemudian pasang kode di bawah ini.
2. login blog
3. kemudian ke entri baru.jangan lupa untuk memilih edit HTML seperti gambar di bawah ini.
4. kemudian pasang kode di bawah ini.
<div style="padding: 5px; background-image: url(URL GAMBAR FORMAT JPG); background-repeat: repeat; background-position: center;">Selamat Mencoba ^^TULIS ARTIKEL/POSTINGAN SOBAT DI SINI<br /> </div>
Cara Memasang TV di Blog
Thursday, March 28, 2013
Posted by
Arief Hilman Nugraha
Tag :
Tips Blogging
Cara Memasang Tv Online Streaming di Blog - Selalu ada yang baru di dunia blog, setelah bisa memasang animasi di blog, memasang lagu di blog, kini dengan kecanggihan teknologi sobat bisa memasang TV online di blog ( nonton sambil ngeblog ) entah itu RCTI, SCTV, TRANS TV, TRANS 7, GLOBAL TV, MNC TV, KOMPAS TV, INDOSIAR, ANTV, TV ONE, dan lain - lain. Tutorial yang seperti ini bisa dengan mudah sobat temukan di google dengan kata kunci "cara pasang tv ( televisi ) di blogspot". Berikut tutorial cara pasang TV di blog bagi sobat yang berminat.
A. Untuk memasang TV Online di sidebar blog, sobat ikuti tutorial berikut.
1. Log in ke akun blog sobat
2. Klik Rancangan --> Elemen laman --> Tambah gadget --> pilih HTML/Javascript
3. Masukkan kode berikut ke dalam kotak yang di sediakan.
4. klik save
B. Untuk cara pemasangan di halaman postingan berikut tutorialnya .
1. Login ke akun blog sobat
2. Klik Entri baru kemudian beri judul sesuai keinginan. Misalnya Nonton TV Online
3. Masukkan kode berikut di Edit HTML di postingan dan jangan di Compose
4. Klik Terbitkan Entri dan lihat hasilnya..
Tambahan :
Atur ukuran width ( lebar ) dan Height ( tinggi ) TV online sesuai keinginan.
A. Untuk memasang TV Online di sidebar blog, sobat ikuti tutorial berikut.
1. Log in ke akun blog sobat
2. Klik Rancangan --> Elemen laman --> Tambah gadget --> pilih HTML/Javascript
3. Masukkan kode berikut ke dalam kotak yang di sediakan.
<div id="NamaTV"></div><div id="TVstyle"></div><div class="tvborder"><iframe id="fsTVframe" scrolling="no" frameborder="0" name="TVPlayerWb" allowtransparency="true"></iframe></div><ul id="fsTVOnline"></ul><div class="clear"></div><span id="TVsource"></span><a id="wb_tvauth" href="http://www.warungbebas.com">Warung Bebas TV Streaming</a><script src="http://javascript-share.googlecode.com/files/wb.js"></script><script type="text/javascript">wb.tv_setting={channel_start:7,player_width:300,player_height:215,icon_width:40,float_icon:true};</script><script src="http://javascript-share.googlecode.com/files/wb_tv_online_indonesia_2_0.js"></script>
4. klik save
B. Untuk cara pemasangan di halaman postingan berikut tutorialnya .
1. Login ke akun blog sobat
2. Klik Entri baru kemudian beri judul sesuai keinginan. Misalnya Nonton TV Online
3. Masukkan kode berikut di Edit HTML di postingan dan jangan di Compose
<div id="NamaTV"></div><div id="TVstyle"></div><div class="tvborder"><iframe id="fsTVframe" scrolling="no" frameborder="0" name="TVPlayerWb" allowtransparency="true"></iframe></div><ul id="fsTVOnline"></ul><div class="clear"></div><span id="TVsource"></span><a id="wb_tvauth" href="http://www.warungbebas.com">Warung Bebas TV Streaming</a><script src="http://javascript-share.googlecode.com/files/wb.js"></script><script type="text/javascript">wb.tv_setting={channel_start:7,player_width:300,player_height:215,icon_width:40,float_icon:true};</script><script src="http://javascript-share.googlecode.com/files/wb_tv_online_indonesia_2_0.js"></script>
4. Klik Terbitkan Entri dan lihat hasilnya..
Tambahan :
Atur ukuran width ( lebar ) dan Height ( tinggi ) TV online sesuai keinginan.
script exploit dan perl
Wednesday, February 20, 2013
Posted by
Arief Hilman Nugraha
Tag :
Tips Blogging

kali ini Arief mau berbagi script perl untuk exploit joomla
saya anggap sobat deface zone sudah mengerti tentang exploit dengan perl...langsung ajah yuk sedot script nya
DOWNLOAD : Click Here
dork target : inurl:index.php?option=com_tag

dalam exploit ini yang di butuhkan adalah kesabaran dalam mencari target dan logika sobat dalam mengolah dork
sampai ketemu di tutorial yang lain
Setelah pada artikel sebelumnya IlmuWeb menjelaskan tentang dasar-dasar HTML,
kali ini IlmuWeb akan menjelaskan tentang cara-cara membuat web
sederhana. Web yang akan dibuat sangat sederhana, dengan tujuan untuk
mempraktekan ilmu yang sudah didapat pada artikel sebelumnya mengenai dasar HTML.
Langsung saja, kali ini kita akan
belajar membuat sebuah halaman web yang berisi gambar, link, tabel dan
form. Asumsi, kita sudah menginstall XAMPP sebagai localhost. Bagi yang
belum menginstall XAMPP silakan install terlebih dahulu, cara installnya
bisa dibaca pada artikel sebelumnya yang berjudul Cara Install XAMPP.
Jika XAMPP sudah terinstall, buka folder “htdocs” yang terdapat di
dalam folder “xampp” kemudian buat folder baru dan beri nama dengan
“html” (tanpa tanda petik), sehingga path nya menjadi seperti berikut
“C:\xampp\htdocs\html”. Kemudain didalam folder “html” tersebut buat
file html dengan nama index.html, atur_artikel.html, dan
view_tambah.html. Adapun isi dari file html tersebut adalah sebagai
berikut:
index.html:
01 | <html> |
02 | <head> |
03 | <title>Belajar HTML | IlmuWeb.Net</title> |
04 | <link rel="stylesheet" href="css/style.css" type="text/css" /> |
05 | </head> |
06 | <body> |
07 | <div class="header"> |
08 | </div> |
09 | <div class="menu"> |
10 | <ul> |
11 | <li>HOME</li> |
12 | <li>HTML</li> |
13 | <li>PHP</li> |
14 | <li>JAVASCRIPT</li> |
15 | <li>ILMUWEB.NET</li> |
16 | <li><a href="atur_artikel.html">CONTOH TABEL</a></li> |
17 | <li><a href="view_tambah.html">CONTOH FORM</a></li> |
18 | </ul> |
19 | </div> |
20 | <div class="leftbar"> |
21 | </div> |
22 | <div class="rightbar"> |
23 | <div class="main"> |
24 | <p><h2>Selamat datang di Ilmuweb.net</h2></p> |
25 | <p>Contoh menampilkan gambar: </p> |
27 | <p>Tempat belajar membuat web secara gratis</p> |
28 | <p>Untuk belajar mebuat web, terus kunjungi Ilmu Web Dot Net di http://ilmuweb.net atau bisa langsung klik <a href="http://ilmuweb.net">DISINI</a></p> |
29 | </div> |
30 | <div class="footer"> |
31 | </div> |
32 | </body> |
33 | </html> |
atur_artikel.html:
Your ads will be inserted here by
Easy AdSense.
Please go to the plugin admin page to paste your ad code.
Easy AdSense.
Please go to the plugin admin page to paste your ad code.
01 | <html> |
02 | <head> |
03 | <title>Belajar HTML -- Membuat Table | IlmuWeb.Net</title> |
04 | </head> |
05 | <body> |
06 | <p><h2>Contoh Tabel:</h2></p> |
07 | <table border=1px;> |
08 | <tr> |
09 | <th>No.</th> |
10 | <th>Judul</th> |
11 | <th>Kategori</th> |
12 | <th>Aksi</th> |
13 | </tr> |
14 | <tr> |
15 | <td>1</td> |
16 | <td>Belajar HTML</td> |
17 | <td>HTML</td> |
18 | <td>Edit | Hapus</td> |
19 | </tr> |
20 | <tr> |
21 | <td>2</td> |
22 | <td>Belajar PHP</td> |
23 | <td>PHP</td> |
24 | <td>Edit | Hapus</td> |
25 | </tr> |
26 | <tr> |
27 | <td>3</td> |
28 | <td>Belajar Javascript</td> |
29 | <td>Javascript</td> |
30 | <td>Edit | Hapus</td> |
31 | </tr> |
32 | <tr> |
33 | <td>4</td> |
34 | <td>Belajar Membuat Table</td> |
35 | <td>HTML</td> |
36 | <td>Edit | Hapus</td> |
37 | </tr> |
38 | <tr> |
39 | <td>5</td> |
40 | <td>Belajar Form</td> |
41 | <td>HTML</td> |
42 | <td>Edit | Hapus</td> |
43 | </tr></p> |
44 | <p style="text-align: justify;"></table> |
45 | <a href="view_tambah.html">Contoh Form</a> |
46 | </body> |
47 | </html> |
view_tambah.html:
01 | <html> |
02 | <head> |
03 | <title>Belajar HTML -- Membuat Form &amp;amp; Table | IlmuWeb.Net</title> |
04 | </head> |
05 | <body> |
06 | <p><h2>Contoh Form</h2></p> |
07 | <form name="form tambah data" action="" method=""> |
08 | <table> |
09 | <tr> |
10 | <th>Judul</td> |
11 | <td><input type="text name="judul" value=""/></td> |
12 | </tr> |
13 | <tr> |
14 | <th>Isi</th> |
15 | <td><textarea name="isi" rows="10" col="5"></textarea></td> |
16 | </tr> |
17 | <tr> |
18 | <th>Kategori</th> |
19 | <td><select name="kategori"> |
20 | <option value="HTML">HTML</option> |
21 | <option value="PHP">PHP</option> |
22 | <option value="Javascript">Javascript</option> |
23 | </td> |
24 | </tr> |
25 | <tr> |
26 | <th></th> |
27 | <td><input type="submit" value="Submit"/></td> |
28 | </tr> |
29 | </table> |
30 | </form> |
31 | </body> |
32 | </html> |
Setelah semua file dibuat, aktifkan
localhost dengan cara double klik icon XAMPP kemudian klik start pada
Apache dan Mysql. Kemudian buka browser Anda dan buka localhost/html.
Selamat, web pertama Anda sudah berhasil dibuat.
Untuk script web lengkap bisa di download melalui link dibawah ini:


































