Cara | Mengganti | Mengubah Background Facebook

Cara Mengganti dan Mengubah Background Facebook yang paling mudah adalah menggunakan Add-On bernama Stylish.

Untunglah, sekarang Add-On Stylish ini sudah tersedia untuk Google Chrome maupun FireFox.

Dan disini saya akan menjelaskan secara rinci bagaimana cara menggunakan Stylish untuk Mengganti Background Facebook.

Cara Mengganti Background Facebook dengan Stylish untuk pengguna Google Chrome

Pada tutorial kali ini, kita akan menggunakan Stylish v.1.2 dan tentunya makin banyak pilihan Template yang bisa Anda gunakan untuk mengganti tampilan Background Facebook Anda yang sudah terlalu mainstream tersebut.

Baik, langsung saja, berikut Cara Untuk mengganti Background Facebook.

1. Langkah Awal Tentunya kita harus mengunjungi situs resmi penyedia Add-On Stylish dan alamatnya adalah disini https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=en
   
   
2. Setelah terbuka, arahkan kursor pada tombol Install, lihat gambar agar lebih jelas.
   
   

   

   Mengganti Backgorund Fecebook untuk  Chrome (Gambar: 1)

   
   
3. Kunjungi UserStyles.org, pada kotak pencarian ketikkan Facebook dan klik Enter.
   
   

   

   Mengganti Backgorund Fecebook untuk  Chrome (Gambar: 2)

   
   
4. Selanjutnya tinggal Anda pilih Background Facebook mana yang cocok dengan selera Anda. Ada banyak sekali Background yang tersedia, dari Facebook's New Design +, Minions (Facebook) - Onlytoalways, Facebook Touch site optimized for PC dan masih banyak lagi. Tinggal Anda klik pada Background yang Anda sukai.
   
   

   

   Mengganti Backgorund Fecebook untuk  Chrome (Gambar: 3)

   
   
5. Cari dan Klik Install With Stylish.
   
   

   

   Mengganti Backgorund Fecebook untuk  Chrome (Gambar: 4)

Dengan begini Background Facebook Anda seketika akan langsung berubaha wujud, jika tidak percaya silahkan buka beranda Facebook Anda.

Cara Mengganti Background Facebook dengan Stylish untuk pengguna Firefox

Langkah untuk mengganti backgorund facbeook di FireFox ini, bisa dikatakan tak jauh berbeda dengan menggunakan Google Chrome, hanya ada perbedaan di alamat untuk mendownload Add-On.nya.

Untuk caranya perhatikan langkah-langkah berikut ini.

1. Kunjungi https://addons.mozilla.org/en-US/firefox/addon/stylish/
   
   
2. Lalu klik tombol Download for Windows.
   
   

   

   Mengganti Backgorund Fecebook untuk  FireFox (Gambar: 1)

   
   
3. Setelah Add-On terinstall langkah selanjutnya adalah sama persis seperti tutorial diatas, yaitu kunjungi UserStyles.org.
   
   
4. Pilih Background yang Anda suka.
   
   
5. Lanjut klik Install with Stylish, maka akan muncul Pop Up dan silahkan Anda klik Install.

Dengan begitu, selesai sudah penggantian Background Facebook kita, dan selamat menikmati Tampilan Background Facebook yang baru.

Ohya, hampir lupa, jika Anda sudah bosan dan ingin mengembalikan Backgroundnya ketampilan Default Facebook, caranya sangat mudah.

Cara Mengembalikan Tampilan Background Facebook Seperti Semula (Chrome)

1. Klik Menu yang ada di pojok kanan atas
   
   
2. Pilih Settings
   
   
3. Dan kemudian pilih Extensions
   
   
4. Cari Stylish dan Klik Uninstall
   
   
5. Akhiri dengan merestart Google Chrome

Cara Mengembalikan Tampilan Background Facebook Seperti Semula (FireFox)

1. Klik Tools
   
   
2. Klik Add-Ons
   
   
3. Setelah muncul halaman Add-ons manager, Pilih stylish
   
   
4. Kemudian klik Uninstall
   
   Lanjutkan dengan Me-Restart FireFox

Saya rasa sudah cukup jelas, Cara | Mengganti | Mengubah Background Facebook ini, namun jika Anda masih kesulitan jangan sungkan-sungkan untuk menuliskannya di kolom komentar, secepat mungkin pasti akan saya balas. Sekian dari saya, semoga Tutorial | Mengganti | Mengubah Background Facebook dapat bermanfaat.

Cara Menambah Like Fanpage Facebook Secara Instan !

Cara Menambah Like Fanpage Facebook bisa dikatakan ada banyak sekali cara, namun disini saya tidak akan membahas atau membongkar semuanya, kaena sesuai judul diatas, disini saya hanya akan membahas Cara Instan untuk Mendapatkan Banyak Like di Fanpage.

Jujur, sebenarnya ini adalah cara yang sangat dirahasiakan oleh para Penjual Fanpage. Karena dari cara inilah mereka mendapatkan uang.

Dan khusus untuk pembaca setia blog Berguru SEO ini, saya akan membongkar rahasia atau cara menambah like fanpage facebook yang mereka gunakan.

Untuk bisa sukses menjalankan Trik menambah like fanpage facebook secara instan ini, Anda perlu mempersiapkan 'tumbal'

Tumbal berupa Akun Facebook, pastikan tidak menggunakan akun facebook utama milik Anda, karena nanti kita akan mengorbankan akun tersebut untuk menambah like fanpage, dan semua foto ataupun status akan terhapus.

Cara kerjanya sebenarnya sangat muda, kita akan mengubah sebuah Akun Facebook, menjadi Fanpage Facebook, dimana saat kita melakukan proses pengubahan tersebut, secara instan kita akan mengubah teman yang sudah kita miliki di Akun Facebook menjadi fans di Fanpage  Facebook.

Masih bingung ?

Contoh, disini saya memiliki 1 Akun yang mempunyai teman 3.xxx selanjutnya saya ubah Akun tersebut menjadi Fanpage, alhasil secara instan, fanpage yang saya buat akan mendapatkan like sebanyak 3.xxx (sebanyak jumlah teman kita)

Yang perlu dicatat disini adalah, kita tidak bisa mengembalikan akun yang sudah di ubah menjadi fanpage, untuk dkembalikan ke akun facebook, karena ini sifatnya permanen, jadi silahkan dipikir matang-matang sebelum melakukan cara menambah like fanpage facebook ini.

Jika Anda sudah yakin, selanjutnya kita masuk pada Caranya :

1. Masuk ke Akun yang ingin Dikorbankan
   
2. Pergi ke facebook.com/pages/create.php?migrate
   
3. Silahkan dipilih Fanpage jenis apa yang akan Anda buat, lalu masukkan nama Fanpagenya (harus sesuai nama akun facebook)

Dari sini sebenarnya kita sudah berhasil mebuat fanpage dengan banyak like secara instan, selanjutnya terserah Anda, mau dijual atau mau dipakai sendiri juga boleh.

Biar gak dibilang hoax, berikut fanpage yang sudah berhasil saya buat dengan cara diatas.

Cara manambah like fanpage facebook jenis ini saya akui memiliki banyak sekali kerugian, karena kita harus mengorbankan seluruh status, pesan masuk, foto yang ada di akun tersebut. Dan tentunya nama fanpage yang tidak bisa diubah menjadi PR tersendiri untuk kita, jika ingin menjualnya.

Untuk itu saya tetap menyarankan kepada Anda cara menambah like fanpage facebook yang lebih baik (profesional) yaitu dengan cara menyewa atau menggunakan Jasa Like Fanpage Facebook yang lapak-lapaknya sudah tersebar luas dimana saja, mulai dari ads-id sampai kaskus.

Tapi tetap saja jasa like fanpage facebook yang mereka tawarkan pasti sangat mahal bukan ? untuk itulah saya ingin merekomendasikan sekaligus membantu Anda yang merasa terbebani dengan mahalnya harga jasa tersebut.

Solusinya adalah menggunakan jasa milik mas Riski. Kenapa harus mas Riski ? ya karena harganya yanng sangat murah, walaupun murah kualitas boleh diadu deh dengan jasa yang mematok harga diatas milik mas Riski ini.

Untuk harganya sendiri, mas Riski hanya mematok Rp. 50.000 untuk 1.000 Like, murah bukan ? walaupun murah tetapi bukan berarti jasa like fanpage facebook milik mas Riski ini murahan ya ? bisa di cek di lapak belia yang ada di ads-id.com/forums/showthread.php/180523-Jasa-Like-Fanpage-Facebook-(-1-000-Like-Rp-50-000-) bisa dilihat review dari sesepuh ads-id mengacungi jempol untuk jasa like fanpage facebook milik mas Riski :)

Jika berminat, Anda bisa langsung menghubungi mas Riski, melalui facebook-nya beliau yang beralamatkan di facebook.com/mencariski

Dengan begini selesai sudah artikel tentang cara menambah like fanpage facebook secara instan, akhir kata saya ucapkan terimakasih banyak sudah bersedia berkunjung dan membaca artikel ini, dan semoga bermanfaat untuk kita semua.

Free Download BBM for PC Terbaru

Free Download BBM for PC Terbaru ,- Blackberry Messenger alias BBM baru-baru ini sempat guming di Android. Kini aplikasi ini jug bisa di install pada komputer anda loh. Ternyata kita bisa bbm'an lewat komputer. Brikut ada satu cara alternatif anda yang bukan pengguna Blackberry maupun Android yang ingin mengaplikasikan atau menggunakan aplikasi BBM di PC komputer atau Laptop anda.

Langsung aja DOWNLOAD

Untuk cara Install anda bisa klik gambar di bawah ini , selamat mencoba .

Belajar Cara Edit Template Blogger Supaya Keren Part 4 ( Final ! )

Tutorial Final ini saya dedikasikan khusus untuk teman-teman Blogger yang masih kesulitan mengedit template. Jadi untuk para master silahkan skip ke comment atau close saja halaman ini.

Sesuai janji saya kemarin, pada post kali ini maka saya akan menjelaskan mengenai Cara Memasukan CSS yang masih ada di Developer Tools ke dalam template yang sesungguhnya (xml).

Saya harap Anda sudah membaca tutorial sebelumnya, agar nantinya saat membaca pejelasan dibawah ini Anda tidak bingung.

' link alternatif untuk membaca artikel sebelumnya '

• Belajar Cara Edit Template Blogger Supaya Keren Part 1

• Belajar Cara Edit Template Blogger Supaya Keren Part 2

• Belajar Cara Edit Template Blogger Supaya Keren Part 3

Untuk mengingatkan saja, template yang akan kita import ke dalam xml nanti hasilnya akan seperti ini.

Tak perlu berlama-lama sekarang kita mulai saja penjelasannya.

Tutorial Mengedit Template Blogger Supaya Keren Part 4 ( Final ! )

Sebenarnya cukup mudah untuk memindahkan css yang sudah kita tulis di Developer Tools dan memindahkannya ke dalam xml, yaitu cukup dengan mencari '' dan mengcopas kan saja. Agar lebih jelas saya sertakan pula gambar. Dan pastikan Anda sudah masuk ke dalam file xml di template Anda, caranya : lihat sidebar kiri, lalu Template dan pilih Edit HTML.

1. Mengedit Warna Background dan Border Body
   
   Untuk mengubah Background Body kita cari dulu class dengan nama .body-fauxcolumns lalu kita tambahkan background: #f2f2f2; untuk mengganti warna backgroundnya.
   
   Dan lanjut kita cari lagi selector class bernama .content-inner dan kita masukan property border: 1px solid gainsboro;
   
   
   
   
   
2. Mengedit Warna Tanggal dan Border Artikel
   
   Tak jauh beda dengan cara diatas, caranya kita cari (ctrl+f) terlebih dahulu selector .main-inner dan selanjutnya kita masukkan property ini.
   
   

   padding: 0 0;
   border: 1px solid gainsboro;
   padding-bottom: 10px;
   border-radius: 6px;

   
   Sementara untuk mengganti warna tanggal kita cari selector .date-header span dan tambahkan selector dibawah ini.
   
   

   background-color: #FFFFFF;
   color: #747474;
   padding: 0.4em;
   letter-spacing: 3px;
   margin: inherit;
   border: 1px solid gainsboro;
   border-radius: 6px;
   font-weight: bold;
   font-size: 14px;

   
   
   
   
   
3. Mengedit Warna Background, Border dan Judul Sidebar
   
   Langkahnya sama persis dengan cara diatas namun bedanya disini kita tidak mencari selektor, melainkan kita akan menambahkan atau membuat selektor sendiri.
   
   Cara pertama, ketik ctrl + f lalu ketikkan </b:skin> dan masukkan selektor baru ini, tepat diatas kode </b:skin> tadi.
   
   

   aside {
   border: 1px solid gainsboro;
   border-radius: 6px;
   padding-top: 10px;
   padding-bottom: 10px;
   }
   #sidebar-right-1 h2 {
   border-bottom: 1px solid gainsboro;
   padding: 10px;
   text-align: center;
   font-size: 16px;
   }

   
   Untuk lebih jelasnya tentanng peletakannya, bisa Anda lihat screenshot dibawah ini.
   
   
   
   
   
4. Menambahkan Slot Iklan, Menu Help dan Menu Navigasi
   
   Untuk mempermudah Anda memahaminya maka saya akan membaginya menjadi tiga bagian.
   
   
   • Menambahkan Slot Iklan
     
     Cari div dengan selector content-outer lalu pastekan kode html ini <div class="slotiklan">Advertisement 728x90</div> dibawahnya content-outer.
     
     Selanjutnya kita tambahkan CSSnya.
     
     

     .slotiklan {
     border: 1px solid gainsboro;
     height: 90px;
     background-color: #FDF5F5;
     border-bottom: 0;
     font-size: 20px;
     padding-left: 60px;
     line-height: 90px;
     }

     
     
   • Menambahkan Menu Help
     
     Letakan kode dibawah ini, tepat dibawahnya div slot iklan tadi.
     
     

     <div id="navbarfirst">
     <ul>
     <li><a href="">About Us</a></li>
     <li><a href="">Sitemap</a></li>
     <li><a href="">Contact Us</a></li>
     </ul>
     <div>

     
     Lalu kita permak dengan CSS seperti ini.
     
     

     #navbarfirst {
     background: white;
     padding: 5px;
     border: 1px solid gainsboro;
     border-bottom: 0;
     padding-left: 515px;
     height: 40px;
     }
     #navbarfirst ul li {
     float: left;
     list-style-type: none;
     padding-left: 33px;
     font-size: 14px;
     }

     
     
   • Menambahkan Menu Navigasi
     
     Menu navigasi ini akan kita letakkan dibawah header (judul blog), maka kita cari dulu </header> dan masukkan kode html unyuk membuat navigasi dibawah ini.
     
     

     <div id="navbarsecond">
     <ul>
     <li><a href="">SEO Lokal</a></li>
     <li><a href="">SEO Manca</a></li>
     <li><a href="">SEO Tips</a></li>
     <li><a href="">SEO Kawe</a></li>
     <li><a href="">SEO Sawang</a></li>
     <li><a href="">SEO Sumber</a></li>
     <li><a href="">SEO Google</a></li>
     </ul>
     </div>

     
     Selanjutnya kita cari lagi </b:skin>, dan letakkan css dibawah ini tepat diatasnya kode </b:skin>.
     
     

     #navbarsecond {
     border-bottom: 1px solid gainsboro;
     height: 30px;
     padding-left: 50px;
     }
     #navbarsecond ul li {
     float: left;
     list-style-type: none;
     padding-right: 40px;
     font-size: 14px;
     }

Dan wala, selesai sudah template simple yang gak ada namanya ini, hha. Dengan begini selesai sudah rangkain Tutorial berseri ini.

Selanjutnya terserah Anda, mau dijual kah templatnyae atau dibuangkah, tapi saran saya sih dijual murah aja dulu Rp. 5.000,00 misalnya. Kalau laku 1000 template kan lumayan banget dapat 5 Juta.

Jika tidak mau repot memasang satu persatu kode diatas, Anda bisa mendownload Template XML secara lengkapnya melalui link dibawah ini :

Template Blogger SEO Light

Download

Demo

Mungkin ini saja yang bisa saya begikan, mohon maaf jika ada yang kurang dalam Tutorial ini. Akhir kata saya ucapkan terimakasih banyak telah berkunjung dan bersedia membaca tutorial cupu ini.

[ Index ] Belajar Cara Edit Template Blogger Supaya Keren : Part 1 - Part 2 - Part 3 - Part 4

Cara Membuat Website Sederhana Untuk Pemula Dalam 5 Menit

Cara Membuat Website

Cara membuat website mungkin bisa dibilang bukan hal yang sulit bahkan cukup mudah untuk para webmaster (pembuat website). Namun bagaimana dengan teman-teman kita yang baru saja 'terjun' di dunia blogging ? apakah mereka juga menganggap Cara Membuat Website adalah hal yang mudah ? tentu tidak bukan, atas dasar itulah saya akan mencoba menjelaskan tahap demi tahap Bagaimana Cara Membuat Website dari Dasar atau Awal untuk para Pemula tentunya.

Tenang saja, Cara Membuat Web yang akan saya berikan ini tidak akan banyak memakan waktu Anda, karena sesuai judul yang saya buat Cara Membuat Website ini hanya akan memakan waktu 5 Menit saja, bahkan mungkin bisa kurang dari itu.

Baiklah, disini saya akan membagi Tutorial Membuat Website ini menjadi 2 Bagian.

1. Cara Membuat Website
2. Cara Upload File ke Website Menggunakan FTP
3. Video Cara Membuat Website

Kedua Cara diatas akan saya jelaskan secara gamblang dengan bahasa yang sesederhana mungkin. Jadi untuk Anda yang benar-benar buta akan Website mampu mengikuti Tutorial Membuat Website ini dengan Mudah.

1. Cara Membuat Website

Sebelum membuat website, hal yang harus Anda persiapkan adalah Hosting + Domain. Jika Anda bingung apa itu Hosting, maka kita bisa mengibaratkan Hosting itu ibarat Rumah untuk menyimpan barang-barang (file) dan Domain ibarat Nama Jalannya, agar pengunjung bisa berkunjung.

Untungnya hampir semua penyedia layanan website sekarang ini sudah menyediakan paket lengkap, yaitu mereka sudah menyiapkan Hosting dan Domain menjadi satu, jadi pesan Hosting dapat gratis Domain. Karena kita nyari yang gratisan jadi kita gak akan dapat Domain, melainkan hanya akan mendapat SubDomain (ada embel-embelnya, semacam blogspot.com atau wordpress.com).

Kembali ke Topik, untuk Cara Membuat Website.

1. Kunjungi situs penyedia Layanan pembuatan Website, disini akan saya beri contoh menggunakan situs penyedia layanan yang cukup populer di Indonesia, yaitu IDHostinger. Langsung saja kunjungi http://www.idhostinger.com/
   
   
2. Setelah terbuka, selanjutnya klik Buat Akun. Letaknya ada di pojok kanan atas, dekat form login.
   
   

   

   Cara Membuat Website Sederhana untuk Pemula (Gambar: 1)

   
   
3. Di halaman ini Anda diwajibkan mengisi. Nama, E-mail dan Password Anda. Isikan sesuai tempatnya.
   
   

   

   Cara Membuat Website Sederhana untuk Pemula (Gambar: 2)

   
   Jangan lupa centang, Saya setuju dengan Ketentuan Penggunaan Layanan.
   
   
4. Selanjtunya, kita buka Tab Baru dan masuk ke Email kita, untu mengaktivasi Akun kita. Nanti ada dua Email dari yang dikirim oleh IDHostinger, Anda lihat saja yang pertama atau yang paling bawah.
   
   

   

   Cara Membuat Website Sederhana untuk Pemula (Gambar: 3)

   
   Tingal Anda klik atau salin link tersebut ke Address Bar dan klik Enter.
   
   
5. Disini kita akan disuruh memilih Paket Hosting yang akan kita pakai nanti untuk Membuat Website. Karena kita hanya akan Membuat Web untuk Belajar saja, maka kita Order saja yang Paket Gratis.
   
   

   

   Cara Membuat Website Sederhana untuk Pemula (Gambar: 4)

   
   
6. Kalau diatas kita sudah memesan Hostingan makan setelah itu kita akan diberi hadiah SubDomain. Untuk SubDomainnya ada banyak pilihan, silahkan Anda pilih yang paling cocok atau sesuai dengan selera Anda. Lalu klik Buat.
   
   

   

   Cara Membuat Website Sederhana untuk Pemula (Gambar: 5)

   
   
7. SubDomain + Hosting Anda akan dibuat, jadi tunggu hingga muncul pemeberitahuan 'Akun telah dibuat 100%' di pojok kanan bawah.
   
   

   

   Cara Membuat Website Sederhana untuk Pemula (Gambar: 6)

   
   Selanjutnya, silahkan Anda klik Lihat Hasil.
   
   
8. Dari sini kita sudah berhasil membuat akun untuk membuat Websitenya, namun kita belum memesan Hosting + SubDomain atau dengan kata lain suah berhasi Mendaftar / Membuat Website. Namun kita harus melanjutkan untuk mengisi website kita dengan Artikel atau File. Caranya dengan mengklik tombol Kelola.
   
   

   

   Cara Membuat Website Sederhana untuk Pemula (Gambar: 7)

   
   
9. Maka Anda akan dibawa ke Cpanel (Control Panel). Disinilah tempat Anda mengatur segala sesuatu yang berkaitan dengan website Anda. Mulai dari :
   
   
   • Menambah Subdomain
   • Parkir Domain
   • Impor Website
   • Impor Database
   • Mengatur Halaman Error
   
   Dan masih banyak lagi. Namun kita tidak akan membahas fitur-fitur yang ada di Cpanel ini (butuh watu berhari-hari). Tujuan kita masuk Cpanel adalah untuk mengambil Data mengenai : 'Nama pengguna'.
   
   

   

   Cara Membuat Website Sederhana untuk Pemula (Gambar: 8)

   
   Lihat dan silhkan Anda Catat (kalau bisa dikertas atau buku).

2. Cara Upload File ke Website Menggunakan FTP

Untuk mengupload suatu file kedalam Website atau lebih tepatnya kedalam Hosting (rumah) sebenarnya cukup mudah, yaitu cukup dengan mengklik File Manajer dan tinggal Anda pilih file yang akan Anda Upload.

Tapi yang jadi masalah bagaimana jika kita ingin mengupload file kedalam Hosting saat kita menggunakan HandPhone ? tentu kita tidak mungkin masuk File Manajer yang ada disediakan IDHostinger, karena ada beberapa Javascript yang harus dijalankan, dan itu tidak mungkin dijalankan di browser Handphone (operamini / ucbrowser).

Maka dari itu, disini kita akan meminta bantuan FTP. FTP Online ini fungsinya menjadi perantara, Antara file yang akan kita upload dengan Hosting yang sudah kita pesan tadi (tanpa melalui file manajer).

Mohon maaf disini saya akan memberikan screenshotnya dari tampilan PC, tapi sebenarnya sama persis kok tampilannya antara di PC dan Handphone, karena saya sering membuka di HP juga.

Untuk Upload filenya mealalui FTP Online tentunya kita harus memilih 1 dari ribuan FTP Online yang ada di Internet, disini saya memutuskan untuk memilih Net4India karena sudah support https dan yang terpenting adalah sangan HandPhone Friendly (nyaman dan tidak terlalu berat jika dibuka melalui hp).

Sekarang, langkah-langkah Cara Upload File ke Website atau Hosting menggunakan FTP Online.

1. Buka https://ftp.net4india.com/
   
   

   

   Cara Upload File ke Website (Gambar: 1)

   
   Tadi sebelumnya saya menyuruh Anda untuk mencatat 'Nama pengguna' bukan ? gunanya ya untuk mengisi Login Panel di FTP ini. Ada tiga form yang harus Anda isi.
   
   FTP server: Isikan Nama Domain Anda
   Username: Isikan Nama Pengguna
   Password: Isikan Password
   
   Setelah semua terisi silahkan Anda klik Login.
   
   * yang dimaksud password disini adalah password saat Anda mengisi SubDomain, jadi bukan password saat Anda membuat akun IDHostinger.
   
   

   

   Cara Upload File ke Website (Gambar: 2)

   
   
2. Setelah klik Login, maka Anda akan masuk kedalam direktori root.
   
   

   

   Cara Upload File ke Website (Gambar: 3)

   
   Di direktori (folder) ini Anda tidak bisa mengupload apapun, andai kata bisa upload, Anda tidak akan bisa mengaksesnya melalui url (tidak bisa diakses umum), karena filenya berada di dalam. Solusinya Anda klik dulu public_html.
   
   
3. Disinilah tempat untuk mengatur halaman depan website Anda. Cara Mengaturnya, pertama-tama Anda hapus dulu default.php yang ada di direktori public_html ini. Ohya, default.php ini isinya adalah ucapan selamat datang yang otomatis dibuat oleh pihak IDHostinger, jadi kita hapus saja tidak masalah.
   
   

   

   Cara Upload File ke Website (Gambar: 4)

   
   Centang filenya dan pilih Delete. Lalu pilih Submit, dan klik Back untuk kembali ke public_html.
   
   
4. Langkah selanjutnya tinggal kita upload file kita ? tapi file apa yang akan kita upload ? jangan kuatir disini saya akan memberikan script / kode html untuk membuat halaman depan website, oya kode ini bukan buatan saya melainkan buatan master problogiz, yang juga sudah valid HTML5. Langsung saja ini dia kodenya.
   
   
   <!DOCTYPE html>
   <html lang="en">
   
   <head>
   <meta charset="utf-8">
   <title>Page Title</title>
   
   <!-- meta tags -->
   <meta name="keywords" content="">
   <meta name="description" content="">
   
   <!-- stylesheets -->
   
   <style>
   /* ~~~~~~~~~ layout ~~~~~~~~~~ */
   #container {width: 960px;margin: 20px auto;background: #fff;padding: 30px;overflow: hidden;}
   
   /* ~~~~~~~~~ header ~~~~~~~~~~ */
   #main-navigation {border-bottom: 5px solid #3942A3;margin: 20px 0;}
   #main-navigation ul {overflow: hidden;width: 100%;list-style: none;font-size: 1.6em;}#main-navigation li {float: left;}
   #main-navigation li a {background: #3972A3;margin: 0 5px 0 0;padding: 5px 30px;display: block;color: #000000;text-decoration: none;}
   #main-navigation li.current a {background: #666;}
   #main-navigation li a:hover {background: #777; }
   
   /* ~~~~~~~~~ article ~~~~~~~~~~ */
   article {width: 100%;overflow: hidden;}
   section {float: left;width: 500px;}
   
   /* ~~~~~~~~~ aside ~~~~~~~~~~ */
   aside {float: right;width: 310px;}
   
   /* ~~~~~~~~~ footer ~~~~~~~~~~ */
   footer {width: 840px;margin: 20px auto;font-size: 1.4em;text-align: right;}
   
   /* ~~~~~~~~~ common ~~~~~~~~~~ */
   body, select, input, textarea {font: 0.625em/1.4 tahoma, verdana, arial, helvetica, sans-serif;color: #333;}
   body {background: #ccc;}
   h1 {font-weight: normal;color: #666;font: 3.2em/1.4 georgia, 'times new roman', times, serif;margin: 0.2em 0 0;}
   h2 {font-weight: normal;color: #666;font: 2.4em/1.4 georgia, 'times new roman', times, serif;margin: 0.2em 0; }
   section p, section ul, section ol,
   aside p, aside ul, aside ol {font-size: 1.4em;margin: 1em 0;}
   section ul {margin-left: 1em;}
   section ol {margin-left: 1.4em;}
   
   /* ~~~~~~~~~ generic ~~~~~~~~~~ */
   html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
   dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
   a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,strong, sub, sup, tt, var, legend, fieldset {margin: 0;padding: 0;}
   img {vertical-align: bottom;}
   img, fieldset {border: 0;}
   html {overflow-y: scroll;}
   header, nav, section, article, figure, aside, footer {display: block;}
   </style>
   
   <!-- javascript -->
   <script src="js/jquery-1.3.2.min.js"></script>
   
   <!--conditional-->
   <!--[if IE]>
   <script src="js/html5.js"></script>
   <![endif]-->
   </head>
   
   <body class="home">
   
   <div id="container">
   <header id="page-header">
   <h1>Judul Blog</h1>
   <nav id="main-navigation">
   <ul>
   <li class="current"><a href="#">Home</a></li>
   <li style="color: red;"><a href="#">About</a></li>
   <li><a href="#">Menu</a></li>
   <li><a href="#">Portfolio</a></li>
   <li><a href="#">Contact</a></li>
   </ul>
   </nav>
   </header>
   <article id="page-content">
   <section>
   <hgroup>
   <h2>Pemahaman HTML5</h2>
   <h2>Demo HTML5 Template</h2>
   </hgroup>
   <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac iaculis erat. Maecenas id fermentum odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
   <h2>HTML 5 Item</h2>
   <ul>
   <li>Lorem ipsum dolor sit amet</li>
   <li>Lorem ipsum dolor sit amet</li>
   <li>Lorem ipsum dolor sit amet</li>
   </ul>
   <ol>
   <li>Lorem ipsum dolor sit amet</li>
   <li>Lorem ipsum dolor sit amet</li>
   <li>Lorem ipsum dolor sit amet</li>
   </ol>
   </section>
   <aside>
   <h2>Artikel Terkait</h2>
   <p>Aliquam id lorem ac tellus fringilla bibendum et at turpis. In ut auctor justo. Integer ac quam sed est semper hendrerit.</p>
   </aside>
   </article>
   </div>
   
   <footer>
   Footer
   </footer>
   
   </body>
   </html>
   
   Pertama Anda copy paste dahulu seluruh script diatas, selanjutnya paste kan kedalam aplikasi moby explorer (ini yang biasa saya pakai kalau mengedit text di hp) atau Anda bisa juga menggunakan editor yang gratis lainya, edit yang perlu diedit setelahs selesai di edit seve dengan nama index.html (tulis persis dengan apa yang saya tulis, jangan diganti Index.html atau ind3x.html)
   
   
5. Setelah Anda save sekarang saatnya Anda upload, caranya mudah saja, klik Upload.
   
   

   

   Cara Upload File ke Website (Gambar: 5)

   
   Dan selanjutnya pilih Choose File (ada 2 tulisan choose file, anda pilih yang atas karena itu nanti file yang diupload tidak akan dikompres / meminimalisir file rusak). Dilanjut dengan mengklik tombol Submit.
   
   Jika muncul tulisan :
   
   
   Checking files: 
   File index.html is OK
   Transferring files to the FTP server: 
   File index.html has been transferred to the FTP server using FTP mode FTP_ASCII
   
   Berarti file sukses diupload, itu artinya kita sudah berhasil mengubah halaman depan Website yang kita buat. Kalau tidak percaya cek saja Website Anda.
   
   Ini screenshot halaman depan Website saya yang index.html-nya menggunakan kode diatas.
   
   

   

   Cara Upload File ke Website (Gambar: 6)

   
   Cukup menarik bukan, hehe.

Video Cara Membuat Website

Video ini saya buat untuk memudahkan rekan-rekan yang masih kesulitan memahani artikel cara membuat website diatas, dan harapan saya tentunya setalah melihat video membuat website ini, tidak ada lagi rekan-rekan yang kesusahan dalam membuat website.

Captions

Cara Membuat Website ala Berguru SEO

Langkah 1 : Pergi ke idhostinger.com

Langkah 2 : Klik Buat Akun

Langkah 3 : Isi Nama, Email, Password Anda

Langkah 4 : Klik Buat Akun

Langkah 5 : Buka Akun Email Anda ( mail.google.com )

Langkah 6 : Klik Link Konfirmasi dari Pihak IDHostinger

Langkah 7 : Pilih Hosting yang Gratis ( Rp.0 )

Langkah 8 : Isi Nama Domain dan Password dan Klik Buat

Langkah 9 : Tunggu 5 Detik hingga Domain dan Hosting selesai dibuat

Jika sudah muncul pesan pemberitahuan yang ada di pojok kanan bawah, Itu artinya Website Sudah Berhasil Anda Buat, Selamat!

Kesimpulan :

Bisa disimpulkan dalam Membuat Website, singkatnya hanya diperlukan [ Hosting - Domain / SubDomain - index.html / index.php ] hanya dengan ketiga unsur ini, bisa dikatakan kita sudah berhasil membuat suatu website.

Semoga saja, Cara Membuat Website yang saya tuliskan ini dapat bermanfaat untuk Anda yang ingin belajar membuat website. Akhir kata saya ucapkan terimakasih sudah berkunjung dan bersedia membaca artikel Cara Membuat Website Sederhana Untuk Pemula Dalam 5 Menit ini.