Download BUKU SAKTI BLOG - From Zero to professional Blogger (Full)

“Al-‘Ilmu Bilaa 'Amaalin ka sajaarin bilaa Tsamaarin” begitulah kata pepatah arab, ilmu tanpa amal laksana pohon tanpa buah. Sepenggal kalimat yang menginspirasi saya untuk senantiasa dapat berbagi dengan sesama. Buku ini saya dedikasikan buat semua yang mau belajar dan berbagi, apalah artinya setumpuk ilmu jika hanya memperkaya khasanah pribadi tanpa mau berbagi pada sesama.

Bukankah dengan berbagi, Ilmu kita tidak akan Habis? Justru akan bertambah dan berkah. Karena dari yang tadinya hanya kita saja yang tahu sesuatu,  jadi lebih banyak yang tahu dan itu samasekali tidak akan mengurangi Ilmu yang kita miliki.

Sahabat yabafaedu buku ini saya susun dari pengalaman pribadi dan berbagai referensi di dunia maya, namun yang lebih dominan saya ambil dari http://kangmasiana.com semoga beliau tidak keberatan saya ambil dan saya bagi ilmunya pada sahabat semua. Saya buku-kan semata-mata untuk mempermudah para blogger pemula dalam memulai memperdalam dunia blogger.

Tak ada gading yang tak retak, begitulah kiranya pepatah yang sesuai dengan buku ini. Saya sadar sebuah karya kecil ini Jauh dari kata benar apalagi sempurna, maka dari itu mohon kiranya pembaca semua bijak dalam menyikapi segala hal yang kurang tepat dari buku ini, karena pada hakikatnya yang benar dating dari Allah SWT. Dan yang salah datang dari kefakiran ilmu pengetahuan saya pribadi.

oke tanpa basa-basi lagi langsung sedot aja sob di sini

Read More

BUKU SAKTI BLOG - Step 1.6: Membuat dan Menampilkan Menu Navigasi

Hai... sobat yabafaedu.blogspot.com  kali ini ane mau share lagi tutorial Blogging Step 1.6: Membuat menu navigasi di Blog. kenapa harus ada menu navigasi? berikut ulasannya:

Setiap blogger atau website pada umumnya memiliki menu navigasi yang terlihat di sekitar header blog. Memang dalam blog harus mengandung menu dan sub menu navigasi untuk memudahkan pengunjung menemukan kategori artikel yang tersaji dalam blog.Namun untuk membuat menu navigasi harusnya yang responsif. Ada juga blog yang memiliki sub menu navigasi sehingga blog kelihatan lebih keren.

Pengertian Dan Fungsi Menu Navigasi

Menu navigasi adalah bagaian dari web/blog yang berisi link-link yang mengarah ke halaman lain dalam satu atau mengarah kehalaman website atau blogger lain. Biasanya menu navigasi tampil dengan rapi dan terstruktur serta berisi link-link tiap menu. Pada umumnya menu navigasi  terletak diatas header

Menu navigasi adalah elemen penting yang harus ada dalam blog karena dapat membantu pengunjung untuk menemukan halaman-halaman penting sesuai dengan pengakategorian artikel. Maka tak heran setiap pemiliki blog selalu membuat navigasi blog.

Dalam blogspot.com pemasangan menu navigasi pada umumnya berdasarkan pemberian label pada artikel. atau bisa juga memasang link ke webiste lain dalam menu navigasi.

Secara defult pada saat awal membuat blog, menu navigasi pada blog tidak terdapat fitur-fitur yang menampilkan menu navigasi. Yang mungkin tampil dalam blog hannyalah halaman beranda saja. 

Namun bagi anda yang menggunakan templete hasil download menu navigasi pada umunya sudah ada, tinggal merubah sesaui keinginan dan kebutuhan anda. Bagi yang menggunakan templete hasil unduhan yang telah memiliki menu navigasi maka tidak perlu lagi untuk membuat menu navigasi pada blog. 

Apa Sih Fungsi Menu Navigasi?

Beberapa fungsi menu navigasi untuk blog atau website yaitu sebagai berikut :

1. Blog yang memiliki menu navigasi di nilai profesional

Dengan adanya menu navigasi yang melekat dan jelas  pada blog atau website maka  blog tersebut dinilai oleh profesional oleh pengunjung dan juga oleh google

2. Mudah Mendapatkan sitelink
Blog yang memiliki menu navigasi yang terstruktur dan jelas akan mudah mendapatkan sitelink. Site yang paling banyak memang hanya berada pada menu navigasi.

3. Memudahkan Pengunjung untuk menemukan dan memahami pengkategorian konten dalam blog. 

Dengan hanya melihat meni navigasi di blog secara sepintas pengunjung langsung memahami kategori-kategori konten yang ada dalam blog. Jadi upayakan membuat dan memasang menu navigasi yang jelas dan responsif. 

Menu navigasi yang responsif mengandung arti bahwa menu navigasi tampil dengan sempurna dengan menyesuaikan dengan lebar layar kaca android jika blog di buka menggunakan perangkat android

Cara membuat menu navigasi di bagi dua, untuk template default bawaan blogger dan untuk template hasil dari download. Berikut ini adalah cara membuat menu navigasi responsif bagi templete defult/bawaan blogspot.

Cara membuat menu navigasi Diatas Header bagi templete defult

Sebenarnya untuk membuat navigasi di blog sangat mudah, hanya saja membutuhkan ketelitian untuk memasang kode HTML dalam templete. Biasanya dan pada umunya menu navigasi terpasang diatas hedaer. Untuk blog yang masih menggunakan templete bawaah blogspot tentu menu navigasi pada blog belum ada. Dan apabila ingin membuat menu navigasi diatas header blog maka ada kode CSS,HTML  dan kode JavaSript yang harus disisipkan dalam templete. 

Langkah Pertama Pasang kode CSS dibawah ini tepatnya di atas kode ]]></b:skin>

ul.topnav {

    list-style-type: none;

    margin: 0;

    padding: 0;

    overflow: hidden;

    background-color: #333;

}

ul.topnav li {float: left;}

ul.topnav li a {

    display: inline-block;

    color: #f2f2f2;

    text-align: center;

    padding: 14px 16px;

    text-decoration: none;

    transition: 0.3s;

    font-size: 17px;

}

ul.topnav li a:hover {background-color: #555;}

ul.topnav li.icon {display: none;}

@media screen and (max-width:680px) {

  ul.topnav li:not(:first-child) {display: none;}

  ul.topnav li.icon {

    float: right;

    display: inline-block;

  }

}

@media screen and (max-width:680px) {

  ul.topnav.responsive {position: relative;}

  ul.topnav.responsive li.icon {

    position: absolute;

    right: 0;

    top: 0;

  }

  ul.topnav.responsive li {

    float: none;

    display: inline;

  }

  ul.topnav.responsive li a {

    display: block;

    text-align: left;

  }

}

Setelah kode diatas sudah dipasang diatas ]]></b:skin> 

maka langkah kedua Pasang HTML  dibawah ini tepatnya di bawah kode <body>

<ul class="topnav" id="myTopnav">

  <li><a href="#home">Home</a></li>

  <li><a href="#news">News</a></li>

 <li><a href="Totorial">Totorial</a></li>

  <li><a href="#contact">Contact</a></li>

  <li><a href="#about">About</a></li>

  <li><a href="#news">News</a></li>  <li class="icon">

    <a href="javascript:void(0);" onclick="myFunction()">&#9776;</a>

  </li>

</ul>

Note:

Untuk tulisan yang berwarna merah isi Link label atau halaman dan tulisan merah yang kedua isi Nama Label  atau laman

Pasang JavaSript dibawah ini tepatnya diatas di atas kode </body>

<script>

function myFunction() {

    var x = document.getElementById("myTopnav");

    if (x.className === "topnav") {

        x.className += " responsive";

    } else {

        x.className = "topnav";

    }

}

</script>

Lalu Simpan templete

Cara mengatur menu navigasi bagi templete hasil download

Apabila antum menggunakan templete hasil unduh dari portal penyedia templete, pada umumnya sudah terdapat menu navigasi dengan berbagai gaya sehingga anda tidak perlu lagi untuk membuat menu navigasi blog yang responsif.  Anda hanya mengatur navigasi blog sesuai kebutuhan anda dan kategori konten blog.

Setelah anda mengupload templete/tema blog yang baru saja anda download maka langkah pertama ada penyesuaian menu navigasi di blog. Berikut cara mengatur menu navigasi blog. 

1. Edit template atau tema blog anda

2. Cari nama menu navigasi dalam tempele menggunakan tekan Ctrl + F dalam kotak kode HTML

3. ganti link dan nama menu navigasi blog sesuai dengan kebutuhan anda 

4. simpan templete/tema blog anda

5. Simpan 

Jika sudah dibuat seperti itu, maka navigasi akan secara otomatis mengelompokan setiap postingan berdasarkan label yang telah dibuat.

Selamat berkarya....!

Read More

BUKU SAKTI BLOG - Step 1.5: Membuat Icon Blog (Favicon) di Blogspot

Mengenal apa itu Favicon

Menurut wkipedia.org  Favicon adalah ikon utama yang muncul pada address bar suatu laman web dan merupakan logo dari laman web tersebut; juga dikenal sebagai shortcut icon, website icon, URL icon, atau bookmark icon.

Menurut kangmasiana.com Favicon (favorite icon) adalah logo kecil atau biasa disebut icon blog yang terletak di pojok kiri atas tab browser. Secara default blog yang tidak memasang favicon akan tampil logo “B” yang berarti blogger. Logo tersebut adalah simbol bawaan ketika mendaftar di blogger dan tidak akan berubah jika antum tidak merubahnya sendiri.

Favicon berfungsi sebagai identitas blog. Memang tidak wajib harus memasang Favicon, hanya saja jika dipasang blog akan terlihat lebih menarik dan profesional. 

Berikut ini adalah tahapan membuat Favicon:

A. Tahap Pertama (pembuatan)

• Siapkan logo atau gambar berbentuk persegi (panjang dan lebar sama)
• Rubah ukuranya dengan menggunakan aplikasi photosop menjadi ukuran maksimal 100 x 100 pixel dan ukuranya tidak boleh lebih dari 100 kb.
• Simpan dengan format JPG, GIF, atau PNG.

kalau antum belum punya, antum boleh membuatnya dengan bantuan software CorelDraw atau software sejenisnya. rubah ukurannya menggunakan Adobe Photoshop, kalau masih bingung ikuti langkah-langkah berikut:

1. buka Adobe Photoshop, lalu klik menu File -> open (ctrl+O) 
2. Cari file gambar yang sudah antum buat tadi lewat CorelDraw. setelah terbuka->Klik menu Image size 
   
3. atur ukuran gambarnya seperti berikut, lalu save dengan format .PNG, .JPG, atau .Ico 
   

Tetapi jika antum tidak mau repot bisa juga mengunakan beberapa situs pembuat Favicon berikut ini :

• http://www.favicon-generator.org/
• http://www.genfavicon.com/
• http://www.favicon.cc

B. Tahap Kedua (pemasangan)

1. Masuk ke halaman dasboard blogger

2. Masuk ke halaman tata letak/ layout

3. Klik edit pada Favicon (lihat bagian kiri atas) akan terbuka sebuah jendela baru

4. Klik choose file / Browse /telusuri

5. Cari tempat dimana file Favicon tadi disimpan

6. Klik simpan

taraaaa.... dan hasilnya adalah sebagai berikut: 

   

Note: Favicon pada blog tidak akan langsung tampil setelah dipasang, tetapi membutuhkan waktu beberapa saat. Umumnya dalam waktu 24 jam Favicon akan tampil.

Read More

BUKU SAKTI BLOG – Step 1.4: Mengganti Template Blogger (Blogspot)

Mengganti template Blog adalah cara yang biasa dilakukan blogger untuk membuat tampilan situsnya jadi lebih menarik dan enak untuk dilihat. Selain untuk memperbarui tampilan, mengganti template Blog juga biasa digunakan agar situs tersebut lebih SEO Friendly.

Template adalah design halaman blog yang sudah tersusun secara terstruktur. Template ini dibuat dengan kode-kode tertentu (CSS/HTML) sehingga bisa dirubah atau diedit sesuai dengan kebutuhan pemilik blog.

Blogger menyediakan template bawaan yang jumlahnya cukup banyak, antum bebas memilihnya. Hanya saja tampilannya yaa.. seperti itu, masih kurang SEO menurut sebagian besar mastah blogger.

Kalau antum ingin mencoba template bawaan blogger : Masuk ke “Tema” –> Scrol ke bawah –> Pilih tema yang cocok –> klik “terapkan ke Blog” –> jika ada pemberitahuan backup tema –> pilih “Download tema” –> klik Terapkan.

Cara Mengganti Template Blogger

Sebelum mengganti template blog, pastikan antum sudah memiliki template yang responsive, SEO friendly dan fast loading.  Banyak template gratis maupun berbayar yang bertebaran di internet. Sesuaikan saja dengan niche blog antum. Cara mengganti template ini dilakukan secara manual (upload file). Berikut langkah-langkah mengganti template blog :

1. Login ke blogger.com

2. Pilih tema

3. Klik Backup / pulihkan (pojok kanan atas)

4. Sebelum mengupload tema klik “download tema” (untuk membackup tema)

5. Secara otomatis tema akan terdownload dengan format .xml

6. Klik choose file

7. Cari dimana antum menyimpan file tema

8. Klik upload

9. Tema yang baru diupload akan langsung otomatis menggantikan tema lama

10. Klik lihat blog untuk melihat hasil perubahannya.

Setelah template berhasil diganti, tinggal sesuaikan gadget. Biasanya ada beberapa gadget yang acak-acakan. Hapus gadget yang tidak sesuai agar tidak penuh layout blog antum.

Untuk tema yang tadi didownload (backup template lama) simpan difolder tersendiri. Suatu saat jika ingin kembali ke template lama tinggal di upload ulang.

Perbedaaan template gratis dan premium
Ada 2 jenis template yang beredar di internet  : template gratis dan premium/berbayar. Berikut ini perbedaan keduanya :

Template Gratis
   • Bebas download di google
   • Umumnya tidak ada panduan instalasinya
   • Harus mencantumkan credit link (sumber template)
   • Tidak ada update
   • No Support
Template premium
   • Hanya ada di situs tertentu untuk membelinya
   • Ada panduan instalasinya
   • Tanpa credit link
   • Mendapatkan update template terbaru (jika ada)
   • Full Support (bantuan dari pemilik template)
   • Gratis konsultasi (biasanya dimasukan dalam keanggotaan grup tertentu)

Jika kedua jenis template tersebut dipasang di 2 blog yang berbeda, sekilas tidak ada perbedaan yang terlalu spesifik antara template gratis dan premium, sama saja tampilanya. Hanya berbeda cara mendapatkannya (lisensi) dan credit link di bagian footer.

Untuk mencari template gratis antum bisa kunjungi beberapa website berikut :
https://btemplates.com
http://www.protemplateslab.com
https://bloggertemplates20.com
https://gooyaabitemplates.com

Jangan terlalu sering gonta - ganti template blog ya sob.. , kalau masih awal sih gak masalah, tapi kalau sudah terisi banyak postingan dan visitor sudah stabil akan jadi masalah jika template yang dipakai tidak cocok.

Read More

BUKU SAKTI BLOG: Step by Step from Zero to Professional blogger

BUKU SAKTI BLOG: Step by Step from Zero to Professional blogger ini disusun dengan tujuan memudahkan siapa saja (newbie) yang ingin belajar membuat blog dari dasar. Sebelum belajar lebih jauh tentang blog monetize (Google Adsense) antum harus paham dulu step by step agar tidak rancu dalam membangun sebuah blog. 
Tutorial ini (Step by Step from Zero to Professional blogger) saya ambil dari berbagai macam referensi, namun sumbangsih terbesar saya ambil dari blognya kangmasiana.com. dengan tujuan sebagai media pembelajaran untuk para pelajar dan siapa saja yang baru mengenal dunia Blogging.
Terdapat puluhan platform untuk membuat blog. Maka dari itu, terlebih dahulu antum harus memutuskan platform mana yang ingin antum gunakan, entah itu wordpress, blogger, tumblr, jimdo, webs, squidoo, atau lain sebagainya.

Kalau menurut saya, platform yang paling populer, mudah, dan cocok sekali bagi pemula adalah blogger. Lalu bagaimana langkah-langkah cara membuat blog di blogger? Yuuk simak langkah-langkahnya sebagai berikut :

BAB 1 MEMBUAT BLOG

1.1 Cara Membuat Email di Google (gmail.com)
1.2 Cara Membuat Blog di Blogger.com (blogspot)
1.3 Settingan Dasar yang harus dilakukan di Blogger
1.4 Cara Mengganti Template Blog
1.5 Cara Membuat Favicon
1.6 Cara Membuat Menu Navigasi
1.7 Cara Membuat Halaman Kontak
1.8 Cara Membuat Sitemap (Daftar Isi) versi tabulasi
1.9 Cara Membackup Postingan Blogspot

BAB 2 DOMAIN, WEBMASTER DAN ANALYTICS
2.1 Cara Mencari Domain Blog sesuai Keinginan
2.2 Cara Mendapatkan Domain Gratis dari Freenom
2.3 Cara Menghubungkan Domain dari Freenom ke Blogspot
2.4 Cara Mendaftarkan Blog ke Google Webmaster Tools
2.5 Cara Mendaftarkan Blog ke Google Analytics

BAB 3 INDEKS ARTIKEL BLOG
3.1 Cara Agar Artikel Blog Cepat Terindeks Google
3.2 Cara Membuat Sitemaps di Google Webmaster (Search Console)

BAB 4 BELAJAR SEO
4.1 Apa itu SEO ?
4.2 Cara Optimasi SEO Onpage Blogger untuk pemula

BAB 5 PENTINGNYA BACKLINK [OFFPAGE SEO]
5.1 Panduan Belajar Backlink untuk Pemula
5.2 Cara Membangun Backlinks Blog
5.3 Kriteria Backlink Berkualitas Super
5.4 Cara Terbaik Mempromosikan Konten Blog untuk Pemula

BAB 6 TIPS & TRIK BLOGGING

Step by step panduan Blogging di atas saya ambil dari beberapa sumber di internet, diantaranya dari kangmasian.com

Read More

BUKU SAKTI BLOG - Step 1.3: Merubah Setingan Dasar Blogger

Setelah antum berhasil membuat blog di blogger dengan domain .blogspot.com atau .blogspot.co.id langkah selanjutnya antum harus merubah setingan blog. Tidak semunya dirubah, hanya setingan tertentu saja yang dirubah agar performa blog antum bisa berjalan lebih baik.

Perubahan setingan di blogger ini tidak wajib ya sob… hanya sebatas pilihan saja. Yang termasuk dirubah adalah : Setingan dasar dan template blog. Pada posting kali ini saya akan mencoba menjelaskan perubahan setingan dasar pada blog.

Merubah Setingan Dasar Blogger

Hanya 5 bagian setelan yang akan saya rubah, untuk setingan lainnya biarkan default apa adanya tidak perlu dirubah. 

1. Pastikan antum berada di dasboard blogger

2. Pilih menu Setelan 

1.  Setelan dasar

Untuk setelah dasar ada 2 yang dirubah yaitu judul dan deskripsi.

• Judul : Sesuaikan dengan isi blog yang menurut agan bagus dan unik. Biasanya untuk judul ini hanya satu atau dua kata saja. Lebih ringkas lebih baik dan jangan terlalu panjang agar mudah diingat oleh pengunjung.
• Deskripsi : Isi dengan kata-kata atau kalimat yang menggambarkan blog antum secara keseluruhan. Fungsi deskripsi ini untuk menjelaskan kepada pengunjung secara ringkas. Contoh : “Blog pendidikan yang membahas tentang pelajaran SMK dan SMA”.

2.  Setelan postingan, komentar dan berbagi

Ada 6 setelan yang dirubah pada pilihan ini :

1. Siapa yang dapat mengomentari : Semua Orang (agar semua orang bisa mengomentari postingan blog antum)
2. Moderasi komentar : Selalu (agar kita bisa mensleksi postingan yang sesuai dengan artikel di blog)
3. Tampilkan verifikasi kata : "Tidak"
4. Pesan formulir komentar : Isi sesuai pesan contoh “Dilarang komentar spam”
5. Bagi otomatis postingan yang baru dipublikasikan : "Ya" (agar setiap artikel yang selesai diposting langsung otomatis tershare di google plus)
6. Ingatkan untuk berbagi setelah diposting : "Tidak"

3.  Setelan bahasa dan pemformatan

     Rubah zona waktu menjadi  (GMT+7) Jakarta

4.  Setelan preferensi penelusuran

     Pada opsi Tag Meta aktifkan deskripsi dengan cara klik edit. 

     Aktifkan deskripsi penelusuran ? pilih “Ya” lalu simpan perubahan.

5.  Setelan lainnya

Pada opsi feed situs pilih “Singkat” lalu klik simpan setelan di pojok kanan atas.

Setingan di atas adalah setingan blog yang sering saya pakai. Antum bebas merubah sesuai dengan kebutuhan.

6.  Setingan Posting Blog

Setingan posting blog ini mengatur tentang opsi laman utama dan opsi laman entri. Berikut ini caranya :

1. Masih di dasboard blogger

2. Buka tata letak [layout]

3. Pilih gadget Posting Blog

4. Klik edit (icon) pada pojok kanan atas Gadget posting blog

5. Akan tampil halaman baru “Mengonfigurasi Postingan Blog” Antum bisa edit beberapa setingan seperti : menghilangkan komentar, share, lokasi, label dst.

  

Ada beberapa setingan yang harus dilakukan tetapi memerlukan langkah lebih lanjut seperti : Mendaftarkan blog ke google webmasters, memasang ID Properti Web Analytics, mengaktifkan robots.txt dan setingan Feed situs.

Menghubungkan blog ke google webmaster bertujuan untuk mengoptimasi kinerja blog. Simplenya webmaster ini dapat mengecek kesehatan blog secara detail, sedangkan memasang ID Properti Web Analytics bertujuan untuk mengetahui laporan detail tentang pengunjung. 

Read More

BUKU SAKTI BLOG - Step 1.2 : Membuat Blog di Blogger (Blogspot)

Blogspot adalah second level domain yang dimiliki google. Antum bisa memiliki sebuah web tanpa memikirkan hosting dan domain. Blogspot ini gratis tanpa biaya karena domain dan hosting sudah disedikan oleh google. Hanya saja ujuang alamat atau URL blog antum akan berakhiran .blogspot.com atau .blogspot.co.id

Apakah akhiran .blogspot.com itu bisa dirubah ?

Ya... Tentu saja bisa… hanya saja antum akan dikenaikan biaya karena harus membeli domain tersendiri di pihak ketiga. Harga domain berbeda-beda tergantung dimana antum membelinya. Domain dibeli dan diperpanjang setiap tahun. Harga rata-rata domain untuk .com Rp. 100.000 –Rp. 150.000/ tahun.

Jika antum tidak merubah domain (tetap blogspot.com) maka selamanya blog antum akan tetap hidup tanpa ada biaya yang harus dikeluarkan. Sedangkan merubah domain akan ada biaya yang harus dikeluarkan setiap tahunnya karena domain harus diperpanjang, jika tidak blog antum akan mati.

Contoh :

• Blog pertama : www.yabafaedu.blogspot.com – [gratis selamanya]
• Blog kedua : www.yabafaedu.com –[ Beli domain .com 150 ribu dan setiap tahun biaya memperpanjannya 100 ribu].

Antum mau pilih mana ? akhiran .com lebih keren dan lebih profesional. Sedangkan pilihan pertama ada tambahan kata .blogspot.com

Urusan domain difikirkan lagi nanti ketika blog sudah jadi dibuat. Akan dirubah atau tetap menggunkan domain blogspot.com, Ini penting sob karena untuk mempermudah urusan optimasi kedepannya.

Cara Mudah Membuat Blog di Blogspot

Cara membuat blog di blogspot ini sangat mudah, jangan takut untuk mencoba. Pastikan koneksi internet antum stabil. Gunakan google chrome atau Mozilla Firefox. Pastikan antum sudah punya email (gmail.com). Jika belum punya email buat dulu. (cara membuatnya ada di sini:BUKU SAKTI BLOG - Step 1.2: Membuat Blog di Blogger )

Berikut ini langkah membuat blognya :

1. Buka halaman utama blogger.com
2. Klik create your blog
3. Masukan email dan password gmail antum
4. Akan tampil form pengisian judul, alamat dan tema

Judul : Isi dengan Judul Blog yang antum inginkan (bebas)
Alamat : Isi dengan alamat yang unic, tanpa spasi, bisa juga gabungan huruf dan angka
Tema : Pilih salah satu tema blog yang antum inginkan

5. Klik creat Blog

6. Selesai

Dan akhirnyaa... taraaaaa........ Blog Berhasil Dibuat dengan akhiran domain .blogspot.com

Karena memang belum disetting (template dkk) maka tampilan blog antum akan tampil seperti di bawah ini sesui dengan tema yang dipilih.

Untuk merubah tampilan atau layout sesuai dengan apa yang diinginkan, antum perlu mendesign template di menu edit html. Perlu proses yang panjang untuk mengeditnya.

Langkah tercepatnya antum bisa mengupload template blog dan mengedit bagian-bagian tertentu agar blog tampil lebih baik lagi.

Kenapa harus membuat blog di blogger?

Ada banyak alasan kenapa antum harus belajar membuat blog di blogger dengan domain blogspot.com. Berikut ini alasannya :

1. Alasan utama karena GRATIS

2. Tidak memerlukan hosting dan domain

3. Blogger itu miliknya google

4. Mudah digunakan untuk pemula

5. Terintegrasi dengan google adsense

6. Banyak template gratis yang tersedia

7. Template atau tema blogger mudah untuk dimodifikasi

Jika antum sudah mahir membuat blog di blogger. Segeralah belajar membuat blog di wordpress.org. gunakan blogspot untuk proses awal belajar.

Demikian cara membuat Blog di Blogger.com, silahkan antum coba praktekkan! jangan lupa ikuti Next Step->>

Read More

BUKU SAKTI BLOG - Step 1.1 : Membuat Email (Gmail)

Email... Apa sih?

Definisi

Email adalah singkatan dari Elektronik Mail atau dalam bahasa Indonesia disebut Surat Elektronik merupakan sarana dalam mengirim surat yang dilakukan melalui media internet. Media internet yang dimaksud bisa melalui komputer atau handphone yang memiliki akses internet. Pada umumnya mengirim surat biasa akan di kenakan biaya ( Membeli Perangko ) namun pada Surat Elektronik hanya dibutuhkan sambungan internet. 

Fungsi Email

Email adalah alamat resmi kita di dunia maya. Dengan menggunakan email kita dapat terhubung dalam berbagai kegiatan internet, seperti bergabung di situs jejaring sosial semisal Facebook dan twitter maka saat pendaftaran akan membutuhkan email. Saat ini, Email telah berkembang hingga memiliki fungsi yang sangat beragam. Mengirim file, foto, video dan Chat dengan teman dan keluarga menjadi lebih mudah. 

Sejarah Email

Sebelum internet digunakan secara luas, Email telah lebih dulu digunakan. Pada waktu itu Email sangat sederhana, pengguna komputer hanya meletakkan surat kepada pengguna komputer lain. Email hanya dapat dikirim dan diterima oleh satu jaringan komputer dalam rangkaian LAN ( Local Area Network ).

Sekitar tahun 1971, Seorang programmer Amerika, Raymond Tomlinson mulai menggunakan simbol @ sebagai pemisah antara user id dan domain. Mulai sejak itu, nama_user@nama_komputer menjadi standart penggunaan Email. Kemudian John Vital menemukan sebuah software untuk pengaturan Email pada tahun 1975, beberapa tahun kemudian, Email menjadi populer dan telah memenuhi lalu lintas Internet. 

Eudora adalah salah satu program email pertama yang dapat digunakan secara komersial pada saat itu, dikembangkan Steve Dorner pada tahun 1988. Kemudian pada tahun 1991, bersamaan dengan penemuan WWW ( World Wide Web ) oleh Tim Berners-Lee, Email mulai tersedia luas dan dapat diakses secara gratis dengan tampilan antas muka yang lebih ramah. Beberapa penyedia layanan email gratis adalah Yahoo, Hotmail dan Gmail.

Kenapa Harus Punya akun E-Mail?

Langkah paling utama jika ingin aktif di dunia online atau hanya sekedar menjadi netizen adalah memiliki email. Email ini seperti tempat tinggal atau alamat online di internet. Jadi kalau sobat punya alamat jelas (email) sobat bisa daftar apa saja di internet seperti facebook, twitter, blog, youtube, forum-forum dst.

Banyak layanan penyedia email gratis yang bertebaran di internet. Salah satunya yaa gmail ini.

Membuat satu email di gmail berarti sobat akan memiliki satu akun google. Satu akun google berisi beberapa fitur pelengkap seperti youtube dan google drive.

Sangat mudah sekali untuk mendaftarkan dan mendapatkan akun gmail. Yang sobat perlukan hanyalah mengisi form pendaftaran dan memberikan nomor handphone (HP) yang akan digunakan untuk verifikasi

Lalu... bagaimana caranya?

yuk..! ikuti langkah-langkahnya. ane bakal kasih tutorial step by step sehingga sobat bisa buat dan punya akun email. 

ada beberapa penyedia jasa layanan Email, namun kali ini ane mau ajak sobat buat Email di Google Mail (Gmail). 

Berikut langkah-langah membuat email baru di gmail :

1. Ketik di browser gmail.com atau Sobat masuk dulu ke alamat resmi gmail berikut : Gmail
2. Pilih Create an account di pojok kanan atas sehingga muncul tampilan berikut




3. Isi dengan lengkap formnya
Nama : Isikan nama asli sesuai KTP (misal: Sulton Alghifari)
Username : Isi dengan nama email yang akan sobat gunakan (tutorialtech94@gmail.com)
Password : Isi password (gunakan kombinasi key, angka+huruf. misal:F4ith1234567)
Confirm : Isi password (sama dengan yang diatasnya)
Gender : Pilih salah satu (Female = Perempuan, Male = Laki-laki)
Mobile phone : Isikan No Hp sobat
Your current email address : Biarkan aja kosong


Note:
Jangan Gunakan nama email lebay dan susah diingat. Gunakan nama asli sobat atau singkatan nama. Minimal ada nama sobat yang tercantum di email.4. Klik Next step
5. Jika ada tampilan (pop up) privacy and terms, pilih "I AGREE (SAYA SETUJU)"

Setelah tahap no 5 di atas Google akan meminta verikasi no hp yang artinya Google akan mengirimkan pesan ke Hp sobat berupa kode angka atau tulisan bisa juga gabungan keduanya.

Verifikasi Nomor Hp

Jika google menginginkan verifikasi no hp maka masih satu tahap lagi untuk mendapatkan akun gmailnya. Berikut ini langkah-langkahnya :

  1. Setelah tahap di atas selesai, akan ada tampilan halaman "Verify your account"

  2. Pastikan no hp sobat benar dan aktif hpnya

  3. Pilih "text message (sms)"

  4. Klik continue

  5. Tunggu hingga google mengirimkan sms ke no hp sobat

  6. Setelah kode diterima, masukan ke halaman "Verify your phone" dan masukan kodenya

  7. Klik Verify

  8. Selamat.. Gmail sobat sudah jadi...

Cara mengirimkan email

Berikut ini adalah langkah-langkah mengirimkan pesan dengan melampirkan beberapa file.

1. Klik menu compose
2. To : diisi alamat email yang akan dikirimkan pesan contoh : sibulanoke@gmail.com
3. Subject : Judul pesan
4. Di kotak bawah isilah pesan yang akan sobat kirm
5. Di bagian bawah sendiri disamping tulisan send ada menu "Attach Files" klik untuk melampirkan file
6. Jika sudah selesai semua Klik send untuk mengirimkan pesan.

Cara masuk ke gmail (Sign in)

  1. Di addres bar (browser) ketik gmail.com

  2. Pilih Sign In

  3. Masukan alamat email

  4. Klik Next

  5. Masukan password

  6. Klik sign in

Cara keluar dari gmail (Sign Out)

  1. Lihat pojok kanan atas "My account"

  2. Klik Sign Out

Tips agar gmail tidak mudah di hack :

• Biasakan login menggunakan komputer atau laptop pribadi
• Jangan sembarangan membuka email (login ke gmail) di komputer atau jaringan umum seperti warnet dan wifi gratisan. Tempat-tempat umum seperti warung internet biasanya rawan pemasangan aplikasi pengintai password. Apalagi jika sobat lupa sign out bisa jadi email sobat akan dimanfaatkan orang lain.
• Jika terpaksa harus login melalui fasilitas umum, biasakan setelah selesai online hapus semua riwayat penelusuran di browser
• Restart komputer atau matikan jika sudah selesai digunakan. Karena biasayanya setiap komputer warnet dilengkapi aplikasi pengaman Deep freeze.

Bagi orang umum kehilangan akses gmail atau dihack adalah hal yang biasa saja. Bisa buat yang baru. Tapi bagi seorang bloger kehilangan akses login diibaratkan kehilangan sebuah rumah besar beserta isinya. Bisa jadi stress apalagi kalau di dalamnya sudah banyak blog yang menghasilkan pundi-pundi rupiah.

Kok bisa gitu kang? karena.... eh karenaaaa...

Kehilangan akun gmail sama saja sobat kehilangan akses untuk masuk ke blogger, youtube, Google webmaster, Google drive dan semua akun-akun online sobat yang masih menggunakn email yang sama.

Jadi jagalah email sobat. Karena email itu sama dengan Kunci rumah. Kalu kuncinya hilang percuma sobat punya rumah besar nan mewah tapi hanya bisa dipandang.

yups... demikian tutorial membuat Email baru, semoga bermanfaat.

Read More

Belajar PHP (Part 1): Tak Kenal Maka Ta’aruf (kenalan)

1.1 Sebelum Belajar PHP

   Sebelum lebih lanjut mempelajari bagaimana membuat web dinamis, atau aplikasi berbasis web menggunakan PHP dan MySQL, penulis menyarankan anda untuk terlebih dahulu mengerti bagaimana membangun web menggunakan HTML. Ini digunakan sebagai bekal awal agar nantinya anda tidak kesulitan dalam mengenali tag-tag HTML yang digunakan dalam membuat website dinamis di ebook PHP ini. Perlu diketahui PHP yang akan dipelajari dalam ebook PHP ini adalah PHP versi ke 5. Karena pada dasarnya tidak terlalu jauh berbeda antara versi 5 dengan PHP versi terbaru yakni PHP 6, perbedaan yang mendasar hanyalah fitur OOP-nya saja, dan OOP tidak dibahas secara detil dalam ebook PHP ini. Namun mengingat cakupan PHP begitu luas, saya akan menghadirkannya nanti di ebook free edisi selanjutnya.

1.2 Perkenalan PHP, MySQL, Apache, dan Open Source

     Sebelum mengenal PHP, MySQL, Apache, perlu diketahui ketiga aplikasi yang disebutkan tadi merupakan aplikasi open source. Aplikasi OpenSource merupakan aplikasi berlisensi GPL (General Public License) yang diperuntukkan secara bebas digunakan oleh Masyarakat Internasional dan sifatnya gratis, open source berarti kode sumbernya terbuka, dimana seorang pengguna, maupun pengembang, dapat mengkostumisasi, dan mengembangkan kode tersebut secara bebas.

Opensource memungkinkan para programmer dunia membuat aplikasi tersebut mengalami perkembangan yang sangat pesat sebagaimana halnya Linux, linux mengalami perkembangan yang begitu cepat, dan pesat jauh berbeda dengan metode yang diterapkan oleh Microsoft yakni Closed Source pada aplikasi-aplikasi buatannya.

1.2.1 Apa itu PHP

PHP Pertama kali ditemukan pada 1995 oleh seorang Software Developer bernama Rasmus Lerdrof. Ide awal PHP adalah ketika itu Radmus ingin mengetahui jumlah pengunjung yang membaca resume onlinenya. script yang dikembangkan baru dapat melakukan dua pekerjaan, yakni merekam informasi visitor, dan menampilkan jumlah pengunjung dari suatu website. Dan sampai sekarang kedua tugas tersebut masih tetap populer digunakan oleh dunia web saat ini. Kemudian, dari situ banyak orang di milis mendiskusikan script buatan Rasmus Lerdrof, hingga akhirnya rasmus mulai membuat sebuah tool/script, bernama Personal Home Page (PHP).

Kebutuhan PHP sebagai tool yang serba guna membuat Lerdorf melanjutkan untuk mengembangkan PHP hingga menjadi suatu bahasa tersendiri yang mungkin dapat mengkonversikan data yang di inputkan melalui Form HTML menjadi suatu variable, yang dapat dimanfaatkan oleh sistem lainnya. Untuk merealisasikannya, akhirnya Lerdrof mencoba mengembangkan PHP menggunakan bahasa C ketimbang menggunakan Perl.

Tahun 1997, PHP versi 2.0 di rilis, dengan nama Personal Home Page Form Interpreter (PHP-FI). PHP Semakin popular, dan semakin diminati oleh programmer web dunia. Rasmus Lerdrof benar-benar menjadikan PHP sangat populer, dan banyak sekali Team Developer yang ikut bergabung dengan Lerdrof untuk mengembangkan PHP hingga menjadi seperti sekarang, Hingga akhirnya dirilis versi ke 3-nya, pada Juni 1998, dan tercatat lebih dari 50.000 programmer menggunakan PHP dalam membuat website dinamis.

Pengembangan demi pengembangan terus berlanjut, ratusan fungsi ditambahkan sebagai fitur dari bahasa PHP, dan di awaal tahun 1999, netcraft mencatat, ditemukan 1.000.000 situs di dunia telah menggunakan PHP. Ini membuktikan bahwa PHP merupakan bahasa yang paling populer digunakan oleh dunia web development. Hal ini mengagetkan para developernya termasuk Rasmus sendiri, dan tentunya sangat diluar dugaan sang pembuatnya. Kemudian Zeev Suraski dan Andi Gutsman selaku core developer (programmer inti) mencoba untuk menulis ulang PHP Parser, dan diintegrasikan dengan menggunakan Zend scripting engine, dan mengubah jalan alur operasi PHP. Dan semua fitur baru tersebut di rilis dalam PHP 4.

13 Juli 2004, evolusi PHP, PHP telah mengalami banyak sekali perbaikan disegala sisi, dan wajar jika netcraft mengumumkan PHP sebagai bahasa web populer didunia, karena tercatat 19 juta domain telah menggunakan PHP sebagai server side scriptingnya.

PHP saat ini telah Mendukung XML dan Web Services, Mendukung SQLite. Tercatat lebih dari 19 juta domain telah menggunakan PHP sebagai server scriptingnya. Benarbenar PHP sangat mengejutkan. Yang menjadikan PHP berbeda dengan HTML adalah proses dari PHP itu sendiri.

HTML merupakan bahasa statis yang apabila kita ingin merubah konten/isinya maka yang harus dilakukan pertama kali nya adalah, membuka file-nya terlebih dahulu, kemudian menambahkan isi kedalam file tersebut. Beda hal nya dengan PHP. Bagi anda yang pernah menggunakan CMS seperti wordpress atau joomla yang dibangun dengan PHP tentunya, ketika akan menambahkan konten kedalam website, anda tinggal masuk kedalam halaman admin, kemudian pilih new artikel untuk membuat halaman/content baru. Artinya hal ini, seorang user tidak berhubungan langsung dengan scriptnya, Sehingga seorang pemula sekalipun dapat menggunakan aplikasi seperti itu.

Keunggulan PHP :

• Gratis 

Apa yang membuat PHP begitu berkembang sangat pesat?? hingga jutaan domain menggunakan PHP, begitu populernya PHP?? Jawabannya adalah karena PHP itu gratis. Saya sendiri menyukai bahasa yang satu ini selain mudah juga karena gratis.

•  Cross platform

Artinya dapat di gunakan di berbagai sistem operasi, mulai dari linux, windows, mac os dan os yang lain.

• Mendukung banyak database 

PHP telah mendukung banyak database, ini mengapa banyak developer web menggunakan PHP Adabas D Adabas D, dBase dBase, Empress Empress, FilePro (read-only) FilePro (read-only) Hyperwave, IBM DB2, Informix, Ingres, InterBase, FrontBase mSQL, Direct MS-SQL, MySQL MySQL, ODBC, Oracle (OCI7 and OCI8), Ovrimos, PostgreSQL SQLite, Solid, Sybase, Velocis, Unix dbm.

•  On The Fly

PHP sudah mendukung on the fly, artinya dengan php anda dapat membuat document text, Word, Excel, PDF, menciptakan image dan flash, juga menciptakan file-file seperti zip, XML, dan banyak lagi.

1.2.2 Apa itu MySQL

MySQL

MySQL adalah perangkat lunak pengolah database. Database sendiri merupakan suatu jalan untuk dapat menyimpan berbagai informasi dengan membaginya berdasarkan kategori-kategori tertentu. Dimana informasi-informasi tersebut saling berkaitan, satu dengan yang lainnya.

MySQL bersifat RDBMS (Relational Database Management System)

RDBMS memungkinkan seorang admin dapat menyimpan banyak informasi ke dalam table-table, dimana table-table tersebut saling berkaitan satu sama lain.

Keuntungan RDBMS sendiri adalah kita dapat memecah database kedalam table-table yang berbeda. setiap table memiliki informasi yang berkaitan dengan table yang lainnya.

Mengapa Menggunakan MySQL

Gratis

Sama dengan PHP, MySQL bersifat opensource, semua orang bebas menggunakannya tanpa harus membayar sepeser pun

Cross Platform

MySQl dapat digunakan under windows, ataupun under linux.

Lengkap dan Cepat

Pasangan yang cocok dengan PHP. Wajar jika banyak hosting saat ini mendukung adanya PHP dan MySQL karena kecepatan, gratis, dan dapat di jalankan di system operasi manapun.

Read More