Graphic Design Tutorials

Dalam blog ini anda akan diajak untuk belajar Desain Grafis Step by step, mulai dari Corel Draw, Photoshop Tutorial, Adobe Indesign, Adobe Ilustrator, dll..

Tutorials Programming and Practices

Dalam Blog ini meyajikan Berbagai macam Tutorial dan Praktek bahasa pemrograman (C++, Java, PHP, Delphi, VB, Fortlan, dll).

Office tutorials

dalam blog ini menyajikan tutorial Office dri tingkat dasar (basic Level) sampai tingkat Mahir (advance level).

Information System and Computer Networking

Dalam Blog ini anda akan diajak belajar untuk menguasai jaringan komputer, keamanan sistem, hardware and software repairing, dan pembuatan sistem informasi dll. .

computer technician

Membahas tentang perbaikan, perawatan dan penyelesaiana masalah mengenai Komputer.

TEAM WORK

Kami adalah Bagian dari anda yang memiliki segenap keinginan untuk saling berbagi Ilmu Pengetahuan demi terwujudnya Generasi yag Gemilang.

Selasa, 28 Agustus 2018

Senin, 27 Agustus 2018

DOWNLOAD APLIKASI PERPUSTAKAAN BERBASIS WEB MENGGUNAKAN PHP+CODEIGNITER+BOOTSTRAP

Kemajuan teknologi informasi, telah menuntut perpustakaan baik milik sekolah atau instansi untuk bertransformasi menjadi perpustakaan berbasis teknologi informasi dalam hal pelayanannya. Mau tidak mau, teknologi informasi harus diterapkan dalam semua proses bisnis pelayanan perpustakaan. Salah satu penggunaanya adalah dengan menerapkan Sistem Informasi Perpustakaan. Sistem Informasi Perpustakaan adalah sistem aplikasi/software yang digunakan dalam pengelolaan perpustakaan, seperti manajemen data buku, manajemen data anggota, manajemen data transaksi peminjaman, dan lain sebagainya. 


Sebelumnya, saya telah membuat postingan dengan judul Aplikasi Perpustakaan Gratis Berbasis Web. Alhamdulillah, responnya baik sekali dari para pengunjung blog. Namun sayangnya, masih terdapat banyak bug-bug/kesalahan program yang didapati oleh para pengunjung dan pengunduh skrip/source code aplikasi perpustakaan berbasis web tersebut. Fasilitas yang ditawarkan pun masih minim, dan dengan tampilan yang seadanya juga. Hingga beberapa kali saya melakukan perbaikan-perbaikan di segi bug-bug program, dan saya re-upload skripnya. Pada aplikasi perpustakaan tersebut saya masih menggunakan bahasa pemrograman PHP murni, tanpa framework.


Pada posting yang kedua ini, saya kembali lagi membuat sebuah Aplikasi Perpustakaan. Fasilitas yang ditawarkan lebih banyak, daripada aplikasi yang saya posting sebelumnya. Berikut fasilitasnya :
  1. Untuk program, masih dengan PHP tapi Aplikasi Perpustakaan ini menggunakan framework Codeigniter.
  2. Untuk desain tampilan program, Aplikasi Perpustakaan menggunakan Twitter Bootstraap yang lebih mudah penggunaanya, namun dengan tampilan tetap elegan.
  3. Menu data anggota, dengan wewenang akses Tambah, Edit, dan Hapus
  4. Menu data buku, dengan wewenang akses Tambah, Edit, dan Hapus
  5. Menu data transaksi, dengan satu anggota bisa meminjam buku sebanyak 2 buku, dalam satu kali transaksi.
  6. Menu peralatan (tools), yaitu backup, restore, dan optimize database
  7. Menu laporan pengunjung, laporan peminjaman, laporan buku, laporan anggota, laporan statistik terbanyak.
  8. Menu data referensi jenis pustaka, kelas pustaka, lokasi pustaka.
  9. Menu pengaturan, pengaturan nama perpustakaan, pengaturan hari libur, dan pengaturan peminjaman.
  10. Pada tampilan awal, akan ditampilkan halaman buku tamu pengunjung perpustakaan (seperti pada aplikasi perpustkaan berbasis web sebelumnya.
Screenshot halaman depan Aplikasi Perpustakaan
Aplikasi ini didapat dari blognya kang Nurakhwan yang dengan baik hati membagikan aplikasinya. 


Aplikasi ini dapat sobat DOWNLOAD pada Link Berikut:





Share:

Minggu, 26 Agustus 2018

Download Aplikasi SISTEM INFORMASI KEUANGAN SEKOLAH (PHP+TWITTER BOOTSTRAP)


Pengelolaan keuangan di sekolah merupakan bagian yang sangat penting karena setiap kegiatan yang ada di sekolah pasti akan membutuhkan keuangan demi kelancaran kegiatan sekolah. Pada Sekolah Menengah Kejuruan (SMK) PLUS PONTREN AYBAFA salah satu permasalahan yang terjadi yaitu kesalahan pencatatan dalam proses pengelolaan data khususnya bagian keuangan yang belum terkomputerisasi karena masih menggunakan pencatatan secara konvensional, yang mana petugas masih mencatat setiap rekapitulasi pembayaran siswa ke dalam sebuah buku besar atau buku kas. 
Penelitian ini bertujuan untuk merancang dan membangun Sistem Informasi Pengelolaan Keuangan Sekolah di Sekolah Menengah Kejuruan (SMK) PLUS PONTREN YABAFA supaya lebih fleksibel dan dinamis serta meminimalisasi adanya kesalahan dalam penginputan dan penyimpanan data serta mengoptimalkan keamanan data. Sehingga menghasilkan Sistem Informasi Pengelolaan Keuangan Sekolah yang tertata baik dan membantu petugas keuangan dalam proses pengolahan data keuangan. Penelitian ini juga akan menguraikan produk-produk yang dihasilkan pada masing-masing tahap analisis. 
Sistem Informasi Pengelolaan Keuangan Sekolah dilakukan secara lengkap dan terperinci. Adapun metode penelitian penulis untuk menyelesaikan berbagai permasalahan yang terjadi adalah observasi, wawancara, dokumentasi, kepustakaan, analisis sistem, perancangan sistem, uji coba, dan implementasi sistem, supaya menghasilkan perubahan yang lebih baik pada sistem yang telah ada. Diharapkan hasil penelitian ini dapat membantu dan mempermudah pengguna dalam melakukan proses pengolahan keuangan sekolah agar pengelolaan keuangan dapat diolah secara efektif dan efisien. Sehingga data keuangan dapat terealisasikan dengan baik dan dapat menghasilkan perhitungan yang akurat. 
Adapun fitur dari aplikasi ini adalah sebagai berikut:
1) Pembayaran santri (untuk Jenjang SD, SMP, SMA/SMK)
2) Jurnal Umum
3) Rekapitulasi (Harian, bulanan tahunan)
4) Keuangan
    a) POS Penerimaan
    b) Jenis Pembayaran
5) Master Data
    a) Biodata Instansi
    b) Data Sekolah
    c) Data tahun Ajaran
    d) Data Santri/siswa
    e) Data Kelas
    d) Pengguna/ User
    f) Kelulusan

Berikut Screen shoot tampilan aplikasinya: 
Gambar 1.  Login Screen (admin dan Petugas/TU)


Gambar 2.  Home/Beranda

Gambar 3. Pembayaran santri/siswa


Gambar 4.  Jurnal Umum (Rekapitulasi bulanan/ Transaksi)


Cetak Transaksi harian, bulanan. tahunan


Jenis Penerimaan keuangan

Jenis Pembayaran/ set tarif keuangan siswa

identitas sekolah

Untuk Informasi mengenai Aplikasi ini, sahabat bisa hubungi kontak berikut:
Phone: 085 211 883 678
E-Mail : tutorialtech94@gmail.com

atau silahkan cantumkan email anda di kolom komentar!


Share:

Jumat, 09 Maret 2018

PETUNJUK UNBK 2018 UNTUK SISWA/PESERTA

sahabat blogger, Alhamdulillah kali ini yabafaedu mau berbagi lagi. setelah beberapa lama tidak posting artikel. petunjuk/ panduan UNBK untuk siswa ini sengaja saya buat buat peserta didik ku. yang kali ini menghadapi Ujian Nasional berbasis Komputer (UNBK) dengan harapan, semoga dapat mempermudah para peserta didik dalam mengerjakan soal UNBK nanti.
berikut saya lampirkan slide/materi "PETUNJUK UNBK 2018 UNTUK SISWA". semoga bermanfaat.

Share:

Minggu, 25 Februari 2018

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

Share:

Senin, 19 Februari 2018

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....!
Share:

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.
Share:

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.
Share:

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
Share:

Minggu, 18 Februari 2018

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. 
Share:

Recent Posts

Unordered List

Pages