-->

NAVIGASI

Home » Posts filed under lessons on ICT
Showing posts with label lessons on ICT. Show all posts
Showing posts with label lessons on ICT. Show all posts

Wednesday, April 20, 2016

TIPS MEMBUAT TULISAN, GAMBAR BAYANGAN DIBELAKANG TULISAN

Written by: Admin
Share Impression SEO, Insurance, Schoolarsip, All Update Updated at: April 20, 2016

Penjelasan Watermark

Watermark adalah sebuah tanda yang kita buat manual dalam sebuah tulisan, gambar maupun video. Watermark ini digunakan untuk melindungi gambar kita dari orang yang sembarangan mengambil sampai mengakui bahwa itu adalah gambar miliknya.


Contoh soal ada jika kita membuat sebuah gambar yang benar-benar milik kita dan kita berikan tandanya dibawah, ditengah, ataupun dipojok tulisan gambar atau video sehingga benar-benar hasil karya kita dan orang lain tidak mengaku – ngaku sebagai designer karya tersebut, dan hati-hati jangan sesekali memberikan watermark untuk anda yang hasilnya punya orang lain sebab kita harus berpikir bagaimana rasanya menjadi designer tersebut!, Maka dari itu, untuk beberapa hal, watermark ini sangat diperlukan

Kemudian bagaimana cara membuat watermark?, Untuk orang yang hanya sekali – sekali memerlukan watermark, mungkin bisa menggunakan adobe photoshop, freehand, bahkan Microsoft Word juga bisa. Dan menggunakan aplikasi semacam photoshop pun dapat membuat watermark yang jauh lebih professional dari pada membuat watermark menggunakan aplikasi yang khusus untuk watermark.

Berhubung kali ini kita membahasa masalah Microfot Word, maka kita lanjut saja ke materi Watermark Mocrosoft Word, baiklah ikuti langkah-langkah dibawah ini untuk memberikan tanda dibawah tulisan.

Langkah- langkahnya Sebagai berikut :

  1. Buka Lembar Kerja Microsoft Word dengan cara seperti biasa
  2. Lihat Gambar yang penulis lampirkan diatas, kemudian
  3. Klik Menu PAGE LAYOUT
  4. Klik Watermark pada papan PAGE BACKGROUND
  5. Klik Costume Watermark
  6. Klik kolom TEXT WATERMARK
  7. Isilan tulisan yang inginkan dalam kotak (TEXT : ASAP ), yang diganti adalah tulisan ASAP dengan tulisan yang diinginkan
  8. Kemudian Klik OK.
  9. Penjelasan Kotak PRINTED WATERMARK
  10. No watermark artinya klik kolom ini untuk tidak menggunakan watermark
  11. Picture watermark artinya memasukkan gambar yang dinginkan sebagai watermark dengan cara:
  12. Klik Select Picture
  13. Pilih Gambar yang diinginkan dari gambar simpanan kita kemudian klik Klik Ok.
  14. Dalam materi ini kita bahas Text watermark, maka kita lihat dibawah Scale,
  15. Lagguage adalah bahasa yag kita gunakan dan disini kita bisa saja bahasa inggris atau biarkan saja
  16. Text : ASAP adalah kotak kita menggantikan tulisan yang kita inginkan sehingga ganti kata ASAP dengan kata yang diinginkan
  17. Font : Calibri adalah jenis tulisan Watermark
  18. Size: Auto, kita bisa menentukan ukuran watermark. Untuk bawaannya otomatis
  19. Color adalah tempat dimana kita ganti warna tulisannya, dan lain-lain
Sebelum anda menutup Artikel ini, silahkan berikan masukannya di kolom komentar. Apa kekurangan dan kelebihan Artikel ini, supaya penulis bisa terus belajar untuk memberikan yang terbaik. Anda juga bisa bertanya jika ada beberapa penjelasan yang masih belum dipahami. Jika anda merasa artikel ini bermanfaat, jangan lupa untuk mengklik tombol share. Sekali lagi belajar mudah bersama bimbing dong
Diposkan oleh di No comments:
Label: ,

Monday, April 11, 2016

CARA MEMBUAT SCREENSHOT DENGAN 5 LANGKAH

Written by: Admin
Share Impression SEO, Insurance, Schoolarsip, All Update Updated at: April 11, 2016

FUNGSI SCREENSHOT KEYBOARD

Banyak cara untuk membuat atau mengambil gambar (capture screenshot) di layar komputer, laptop, atau neetbook. Gambar, image, atau foto ini diperlukan untuk menambah kualitas posting (konten) blog kita.

Screenshoot


Jika kita posting tutorial (tips), biasanya membutuhkan ilustrasi gambar untuk memperjelas panduan dan ini sangat disukasi user.

Cara mengambil gambar ini juga untuk mengambil gambar yang gak bisa didownload, gambar statistik (misalnya file excel), atau grafis lain yang bukan berupa image jpg, png, atau gif.

TANPA SOFTWARE

1. Cara Mengambil Gambar dengan "Print Screen"

Print Screen atau PrtSc SysRq adalah salah satu tombol di keyboard komputer atau laptop. Banyak yang belum tahu fungsinya karena memang (mungkin) gak merasa membutuhkan.
  1. Tampilkanlah gambar yang ingin Anda ambil gambarnya pada layar komputer.
  2. Tekan tombol Print Screen atau PrtSc SysRq (untuk Copy gambar di layar)
  3. Buka Program Aplikasi Paint. Klik Start Windows > All Programs > Accessories > Paint.
  4. Tekan Ctrl+V (untuk Paste gambar yang sudah dicopy dengan Print Screen tadi).
  5. Save dengan klik ikon Disket dan pilih format gambar JPEG atau PNG. 
  6. Gambar siap digunakan dan masih bisa diedit lagi dengan CorelDraw, Photoshop, atau pake aplikasi Windows lainnya: Microsoft Office Picture Manager.
Snipping Tool


2. Cara Mengambil Gambar di Layar dengan "Snipping Tools"

Snipping Tool adalah aplikasi program yang sudah ada di Windows.
  1. Tampilkan gambar yang akan diambil di layar komputer.
  2. Buka aplikasi Snipping Tool di "Accessories"
  3. Anda tingga mengarahkan cursor ke area gambar yang akan di-capture


MENGGUNAKAN SOFTWARE

3. Mengambil Gambar dengan Photoshop

Cara menyimpan screenshot layar komputer dengan Photoshop
  1. Atur kondisi layar pada tampilan gambar yang akan di-screenshot
  2. Untuk screenshot keseluruhan layar, tekan tombol Print Screen pada keyboard sebagaimana cara nomor 1 di atas.
  3. Untuk screenshot pada window aktif, tekan tombol ALT+Print Screen pada keyboard (biasanya tertulis PrtScn)
  4. Buka software Photoshop, lalu klik File > New kemudian OK
  5. Klik Paste atau tekan CTRL+V pada keyboard
  6. Gambar yang di screenshot akan tampil pada photoshop. Pilih area gambar tertentu dengan menggunakan tool CROP (optional).

4. Mengambil Gambar dengan CorelDraw

Lebih gampang dari Photoshop.
  1. Buka CorelDraw
  2. Tampilkan gambar yang akan di-capture
  3. Klik kanan mouse dan pilih "Copy image"
  4. Buka Corel dan Ctrl+V atau Paste!

Kelebihan dari screenshot layar menggunakan Photoshop dan CorelDraw adalah kita langsung bisa mengolah atau mengedit gambarnya.

5. Menggunakan Webpage Screenshot

Webpage Screenshot adalah extensi Google Chrome. Penggunaannya sangat praktis untuk mengambil gambar di layar komputer.
  1.  Instal Webpage Screenshot.
  2. Tampilkan gambar/foto yang akan diambil.
  3. Klik tombol Webpage Screenshot di kanan atas layar monitor (ikon camera warna hitam)
  4. Pilih "Visible Screenshot" untuk mengambil gambar yang ada di layar saja
  5. Pilih "All page screenshot" untuk mengcopy gambar secara penuh.
  6. Pilih area gambar dan klik "Save Local" untuk menyimpan di komputer.

Demikian Cara Membuat Screenshot Gambar dari Layar Komputer dan sebelum anda menutup Artikel ini, silahkan berikan masukannya di kolom komentar. Apa kekurangan dan kelebihan Artikel ini, supaya penulis bisa terus belajar untuk memberikan yang terbaik. Anda juga bisa bertanya jika ada beberapa penjelasan yang masih belum dipahami. Jika anda merasa artikel ini bermanfaat, jangan lupa untuk mengklik tombol share. Sekali lagi belajar mudah bersama bimbing dong
Diposkan oleh di No comments:
Label: ,

Sunday, April 10, 2016

CARA MENGETAHUI JUMLAH HURUF PADA MICROSOFT WORD

Written by: Admin
Share Impression SEO, Insurance, Schoolarsip, All Update Updated at: April 10, 2016

Menghitung huruf pada Microsoft Word

Setiap tulisan tentu memiliki jumlah kata, karakter, paragraf serta baris yang tak terhingga jumlahnya, sehingga microsoft memudahkan pengguna untuk menghitung setiap kebutuhan pengguananya,

Sebagai contoh:
Disaat anda sedang mengerjakan tugas sekolah atau tugas kuliah dengan menggunakan Microsoft Word, mungkin anda perlu mengetahui berapa jumlah kata yang telah anda ketik pada sebuah dokumen. Tentunya akan sangat sulit dan membutuhkan waktu yang lama jika anda harus menghitung kata demi kata yang anda ketik, apalagi jika kata yang anda ketik sudah lebih dari satu halaman.



Akan tetapi, sekarang anda tidak usah khawatir jika mendapatkan tugas membuat tulisan dengan minimal beberapa kata. Karena saya akan share cara cepat menghitung jumlah kata dalam sebuah tulisan pada Microsoft word. Bukan hanya kata yang bisa anda ketahui secara akurat, tetapi anda juga bisa mengetahui jumlah karakter, jumlah paragraph, jumlah baris dan lain sebagainya. Jadi akan sangat membantu sekali dalam menyelesaikan tugas yang diberikan oleh guru atau dosen anda.

Untuk kali ini saya membahas Microsoft Word 2007, dan untuk word yang lainnya penulis rasa tinggal disesuaikan saja.



Langkah-langkahnya sebagai berikut :

  • Buka Lembar kerja Microsoft word yang ingin dihitung jumlah kata, karakter dan paragraf serta barisnya, yang pasti telah anda tulis sebelumnya.
  • Silakan anda Blog tulisannya atau ditandai tulisan yang ingin di hitung, jika ingin hitung semua, anda tinggal CTRL+A pada keyboard.
  • Silakan anda Klik menu Review yang berada diatas layar.
  • Silakan Klik Word Count pada papan menu review
  • Silakan anda lihat tulisan words untuk jumlah kata yang sudah anda ketik.



Berdasarkan tabel diatas, maka tabel Word Count bisa dijelaskan sebagai berikut :

Statistik:
Pages
Halaman yang sudah digunakan
Words
Jumlah kata yang sudah ketik
Characters(no spaces)
Karakter yang tidak menggunakan spasi
Characters (with spaces)
Karakter yang menggunakan spasi
Paragraphs
Jumlah paragraf
lines
Jumlah baris

Dengan menggunakan trik ini, seluruh perhitungan karakter, kata, garis dan paragraph dalam document Microsoft word bisa dengan cepat anda ketahui. Jadi anda tidak perlu lagi menghitungnya dengan cara manual yang tentunya akan membutuhkan waktu yang lama. Semoga bermanfaat. Belajar mudah.

Sebelum anda menutup Artikel ini, silahkan berikan masukannya di kolom komentar. Apa kekurangan dan kelebihan Artikel ini, supaya penulis bisa terus belajar untuk memberikan yang terbaik. Anda juga bisa bertanya jika ada beberapa penjelasan yang masih belum dipahami. Jika anda merasa artikel ini bermanfaat, jangan lupa untuk mengklik tombol share. Sekali lagi belajar mudah bersama bimbing dong
Diposkan oleh di
Label:

Wednesday, March 30, 2016

CARA MEMBUAT MENU NAVIGASI

Written by: Admin
Share Impression SEO, Insurance, Schoolarsip, All Update Updated at: March 30, 2016

CARA MEMBUAT MENU NAVIGASI PADA BLOG ATAU WEBSITE atau Dikenal dengan MENU BAR

Langkah-langkahnya sebagai berikut:

klik menu ‘Template’ > ‘Edit HTML’ > ‘Lanjutkan’.
Kedua, cari ]]></b:skin> dan kemudian sisipkan kode di bawah ini tepat di atasnya.


#navbar-iframe {
  height:0px; visibility: hidden; display: none;
}
PENTING
Kode tersebut berfungsi untuk menyembunyikan navbar standar Blogger, sehingga apabila sebelumnya Anda telah menyembunyikan navbar standar maka lewati langkah ini dan lanjutkan pada langkah yang ketiga.
Ketiga, sisipkan rangkaian kode CSS berikut ini tepat di atas ]]></b:skin>
.bilah-menu-atas {
  width: 100%;
  min-width: 960px;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 27px;
  font-size: 13px;
  z-index: 99;
  white-space: nowrap;
  background-color: #336699;
  background-image: -moz-linear-gradient(center top , rgb(20, 132, 206) 0%, #336699 100%);
  box-shadow: 0px 2px 0px rgb(14, 90, 140);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.kolom-utama {
  -moz-transition: all 0.2s linear 0s;
  width: 960px;
  height: auto;
  margin: 0px auto;
}

.kolom-menu {
  width: 521px;
  height: auto;
  margin: 0px 0px 0px -41px;
  float: left;
  display: inline;
}

.kolom-menu ul {
  height: auto;
  margin-top: 0px;
}

.kolom-menu ul li {
  float: left;
  position: relative;
  list-style: none outside none;
}

.kolom-menu ul li:first-child {
  border-left: 1px solid rgba(30, 30, 30, 0.125);
}

.kolom-menu ul li a {
  color: #ffffff;
  font-weight: bold;
  text-shadow: -1px -1px rgba(0, 0, 0, 0.2);
  text-decoration: none;
  display: inline-block;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  position: relative;
  border-right: 1px solid rgba(30, 30, 30, 0.125);
  box-shadow: 1px 0px 0px rgba(255, 255, 255, 0.1);
}

.kolom-menu ul li a:hover, .kolom-menu ul li a:focus {
  background-color: rgba(255, 255, 255, 0.125);

}


PENTING :

Warna yang dihasilkan oleh rangkaian kode CSS di atas adalah warna biru untuk background dan putih pada teks. Sehingga apabila belum sesuai dengan desain tampilan halaman blog Anda, maka sesuaikan warna yang digunakan dengan mengganti kode warna yang dipakai pada bagian color:, background-color:, dan background-image:.
Keempat, cari kode <body dan kemudian sisipkan rangkaian kode dengan format seperti contoh berikut ini tepat di bawahnya.
<div class='bilah-menu-atas' id='bilahmenuatas'>
  <div class='kolom-utama'>
    <div class='kolom-menu'>
      <ul>
        <li><a href='http://getakai.blogspot.co.id/'><img alt='L3' height='15px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-iCk3b0qgt568PzPJoR7xSVKM6IX7IGGVvg0Sa5kBt0APtPKfT3-xvWQh0Ibf0nTXkAjl8p-27IT7k0Puv5c1j85Klyk5AEVdWXAl8IqosqhWph1GG_8b-3KItf3iCgVG6VtmAA_GLIY/s800/Beranda.png' width='20px'/></a></li>
        <li><a href='URL'>Menu Kiri 1</a></li>
        <li><a href='URL'>Menu Kiri 2</a></li>
      </ul>
    </div>
    <div class='kolom-menu'>
      <ul style='float: right'>
        <li><a href='URL'>Menu Kanan 1</a></li>
        <li><a href='URL'>Menu Kanan 2</a></li>
      </ul>
    </div>
  </div>
</div>
Keterangan:
Ganti http://getakai.blogspot.co.id/ dengan URL blog Anda dan ganti pula kata URL dengan link artikel yang akan ditautkan. Dan kemudian ubah kata Menu Kiri 1, Menu Kiri 2, Menu Kanan 1 dan Menu Kanan 2 sesuai dengan menu tampilan yang dikehendaki.
Kelima, simpan template.


Setelah template disimpan maka navbar standar Blogger tidak lagi ditampilkan di halaman blog dan akan tergantikan dengan navbar baru seperti yang tampak pada gambar di atas. Kemudian perlu diketahui bahwa rangkaian contoh kode pada langkah yang keempat akan menghasilkan 2 (dua) buah kolom menu. Kolom sebelah kiri berisikan 3 (tiga) buah menu yaitu Beranda (Home), Menu Kiri 1, dan Menu Kiri 2, sedangkan kolom sebelah kanan berisikan 2 (dua) buah menu yaitu Menu Kanan 1 dan Menu Kanan 2. Sehingga apabila belum sesuai dengan keinginan, maka silakan dilakukan kustomisasi seperlunya dengan menambahkan atau mengurangi kode <li><a href='URL'>Menu</a></li>.

Semoga materi ini bermanfaat bagi semua, dan lanjutan materinya akan dibahas dalam materi selanjutnya, silakan buka label  Tutorial   untuk melihat lainnya,  mengupas tuntas belajar mudah, dan bagi yang ingin ditanyakan silakan berkomentar dibawah atau kotak admin untuk menyempurnakan tulisan. (berbagai Sumber)

Diposkan oleh di No comments:
Label: , ,

Sunday, March 27, 2016

Cara Mengatasi Deskripsi Singkat Meta Pada Webmaster tools

Written by: Admin
Share Impression SEO, Insurance, Schoolarsip, All Update Updated at: March 27, 2016
Optimasi pada blog memang jadi tantangan bagi webmaster atau pemilik blog dikarenakan optimasi akan membuat blog yang dilakukan akan membuahkan hasil yang sangat bagus terutama di search engine atau mesin pencari seperti google. Blog akan menjadi gampang ditemui oleh pengunjung dan biasanya akan membuat blog semakin terdepan dihalaman satu google. salah satu pilihan bari para blogging dalam membuat blog adalah ingin blog nya bisa masuk halaman pertama google itu sendiri adalah karena jika blog sudah semakin terdepan di search engin akan sangat mudah dalam menghasilkan uang dan dengan mudah untuk mempromosikan suatu produk ke khalayak umum.


Pada pembahasan kali ini akan dibahas tentang deskripsi singkat meta pada webmaster tools kalau dalam bahasa inggris nya adalah short meta descriptions. Short meta descriptions ini adalah salah satu menu yang disediakan oleh google webmaster tools agar para webmaster atau sipemilik blog lebih mengutamakan kesehatan pada blognya. Menu deskripsi singkat meta bisa di akses dengan pertama kali nya adalah masuk ke halaman depan webmaster lalu pilih salah satu blog yang ingin di pilih jika di dalam webmaster tools tersebut anda memiliki lebih dari satu blog. Jika sudah terpilih blog atau website yang kita pilih, lalu lihat dan pilih pada menu Search Appearance atau dalam bahasa indonesianya adalah tampilan penelusuran lalu pilih menu HTML Improvements dengan bahasa indonesianya adalah penyempurnaan html. Di menu tersebut akan ditampilkan kesalahan-kesalahan pada blog kita agar lebih teroptimasi di mesin telusur google.

Salah satu yang akan kita bahas dalam artikel ini adalah tentang masalah Short Meta Descriptions. Apa itu short meta descriptions pada webmaster tools? Short meta descriptions kalau dalam bahasa indonesianya adalah deskripsi singkat meta. Lebih jelasnya adalah deskripsi atau keterangan tentang blog atau suatu website yang akan muncul di penelusuran seperti google. Dengan adanya keterangan pada pada blog akan lebih menarik perhatian bagi para pencari informasi di google untuk lebih memilih blog yang kita buat.


Jika blog kita terdapat kesalahan dalam short meta descriptions akan diberitahu atau dimunculkan lewat laporan webmaster ini dengan cara yang sudah kita bahas diatas. Kalau tidak ada muncul berarti blog kita tidak memiliki kesalahan yang serius. Short meta descriptions ini akan timbul jika dalam memasukan deskripsi pada blog terlalu sedikit atau terlalu singkat. Karena menurut google jika deskripsi terlalu sedikit atau singkat tidak akan akurat dalam memberikan informasi kepada pencari informasi. Dan muncul juga ketika dalam membuat artikel kita terlalu sedikit dalam memasukan deskripsi penelusuran yang disediakan oleh blogger jika blog yang kita kelola adalah dengan menggunakan fasiltas gratis yang disediakan google yaitu blogger atau blogspot.

Baca Juga : KODE WARNA HEX

Ada dua solusi bagi pengguna blogger atau blogspot cara mengatasinya. Yang  pertama sekali  dengan menonaktifkan menu ini karena menu ini hanyalah menu tambahan jika blog ingin lebih menarik perhatian para pencari informasi di internet. Menurut penulis dengan tidak menggunakan menu ini artikel atau blog yang kita kelola akan dengan sendirinya teroptimasi karena dengan artikel yang ada didalam blog saja sudah cukup untuk mewakilinya. Jika dalam membuat artikel kita sudah pas dengan menentukan kata kunci yang pas pula. Dan cara yang kedua adalah dengan memasukan deskripsi penelusuran di blog dengan tidak sedikit. Dengan memberikan deskripsi atau keterangan pada artikel atau blog akan membuat para pencari informasi tertarik untuk langsung mengklik blog kita yang tampil di hasil penelusurannya. Setelah melakukan hal diatas, silahkan lihat di google webmaster kira-kira seminggu setelah membuat perubahan pada blog.

Semoga materi ini bermanfaat bagi semua, dan lanjutan materinya akan dibahas dalam materi selanjutnya, silakan buka label  Tutorial   untuk melihat lainnya,  mengupas tuntas belajar mudah, dan bagi yang ingin ditanyakan silakan berkomentar dibawah atau kotak admin untuk menyempurnakan tulisan. 
Diposkan oleh di No comments:
Label: , ,

Friday, March 25, 2016

KODE WARNA HEX

Written by: Admin
Share Impression SEO, Insurance, Schoolarsip, All Update Updated at: March 25, 2016

Buat Kamu yang ingin membuat Blog warna warni, atau mewarnai blog atau web, pasti memerlukan warna yang beragam, nah disini kita akan membagikan kode warna yang bisa diterapkan daam blog atau web kita ,.. silakan di copy.



KODE WARNA HEX
KODE HEX:#ffffff NAMA WARNA: PUTIH , Kode Hex, Nama Warna: #F0F8FF Aliceblue
Kode Hex, Nama Warna: #FAEBD7 Antiquewhite , Kode Hex, Nama Warna: #00FFFF Aqua
Kode Hex, Nama Warna: #7FFFD4 Aquamarine, Kode Hex, Nama Warna: #F0FFFF Azure
Kode Hex, Nama Warna: #F5F5DC Beige , Kode Hex, Nama Warna: #FFE4C4 Bisque
Kode Hex, Nama Warna: #000000 Black ,  Kode Hex, Nama Warna: #FFEBCD Blanchedalmond
Kode Hex, Nama Warna: #0000FF Blue , Kode Hex, Nama Warna: #8A2BE2 Blueviolet
Kode Hex, Nama Warna: #A52A2A Brown, Kode Hex, Nama Warna: #DEB887 Burlywood

Kode Hex, Nama Warna: #5F9EAD Cadetblue, Kode Hex, Nama Warna: #7FFF00 Chartreuse
Kode Hex, Nama Warna: #D2691E Chocolate, Kode Hex, Nama Warna: #FF7F50 Coral
Kode Hex, Nama Warna: #64950 Cornflowerblue , Kode Hex, Nama Warna: #FFF8DC Cornsilk
Kode Hex, Nama Warna: #DC143C Crimson, Kode Hex, Nama Warna: #00FFFF Cyan
Kode Hex, Nama Warna: #00008B Darkblue, Kode Hex, Nama Warna: #008B8B Darkcyan
Kode Hex, Nama Warna: #B8860B Darkgoldenrod , Kode Hex, Nama Warna: #A9A9A9 Darkgray
Kode Hex, Nama Warna: #006400 Darkgreen,  Kode Hex, Nama Warna: #8B008B Darkmagenta
Kode Hex, Nama Warna: #BDB76B Darkkhaki, Kode Hex, Nama Warna: #556B2F Darkolivegreen
Kode Hex, Nama Warna: #FF8C00 Darkorange,  Kode Hex, Nama Warna: #9932CC Darkorchid
Kode Hex, Nama Warna: #8B0000 Darkred,  Kode Hex, Nama Warna: #E9967A Darksalmon

Kode Hex, Nama Warna: #8FBC8B Darkseagreen, Kode Hex, Nama Warna: #483D8B Darkslateblue
Kode Hex, Nama Warna: #2F4F4F Darkslategray, Kode Hex, Nama Warna: #00CED1 Darkturquoise
Kode Hex, Nama Warna: #9400D3 Darkviolet, Kode Hex, Nama Warna: #FF1493 Deeppink
Kode Hex, Nama Warna: #00BFFF Deepskyblue,  Kode Hex, Nama Warna: #696969 Dimgray
Kode Hex, Nama Warna: #1E90FF Dodgerblue,  Kode Hex, Nama Warna: #B22222 Firebrick
Kode Hex, Nama Warna: #FFFAF0 Floralwhite,  Kode Hex, Nama Warna: #228B22 Forestgreen
Kode Hex, Nama Warna: #FF00FF Fuchsia, Kode Hex, Nama Warna: #DCDCDC Gainsboro
Kode Hex, Nama Warna: #F8F8FF Ghostwhite, Kode Hex, Nama Warna: #FFD700 Gold
Kode Hex, Nama Warna: #DAA520 Goldenrod,  Kode Hex, Nama Warna: #808080 Gray
Kode Hex, Nama Warna: #008000 Green,  Kode Hex, Nama Warna: #ADFF2F Greenyellow

Kode Hex, Nama Warna: #F0FFF0 Honeydew
Kode Hex, Nama Warna: #FF69B4 Hotpink
Kode Hex, Nama Warna: #CD5C5C Indianred
Kode Hex, Nama Warna: #4B0082 Indigo
Kode Hex, Nama Warna: #FFFFF0 Ivory
Kode Hex, Nama Warna: #F0E68C Khaki
Kode Hex, Nama Warna: #E6E6FA Lavender
Kode Hex, Nama Warna: #FFF0F5 Lavenderblush
Kode Hex, Nama Warna: #7CFC00 Lawngreen
Kode Hex, Nama Warna: #FFFACD Lemonchiffon
Kode Hex, Nama Warna: #ADE8E6 Lightblue
Kode Hex, Nama Warna: #F08080 Lightcoral
Kode Hex, Nama Warna: #E0FFFF Lightcyan
Kode Hex, Nama Warna: #FAFAD2 Lightgoldenrodyellow
Kode Hex, Nama Warna: #90EE90 Lightgreen
Kode Hex, Nama Warna: #D3D3D3 Lightgray
Kode Hex, Nama Warna: #FFB6C1 Lightpink

Kode Hex, Nama Warna: #FFA072 Lightsalmon
Kode Hex, Nama Warna: #20B2AA Lightseagreen
Kode Hex, Nama Warna: #87CEFA Lightskyblue
Kode Hex, Nama Warna: #778899 Lightslategray
Kode Hex, Nama Warna: #B0C4DE Lightsteelblue
Kode Hex, Nama Warna: #FFFFE0 Lightyellow
Kode Hex, Nama Warna: #00FF00 Lime
Kode Hex, Nama Warna: #32CD32 Limegreen
Kode Hex, Nama Warna: #FAF0E6 Linen
Kode Hex, Nama Warna: #FF00FF Magenta
Kode Hex, Nama Warna: #800000 Maroon
Kode Hex, Nama Warna: #66CDAA Mediumaquamarine
Kode Hex, Nama Warna: #0000CD Mediumblue
Kode Hex, Nama Warna: #BA55D3 Mediumorchid
Kode Hex, Nama Warna: #9370DB Mediumpurple
Kode Hex, Nama Warna: #3CB371 Mediumseagreen
Kode Hex, Nama Warna: #7B68EE Mediumslateblue
Kode Hex, Nama Warna: #00FA9A Mediumspringgreen
Kode Hex, Nama Warna: #48D1CC Mediumturquoise
Kode Hex, Nama Warna: #C71585 Mediumvioletred
Kode Hex, Nama Warna: #191970 Midnightblue
Kode Hex, Nama Warna: #F5FFFA Mintcream
Kode Hex, Nama Warna: #FFE4E1 Mistyrose
Kode Hex, Nama Warna: #FFE4E1 Moccasin
Kode Hex, Nama Warna: #FFDEAD Navajowhite
Kode Hex, Nama Warna: #000080 Navy
Kode Hex, Nama Warna: #FDF5E6 Oldlace
Kode Hex, Nama Warna: #808000 Olive

Kode Hex, Nama Warna: #6B8E23 Olivedrab
Kode Hex, Nama Warna: #FFA500 Orange
Kode Hex, Nama Warna: #FF1000 Orangered
Kode Hex, Nama Warna: #DA70D6 Orchid
Kode Hex, Nama Warna: #EEE8AA Palegoldenrod
Kode Hex, Nama Warna: #98FB98 Palgreen
Kode Hex, Nama Warna: #AFEEEE Paleturquoise
Kode Hex, Nama Warna: #DB7093 Palevioletred
Kode Hex, Nama Warna: #FFEFD5 Papayawhip
Kode Hex, Nama Warna: #FFDAB9 Peachpuff
Kode Hex, Nama Warna: #CD853F Peru
Kode Hex, Nama Warna: #FFC0CB Pink
Kode Hex, Nama Warna: #DDA0DD Plum
Kode Hex, Nama Warna: #B0E0E6 Powderblue
Kode Hex, Nama Warna: #800080 Purple
Kode Hex, Nama Warna: #FF0000 Red
Kode Hex, Nama Warna: #BC8F8F Rosybrown
Kode Hex, Nama Warna: #4169E1 Royalblue
Kode Hex, Nama Warna: #8B4513 Saddlebrown
Kode Hex, Nama Warna: #FA8072 Salmon
Kode Hex, Nama Warna: #F4A460 Sandybrown
Kode Hex, Nama Warna: #2E8B57 Seagreen
Kode Hex, Nama Warna: #FFF5EE Seashell
Kode Hex, Nama Warna: #A0522D Sienna
Kode Hex, Nama Warna: #C0C0C0 Silver
Kode Hex, Nama Warna: #87CEEB Skyblue
Kode Hex, Nama Warna: #708090 Slategray

Kode Hex, Nama Warna: #FFFAFA Snow
Kode Hex, Nama Warna: #00FF7F Springgreen
Kode Hex, Nama Warna: #4682B4 Steelblue
Kode Hex, Nama Warna: #D2B48C Tan
Kode Hex, Nama Warna: #008080 Teal
Kode Hex, Nama Warna: #D8BFD8 Thistle
Kode Hex, Nama Warna: #FF6347 Tomato
Kode Hex, Nama Warna: #40E0D0 Turquoise
Kode Hex, Nama Warna: #EE82EE Violet
Kode Hex, Nama Warna: #F5DEB3 Wheat
Kode Hex, Nama Warna: #FFFFFF White
Kode Hex, Nama Warna: #F5F5F5 Whitesmoke
Kode Hex, Nama Warna: #FFFF00 Yellow
Kode Hex, Nama Warna: #9ACD32 Yellowgreen

Semoga materi ini bermanfaat bagi semua, dan lanjutan materinya akan dibahas dalam materi selanjutnya, silakan buka label  Tutorial   untuk melihat lainnya,  mengupas tuntas belajar mudah, dan bagi yang ingin ditanyakan silakan berkomentar dibawah atau kotak admin untuk menyempurnakan tulisan.
Diposkan oleh di No comments:
Label: , ,

Thursday, March 24, 2016

Cara memasang Widget Icon Sosial di Blog

Written by: Admin
Share Impression SEO, Insurance, Schoolarsip, All Update Updated at: March 24, 2016

Icon Sosial  menjadi salah satu Widget yang sangat penting dalam blog atau Web. Berdasarkan ungkapan para ahli, fungsi link akun media sosial yang dipasang di blog antara lain "attract new readers and engage with regulars", menarik pembaca baru dan "merawat" pengunjung setia.

Disini kita coba membahasa masalah, bagaimana cara memberikan label icon sosial dalam blog, mungkin ada beberapa teman kita menanyakan masalah yang sama, berikut ini cara  menambah, atau memasang widget icon/link media sosial di sidebar blog yang juga berfungsi menambah follower, liker, dan teman. dan menurut para ahli, akun media sosial, selain berfungsi menyebarkan posting blog, juga bisa menjadi sumber "backlink" atau "outbond link", yakni tautan dari situs lain ke blog kita.

Backlink adalah salah satu yang diperhatikan oleh mesin pencari Google untuk menentukan peringkat blog kita di halaman hasil pencarian (SERP).

Perlu diingat bahwa :
1. Logo / icon harus menambahkan icon / gambar seperti diatas dengan cara ambil logonya dan bisa       kita masukkan ke pos atau laman blog baru untuk mengambil alamat gambar 
    contoh : gambar Youtube seperti diatas kita ambil saja         
    https://www.youtube.com/channel/UCMWjJvY13qWMQOP3ZaH0EDA 
   dari semua yang keluar di HTML pos atau laman ambil saja seperti diatas biasanya tengah.  
    dan langsung di copy ke dalam link yang saya buat di bawah ini;
2. untu alamat url-nya diambil punya url sendiri yang telah dibuat sesuai kebutuhan. jika belum
   dibuat lihat cara membuatnya. dalam blog ini. atau bisa tanyakan di komentar dibawah, 
    ataupun kontak admin

untuk menghemat waktu bisa juga kita paste yang saya berikan dibawah ini:

langkah-langkah membuat Icon Sosial Sebagai berikut:
Cara Memasang Widget Ikon Media Sosial :

1. Login ke Blogger.
2. Klik "Template"  
3. Klik  "Edit HTML"
    Temukan ]]></b:skin> atau bisa juga (Ctrl+F) dan cari ]]></b:skin> 
    selanjutnya silakan Copy paste ling dibawah ini di atasnya

#top-social-profiles{height:42px;text-align:right}#top-social-profiles img{margin:0 6px 0 0px !important}
#top-social-profiles img:hover{opacity:0.8}
#top-social-profiles .widget-container{background:none;padding:0;border:0}
.social-profiles-widget img{margin:0 6px 0 0}
.social-profiles-widget img:hover{opacity:0.8}


4. kemudian Save Template!


                             Baca Juga : Berita , Blogger

    langkah selanjutnya kita ke tampilan layout blog,
5. Klik "Layout" dan klik salah satu  "Add a Gadget" dimana kita ingin menambahkan icon sosial
     kemudian klik  "HTML/JavaScript" yang ada dalam kotak Gadge tadi yang dibuka.

6. silakan kopy paste kode  berikut ini di kolom "content". untuk judulnya biarkan kosong, (y)

"<div id='center-social-profiles'>
<ul class='widget-container'>
<li class='social-profiles-widget'>

<a href='https://twitter.com/mukhzi/' target='_blank'><img alt='Twitter' src='https://lh6.googleusercontent.com/-40NMu9YKlek/VJ66NcYZy3I/AAAAAAAAI5Y/9Yn9ZtLQb18/s32-no/twitter.png' title='Twitter'/></a>
<a href='https://www.facebook.com/getakai.co.id/' target='_blank'><img alt='Facebook' src='https://lh6.googleusercontent.com/-DDBzF64PrRQ/VJ66Llwc7uI/AAAAAAAAI44/9cZaAsCSBOM/s32-no/facebook.png' title='Facebook'/></a>
<a href='https://plus.google.com/111060712782439145108/' target='_blank'><img alt='Google Plus' src='https://lh4.googleusercontent.com/-87tOc499YgM/VJ66MM6smeI/AAAAAAAAI48/CpqKtTJyhSs/s32-no/google.png' title='Google Plus'/></a>
<a href='https://id.linkedin.com/in/mukhzi-ibr-a74665102/' target='_blank'><img alt='LinkedIn' src='https://lh6.googleusercontent.com/-wsMOZqtgZsI/VJ_Wi7YStbI/AAAAAAAAI9Y/xWVrEivmlZY/s32-no/linkedin.png' title='LinkedIn'/></a>
<a href='http://www.pinterest.com/mukhzi/' target='_blank'><img alt='Pinterest' src='https://lh5.googleusercontent.com/-rQI0ZCqxvX0/VJ_WjcQ9QII/AAAAAAAAI9g/0XajOPBuXKI/s32-no/pinterest.png' title='Pinterest'/></a>
<a href='http://feeds.feedburner.com/Getakai/' target='_blank'><img alt='Rss' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgitLyc7-ccPjrZlA6y4pQbJL-U-TNomKSDOC5Aw3eZPllXdoXRafraVLHAIneE7_uke5zsAzml1wNKRyc3qdM5N6howQWVYnc06plypuRWBm7lx0EIGqs9Iq7xtNiHLmNIBTmwiNDYXWiM/s32/feed+rss.png' title='Feed Rss'/></a>
<a href='https://www.youtube.com/channel/UCMWjJvY13qWMQOP3ZaH0EDA' target='_blank'><img alt='youtube' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv8y7gqi0KRxg0710XPktAMay01WXArX_zK_vwZl9AYSepqPuPn7O3pjVDD5RYz-NWRLVUnftddK1zB81qbN72QEIpNenGaROAsvbZIISIU8AGaYL4w2WW89Ix_u_OaWyKIYWIFOEF_oiu/s60/youtube.png' title='youtube'/></a>

</li>
</ul>
</div>"

PENTING,....
Silakan ganti link yang berwarna hijau dengan link media sosial yang anda buat tadi,..

7. Klik save , dan silakan diklik icon sosial yang dibuat tadi, (apakah, atau maukah, atau apapun itu,..     bisa tampil atau tidak)

 jika Icon tadi pada saat diklik tidak mau keluar maka kesalahan ada pada link yang warna hijau, dan
 jika icon atau gambar tadi tidak muncul, yang pasti (src) gambarnya salah silakan diganti atau pakai saja yang saya buat diatas cuma ganti link saja kok, kok, ayam.

Semoga materi ini bermanfaat bagi semua, dan lanjutan materinya akan dibahas dalam materi selanjutnya, silakan buka label  Tutorial   untuk melihat lainnya,  mengupas tuntas belajar mudah, dan bagi yang ingin ditanyakan silakan berkomentar dibawah atau kotak admin untuk menyempurnakan tulisan.


Diposkan oleh di No comments:
Label: , ,

Monday, March 14, 2016

Cara Menyusun Paragraf pada Ms.Word

Written by: Admin
Share Impression SEO, Insurance, Schoolarsip, All Update Updated at: March 14, 2016
Cara Menyusun Paragraf pada Ms.Word

BELAJAR 3 : Mengenal Paragraf (Sub Menu Paragraf << Home << Paragraf )

Materi ini adalah lanjutan dari materi sebelumnya tentang font dan ini materi yang dipandu dengan video dan sudah saya masukkan ke dalam youtube, bagi ingin menonton atau mendownloud silakan kunjungi untuk menjadi materi belajar anda sendiri atau untuk teman anda. Materi ini saya buat untuk kegiatan les/ private komputer di lingkungan saya, dan saya menggunakan petunjuk belajar materi singkat langsung praktek, walaupun acak-acakan harus dipandu dengan video sehingga jelas, dalam video tidak ada suara saya hanya musik saja dan tetap saya arahkan dengan kursor setiap permasalahan, mungkin akan saya buat video atau materi lengkap nanti Insya Allah pada kesempatan lainnya, ini hanya sebagai bahan coret-coretan pada saat saya mengajar.
Silakan memcoba dan semoga berhasil,….



Langkah Pertama :
1.       Kita bisa dengan menyusun paragraf pada saat telah ada data atau belum punya data (atau kita menyusun paragraf dulu)
2.       Langkah-langkahnya untuk yang belum punya data
-          Bisa kita pindahkan margin
Contoh  :
Contoh rata kiri (CTRL+L)
Gagawjbjhajashsgfywguwhhjbjusgujbbjjbdgdyfguewgwu jbufuegfuegf gfugufgu akq9ueubj jgyidodhhd juhwwhbcjajajcbja
GdhdhdhdhdhhdhdhhdhhdhdhhdhhhdDhdhdhdhdhdhhd Tandai Tulisan jika ingin semua bisa kita CTRL + A jika ingin beberapa kita bisa tandai dengan letakkkan kursor pada awal kalimat dan tekan tanda padak kekiri di keyboard

Contoh rata Kanan (CTRL+R)
Gagawjbjhajashsgfywguwhhjbjusgujbbjjbdgdyfguewgwu jbufuegfuegf gfugufgu akq9ueubj jgyidodhhd juhwwhbcjajajcbja
GdhdhdhdhdhhdhdhhdhhdhdhhdhhhdDhdhdhdhdhdhhd Tandai Tulisan jika ingin semua bisa kita CTRL + A jika ingin beberapa kita bisa tandai dengan letakkkan kursor pada awal kalimat dan tekan tanda padak kekiri di keyboard
Contoh rata Tengah (CTRL+E)
Gagawjbjhajashsgfywguwhhjbjusgujbbjjbdgdyfguewgwu jbufuegfuegf gfugufgu akq9ueubj jgyidodhhd juhwwhbcjajajcbja
GdhdhdhdhdhhdhdhhdhhdhdhhdhhhdDhdhdhdhdhdhhd Tandai Tulisan jika ingin semua bisa kita CTRL + A jika ingin beberapa kita bisa tandai dengan letakkkan kursor pada awal kalimat dan tekan tanda padak kekiri di keyboard



Contoh rata kiri kanan /Justify (CTRL+J)
Gagawjbjhajashsgfywguwhhjbjusgujbbjjbdgdyfguewgwu jbufuegfuegf gfugufgu akq9ueubj jgyidodhhd juhwwhbcjajajcbja
GdhdhdhdhdhhdhdhhdhhdhdhhdhhhdDhdhdhdhdhdhhd Tandai Tulisan jika ingin semua bisa kita CTRL + A jika ingin beberapa kita bisa tandai dengan letakkkan kursor pada awal kalimat dan tekan tanda padak kekiri di keyboard

3.       Coba lihat jarak antara satu paragraf atau kalimat tidak menentu dan pasti kita ingin membuat tulisan rapi  dengan contoh satu, dua atau lebih alinea

Caranya :
Tandai Tulisan jika ingin semua bisa kita CTRL + A jika ingin beberapa kita bisa tandai dengan letakkkan kursor pada awal kalimat dan tekan tanda padak kekiri di keyboard
4.       Lihat saja arah saya jalankan tadi
5.       Dan jika ingin kita rapikan tulisan
6.       Langkahnya juga perlu kita tandai tulisan contoh kita ambil  sebagai contoh diatas
Untuk warna :
Kita ambil di font yang materi lalu dengan singkat bisa kita klik A di papan Font syaratnya kita tandai dulu
 Contoh :
Gagawjbjhajashsgfywguwhhjbjusgujbbjjbdgdyfguewgwu jbufuegfuegf gfugufgu akq9ueubj jgyidodhhd juhwwhbcjajajcbja dll.
Untuk bulled dan numbering klik
  





       

Sekian untuk menyempurnakan tulisan silakan komen dibawah atau silakan kunjungi http://getakai.blogspot.co.id/contac admin  dan tanyakan atau shering, atau kunjungi facebook/getakai.co.id

Bagi yang sudah mahir atau bisa menggunakan word pasti sudah terarah, dan ini hanya sebagai bahan coret-coretan saya pada saat saya mengajar les/ private paket office, sehingga saya tampilkan dalam blog, mungkin siapa tau ada yang berkenan.

Terima kasih atas kunjungannya, semoga bermanfaat. Salam belajar mudah buat semua……



Diposkan oleh di No comments:
Label:
Subscribe to: Posts (Atom)

Recent Comments

Komentar Terbaru .