Kali ini saya akan Share With You bagaimana cara membuat buku menu hidden yang terpasang dalam sebuah blog atau website. Buku Tamu memungkinkan anda untuk mengetahui lebih lanjut tentang pengunjung blog atau website anda. Buku tamu dapat memberi kemudahan bagi pengunjung blog untuk mengirim pesan pada kepada pemilik blog. Hal ini menunjukkan bahwa mereka telah berkunjung dan memberikan wadah bagi mereka yang ingin berpendapat tentang blog dan tulisan anda
Wesley Copeland, Sniper Ghost Warrior 3 telah diumumkan dan diharapkan untuk rilis pada semester pertama tahun 2016 untuk Xbox One, PlayStation 4, dan PC. Permainan ini sedang dikembangkan dan diterbitkan oleh CI Games, yang menciptakan sebelumnya Sniper Ghost Warrior permainan, serta saat-gen taktis RPG Lords of the Fallen.
Kami diberitahu bahwa iterasi ini Ghost Warrior sedang dibangun "dari bawah ke atas."
"The Sniper: Ghost Warrior franchise adalah salah satu yang paling
populer di portofolio CI Game dengan lebih dari 5,5 juta eksemplar
terjual, jadi kita menginvestasikan sejumlah besar usaha dalam angsuran
ketiga," kata Marek Tyminski, CEO, CI Games. Adapun cerita, Ghost Warrior 3 diatur dalam modern Eropa Timur.
Pemain akan berperan sebagai penembak jitu terperangkap di antara tiga
faksi, dengan fokus pada mengambil target dekat atau dari jauh.
Dikatakan permainan akan menawarkan tantangan bagi pemain taktis
berpikiran sementara masih diakses oleh first-person shooter fanbase. Jika 2016 sepertinya masih jauh, Anda selalu bisa menggunakan waktu dari sekarang sampai kemudian membaca review kami Ghost Sniper Ghost Warrior , dan sekuel Sniper Ghost Warrior 2 , beberapa ribu kali. Atau gagal bahwa Anda bisa bermain dari awal dan menggunakan salah satu dari para penelusuran wiki IGN .Wesley Copeland adalah seorang penulis berita lepas, tapi Anda mungkin sudah menduga bahwa.Untuk pernyataan lebih jelas, Anda mungkin harus mengikuti dia di Twitter .
Sniper Ghost Warrior 2 adalah lanjutan dari versi sebelumnya yaitu Sniper Ghost Warrior. Fitur game ini sangat realistis dengan jarak, angin, dandrop pelurusaat mengincar target. Game ini tidak diragukan lagi akan keseruannya, tantangan demi tantangan disajikan begitu menantang. Selain dituntut untuk menjadi penembak jitu, kalia juga harus jago
strategi dalam mendekati dan cara membunuh para musuh dengan cara yang
efektif agar tidak ketahuan musuh lainnya. Sebuahspotterkadang-kadang akanbergabung dengan kalianpada beberapa misi. Sebelum download cek dulu PC kalian.
System Requirements
OS: Windows XP, Vista or Windows 7, with the latest Service Pack
Processor: Intel Core 2 Duo at 2Ghz, or AMD Athlon 64 x2 2Ghz, or better
Memory: 2GB
Hard Disk Space: 6 GB
Video Card: NVidia 8800GT with 512Mb RAM or better
DirectX: 9.0c
Sound: DirectX Compatible Sound Card
Selain isi konten, dalam dunia blog tampilan blog juga merupakan hal yang sangat penting. Hal itu merupakan sebuah interaksi antar manusia dan komputer bagaimana sebuah interface sebuah blog bisa mempermudah, membuat nyaman pengunjung blog. Ada banyak template yang tersedia dan dibagikan secara gratis. Disini saya akan Share With You beberapa template blog gratis yang keren menurut versi saya.
Loveria Fashion Blog Theme
Sebuah blog merah muda dengan tataletak konten yang rapi. Gunakan tema ini secara gratis selain cantik blog ini juga responsif dengan dua kolom
Apakah HTML itu ? HyperText Markup Language (HTML) adalah sebuah markup language 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.
Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata
dan disimpan dalam format ASCII normal sehingga menjadi halaman web
dengan perintah-perintah HTML (Wikipedia).
Ciri-ciri utama html adalah mempunyai tag dan elemen:
Elemen terdiri dari 2 yaitu head dan body
Head fungsi memberikan informasi tentang suatu dokumen HTML, seperti judul
web page, deskripsi situs, keyword dan lain sebagainya.
Body merupakan elemen yang digunakan untuk menentukan isi yang akan ditampilkan oleh browser
seperti paragraf, list, tabel, dan lain sebagainy.
Tag : dalam HTML selalu ada tag pembuka dan ada tag penutup. Tetapi ada sebagian tag HTML yang tidak menggunakan tag penutup.
Tag-tag HTML yang sering digunakan
Title Tag ini <title></title> digunakan untuk memberi judul halaman web page. Tag ini diletakan didalam tag <head></head>
Baris Baru Untuk membuat baris baru digunakan tag <br/>
Hyperlink Tag ini digunakan untuk membuat link, bisa digunkan untuk satu halaman website atau link ke halaman website <a href="www.facebook.com">Facebook</a>
Menampilkan Gambar Tag ini digunakan untuk menampilkan gambar. Biasanya dalam tag ini disertakan height dan width untuk menyesuaikan ukuran gambar yang diinginkan <img src="love.jpg" height="200" width="200"/>
Tag Utama
Tag
Deskripsi
<html></html>
Baris paling atas dari setiap file HTML
<head></head>
Informasi umum dari sebuah halaman web
<title></title>
Judul halaman. Terdapat pada head
<body></body>
Settingan atribut untuk seluruh dokumen
Font Style
Tag
Deskripsi
<b></b>
Teks tebal
<i> </i>
Teks miring
<u> </u>
Teks garis bawah
<pre></pre>
Preformatted teks
<h1></h1>
Header 1
<h2></h2>
Header 2
<h3> </h3>
Header 3
<h4></h4>
Header 4
<h5></h5>
Header 5
<h6></h6>
Header 6
<sub></sub>
Subscript
<sup></sup>
Superscript
Formating
Tag
Deskripsi
<blockquote></blockquote>
Digunakan untuk mengatur text dan gambar dalam suatu tag
<ol></ol>
Ordered List (digunakan dengan <li>)
<ul></ul>
Unordered List (digunakan dengan <li>)
<li>
Elemen List
<dd></dd>
Definition List
<dt>
Definition Term
<dd>
Definition Description
<p></p>
Paragraf
<br>
Ganti baris
<hr>
Garis horizonta
<center></center>
Menengahkan elemen
Tabel
Tag
Deskripsi
<table></table>
Mengatur semua elemen table
<tr></tr>
Membuat baris baru
<td></td>
Membuat kolom
<th></th>
Header(kepala tabel). Otomatis ke tengah dan tebal
<tbody></tbody>
Format yang berlaku bagi cell yang diapit tag
<colgroup></colgroup>
Format yang berlaku bagi kolom
Tag Lainnya
Tag
Deskripsi
<form></form>
Mengatur elemen dari form
<input type=>
Variasi dari tipe elemen input dalam form
<select></select>
Membuat combo-box. Digunakan bersama dengan option
<option>
<textarea></textarea>
Membuat Text Area untuk input text dengan length yang lebih besar dari input text.
<fieldset></fieldse>
Untuk mengelompokkan elemen-elemen yang terkait dalam form / membuat seperti frame-box di dalam form
<embed></embed>
Digunakan untuk memasukkan file video atau file musik
<frameset></frameset>
Mendefinisikan satu set frame
<marquee></marquee>
Membuat teks berjalan secara vertikal atau horisontal
<blink></blink>
Membuat teks berkedip
Berikut contoh penulisan HTML :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Belajar HTML</title> // Judul dari halaman web yang anda buat
</head>
<body>
Belajar HTML</br>
<i>Belajar HTML</i><br/>
<b>Belajar HTML</b><br/>
<u>Belajar HTML</u><br/>
<h1>Belajar HTML<h1>
<h2>Belajar HTML<h2>
<h3>Belajar HTML<h3>
<h4>Belajar HTML<h4>
<h5>Belajar HTML<h5>
<h6>Belajar HTML<h6>
Belajar <sub>HTML</sub><br/>
Belajar <sup>HTML</sup><br/>
<font color="#1faced" size="7">Belajar HTML</font><br/>
</body>
</html>
HASIL : Belajar HTML Belajar HTML Belajar HTML
Belajar HTML
Belajar HTML
Belajar HTML
Belajar HTML
Belajar HTML
Belajar HTML
Belajar HTML
Belajar HTML Belajar HTML
Belajar membuat form : buatlah dokumen baru kemudian ketikan script dibawah ini dan simpan dengan nama "belajar_form.html".
<html>
<head>
<title>Belajar HTML : Membuat Forms</title>
</head>
<body>
<form action="html_form_action.asp" method="get" name="input">
First name <input name="firstname" type="text" /> //membuat textfield
Last name <input name="lastname" type="text" /> //membuat textfield
Password <input name="pwd" type="password" /> //membuat textfield
Sex :
<input name="sex" type="radio" value="male" /> Male //membuat radiobutton
<input name="sex" type="radio" value="female" /> Female //membuat radiobutton
Vehicle :
<input name="vehicle" type="checkbox" value="Bike" /> Bike //membuat checkbox
<input name="vehicle" type="checkbox" value="Car" /> Car //membuat checkbox
tombol input
<input type="submit" value="Submit" /> //membuat //membuat tombol / button
</form>
</body>
</html>
Hasil script diatas :
HTMLmerupakan dasar dari pembuatan sebuah website, pelajarilah HTML sebelum kalian mengenal dengan yang namanya CSS (Cascading Style Sheets) , PHP dan JavaScript. Belajarlah dengan tekun dan sampai bosan. Semangat :)
Cascading Style Sheet (CSS) merupakan aturan untuk
mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih
terstruktur dan seragam. CSS bukan merupakan bahasa pemograman.Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas (file). Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML.
CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya. CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda (Wikipedia)
Sebelum kalian mengenal CSS kalian harus mengenal yang namanya HTML terlebih dahulu, kalian dapat mempelajari HTML dipostingan saya sebelumnya Belajar HTML.
b {
color : #1faced;
}
Bagian pertama sebelum tanda '{}' dinamakan selector, sedangkan yang diapit oleh '{}' disebut declaration yang terdiri dari dua unsur, yaitu property dan value.Selector dalam pernyataan di atas adalah h1, sedangkan color adalah property, dan #1faced adalah value
Ada beberapa cara yang digunakan untuk mengunakan css kedalam dokumen HTML yaitu:
Inline Style Dilakukan dengan cara menambahkan atribute style=".." dalam tag HTML yang bersangkutan.
<html>
<head>
<title>Belajar CSS</title>
</head>
<body>
<p style="color: #dddddd;">Belajar Menggunakan CSS</p> //warna
<p style="font-weight: bold;">Belajar Menggunakan CSS</p> //huruf tebal
<p style="font-size: 20px;">Belajar Menggunakan CSS</p> //ukuran huruf
</body>
</html>
Header Style Dilakukan dengan cara menambahkan tag <style media="screen" type="text/css"> pada bagian header tag HTML dan kemudian ditutup dengan tag penutup </style>
<html>
<head>
<title>Belajar CSS</title>
<style type="text/css">
<!-- disini script CSS dibuat -->
h4{ color :#1faced; background: black; width :200px; text-align: center; }
h2{ color :#dddddd; }
</style>
</head>
<body>
<h5>Belajar menggunakan CSS</h5>
<h2>Belajar mengunakan CSS</h2>
</body>
</html>
Exsternal Style Sheet Membuat file baru dengan ekstensi .css dengan menuliskan Mark Up CSS untuk eksternal CSS yang nantinya ditempatkan di dalam HTML. Untuk menghubungkan HTML dengan CSS cukup menambahkan script <link rel="stylesheet" href="style.css" type="text/css"> pada bagian header tag HTML .
Dengan menggunakan class dan id kita dapat mendefinisikan selector secara lebih spesifik . Kemudian juga memiliki keuntungan, dimana kita dapat mengatur agar tag-tag HTML yang sama ditampilkan secara berbeda sesuai dengan class dan id yang digunakan. Nama untuk class selalu diawali dengan tanda titik (.) sedangkan untuk id selalu diawali dengan tanda (#).
Apa itu pseudo class? pseudo class adalah atribut tambahan yang diberikan pada selector yang dipisahkan dengan tanda titik dua (:) .
Link
Visited
Hover
Aktive
<html>
<head>
<title>Belajar CSS</title>
<style type="text/css">
a:link { color : blue;
} //kode ini mempunyai arti sebuah link akan berwarna biru
a:visited { color : purple;
} //Sebuah link apabila pernah di klik oleh komputer yang sama akan berwarna ungu
a:hover { color : green;
} //Sebuah link apabila di sorot oleh mouse akan berubah warna menjadi hijau
a:aktive { color : red;
} //Sebuah link warna menjadi hijau apabila halam pada link aktive
</style>
</head>
<body>
<a href="#">Belajar CSS LINK</a>
<a href="#">Belajar CSS Visited</a>
<a href="#">Belajar CSS Hover</a>
<a href="#">Belajar CSS Aktive</a>
</body>
</html>
Dalam dunia website/blog/wordpress dll, pastinya anda ingin situs anda dapat dengan mudah ditemukan di dalam mesin pencarian seperti Google dan Yahoo. Berikut ini saya memposting bagaimana cara mempublikasikan situs anda di 70 Search Engine.
