RESKY NOVALIA ~ BLC TELKOM

Archive for September 2016

Tuesday 27 September 2016

Trik Anti Copy Paste pada Artikel Blog

Assalamualaikum wr. wb
Hari ini saya ingin memposting tentang bagaimana mengunci artikel blog kita agar tidak dapat dicopy oleh orang lain

A. Pengertian
Blog

Blog adalah bentuk Aplikasi Web. Pada dasarnya merupakan bagian dari situs website yang dapat diakses secara online yang memiliki fungsi utama memuat tulisan-tulisan dan gambar (dimuat dalam posting) pada setiap halaman web. Blog biasanya dikelola oleh pengguna tunggal (sebagian lainnya oleh beberapa penulis) dibuat sesuai dengan topik dan tujuan dari si pengguna blog tersebut.

B. Latar Belakang

Media Blog pertama kali dipopulerkan oleh blogger.com, dimiliki oleh perusahaan Pyra Labs yang disebarluaskan pada Agustus 1999. Karena kepopuleran tersebut, Pyra Labs akhirnya diakuisisi oleh Google pada akhir tahun 2002. Semenjak itu, banyak terdapat aplikasi-aplikasi yang bersifat Open Source yang diperuntukkan kepada perkembangan para penulis blog tersebut.

C. Manfaat & Tujuan
- sebagai media publikasi untuk menyalurkan ide atau catatan harian melalui tulisan-tulisan yang di muat dalam posting
- Agar orang lain tidak dapat meniru artikel kita

D. Alat & Bahan
- perangkat komputer
- akun blog
- koneksi internet

E. Tahap Pelaksanaan
1. Buka blogger dan login ke akun anda

2. Setelah itu klik Template lalu Edit HTML

3. Cari kode </head> dan letakkan kode berikut ini dibawah kode </head>

4. Lalu Simpan Template

F. Referensi
http://strukturkode.blogspot.co.id/2014/12/cara-agar-artikel-blog-tidak-bisa-di-copy-paste.html

Monday 26 September 2016

Apa itu Meta Tag

in RPL on 20:14 No Comments

Assalamualaikum wr. wb

Hari ini saya memposting tentang meta tag

A. Pengertian

META tag adalah kunci untuk mendapatkan peringkat halaman web blogspot yang baik di hasil mesin pencari atau search engine. Untuk memahami deskripsi meta tag untuk blogspot dan website dengan jelas, Anda perlu terlebih dahulu memahami bagaimana cara kerja mesin pencari. Mengapa meta tag sangat penting untuk search engine? Mari kita bahas sama-sama fungsi meta tag di bawah

Meta tag ditulis di antara <HEAD> dan </ HEAD> dalam dokumen html. Fungsi Meta tag dalam sebuah dokumen html memberikan informasi tentang berbagai aspek dari halaman web atau blogspot, baik dari nama penulis bahasa yang digunakan, judul dan kata kunci dari halaman web. di masa lalu Mesin pencari internet, meta tag digunakan untuk rating halaman web. Namun, penggunaan meta tag oleh webmaster situs dewasa ‘, menyebabkan mesin pencari utama seperti mesin pencari Google , Yahoo, MSN, dll untuk menghapus meta tag dari kriteria prioritas mereka. Webmaster situs-situs dewasa menggunakan meta tag untuk memasukkan kata kunci yang tidak relevan di situs Web mereka, untuk tujuan mengarahkan lalu lintas ke situs Web mereka. Namun, meta tag tertentu dapat membantu robot mesin pencari dalam mengindeks halaman web Anda. Robot mesin adalah program kecil yang menelusuri halaman Web dan mengumpulkan data yang relevan dari halaman web dan membantu mesin pencari melakukan peringkat.

Jenis - Jenis Meta Tag

Meta Author (Penulis)

Meta author biasanya tersimpan nama penulis halaman web. Email Id penulis juga dapat dimasukkan ke dalam meta tag ini. Namun, meta tag ini tidak didukung oleh mesin pencari utama seperti Google, Yahoo atau MSN.

Sintaks: <METANAME=”nama author”CONTENT=”nama, id email”>

Meta Content Language (Konten Bahasa)

Bahasa yang digunakan pada halaman Web, dapat dimasukkan dalam meta content language. Beberapa robot mesin pencari menggunakannya untuk mengkategorikan halaman web dengan bahasa yang digunakan.

Syntax: <META HTTP-EQUIV=”Content-Language” CONTENT=”language”>

Meta Content Type (Jenis konten)

Ini adalah salah satu meta tag yang paling penting. Dianjurkan untuk menggunakannya untuk semua halaman web. Penggunaan meta inilah menyebabkan set karakter yang sesuai ditetapkan untuk dimuat, sebelum halaman web dimuat.

Sintaks: <meta http-equiv=”Content-Type” content=”content type, teks atau html”>

Meta Description (Gambaran umum)

Ini adalah satu meta tag blogspot yang penting. Memberikan Penjelasan atau gambaran umum tentang isi dari halaman web. Jumlah karakter yang disarankan tidak lebih dari 160 karakter dan Ini adalah bagian yang umumnya dicari oleh robot mesin pencari, untuk mengetahui kalimat yang dicari ada dalam halaman web

Syntax: <META NAME=”description” CONTENT=”ketikkan deskripsi disini”>

Meta Keywords (kata kunci)

Bersama kata-kata dan frase dalam konten dan deskripsi, meta keyword juga sering digunakan oleh mesin pencari, untuk mengurutkan halaman web ke dalam hasil mesin pencari mereka. Oleh karena itu, memberikan meta keyword ke halaman web terbukti sangat mengntungkan.

Sintaks: <META name=”keywords” CONTENT=”ketikkan kata kunci dipisahkan dengan tanda koma”>

Meta Title (Judul)

Meta Title ini berisi judul sama seperti judul pada tag HTML. Anda dapat menggunakannya pada halaman web Anda juga.

Sintaks: <META NAME=”Title” CONTENT=”Page Judul Here”>

Meta Google

Meta Google khusus digunakan oleh mesin pencari Google. Tag ini digunakan di halaman web untuk menghentikan Google untuk menampilkan kutipan atau konten cache. Ada fitur lain juga, bahwa Anda dapat menentukan penggunaan meta tag Google. Sebagai contoh, jika anda tidak ingin Google melakukan peringkat atau mempopulerkan link dari halaman web anda.

Meta Robot

Tujuan dari penggunaan meta robot ialah untuk menentukan halaman web yang mana saja boleh atau tidak di-index oleh spider dan halaman web. Tag ini sangat penting sekali terutama jika sesuatu website menggunakan frame untuk navigasinya. Sudah tentu anda tidak ingin menampilkan menu-menu dalam frame untuk dibaca oleh search engine.

Format dasar dari meta robot adalah sebagai berikut :

<meta name=”robots” content=”index | noindex | follow | nofollow”>

Misalnya, jika Anda menghendaki agar spider membaca halaman utama, dan menelusuri semua tautan yang ada maka tambahkan perintah berikut ini :

<meta name=”robots” content=”index follow”>

Dengan perintah ini spider akan meng-index halaman utama Anda dan menjadwalkan untuk mengindex halaman-halaman lain yang bisa dicari melalui hyperlink (<a href=””>).
Perintah berikut ini akan menginstruksikan agar spider tidak melakukan index maupun penelusuran tautan yang ada pada suatu halaman web.

<meta name=”robots” content=”noindex nofollow”>

http://www.johanes.my.id/apa-itu-meta-tag-penjelasan-panduan-meta-tag-lengkap/

Semoga bermanfaat tentang meta tag

Wassalamualaikum wr. wb.

Sunday 25 September 2016

Cara Membuat Tab Menu Horizontal Sederhana

in RPL on 19:32 No Comments

Assalamualaikum wr. wb..

Postingan saya ini mungkin sedikit mirip dengan postingan sebelumnya karena sama-sama mengenai tab menu, bedanya yg kemarin tentang tab menu vertical, sekarang tab menu horizontal.

A. Pengertian CSS

CSS adalah singkatan dari Cascading Style Sheets. Berisi rangkaian instruksi yang menentukan bagiamana suatu text akan tertampil di halaman web. Perancangan desain text dapat dilakukan dengan mendefinisikan fonts (huruf) , colors (warna), margins (ukuran), latar belakang (background), ukuran font (font sizes) dan lain-lain. Elemen-elemen seperti colors (warna) , fonts (huruf), sizes (ukuran) dan spacing (jarak) disebut juga “styles”. Cascading Style Sheets juga bisa berarti meletakkan styles yang berbeda pada layers (lapisan) yang berbeda. CSS terdiri dari style sheet yang memberitahukan browser bagaimana suatu dokumen akan disajikan. Fitur-fitur baru pada halaman web lama dapat ditambahkan dengan bantuan style sheet. Saat menggunakan CSS, Anda tidak perlu menulis font, color atau size pada setiap paragraf, atau pada setiap dokumen. Setelah Anda membuat sebuah style sheet, Anda dapat menyimpan kode tersebut sekali saja dan dapat kembali menggunakannya bila diperlukan.

B. Latar Belakang

CSS pertama kali bermula sejak munculnya SGML pada tahun 1970an. Sejak kemunculannya tersebut, CSS mengalami perkembangan yang sangat pesat. Format dasar CSS yang banyak kita gunakan sekarang ini merupakan ide dari seoang programmer bernama Hakon Wium Lie yang tertuang dalam proposalnya mengenai Cascading HTML Style Sheet (CHSS) pada bulan Oktober 1994 (dalam konferensi W3C di Chicago, Illinois). Kemudian, beliau bersama-sama dengan seorang temannya yang bernama Bert Bos mengembangkan suatu standard CSS.

C. Manfaat & Tujuan

-css adalah merancang, merubah, mendisain, membentuk halaman wesite(blog juga website)
-dapat merubah tag-tag html(yang sederhana) sehingga menjadi lebih fungsional dan menarik

D. Alat & Bahan

- Laptop
- Aplikasi Text Editor

E. Tahap Pelaksanaan

1. Pertama buka aplikasi Text Editornya

2. Setelah itu buat script CSS nya terlebih dahulu, masih sama seperti postingan sebelumnya, kita membuat tab menu horizontal dengan menggunakan UL (Unordered LIst)

3. Lalu buat konten menunya berada di sebelah kiri

4. Kemudian buat tampilan link yang ada pada menu horizontal yang akan dibuat

5. Buat tampilan hover pada list menu horizontal

6. Terakhir buat script html nya untuk mengisi konten-konten untuk menu horizontal tersebut

F. Referensi

https://cahyonex.wordpress.com/2013/11/19/sejarah-dan-perkembangan-css/ http://www.w3schools.com/css/css_navbar.asp

G. Hasil & Kesimpulan
Setelah menyimak script-scrip diatas, kita tahu bahwa, script css dapat memodifikasi tampilan suatu web agar lebih menarik, contohnya tab menu diatas yang dapat di hover oleh pointer

Sekian tutorial dari saya, semoga bermanfaat buat semuanya. Terima kasih juga telah berkunjung & membaca artikel-artikel saya di blog ini..
Wassalamualaikum wr. wb.

Cara Membuat Tab Menu Vertical Sederhana

in RPL on 19:07 No Comments

Assalamualaikum wr. wb..

Kali ini saya akan memposting cara membuat tab menu vertical pada web, menggunakan css.

A. Pengertian CSS

B. Latar Belakang

C. Manfaat & Tujuan

-css adalah merancang, merubah, mendisain, membentuk halaman wesite(blog juga website)

-dapat merubah tag-tag html(yang sederhana) sehingga menjadi lebih fungsional dan menarik.n

D. Alat & Bahan

- Laptop

- Aplikasi Text Editor

E. Tahap Pelaksanaan

1. Pertama buka text editor, aplikasi yang saya pakai adalah Sublime Text

2. Setelah itu buat script CSS nya terlebih dahulu, sebenarnya bisa juga jika script html nya terlebih dahulu. Kita buat untuk UL (Unordered List) nya karena kita membuat tab menu tersebut ,menggunakan list.

3. Kemudian buat lagi script list nya seperti dibawah ini

4. Untuk tampilan hover agar lebih menarik, kita bisa buat script dibawah ini

5. Terakhir buat script html untuk mengisi konten pada menu tersebut dengan script dibawah ini

6. Ini adalah hasil akhir dari script-script diatas.

F. Referensi

https://cahyonex.wordpress.com/2013/11/19/sejarah-dan-perkembangan-css/

http://www.w3schools.com/css/css_navbar.asp

G. Hasil & Kesimpulan

Setelah menyimak script-scrip diatas, kita tahu bahwa, script css dapat memodifikasi tampilan suatu web agar lebih menarik, contohnya tab menu diatas yang dapat di hover oleh pointer

Sekian tutorial dari saya, semoga bermanfaat buat semuanya. Terima kasih juga telah berkunjung & membaca artikel-artikel saya di blog ini..

Wassalamualaikum wr. wb.

Friday 23 September 2016

Mikrotik Terhubung ke Internet

on 20:48 No Comments

MikroTik untuk dapat terhubung ke Internet perlu mengatur interface yang terhubung ke publik/Internet dan metodenya bermacam-macam diantaranya:

1. Manual Configuration

2. DHCP Client

3. Dial Up PPPoE

* Manual Configuration:

Jika menggunakan “Manual Configuration” ada beberapa tahap yang harus kita kon-

figurasi diantaranya: IP Address, Default Gateway, DNS.

# Petama setting Ip address secara manual pada ether1 yang menuju ke internet, Ip ini harus 1 range dengan ip internet yang sudah di dapatkan sebelumnya

# Setelah itu setting Ip Route, ini adalah bagian yang sangat penting karena disini adalah tempat setting IP Gateway, caranya cukup mudah dengan cara memasukan IP Address tujuan mikrotik agar bisa mengakses internet ke menu Route dan isi pada kolom “Gateway”

# DNS Server digunakan untuk resolving nama domain, contoh: google.com, detik.com, dsb.

Jika mikrotik melakukan cek koneksi “ping” ke IP Address bisa tetapi ke nama domain

misal Google.com tidak bisa reply kemungkinan DNS Servernya belum di Konfigurasi atau

DNS Server sedang bermasalah.

DNS Telkom Indonesia = (202.134.1.10) & (202.134.0.155)

DNS Nawala = (180.131.144.144) & (180.131.145.145)

DNS Google = (8.8.8.8) & (8.8.4.4)

# Langkah terakhir cek apakah mikrotik sudah terhubung ke internet, caranya :

Ping “google.com” pada terminal mikrotik.

* DHCP Client:

Jika menggunakan “DHCP Client” cukup konfigurasi DHCP Client pada MikroTik,

dengan syarat harus ada service DHCP-Server.

# Pertama buat DHCP Client agar Mikrotik secara otomatis mendapatkan IP dan DNS serta NTP apabila beri tanda “checklist” pada kotak pilihan tersebut, Untuk Interface pilih “ether1” kemudian “Apply”, secara otomatis Mikrotik akan langsung terhubung pada Internet dengan syarat sudah ada service DHCP Server yang sudah terhubung ke Internet sebelumnya

Terdapat beberapa parameter yang bisa disesuaikan dengan kebutuhan jaringan;

Interface : Pilihlah interface yang sesuai yang terkoneksi ke DHCP Server
Use-Peer-DNS : Bila kita hendak menggunakan DNS server sesuai dengan informasi DHCP
Use-Peer-NTP : Bila kita hendak menggunakan informasi pengaturan waktu di router (NTP) sesuai dengan informasi dari DHCP
Add-Default-Route : Bila kita menginginkan default route kita mengarah sesuai dengan informasi DHCP
Default-Route-Distance : Menentukan nilai Distance pada rule routing yang dibuat secara otomatis. Akan aktif jika add-default-route=yes

# Langkah terakhir lakukan pengecekan apakah Mikrotik sudah terhubung ke Internet atau belum, dengan cara Ping “google.com”

* Dial-Up PPPoE:

Jika menggunakan “Dial-Up PPPoE” kita cukup konfigurasi PPPoE-Client untuk men-

Dial-Up PPPoE Server, pada cara ini kita diminta User dan Password untuk bisa me-

ngakses PPPoE Server.

# Pertama buat PPPoE Client pada Interface

# Pilihlah Interface yang sesuai yang terkoneksi ke PPPoE Server, masukan User & Password sesuai dengan yang telah anda dapatkan sebelumnya, dan berikan tanda “checklist” Use Peer DNS agar DNS kita tersetting secara otomatis dan pastikan tanda status bagian kanan bawah "connected"

# Selanjutnya langkah terakhir yaitu pengecekan, dengan cara Ping “google.com”

Tuesday 6 September 2016

Tutorial Instalasi Wordpress pada Linux Mint

in RPL on 20:41 No Comments

Assalamualaikum wr. wbSekarang saya ingin sharing tentang tutorial menginstal wordpress di linux mint.

A. Pengertian

WordPress adalah sebuah aplikasi sumber terbuka (open source) yang sangat populer digunakan sebagai mesin blog (blog engine). WordPress dibangun dengan bahasa pemrograman PHP dan basis data (database) MySQL. PHP dan MySQL, keduanya merupakan perangkat lunak sumber terbuka (open source software). Selain sebagai blog, WordPress juga mulai digunakan sebagai sebuah CMS (Content Management System) karena kemampuannya untuk dimodifikasi dan disesuaikan dengan kebutuhan penggunanya. WordPress adalah penerus resmi dari b2/cafelog yang dikembangkan oleh Michel Valdrighi. Nama WordPress diusulkan oleh Christine Selleck, teman Matt Mullenweg. WordPress saat ini menjadi platform content management system (CMS) bagi beberapa situs web ternama seperti CNN, Reuters, The New York Times, TechCrunch, dan lainnya .
Rilis terbaru WordPress adalah versi 4.1.1 (18 Februari 2015). WordPress didistribusikan dengan Lisensi Publik Umum GNU.

B. Latar Belakang

WordPress muncul pertama kali di tahun 2003 atau setelah blogger.com di populerkan,wordpress ini merupakan hasil kerja keras Matt Mullenweg dengan Mike Little. Yang membuat WordPress makin terkenal sehingga menjadi pesaing blogger.com,
wordpress menyediakan dua alamat yang berbeda, yaitu WordPress.com dan WordPress.org sama seperti halnya blogger, blogger juga ada dua alamat blogger.com dan blogspot.com.

C. Manfaat & Tujuan
1. Wordpress bisa digunakan oleh orang awam dan para developer
2. WordPress bisa diinstall ke dalam server kita sendiri
3. WordPress juga menyediakan server gratis apabila kita tidak punya server sendiri.

D. Alat & Bahan
1. Pc/Laptop
2. Pc/Laptop telah diinstal LAMPP
3. File Wordpress.zip

E. Tahap Pelaksanaan

1. download file wordpress.zip terlebih dahulu, jika sudah didownload copy file tersebut ke file system tepatnya di direktori html, /var/www/html.
2. Setelah itu buka terminal, kemudian buka direktori html.

kemudian #ls untuk melihat isi direktori html apakah sudah ada file wordpress.zip nya.

3. Setelah itu ekstrak file wordpress.zip pada terminal

kemudian ketik #ls lagi untuk melihat apakah file wordpressnya telah di ekstrak

4. Lalu beri hak ownership/kepemilikan dengan perintah chown -R www-data:www-data (nama folder)

5. beri hak akses

6. Buka tab baru lalu ketik "localhost/phpmyadmin" kemudian buat database baru dengan nama wordpress lalu Create.

7. Lalu buka tab baru dan ketikkan "localhost/wordpress", maka tampilan instalasi wordpress akan muncul seperti berikut.

kita pilih bahasa English saja lalu Enter/Continue

8. Setelah kita klik continue akan muncul tampilan syarat database seperti berikut lalu klik Let's go untuk melanjutkan.

9. Informasi koneksi database

10. Setelah informasi koneksi database di atas telah diisi, klik submit. Tampilan jalankan instalasi akan muncul seperti berikut. Lalu klik Run the Install

11. Tampilan ini akan muncul kemudian isi kolom-kolom yang ada dengan informasi yang sesuai lalu pilih Install Wordpress.

12. Instalasi Wordpress berhasil, kemudian kita login ke wordpress.

13. Tampilan dashboard wordpress sudah muncul

Jika sudah seperti ini kalian bisa mengoptimalkan wordpress dengan mengganti template/tema, menambahkan plugin dan masih banyak lagi fitur-fitur yang ada di wordress. Selamat Mencoba :)

F. Waktu Pelaksanaan

Sekitar 30 menit s/d 1 jam

G. Referensi
https://en.wikipedia.org/wiki/WordPress
http://www.centerklik.com/wordpress-sejarah-lengkap-wordprss/

H. Hasil & Kesimpulan
Dalam menginstal CMS WordPress kita bisa menyimpulkan bahwa kita dapat mengoptimalkan wordpress dengan mengganti bahkan mengubah/mengedit isi dari wordpress tersebut, tidak lupa juga kita dapa memahami konsep yang terdapat dalam wordpress dan fungsinya.

Sekian dari saya. Semoga bermanfaat bagi kita semua. Terima kasih juga telah berkunjung ke blog saya dan membaca artikel saya ini ^^
Wassalamualaikum wr. wb

Monday 5 September 2016

Tutorial Instalasi CMS Prestashop pada Linux Mint

in RPL on 02:11 No Comments

Asssalamualaikum wr.wb

Hari ini saya masih mau sharing mengenai instalasi CMS, yaitu CMS Prestashop.

Sebelum berlanjut kita harus tahu dulu apa itu CMS Prestashop.

A. Pengertian

Prestashop adalah CMS (Content Manaajemen System) yang di rancang khusus untuk membuat Web Toko Online.

B. Latar Belakang

Prestashop adalah salah satu open source ecommerce yang populer digunakan untuk membuat toko online. PrestaShop memiliki salah satu komunitas terbesar di dunia khusus didedikasikan untuk open source ecommerce dengan lebih dari 700.000 anggota.

C. Manfaat & Tujuan

1. Memudahkan pengguna untuk membeli barang tanpa bertemu secara langsung

2. Memahami konsep penggunaan Prestashop agar isinya dapat dioptimalkan

D. Alat & Bahan

1. Pc/Laptop

2. Pc/Laptop yang telah diinstal LAMPP

3. file Prestashop yang berformat .zip

E. Tahap Pelaksanaan

1. Download terlebih dahulu file Prestashop yang berformat .zip disini

2. Jika sudah didownload, copy file Prestashop.zip nya di file system tepatnya di /var/www/html

3. Buka terminal, jangan lupa di update terlebih dahulu