AKIHIRO15: Tutorial

Breaking News

Showing posts with label Tutorial. Show all posts

Showing posts with label Tutorial. Show all posts

Saturday, October 1, 2016

Cara membuat widget Kalender HTML

Kali ini kita akan membuat sebuah kalender web sederhana, menggunakan html dan javascript. Tutorial ini terdiri dari 2 langkah singkat mudah untuk diikuti.

Tahap pertama:
Letakkan script berikut ini di bagian "<head>" halaman web kamu.
<style type="text/css">
.main {
width:200px;
border:1px solid black;
}
.month {
background-color:black;
font:bold 12px verdana;
color:white;
}
.daysofweek {
background-color:gray;
font:bold 12px verdana;
color:white;
}
.days {
font-size: 12px;
font-family:verdana;
color:black;
background-color: lightyellow;
padding: 2px;
}
.days #today{
font-weight: bold;
color: red;
}
</style>
<script type="text/javascript" src="http://subhishine.freehostia.com/shine/files/basiccalendar.js">
</script>

Tahap 2:
Letakkan script berikut di bagian "<body>" file web kamu.

<script type="text/javascript">

var todaydate=new Date()
var curmonth=todaydate.getMonth()+1 //get current month (1-12)
var curyear=todaydate.getFullYear() //get current year

document.write(buildCal(curmonth ,curyear, "main", "month", "daysofweek", "days", 1));
</script>

Cara Membuat Database MySQL dengan CMD

Disini Saya Akan Membuat Database Penjualan dengan Menggunakan CMD, Okeh Langsung Saja !

1. Buka Control Panel Xampp (Start - All Program- Xampp)

2. Pastikan Apache dan MySQL Running

3. Masuk ke CMD dan Tuliskan Script berikut :

cd ..

cd ..

cd xampp

cd mysql

cd bin

mysql -u root

4. Bila berhasil ada bacaan 'Welcome to MySQL monitor'. Okeh Kita Lanjutkan dengan databasenya

5. Create database penjualan;

6. Use penjualan;

7. Lalu kita membuat Tabel dari database tersebut :

8. Create table barang (

Kode Varchar (5) Not Null,

Nama Varchar (20) Not Null,

Harga Integer Not Null,

Primary key (Kode)

);

9. Kita akan membuat isi dari Tabelnya :

Insert into barang (Kode, Nama, Harga) Values ("001","Indomie Goreng","2000");

10. Bila ingin melihat Hasilnya : Select*From barang;

11. Bila ingin membuat isinya banyak, Ulangi langkan No.10 tetapi 001 diganti menjadi 002 karna tadi kita mengkasi Primary Key di Kode.

TAMBAHAN

*Disini saya sudah membuat 3 isi dari tabel tersebut*

1. Melihat Hasil : Select*From barang;

2. Melihat Tabel : Show Tables;

3. Melihat Struktur Pembuatan : Desc barang;

4. Menambah Field : Alter table barang add Jumlah Integer Not Null;

*Bila ingin mengisi datanya gunakan sama sepertinya No.8*

5. Merubah Nama Field : Alter table barang change Nama Nama_Barang varchar(20) not null;

6. Merubah Isi Field : Update barang set Nama_Barang="Shampo" where kode="001";

7. Menghapus Satu Barisan : Delete from barang where kode="001";

8. Menghapus Table : Drop barang;

9. Menghapus Database : Drop enjualan;

Sekian Tutorial Database dengan MySQL, Semoga bermanfaat ^_^

Friday, September 23, 2016

Membuat Kode Script Iklan Banner

kesempatan kali ini kita akan membahas membuat kode script iklan banner di blog. Beberapa Anda mungkin sudah tidak asing dengan kode script iklan banner, tapi bagi sebagian orang terkadang masih bingung dengan kode script iklan banner pada blog.

Cara membuatnya cukup sederhana, Anda tinggal copy paste kode dibawah ini pada Gadget HTML/JavaScript.

<a href='http://akihiro15.blogspot.com/2016/09/pasang-iklan-paling-murah.html' target='_blank' title='Pasang Iklan Paling Murah'><img src='http://i.picasion.com/pic56/182c26af578e2f426813c71aa2552e27.gif' alt=Pasang Iklan Paling Murah' border='0'height='60' width='468'/></a>

Keterangan :

Ganti link yang berwarna merah dengan link tujuan.
Tulisan yang berwarna hijau adalah keterangan gambar, ganti sesuai keinginan.
Ganti link yang berwarna biru dengan link gambar yang akan ditampilkan.
Ukuran gambar bisa Anda ganti dengan mengubah height (tinggi) dan width (lebar).

Friday, September 16, 2016

Bahan Website Free (Tugas KK)

Homepage : klik
Galley : klik
Visi dan Misi : klik
Sejarah : klik
Contact Us : klik

Thursday, September 15, 2016

Cara Membuat Animasi Teks Bergerak Sendiri

utorial kali ini saya akan mencoba membahas tentang cara membuat animasi teks bergerak sendiri online. Ada beberapa cara yang bisa kita gunakan untuk membuat tulisan animasi salah satunya adalah menggunakan software flash dan bisa juga menggunakan photoscape. Menggunakan software tersebut dalam membuat animasi membutuhkan sedikit kesulitan, dimana kita harus mengetahui fungsi tools yang digunakan. Selain menggunakan aplikasi, pastinya ada cara lain yang lebih mudah dan cepat membuat tulisan dengan animasi yang lucu, keren dan menarik. Caranya adalah menggunakan website yang menyediakan fasilitas animasi teks generator. Saat ini banyak sekali website animasi teks generator yang berterbaran di internet. Tapi dari website yang saya jumpai di internet, ada beberapa yang berat sekali untuk di akses. Akhirnya saya mencoba website yang lain dan akhirnya saya temukan website membuat animasi tulisan yang ringan, hasilnya bagus dan gratis pastinya.

Setelah sobat selesai membuat animasi GIF, animasi tersebut bisa dipasang di blog dan power point. Untuk memasangnya di blog sobat bisa memasangya di layout dengan menambhakan skrip menampilkan gambar dengan html dan untuk power point bisa melalui insert image, saat animasi gif dimasukkan ke power point, animasi tidak bergerak, tetapi saat kita fullscreen atau klik slideshow maka animasi gif akan tampil. Oke langsung saja sobat ikuti langkah-langkah berikut ini.

Cara Membuat Animasi Tulisan Bergerak Sendiri Online

Pertama-tama kunjungi website textanim.com
Selanjutnya masukan text dengan tulisan yang ingin kita buat (misal : tulisan assalamualaikum, tulisan thank you, tulisan cinta atau terserah sobat mau membuat tulisan apa).
Selanjutnya sobat bisa pilih jenis font atau memperbesar/memperkecil ukurannya.
Bisa juga menambahkan background sesuai dengan warna yang diinginkan
Untuk Direction, Shadow Text Side dan Delay movement sobat biarkan saja.
Kemudian pilih efek animasi yang diingkan dengan cara klik satu kali.
Jika sudah, sobat klik tombol generate dan tunggu hingga muncul teks yang kita ketikan di bagian atas.
Untuk menyimpan gambarnya di komputer, klik kanan pada tulisan animasi yang sudah jadi dan pilih save image as.

Sampai disini sobat sudah bisa membuat tulisan animasi, silahkan sobat coba dan kreasikan sendiri semaunya. Dan berikut kira-kira hasil yang telah saya buat, dengan mengikuti langkah tadi.

Cara Zoom Foto tanpa mengurangi kualitasnya !

Bagaimana cara memperbesar ukuran foto tanpa mengurangi kualitas? tentunya ada banyak cara yang bisa kita lakukan diantarannya menggunakan software dan dengan menggunakan internet (online). Jika sobat ingin mencoba dengan software, terlebih dahulu harus download software dan install ke komputer sobat. Salah satu softtware yang bisa sobat gunakan adalah Advanced JPEG Compressor, silahkan cari di google banyak yang ngeshare. Keuntungan menggunakan software tersebut kita tidak usah upload gambar ke internet melainkan gambar yang sudah ada di komputer bisa langsung kita ubah ukurannya. Selanjuntnya cara yang kedua, yang mudah dan gak ribet yaitu menggunakan sebuah website yang menyediakan tool untuk merubah ukuran gambar menjadi lebih besar. Jika kita ingin menggunakan cara yang satu ini pastinya kita harus upload gambar terlebih dahulu di web tersebut, jika gambar memiliki ukuran yang besar proses upload juga akan sedikit terhambat. Tapi tenang saja bagi sobat yang memiliki internet yang lancar mungkin proses upload tidak berlangsung lama. Nah, kali ini saya akan menyajikan tutorial yang mudah untuk dipraktekan yaitu cara yang kedua. Disini kita memanfaatkan situs yang sudah ada, sobat tidak usah khawatir saya sudah ada situnya dan siap untuk dipraktekan.

Situs atau website yang saya maksud adalah www.simpleimageresizer.com. Seperti tagline situs tersebut "resize image online without losing quality" apakah benar-benar terbukti sesuai dengan taglinenya atau tidak mari kita buktikan. Tapi sebelumnya saya akan memberikan sedikit informasi mengenai situs tersebut. Jadi simpleimageresizer tersebut merupakan sebuah situs gratis yang dapat merubah gambar dengan persentase dan dimensi ukuran yang bisa kita atur sesuai dengan kebutuhan atau keinginan kita. Itulah sekilas informasi tentang situs tesebut, dan sekarang saya akan coba menyajikan tutorial sesuai dengan pembahasan kali ini. Sebelumnya siapkan terlebih dahulu gambar yang ingin diperbesar ukurannya. Jika sudah langsung saja ikuti langkah-langkah berikut ini.

Langkah pertama silahkan kunjungi www.simpleimageresizer.com
Selanjutnya klik pada tombol select image.

Setelah itu, sobat bisa mengatur persentasi gambar atau merubah ukuran gambar yang diinginakan.
Yang terakhir klik tombol Resize, setelah itu tunggu hingga proses upload gambar dan juga proses resize selesa. Jika telah selesai maka akan muncul link download, dan silahkan sobat klik link download tersebut.

Baca juga : Teknologi Canggih yang dirilis tahun 2016

Sampai disini mungkin yang bisa saya bahas kali ini, jika sobat masih kurang jelas bisa bertanya melalui komentar yang tersedia. Semoga tutorial memperbesar ukuran foto tanpa mengurangi kualitas ini bisa bermanfaat untuk sobat.

Tuesday, September 13, 2016

Script Kursor untuk Website Anda !

Langkah - langkah mengganti kursor yang keren sebagai berikut :

Berikut ini adalah beberapa pilihan cursor yang bisa digunakan Copy script yang ada dibawah masing-masing kursor yang anda inginkan ganti tulisan yang berwarna merah :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_O9P0hYnyM7HRtQx4Bakp9w50BeM1Uep3bBhBGbmXV-kyFdot83XYdsZmb3CPTcGNRU0LWQi1z-z4yYZUYaIaAjAsgPXzKRUbwSv5YwiQWT3iF4dXVuZNo9OJt27uaz1FmiSYiWc4GKQ/h120/1.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAR5Yfyfebwv017msKa2pSY9Kmk9C2wwWz4Z5YoHdt0gRS3Wu_nZXmvwhwPlVuKtHSFPNZUaWQ6w_ICz4gRW6OTPdUqz8TMgZrsDIGTeZcuOvVhXRFoIpRALQdqFTe8ctQ_ShPDzi-MCM/h120/2.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPZ_-I6xRSK8t9GqE8k9eLBIbiHngRdpk4D4h2DvztiMrRyRRGaxug7bTdCRMNHyOyw87zyLdEM-zqV8x5aM4Qh0STrDmzlxg-eGAJg4q5y2WgExg-EhGYuyAVjBN0vdBC9WdO85y3YEQ/h120/3.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj66Piz0LqLayRLiDCa4CiHCIA-pI6NMiJKtuTnBjxiYRfLdLkeMAOa8L6nljOIWK0t1uLUKHEXzCL-cUb14_lFcBbbjZGFnD3NvgGehE7LmBC2gl0xrvlAye1yYr8x3X2jLeRfCCbO12k/h120/4.gif

http://i1200.photobucket.com/albums/bb321/aNyA_zdej28/FBML%20Vocaloid/C-GUMI.png

http://i186.photobucket.com/albums/x100/amoebios_4m/nexuiz_default_cursor_1c.png

http://i44.photobucket.com/albums/f13/LONG65/Element2.gif

http://i1013.photobucket.com/albums/af252/oneuglycoffin/PhotoshopEdits/cuppycakecursor.png

Hanya sedikit script yang saya posting di sini. Sekian dari saya, Terimakasih :-) ありがとう

Saturday, September 3, 2016

Tips Agar Akun Twitter Anda Terverifikasi

Verifikasi akun twitter yaitu digunakan untuk menentukan keaslian identitas perorangan dan produk di twitter. Untuk mendapatkan verifikasi akun twitter tidaklah mudah, twitter tidak akan sembarangan memberikan verifikasi akun twitter. Contoh akun yang dapat diverifikasi seperti politisi, pemerintahan, artis, atlet, portal berita, bisnis, dll. Verifikasi akun twitter tidak ditentukan oleh jumlah follower yang banyak.

Bagaimana twitter mengetahui keaslian akun twitter Anda? Salah satunya adalah memasang tombol follow twitter pada blog/web Anda, atau memberikan tautan link blog pada twitter Anda. Berikut contoh akun twitter yang sudah terverifikasi milik presiden Indonesia @SBYudhoyono

Info selengkapnya tentang verifikasi akun twitter bisa Anda baca di Twitter Verified Terms, atau Anda bisa menghubungi pihak twitter melalui Twitter Contact.

Gimana sih cara mengetahui password FACEBOOK orang lain? INI DIA !

Pernahkah anda terpikir untuk mengetahui password facebook orang lain? Tentunya yang saya maksudkan di sini bukanlah untuk tujuan yang tidak baik. Jika memang perlu adanya untuk mendapatkan password itu, sebenarnya ada banyak cara mengetahui password facebook orang lain yang bisa anda coba. Memang, terkadang ada cara-cara yang nampaknya rumit untuk dilakukan. Akan tetapi, ada cara-cara mudah yang bisa anda coba. Dalam kesempatan ini akan saya beritahukan 2 contoh cara yang berbeda dan mudah untuk mendapatkan password target anda.

Cara Bagi Pengguna Yahoo atau Gmail

Cara mengetahui password facebook orang lain yang pertama ini hanya dapat dilakukan oleh dan untuk pengguna yahoo atau gmail. Cara ini dilakukan dengan mengirimkan e-mail ke mesin hacker facebook. Pertama-tama, anda log in ke e-mail anda dan pilih tulis pesan. Kemudian, tuliskan reply.auto@ymail.com pada kolom alamat e-mail yang dituju. Kosongkan kolom Bcc dan Bc. Lalu, tuliskan “password retrieve” pada subject e-mail. Jika sudah selesai, sekarang waktunya bagi anda untuk menuliskan isi e-mail. Perhatikan dengan benar apa yang harus anda tulis.

Baris pertama, tuliskan alamat e-mail anda. Baris kedua, tuliskan alamat e-mail target anda. Baris ketiga, tuliskan password e-mail anda. Baris keempat, tuliskan kode cgi-bin/$et76431&pwr999. Kemudian, kirimkan e-mail tersebut. Password anda akan digunakan untuk mencocokkan dengan password target anda. Nantinya, anda akan mendapatkan pemberitahuan bahwa password anda dan target berbeda. Pada akhirnya, mesin hacker akan mengirimkan password target anda juga. Beginilah cara mengetahui password facebook orang lain bagi pengguna yahoo atau gmail.

Cara Lain Dengan Mengubah Struktur HTML Facebook

Jika target anda bukanlah pengguna yahoo atau gmail, maka anda bisa mencoba cara mengetahui password facebook orang lain yang kedua ini. Anda tidak perlu khawatir karena mendapatkan password facebook orang lain dengan cara ini tidaklah sulit. Pertama-tama, bukalah facebook.com melalui Google Chrome. Kemudian, klik kanan pada kolom password dan anda akan mendapatkan beberapa pilihan. Pilihlah “Inspect Element” yang biasanya berada di pilihan paling bawah. Setelah itu, kau akan melihat sebuah elemen pada bagian bawah browser.

Di sana, anda akan dapat melihat teks panjang dalam kotak biru. Teks tersebut biasanya bertuliskan <input type=“password” class= … Yang perlu anda lakukan adalah men-double click tulisan password dan menggantinya dengan cronosal.js. Kemudian, tutuplah elemen tersebut dan coba ketiklah teks apa saja ke dalam kolom password. Anda akan melihat bahwa password tidak lagi terlihat dengan tanda titik-titik, melainkan dapat dilihat dengan jelas. Bisa dibilang cara mengetahui password facebook orang lain ini digunakan untuk menjebak daripada mengetahui secara sembunyi-sembunyi.

Saturday, June 4, 2016

Tips Membuat Password Anda Aman

Salam sejahtera sahabat, semoga selalu diberi keberkahan oleh Tuhan yang maha esa. Di moment kali ini saya ingin membagikan tips bagaimana cara memilih Password yang benar dan aman, kebetulan kemarin saya juga sempat bingung saat menentukan password untuk facebook saya. Mulai dari memikirkan tingkat kesulitan, jumlah digit hingga mudah tidaknya dihapal, yap mungkin bagi beberapa orang sesulit apapun password pasti bisa di hack bukan?

Haha yah ironis nya begitu, saat membuat akun pasti kita membayangkan akan cara licik dari Hacker untuk membobol akun kita, contohnya Akun google yang sudah memiliki penghasilan dari adsense atau youtube atau Akun game seperti garena ataupun gemscool. Tapi ada juga di beberapa kasus penghackeran rupanya tidak jarang juga kalau kehilangan itu karna kesalahan si pemilik akun sendiri seperti lupa mengeluarkan akun sehingga akunnya berpindah tangan ke orang lain, atau dihipnotis agar memberitahu password, dsb.

Kemajuan Tekhnologi membuat banyak orang terikat dalam dunia internet mau ataupun tidak mau, jadi dalam waktu yang sama pun mereka harus membuat akun dalam dunia maya itu dan point penting dari akun tersebut adalah Password.

Berikut tips dalam membuat dan menggunakan Password agar Aman:

- Selalu gunakan kombinasi angka, huruf dan karakter lainnya seperti tanda seru.
- Buatlah yang panjang, minimal 8 karakter tapi sebaiknya sebanyak 16 karakter.
- Jangan pernah gunakan nama, lokasi, nomor telepon atau tanggal ulangtahun.
- Gunakan campuran huruf kecil dan huruf besar.
- Jangan menggunakan bahasa Inggris, Kebanyakan Hacker berasumsi bahwa password itu menggunakan berbahasa Inggris.
- Jangan memilih opsi agar website mengingat password akunmu.
- Gunakan password yang berbeda di tiap website dan perangkat.

Yap itu dia sedikit saran dari saya, semoga bisa bermanfaat dan terima kasih sudah berkunjung.
Sumber : Bankmega

Wednesday, April 13, 2016

Cara merubah Blogspot ke IdHostinger

Hosting Gratis

Malam Sobat hari ini saya akan bagi cara merubah blogspot ke domain IDHostinger ,pertama bagi sobat yang belum daftar silahkan daftar . setelah daftar dan verifykasi via email sekarang buat domainnya pada tab hosting .

1. lihat pada gambar dibawah ini setelah selesai pembuatan domain dan klik kelola

2. Setelah dibawa ke halaman berikutkan cari "Tool Penting" dan klik "DNS Zone Editor" (lihat gambar)

idhostinger DNS

3. Lihat gambar di bawah ini

editor DNS

Gambar di atas sudah saya rubah pada kolom yang sudah saya kasih kotak berwarna

kotak Warna merah : ganti dengan domain hostinger yang sobat mau di rubah (sebelum perubahan masih dalam bentuk IP Address)
Kotak warna Biru : Tambahan record sama pada record bawahnya
Kotak warna Hijau: ganti pada target dengan "ghs.google.com." INGAT ! harus di beri tanda titik setelah [dot]com
setiap perubahan pada record jangan lupa di perbaharui

Keterangan :

Ganti no ip jadi nama domain (lihat gambar domain 1 dengan perubahan domain)
Pada Cname www ganti targetnya dari nama domain ke ghs.google.com. (contoh musicam.pusku.com jadi ghs.google.com)
Tambahkan record baru misalnya : sumber musicam.pusku.com cname targetnya musicam.pusku.com) sobat bisa mengubahnya sesuai domain yang didaftarkan.

setelah selesai kita beralih ke blogger

1. Masuk www.blogger.com > blogger sobat > setelan

id hostinger

2. Setelah klik setelan lanjutan isikan nama domain dari idhostinger harus di kasih www (contoh saya pakai www.musicam.pusku.com)

proses selesai

3. Simpan dan tunggu beberapa menit untuk di konfirmasi untuk hasil

Saturday, February 6, 2016

Menonaktifkan Faronics anti-executable dengan CMD

Mematikan Faronics Anti-Executable di warnet - Pernah gak saat di warnet trus mau install aplikasi, misalkan Internet Download Manager ternyata tidak bisa karena dilindungi Faronics Anti-Executable?. pasti menyebalkan sekali bukan, ya sama sob, saya juga kesal dibuatnya, akan tetapi ada cara mudah untuk Menonaktifkan Faronics Anti-Executable di warnet dengan CMD, cara yang saya share kepada semua sobat bagasi31.blogspot kali ini beda dengan tutorial yang lain, maksudnya dari blog lain. karena caranya sangat simpel tidak perlu membuat shortcut ini trus itu, cuma dengan memaksa si Faronics Anti-Executable mati.

Trik membobol warnet yang di proteksi Faronics Anti-Executable Dengan CMD

1. Buka Comment Promnt dengan cara Tombol windows + R > ketik CMD lalu Enter

Jika di warnet sobat Bagasi31.blogspot tidak bisa membuka Comment promnt/CMD, maka coba buka folder C:/ > Windows >/System32 >/Cari cmd

2. Maka akan terbuka Jendela Comment Promnt/cmd jika sudah, ketikan tasklist
3. Maka akan muncul seperti dibawah ini jika berhasil, kemudian catat (1) Nama aplikasi dan (2) PID dari Faronics Anti-Exe cari saja pasti ada kok, seperti gambar dibawah ini.
4. Jika sudah, Kini saatnya eksekusi. mohon sobat sangat hati-hati jika sudah di tahap ini, pastikan nama aplikasi dan PIDnya pas .. Nah Anda disitu cara yg namanya AntiExucatable
5.Nah,Kalo Sudah Selesai Anda Disitu Cari PID AntiExutable Tersebut .
6.Lalu,Catat Dengan Cara taskkill /PID Tersebut /F
7.Dalam kasus ini masukan PID Faronics Anti-Exe yang sudah kamu catat tadi, jika sudah enter saja dan wallah... sobat sudah bisa install aplikasi semaunya.

Note : mohon maaf dalam pembuatan artikel ini saya menggunakan laptop dirumah jadi saya menggunakan contoh notepad sebagai penjelasan. intinya ganti PIDnya dengan milik Faronics Anti-Exe.

Friday, February 5, 2016

Cara Anti Copas Posting Blog

Cara Pasang Script Anti Copas di Blog

Script Anti Copas

Cara Pasang Script Anti Copas di Blog. Jengkel karena artikel blog Anda di copas orang lain tanpa pemberitahuan atau tanpa link sumber di bawah artikel? Bagi Anda yang tidak ingin artikel dicopas bisa menambahkan script anti copas berikut di template Anda.

Caranya dengan edit HTML Template Anda dan cari kode <head>
Pasang script berikut tepat dibawahnya, kemudian save.

Script Anti Copas di Blog

<script type='text/javascript'> if (typeof document.onselectstart!="undefined") { document.onselectstart=new Function ("return false"); } else{ document.onmousedown=new Function ("return false"); document.onmouseup=new Function ("return true"); } </script>

Efek dari penggunaan script ini, cursor tidak bisa berfungsi menyorot blog Anda. Tetapi mouse bisa melakukan fungsi klik kanan. Script ini memiliki kelemahan jika sang copaser tahu teknik membuka blog yang terkunci (Telah dipasang script anti copas). Untuk mengetahui kelemahan script anti copas ini baca Cara Membobol Script Anti Copas di Blog.

Thursday, February 4, 2016

Tutorial membuat template

Sebuah template website memang berbeda-beda, namun dibalik perbedaan itu ada satu hal persamaan pada setiap website. Ya, mereka selalu mempunyai struktur yang sama, yaitu header, content dan footer. Apakah membuat template website itu susah? Dibilang susah ngga, dibilang gampang juga tidak! Ini tergantung dari kreatifitas orang yang membuatnya. Kali ini saya akan berbagi tutorial membuat dasar sebuah template.

Goal dari tutorial ini adalah sebagai berikut:

Dasar membuat layout website

Langsung saja, silahkan buka code editor yang sering anda gunakan misalnya notepad++, sublime dkk. Buat sebuah file misalnya diberi nama index, jangan lupa format dari file ini ada html. Berikut code yang digunakan untuk index.html:

<html>
<head>
<title>Membuat Layout sederhana</title>
<link href="style.css" type="text/css" rel="stylesheet">
</head>
<body>
<div class="container">
<div class="header">
<span class="title">Dipakai untuk Header</span>
</div>
<div class="content">
<div class="entry-content">
<span class="title">Isi dari konten</span>
</div>
<div class="sidebar">
<span class="title">Isi dari sidebar</span>
</div>
</div>
<div class="footer">
<span class="title">Isi untuk footer</span>
</div>
</div>
</body>
</html>

Klik save, kemudian kita tambahkan style untuk index.html . Kemudian buat file bernama style dengan format .css , simpan satu folder dengan file index.html tadi.
Berikut code untuk style.css:

.container{
margin:0 auto;
max-width:978px;
}

.header{
background:red;
height:200px;
}
.content{
overflow:hidden
}
.entry-content{
background:#eee;
width:642px;
float:left;
display:inline;
height:500px;
}
.title{
font-size:40px;
font-weight:bold;
}
.sidebar{
background:#21E28D;
width:336px;
display:inline;
float:left;
height:500px;
}

.footer{
background:#333;
height:200px;
}

Kemudian buka lagi index.html di browser anda. Jika tampilannya sama dengan goal diatas maka anda sukses dalam tutorial ini.

Monday, December 28, 2015

Cara Memasukkan Stages MUGEN

selamat siang kali ini saya akan membagikan tutorial memasukkan stage mugen, langsung disimak gan :
1. Setelah download stages ekstrak file ".sff" dan ".def" ke folder "stages".

ekstrak file ".sff" dan ".def"

folder "stages"

ekstrak file ".sff" dan ".def" ke folder "stages"

2. Ekstrak file ".mp3" ke folder "sound".

file .mp3

folder sound

file ".mp3" ke folder "sound".

3. Masuk ke folder "data" dan buka "select.def" dengan notepad, lalu masukkan nama stages dengan format "stages/Water 7.def" kemudian save.

folder "data"

select.def

nama stages dengan format "stages/Water 7.def"

Cara Memasukkan Character MUGEN

kali ini saya akan mencoba membuat tutorial memasukkan character mugen, yuk langsung saja :

1. Setelah download character dari internet
2. Ekstrak character yang sudah di download ke folder "chars".

ekstrak character

nama character

3. Buka folder "data", lalu buka file "select.def" dengan notepad

select.def

4. Masukkan nama character yang sudah di download dibawah "Insert your characters below." dengan nama sama dengan folder character yang sudah di download.

masukkan nama character yang sudah di download dibawah "Insert your characters below."

5. Dan terakhir klik file lalu save.

Friday, December 18, 2015

HTTPS Untuk SEO — Meningkatkan Traffic Pengunjung Website Dengan SSL

HTTPS Untuk SEO — Meningkatkan Traffic Pengunjung Website Dengan SSL — Google sangat berambisi untuk membuat website lebih aman, baru-baru ini google sudah mengumumkan bahwa sekarang website sebaiknya menggunakan HTTPS untuk SEO.
Berbeda dengan update sebelum nya yaitu algoritma Penguin dan Panda, penggunaan sertifikat SSL ini merupakan sinyal peringkat yang berjalan secara real-time, bisa di bilang SSL ini menjadi faktor penting untuk membuat google percaya website anda, dan merekomendasikan website anda untuk muncul di halaman utama google dibanding yang tanpa HTTPS.
HTTPS SEO SSL

HTTPS SEO SSL

Apa itu HTTP dan HTTPS?

HTTP adalah protokol internet yang digunakan untuk mengambil dan menampilkan halaman web. HTTP singkatan dari Hypertext Transfer Protocol, dimana anda akan melihat http:// di url anda sebelum nama domain. Sedangkan HTTPS adalah Hypertext Transfer Protocol Secure, nah dengan ini anda akan melihat https:// sebelum nama domain anda, dan inilah yang direkomendasikan oleh google untuk digunakan.

Bagaimana Membuat HTTPS?

Untuk membuat halaman menjadi secure kita membutuhkan sesuatu yang disebut sertifikat SSL. Anda perlu membeli sertifikat SSL dan kemudian meminta host web Anda untuk menambahkannya ke domain Anda.

Apa Manfaat Penggunaan HTTPS?

Tentu website akan lebih aman, namun seperti judul artikel ini yaitu dengan menggunakan HTTPS anda akan lebih banyak mendapatkan pengunjung karena website anda memperoleh prioritas dalam hasil pencarian di Google.

Manfaat lain:

Anda dapat melindungi data yang di transfer ke dan dari situs web anda.
Memberikan kenyamanan pada pengunjung dengan memberi tahu bahwa semua data di enkripsi dan dijaga dari gangguan pihak ketiga yang ingin ikut mengakses.
Mengurangi biaya dan meningkatkan pilihan pembayaran dengan mengambil pembayaran online tanpa pihak ketiga jika anda menggunakan ini di website e-commerce.

Bagaimana Cara Mendapatkannya dan Berapa Biayanya?

Saat ini anda mesti membeli sertifikat SSL ini dengan biaya tertentu, untuk lebih mudah anda bisa tanyakan kepada pihak hosting anda. Namun ada kabar gembira yaitu tahun 2015 eff.org akan memberikan SSL gratis untuk semua pemilik website yang menginginkan.
Sekian postingan kali ini, semoga menambah pengetahuan anda. TWD saat ini belum menggunakan SSL karena masih merasa belum perlu menggunakan, karena TWD masih berfokus pada konten. Salam Web Development Indonesia

Thursday, December 17, 2015

CARA MEMBUAT FILM ANIME DENGAN ANIME STUDIO

Tau Naruto? Ya, tokoh manga ini pasti sudah tau bukan. Anda yg punya daya khayal yang tinggi juga bisa membikin sebuah karakter manga seperti anak ajaib seperti itu. Untuk awalnya mungkin anda mengambil kertas dan pen, kemudian membuat coretan-coretan mengenai tokoh karakter kartun manga tsb, tapi setelah mahir anda mesti menggunakan sebuah tool software yang khusus untuk membuat manga. Tentunya menggunakan software tsb ditujukan supaya lebih efektif dan output bisa disaved.
Nah, untuk mendapatkan sebuah software yang membantu kita untuk menggambar, membuat anime, animasi manga, kartun dalam mode 2D maupun 3D kita mesti cermat. Saya merekomendasikan anda menggunakan Anime Studio 6 untuk mendapatkan hasil yang maksimal. Software Anime Studio Pro 6 sangat cocok bagi yang tampil dengan kreasi profesional maupun amatir. Anime Studio Pro 6 mempunyai fitur-fitur yang canggih dan sangat berguna seperti halnya dapat mengimport gambar hasil scan (nah, hasil coretan-coretan gambar di kertas menjadi tidak mubazir khan). Dengan drawing tools yang lengkap bisa menghasilkan tokoh manga yang penuh karakter, lucu dan tegas.

nanda heykhend

Fitur-fitur Anime Studio Pro 6 lainnya adalah:
- Kemampuan import image 3D dan video
- Tool Spesial efek yang luar biasa dan komplit tersedia
- Hasil melukis animasi manga dan anime dapat disimpan ke dalam format Flash dan video movie.
Coba tengok video panduan dari Youtube tentang penggunaan Anime Studio 6:
Download di Anime Studio 6
bila link download diatas tidak bisa buka aja link ini http://my.smithmicro.com/downloads/files/AnimeStudioDebut_win32_6.0_EN.exe
versi terbaru versi ketuju tapi file cuku besar sekitar 300mb tapi kok mau download silakan DISINI
bila link download diatas tidak bisa buka aja link ini http://www.brothersoft.com/d.php?soft_id=76839&url=http%3A%2F%2Fmy.smithmicro.com%2Fdownloads%2Ffiles%2FAnimeStudioDebut_win32_7.0.exe
Atau bisa download anime studio 5 full
Anime Studio 5 Pro adalah program animasi yang lengkap untuk membuat film, kartun, anime, atau memotong animasi. Buat sendiri desktop animasi pendek dalam gaya Selatan Park dan JibJab, atau menggunakan Anime Studio Pro 5 menghasilkan panjang untuk film animasi, video, atau streaming melalui web.

Weeeewww singkat banget ya……………
Dah yang penting Download aja

Part 1
Part 2
Part 3
Part 4
tapi misal nya software diatas trial gak usah kuatirni ada cara nya

Subscribe to: Posts (Atom)

Designed By Arsyad Tanaka