Tutorial HTML 2

Melanjutkan posting yang terdahulu setelah terselang oleh beberapa artikel tentang blog tutorial maka kali ini saya akan membahas tentang tutorial HTML kembali.Sebelum menginjak kepada topik bahasan ada baiknya para sobat mengikuti bahasan kali ini dengan langsung memfraktekannya agar lebih cepat mengerti. Caranya siapkan terlebih dahulu program notepadnya lalu tuliskan kode HTML seperti dibawah, kemudian apabila telah selesai mempraktekan simpan file tersebut dengan extensi .htm (dot htm). Contoh file : latihan.htm kemudian jalankan dengan internet explorer. silahkan tulis kode-kode berikut :


<html>

<head>

<title>latihan</title>

<body>

Tulis apa-apa yang saya terangkan di sini !

</body>

</html>

Kita langsung ke topik bahasan aja ya biar ga bosan.

Elemen dasar HTML

Ada beberapa elemen dasar HTML yaitu :

Elemen Blok Level

Elemen blok level yaitu tingkatan besarnya hurup yang akan di tampilkan pada browser. Elemen blok level yang paling sering di gunakan adalah Heading (h1 sampai h6).Tag heading ini ini berupa <h1>...</h1> sampai dengan <h6>...</h6>.

Contoh :

<h1>Ini heading 1</h1>
<h2>Ini heading 2</h2>
<h3>Ini heading 3</h3>
<h4>Ini heading 4</h4>
<h5>Ini heading 5</h5>
<h6>Ini heading 6</h6>


Hasilnya akan seperti ini :

Ini heading 1

Ini heading 2

Ini heading 3

Ini heading 4

Ini heading 5

Ini heading 6

Sebenarnya ada cara lain untuk menampilkan berbagai ukuran hurup, yakni memakai tag <font size="...">.....</font>.

Contoh :



<font size="1">Ini font size 1</font>

<font size="2">Ini font size 2</font>

<font size="3">Ini font size 3</font>

<font size="4">Ini font size 4</font>

<font size="5">Ini font size 5</font>

<font size="6">Ini font size 6</font>

<font size="7">Ini font size 7</font>


Hasil yang akan tampil seperti ini :



Ini font size 1

Ini font size 2

Ini font size 3

Ini font size 4

Ini font size 5

Ini font size 6

Ini font size 7


Itu adalah contoh untuk menampilkan huruf dalam berbagai ukuran.

Untuk kesempatan kali ini, kaya nya udah dulu sobat soalnya belum mandi nih, mo berangkat kerja       hiii.....pantesan dari tadi ada yang bau aneh  

Nantikan seri berikutnya!

Read More

Buat Logo & Image Button

Bagi para sobat yang sudah mahir menggunakan program desain grafis semisal adobe photoshop ataupun coreldraw serta teman-temannya yang lain, membuat sebuah logo bukanlah sebuah pekerjaan yang sulit, dan mungkin tutorial ini menjadi tidak menarik untuk di baca. But barangkali ada sebagian dari para sobat sekalian yang satu nasib dengan saya, sebenarnya saya pun boleh di katakan tidak awam banget dengan program-program desain grafis tersebut, akan tetapi tak cukup hanya menguasai tentu saja di perlukan suatu daya kreasi atau imajinasi yang tinggi untuk menciptakan sebuah logo.

Nah kalau ada diantara sobat sekalian yang senasib dan sepenanggungan seperti saya (lho ko jadi ngawur ngomongnya)jangan dulu berkecil hati, seperti biasa ada pepatah mengatakan banyak jalan menuju Roma ((irama)kaya postingan dulu...dah basi)untuk membuat logo kita bisa memakai jasa situs di internet, salah satunya yaitu cooltext.com, Silahkan ikuti langkah-langkah berikut ini :

1. Silahkan buka alamat http://cooltext.com
2. Lalu klik tulisan Design a Logo
3. Klik gambar contoh logo yang sobat sukai
4. Tulis tulisan yang ingin di jadikan logo di sampimg tulisan Logo Text. Misal : Blog Tutorial
5. Tulis ukuran yang di inginkan di samping Tulisan Text Size. Misal : 50
6. Klik logo warna-warni disamping kotak yang ada tulisan Text Color untuk memilih warna tulisan (text).silahkan pilih warna yg sobat sukai
7. Pilih format image disamping tulisan file format. sebaiknya .JPG atau .GIF
8. Klik tombol yang bertuliskan Render Logo Design
9. Tunggu beberapa saat ketika proses pembuatan logo berlangsung
10. Lihat hasil logo, sudah cocok apa belum? bila belum cocok, klik tulisan Edit this logo ulangi langkah diatas, rubah yang sobat inginkan. Jika sudah cocok, klik tulisan Download Image untuk kita simpan di PC kita
11. Selesai. Sobat sudah mempunyai sebuah logo.

Agar logo yang kita buat tadi bisa tampil di blog, sobat harus upload gambar tersebut ke blogger.com atau melalui situs lain. Tapi saya lebih suka menyimpannya di situs lain misal www.photobucket.com.

Untuk proses upload di photobucket.com, silahkan ikuti langkah-langkah berikut :

1. Silahkan buka alamat  http://www.photobucket.com,
2. Jika belum terdaftar di situs ini, silahkan daftar dulu (gratis bo) dengan meng klik tombol yang bertuliskan Join Now pada sudut kanan atas layar
3. Sekarang saya asumsikan sobat sudah terdaftar (pastilah cara daftarnya bisa kan)
4. Silahkan Sign In dengan Id sobat
5. Bila sudah berada pada halaman Account sobat, Klik tombol yang bertuliskan Browse... Silahkan pilih logo yang tadi di buat
6. Klin tombol yang bertuliskan Upload
7. Tunggu beberapa saat ketika proses upload berlangsung
8. Setelah upload selesai, akan di perlihatkan gambar logo serta kode HTML nya
9. Copy kode HTML yang ada di sebelah tulisan URL Link. Paste pada program notepad
10. Silahkan klik tulisan Log Out untuk keluar dari account sobat. tutup layar browser sobat

Nah sekarang sobat tinggal memasukan kode gambar tadi ke blog ke blog sobat, cuma ada sedikit kode yang harus di tambahkan, karena kode tadi baru berupa Link Image saja. Contoh kode link image : http://i162.photobucket.com/albums/t253/rohman24/logoblogtutorial.jpg. Disini sobat harus menambahkan kode <img src="Link URL logo">, sehingga kode tadi menjadi seperti ini :

<img src="http://i162.photobucket.com/albums/t253/rohman24/logoblogtutorial.jpg">

Maka contoh hasilnya akan seperti ini :








Untuk cara memasukan kode HTML kedalam blog sudah sering di bahas, jika lupa silahkan klik di sini.

Sebagai tambahan, kode HTML di atas adalah kode untuk menampilkan image dengan ukuran yang sebenarnya. Apabila sobat ingin memperbesar atau memperkecil image tersebut, sobat bisa menambahkan beberapa atribut ke dalam kode HTML nya. Contoh : image tadi ingin saya tampilkan dalam ukuran 100px X 40px , maka kode tersebut menjadi seperti ini :

<img src="http://i162.photobucket.com/albums/t253/rohman24/logoblogtutorial.jpg" width="100" height="40" alt="ini contoh saja">

sedikit clue, kode width="..." yaitu untuk ukuran lebar image, jadi untuk memperbesar atau memperkecil image, sobat tinggal menambah atau mengurangi nilainya. kode height="..." yaitu untuk ukuran tinggi image, sobat tinggal menambah atau mengurangi nilainya. Untuk alt="..." yaitu untuk menampilkan tulisan ketika mouse berada pada image tersebut.

Sebagai contoh, hasil dari kode diatas adalah sebagai berikut, silahkan sorot image tersebut untuk melihat efek kode alt="..." :








Bagaimana sudah bisa kan? pasti bisa, kan sudah di coba. Sekarang bagaimana cara membuat image button? langkahnya sama saja dengan langkah-langkah di atas, cuma pada saat berada di situs cooltext.com yang sobat klik adalah tulisan Desiggen a Button bukan Design a Logo, contoh image button :









Ok sobat, selamat menikmati hasil karyanya

Baca lebih banyak Panduan Blogger disini

Read More

Windows 7 Loader 2.1.2 Activator

Malam ini saya akan share sebuah software activator windows 7 yaitu Windows 7 Loader 2.1.2. fungsi dari software itu sendiri pasti sudah tau kan, namanya juga activator pastinya berfungsi untuk meng aktivasi windows yang belum ter-aktivasi atau bisa di sebut juga not genuine. Windows Loader ini sangat aman untuk di pakai, dan aplikasi ini sendiri menyuntikkan atau memasukkan SLIC ( System License Internal Code ) ke dalam system windows sobat sebelum Windows boot, dan nah Windows sobat akan genuine. Windows 7 Loader ini tidaklah besar ukurannya, hanya sekitar 2 mb saja. Nah sedikit bukan, langsung ajah cekidot !!!


 Support Operating System :

- Windows 7 Ultimate
- Windows 7 Ultimate E
- Windows 7 Professional
- Windows 7 Professional E
- Windows 7 Home Premium
- Windows 7 Home Premium E
- Windows 7 Home Basic
- Windows 7 Starter
- Windows 7 Starter E
- Windows Vista Ultimate
- Windows Vista Business
- Windows Vista Business N
- Windows Vista Home Premium
- Windows Vista Home Basic
- Windows Vista Home Basic N
- Windows Vista Starter
- Windows Server 2008 Enterprise
- Windows Server 2008 Foundation
- Windows Server 2008 Standard
- Windows Small Business Server 2008
- Windows Storage Server 2008 Standard
- Windows Storage Server 2008 R2 Essentials
- Windows Server 2008 R2 Enterprise
- Windows Server 2008 R2 Foundation
- Windows Server 2008 R2 Standard
- Windows Small Business Server 2011 Standard
- Windows Small Business Server 2011 Essentials

Screenshot

Download :

• Windows Loader 2.1.2 | 2 Mb |

• Password :  Tested in | Windows 7 & Windows 8

NB : Cara Download  Windows Loader 2.1.2  via Adf.ly = Klik salah satu link download  Windows 7 Loader 2.1.2  di atas, kemudian tunggu 5 detik !! terus klik SKIP AD di pojok kanan atas, tunggu sebentar dan download siap di mulai > namun jika keluar link mediafire,  udah tau kan cara downloadnya !! kalu masih belum tau anda dapat berkomentar di bawah ini !!

Jika ada masalah hubungi :


Admin | Sheenz
 Facebook  : Sheenz Foldz CFazz
Email : seenz_arifin@yahoo.com

Read More

Cara Mengganti Nama Facebook Terbaru 2012

Akhirnya bisa posting lagi !! kwkwkw di postingan kali ini saya akan men-share cara mengganti nama FB yang terbaru tahun 2012. Bagi sobat yang nama Facebooknya nggak bisa di ganti atau di ubah. Cara ini lah yang paling jitu untuk mengatasinya. karena cara ini cara terbaru dan pastinya Worrkk :D ( karena saya sudah uji coba ). Ha Ha Ha >> Langsung saja deh ke topik area :), Pasti semua pada penasaran !!!

Ikuti langkah langkah berikut :

• Buka/ Login akun Facebook anda di www.facebook.com atau klik disini
• HaHaHa Baca Doa !! Menurut agama masing- masing sebanyak 10x  
• Buka Link Ini Change Name*dan setelah di klik akan muncul gambar seperti ini*

• Kemudian isi formulirnya :
  - Nama depan [ WAJIB DI ISI ]
  - Alasan Perubahan [ WAJIB DI ISI ]
  - Tanda Pengenal Anda [ Anda harus meng-unggah Foto anda ]
• Kemudian Klik > KIRIM 
• Tunggu beberapa saat
• Dan Taaarrrraaaa !! Facebook sobat sudah berganti nama !!

Status : Tested ( In my Facebook )

E.g : Yufi Tau Taufiq sekarang sudah saya ubah dengan Yufimar Taufiq

Jika ada Kesulitan hubungi :

Admin | Yufi-Tech24

 Facebook  : Yufimar Taufiq

Email : yufimar_taufiq@tech-center.com

Read More

Battery Doubbler 1.2.1 Full

Kali ini saya akan share sofware yang bernama Battery Doubler. Apakah Battery Doubler itu? yaitu ialah software pengeluaran Dachshund Software yang berguna untuk menghemat penggunaan battere pada laptop kita, software ini sangat simple dan juga berguna untuk turbo charge yaitu untuk mempercepat waktu kita meng cas atau mengisi ulang batere laptop agar cepet full. Software ini mudah dan simple untuk di pergunakan untuk sobat!! Langsung saja nih





Fitur dari battery doubler

• Penurunan waktu isi ulang : Mengisi batere anda lebih cepat jika laptop anda sedang dimatikan. biarkan battery doubler mendefinikasikan ulang beberapa fakta komputer dengan teknologi turbo charge, meningkat menjadi 10% kecepatan mengisi ulang batere ketika komputer anda diaktifkan.

• Kalibrasi kembali battery rusak : Setelah menggunakan batere anda tanpa banyak menyita perhatian untuk discharge and recharge setiap kali, performa akan menjadi sangat rendah. Dengan Battery Doubler, cukup menjalankan wizard recalibration seluruh pekerjaan untuk anda dengan secara otomatis!

• Mudah Digunakan : Dari jendela konfigurasi dengan indikator status baterai, fitur, battery doubler unggul pada kemudahan penggunaan. anda akan bisa mengerti bagaimana menggunakan battery doubler dengan waktu yang singkat.

Screenshot :

Download :

• Baterry Doubler | 1.3 Mb |
• Serial Number 

• Password :  Tested in | Windows 7 & Windows 8

NB : Cara Download Baterry Doubler via Adf.ly = Klik salah satu link download Baterry Doubler di atas, kemudian tunggu 5 detik !! terus klik SKIP AD di pojok kanan atas, tunggu sebentar dan download siap di mulai > namun jika keluar link mediafire,  udah tau kan cara downloadnya !! kalu masih belum tau anda dapat berkomentar di bawah ini !!

Jika ada masalah hubungi :


Admin | Sheenz
 Facebook  : Sheenz Foldz CFazz
Email : seenz_arifin@yahoo.com

Read More