Selasa, 12 September 2017

Cara Memberi Kategori pada Postingan Blog

Dengan adanya kategori atau label pada setipa postingan atau artikel yang kita tulisa maka akan mempermudah bagi para pembaca blog kalian untuk menemukan postingan yang memiliki kategori sama. Dalam artian semua artikel yang mempunyai kategori sama akan dikumpulkan menjadi satu di saat kategori tersebut diklik.

Cara membuatnya seperti ini:

Login ke blog

  • Setelah masuk ke dasbor blog, klik Entri baru.
Klik Entri baru
  • Akan muncul lembar kolom penulisan postingan seperti di bawah ini.
Lembar kolom postingan
  • Pada bagian Label seperti gambar di atas silahkan diklik dan tulis kategori yang diinginkan.
  • kategori bisa lebih dari 1, bisa 2, dan seterusnya dengan catatan harus dipisah dengan koma pada setiap kategiru yang ada.
Setelah kategori selesai diketik, klik selesai
  • Jangan lupa untuk mengklik selesai seperti gambar di atas setelah kalian merasa cukup dengan kategori yang ada.
  • Setiap psotingan yang sudah diberi kategori akan muncul seperti gambar di bawah ini. Ingat setiap template mungkin akan beda pada tempat peletakan kategori postingannya.
Kategori sebuah postingan
Silahkan dipraktekan, semoga berhasil.

Untuk lebih jelasnya bisa lihat video tutornya di bawah ini:

Rabu, 30 Agustus 2017

Cara Membuat Tulisan atau Postingan di Blogger

Contoh psotingan 
Tulisan atau postingan suatu blog bagaikan ruh blog itu sendiri karna tanpanya blog bukan apa-apa bagaikan zombie hidup tanpa jiwa.

Dengan menulis sebuah postingan dan terus mengupdate isi blog maka pengunjung akan betah di blog sobat sehingga berdampak terhadap nilai di mata mesin pencarian khususnya google.

Cara membuat tulisan atau postingan di blogger sebagai berikut:


  • Login ke akun blogger sobat
  • Setelah masuk, silahkan pilih blog yang mau ditulisi sebuah postingan hal ini jikalau sobat mempunyai lebih dari 1 blog dalam 1 akun.
Jika mempunyai lebih dari 1 blog maka pilih blog yang mau diupdate isinya kalau tidak langsung ke step selanjutnya
  • Kemudian klik Postingan.
Klik postingan
  • Setelah itu klik Entri baru.
Klik Entri baru
  • Akan muncul halaman baru seperti gambar di bawah ini.
Kolom penulisan postingan blog
  • Sobat sudah bisa menulis postingan terserah sobat dan mempublikasikannya.
Keterangan:

Bilah-bilah pengeditan postingan
Angka 1 : Judul postingan
Angka 2 : Isi postingan
Angka 3 : Menu-menu untuk mengganti warna tulisan, ukuran font, upload gambar dan video, DLL.
Angka 4 : Format postingan. Pilih saja Compose untuk pemula
Angka 5 : Label postingan. Penjelasan Baca DI SINI
Angka 6 : Tanggal artikel ditulis
Angka 7 : Tautan permanen.
Angka 8 : Lokasi sobat saat menulis artikel. Nggak wajib diisi
Angka 9 : Beberapa opsi lain yang bisa dipilih
Angka 10 : Tombol untuk mempublikasikan artikel sobat
Angka 11 : Tombol untuk menyimpan postingan ke Draft
Angka 12 : Preview postingan sebelum dipublikasikan

Jika masih bingung silahkan lihat video di bawah ini:

Minggu, 27 Agustus 2017

Cara Membuat Blog di Blogger Terbaru

Blogger, salah satu platform gratisan untuk membuat blog

Sebelum membuat blog di blogger, ada baiknya sobat menata kembali niat untuk membuat blog tersebut. kalau hanya untuk main-main ya silahkan kalau mau sungguhan menekuninya silahkan karna blog selain sebagai wadah kita untuk saling mengsharing ilmu yang kita punya bisa juga sebagai tempat penghasilan kedua dengan syarat anda sungguh-sungguh menekuninya.

Ok, langsung saja simak tutor di bawah ini, cara membuat blog di blogger terbaru. Terdapat juga video di akhir artikel supaya bisa lebih memahami tutornya.


  • Buka browser sobat dan ketik blogger kemudian klik search.
cari blogger

  • Kemudian pilih Blogger.com - Create a unique and beautiful blog. It's easy and free.
Blogger.com
  • Akan muncul tampilan seperti gambar di bawah ini, klik CREATE YOUR BLOG.
Klik CREATE YOUR BLOG
  • Akan muncul form login ke blogger. Berhubung sobat belum punya blog maka klik pilihan Opsi lainnya -> Buat akun.
Klik Opsi lainnya
Klik Buat akun
  • Akan tampil tampilan seperti di bawah ini. Silahkan isi semua form-form yang telah disediakan dan klik Langkah berikutnya.
Isi sesuai dengan data sobat yang benar

  • Akan muncul pop up seputar informasi tambahan, klik panah bawah sampai selesai seperti gambar di bawah ini dan klik SAYA SETUJU.
Klik sampai selesai
Klik SAYA SETUJU
  • Kemudian klik Continue to Blogger.
Klik Continue to Blogger
  • Akan muncul opsi profil yang akan digunakan pada blog sobat. Pilih saja Buat profil Google+.
Klik Buat profil Google+
  • Isi informasi untuk profil Google+ sobat kalau tidak ada yang mau dirubah langsung klik BUAT PROFIL di bagian bawah.
Ganti informasi yang mau sobat ganti
  • Halaman akan beralih pada bagian ganti avatar untuk profil Google+ sobat. Kalau tidak mau ganti avatar langsung klik SIMPAN saja.
Ganti avatar Google+ sobat dengan foto sobat atau lainnya
  • Akan tampil halaman Konfirmasi Profil Anda. Langsung klik Lanjutkan ke Blogger.
Klik Lanjutkan ke Blogger
  • Pada bagian ini sobat sudah masuk ke dalam dasbor blog sobat. Berhubung masih belum punya blog maka sobat klik saja BUAT BLOG BARU seperti gambar di bawah ini.
Klik BUAT BLOG BARU di bawah gambar mesin ketik
  • Akan muncul pop up pembuatan blog baru. Silahkan isi sesuai nama form-form yang tersedia, setelah semuanya telah sesuai maka klik Buat Blog.
Tombol Buat Blog akan bisa diklik ketika data sudah benar semua
  • Dan taraa, blog sobat sudah jadi. Silahkan dicek dengan mengklik Lihat Blog.
Cara melihat blog hasil buatan sobat

Supaya bisa lebih mantap silahkan lihat videonya di bawah ini:

Sabtu, 26 Agustus 2017

Cara Memasang Kode HTML Warna di Laman Blogger

Tabel kode html warna di laman blog untuk mempermudah mencari kode html untuk mempermudah
proses modifikasi blog baik bagi admin blog sendiri ataupun pengunjung blognya

Dengan adanya tabel kode html warna ini, sobat dipermudah untuk mengetahui kode-kode html dari setiap warna yang ingin kita terapkan di blog. Sehingga keserasian warna di blog sobat pun bisa maksimal dan menambah daya tarik pengunjung darinya.

Disini admin akan memberi kode html untuk menampilkan tabel kode html warna ini di blog sobat sehingga tidak usah cari dimana-mana lagi nantinya disaat membutuhkannya cukup buka blog sendiri masalahpun beres.

baik langsung saja:

  • Login ke blog sobat menggunakan id sobat, jangan pakai id orang lain, ingat dosa, hehe..
  • Silahkan pilih, mau di tempatkan di postingan atau di laman blog. Admin kasih contoh di laman blog saja karna laman ini bersifat khusus dari pada postingan.
Pilih salah satu, untuk cara selanjutnya sama

  • Pilih laman baru di pilihan atas.
  • Kemudian pilih mode html jangan compose.



  • Copy kode html di bawah ini ke mode html tadi.
<div id="flatuindzgn">
<ul class="flatui">
<li style="background: #5C97BF;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #5C97BF</span> </li>
<li style="background: #4B77BE;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #4B77BE</span> </li>
<li style="background: #1F3A93;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #1F3A93</span> </li>
<li style="background: #2574A9;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #2574A9</span> </li>
<li style="background: #67809F;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #67809F</span> </li>
<li style="background: #34495E;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #34495E</span> </li>
<li style="background: #3A539B;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #3A539B</span> </li>
<li style="background: #1E8BC3;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #1E8BC3</span> </li>
<li style="background: #6BB9F0;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #6BB9F0</span> </li>
<li style="background: #22313F;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #22313F</span> </li>
<li style="background: #336E7B;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #336E7B</span> </li>
<li style="background: #19B5FE;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #19B5FE</span> </li>
<li style="background: #89C4F4;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #89C4F4</span> </li>
<li style="background: #2C3E50;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #2C3E50</span> </li>
<li style="background: #3498DB;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #3498DB</span> </li>
<li style="background: #22A7F0;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #22A7F0</span> </li>
<li style="background: #94E0EE;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #94E0EE</span> </li>
<li style="background: #52B3D9;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #52B3D9</span> </li>
<li style="background: #59ABE3;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #59ABE3</span> </li>
<li style="background: #26A65B;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #26A65B</span> </li>
<li style="background: #1E824C;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #1E824C</span> </li>
<li style="background: #00B16A;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #00B16A</span> </li>
<li style="background: #2ABB9B;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #2ABB9B</span> </li>
<li style="background: #4DAF7C;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #4DAF7C</span> </li>
<li style="background: #03A678;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #03A678</span> </li>
<li style="background: #26C281;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #26C281</span> </li>
<li style="background: #019875;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #019875</span> </li>
<li style="background: #3FC380;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #3FC380</span> </li>
<li style="background: #16A085;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #16A085</span> </li>
<li style="background: #2ECC71;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #2ECC71</span> </li>
<li style="background: #C5EFF7;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #C5EFF7</span> </li>
<li style="background: #C8F7C5;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #C8F7C5</span> </li>
<li style="background: #049372;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #049372</span> </li>
<li style="background: #36D7B7;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #36D7B7</span> </li>
<li style="background: #66CC99;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #66CC99</span> </li>
<li style="background: #1BA39C;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #1BA39C</span> </li>
<li style="background: #1BBC9B;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #1BBC9B</span> </li>
<li style="background: #65C6BB;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #65C6BB</span> </li>
<li style="background: #BFBFBF;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #BFBFBF</span> </li>
<li style="background: #ABB7B7;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #ABB7B7</span> </li>
<li style="background: #DADFE1;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #DADFE1</span> </li>
<li style="background: #95A5A6;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #95A5A6</span> </li>
<li style="background: #C5DCE2;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #C5DCE2</span> </li>
<li style="background: #BDC3C7;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #BDC3C7</span> </li>
<li style="background: #EEEEEE;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #EEEEEE</span> </li>
<li style="background: #D2D7D3;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #D2D7D3</span> </li>
<li style="background: #F0E2C5;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F0E2C5</span> </li>
<li style="background: #EB9532;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #EB9532</span> </li>
<li style="background: #E67E22;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #E67E22</span> </li>
<li style="background: #F27935;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F27935</span> </li>
<li style="background: #F9BF3B;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F9BF3B</span> </li>
<li style="background: #F7CA18;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F7CA18</span> </li>
<li style="background: #F9690E;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F9690E</span> </li>
<li style="background: #F39C12;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F39C12</span> </li>
<li style="background: #D35400;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #D35400</span> </li>
<li style="background: #F4D03F;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F4D03F</span> </li>
<li style="background: #F5AB35;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F5AB35</span> </li>
<li style="background: #EB974E;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #EB974E</span> </li>
<li style="background: #F2784B;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F2784B</span> </li>
<li style="background: #F4B350;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F4B350</span> </li>
<li style="background: #E87E04;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #E87E04</span> </li>
<li style="background: #E74C3C;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #E74C3C</span> </li>
<li style="background: #CF000F;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #CF000F</span> </li>
<li style="background: #C0392B;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #C0392B</span> </li>
<li style="background: #D64541;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #D64541</span> </li>
<li style="background: #EF4836;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #EF4836</span> </li>
<li style="background: #96281B;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #96281B</span> </li>
<li style="background: #D91E18;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #D91E18</span> </li>
<li style="background: #E26A6A;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #E26A6A</span> </li>
<li style="background: #FF0000;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #FF0000</span> </li>
<li style="background: #F22613;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #F22613</span> </li>
<li style="background: #E08283;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #E08283</span> </li>
<li style="background: #9B59B6;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #9B59B6</span> </li>
<li style="background: #8E44AD;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #8E44AD</span> </li>
<li style="background: #BE90D4;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #BE90D4</span> </li>
<li style="background: #BF55EC;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #BF55EC</span> </li>
<li style="background: #9A12B3;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #9A12B3</span> </li>
<li style="background: #913D88;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #913D88</span> </li>
<li style="background: #722D6A;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #722D6A</span> </li>
<li style="background: #740A4E;"><span class="kodebesar"><span class="kodekecil">Kode Warna</span> #740A4E</span> </li>
</ul>
</div>
<style scoped="" type="text/css">/* Flat UI Color by indzgn.blogspot.com */ #flatuindzgn ul.flatui{position:relative;display:table;width:100%;text-align:center;color:#fff;font-size:12px;margin:auto;position:relative;padding:0} #flatuindzgn ul.flatui li{position:relative;display:flex;float:left;width:25%;min-height:160px;padding:4%;list-style:none;background:#444;text-align:center;font-family:inherit;color:rgba(255,255,255,);font-size:1.1rem;margin:auto;font-weight:700;backface-visibility:hidden;transition:all .3s cubic-bezier(1,0.015,0.295,1.225)} #flatuindzgn ul.flatui li:hover{z-index:4} #flatuindzgn ul.flatui li:before{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:;z-index:1;opacity:0;visibility:hidden;transform:scale(0.4)} #flatuindzgn ul.flatui li:hover:before{opacity:1;visibility:visible;transform:scale(1.0)} #flatuindzgn ul.flatui li:after{content:'Salin kode warna';display:block;position:absolute;padding:10px 0;font-weight:400;font-size:.8rem;left:0;right:0;bottom:0;opacity:0;color:rgba(255,255,255,.5);font-weight:700;visibility:hidden;transform:translate(0,30px);transition:all .3s cubic-bezier(1,0.015,0.295,1.225);transition-delay:.1s} #flatuindzgn ul.flatui li:hover:after{opacity:1;visibility:visible;transform:translate(0,-10px);z-index:1;transition-delay:.8s} #flatuindzgn ul.flatui li .kodebesar{width:100%;padding:0;display:block;float:none;margin:auto;clear:both;z-index:3} #flatuindzgn ul.flatui li .kodekecil{width:100%;padding:0;display:block;float:none;margin:0 auto 10px auto;font-weight:400;font-size:.8rem;clear:both;z-index:3} @media screen and (max-width:800px){#flatuindzgn ul.flatui li{width:33.3%;line-height:normal}} @media screen and (max-width:640px){#flatuindzgn ul.flatui li{width:50%}} @media screen and (max-width:480px){#flatuindzgn ul.flatui li{width:100%}} </style></p>
<div class='clear'></div></style>

  • Beri judul pada laman baru sobat dan klik publikasikan. sudah!!! 
Untuk lebih jelasnya bisa lihat video tutornya di bawah ini:

Jumat, 18 Agustus 2017

Cara Mendapatkan Google Site Verification di Google Webmaster

Cara Mendapatkan Google Site Verification di Google Webmaster


Cara Mendapatkan Google Site Verification di Google Webmaster
  • Pertama silahkan Sobat kunjungi  alamat: https://www.google.com/webmasters/tools , Jika belum Login, silahkan Sobat login terlebih dahulu menggunakan akun google milik Sobat.
  • Klik Blog Sobat yang ingin di verifikasi, atau klik "Add Property atau Tambahkan Situs" lalu isi alamat blog atau website yang ingin sobat verifikasi jika blog Sobat belum terdaftar di Google Webmaster Tools seperti pada tampilan dibawah ini.
  • Isi alamat blog atau website yang ingin sobat verifikasi

  • Jika alamat blog atau website sudah ada pada daftar pilih website atau blog yang ingin di verifikasi. 


  • Pada gambar di atas telihat bahwa blog KAB tanda panah merah belum di verifikasi (Not Verified). Disni Admin akan memverifikasi blog tersebut . Klik Manage Property >>> Verify this property 
  • Setelah itu akan terlihat tampilan seperti gambar dibawah ini klik Alternate methods/Verifikasi dengan menggunakan metode yang berbeda.


  • Lalu ceklist "HTML tag "Add a meta tag to your site's home page, lalu akan muncul kode HTML Meta tag Google Site Verification.

  • setelah HTML tag di klik tampilan akan terlihat seperti gambar dibawah ini




  • Copy kode tersebut di template blog atau website sobat, letakkan tepat dibawah kode <head>. Caranya login ke akun blog milik Sobat lalu klik template>>> Edit HTML >>cari kode <head> untuk memudahkan silahkan klik ctrl+f  pada kolom pencarian ketik <head> lalu tekan Enter.


  • Jika sudah ketemu copy  kode Google site Verifikation yang sudah sobat dapatkan tadi 
  • Lalu paste di blog sobat tepat dibawah kode <head> Setelah itu klik Simpan Template

  • Lalu kembali lagi pada Google Webmaster, dan klik "Verifikasi/Verify".

  • Jika Verifikasi Sukses tampilan akan terlihat seperti gambar di bawah ini.
Jika masih belum jelas bisa lihat video tutornya di bawah ini: