Tuesday, February 28, 2017

Pintar Cyber - Selamat malam sobat Pintar Cyber . Form Contact Us memang sangatlah dibutuhkan untuk sebuah blogger . Dikarenakan jika pengunjung kita suka akan blog kita dan ingin membuat permintaan artikel kepada kita namun bingung ingin menyampaikannya kepada siapa .

Contact Us juga menjadi syarat utama kelengkapan untuk mendaftarkan blog kita di adsense. Jika di blog kita ada contact form Google Adsense akan menganggap blog kita bukanlah blog yang sembarangan, tetapi blog yang lebih professional.

Cara Membuat Halaman Contact Us di Halaman Statis untuk Blogspot
Halaman Contact Us - Pintar Cyber

Keuntungan menggunakan form Contact Us di Blog :

  1. Pengunjung dapat menyampaikan pertanyaan dengan topik dari salah satu artikel di blog anda dan jika anda dapat menjawab pertanyaan tersebut maka pengunjung akan merasa senang karena pertanyaannya dijawab dan mungkin pengunjung tersebut akan sering mengunjungi blog Anda.
  2. Pengunjung juga dapat memberi kritik dan saran dimana secara tidak lansung akan membuat Anda mengembangkan blog agar dapat lebih baik lagi demi kenyamanan pengunjung.
  3. Seperti yang sudah saya sampaikan diatas, layanan contact person ini juga salah satu yang harus blog Anda miliki jika ingin di setujui oleh Google AdSense.
Walaupun Menguntungkan, hal ini pun juga menimbulkan sedikit kerugian. Yaitu jika ada seseorang yang iri dengan kita, mereka bisa menggunakan form itu untuk mengirimkan spam kepada kita. Namu jangan kuatir, mungkin hanya beberapa orang yang akan melakukan hal itu.

Cara membuat layanan Contact Us ada banyak macam. Bisa dibuat sendiri jika menguasai script HTML, atau juga menggunakan layanan gratis di internet ataupun menggunakan widget gratis dari blogspot.

Ada berbagai cara untuk membuat contact form ini. Seperti yang saya gunakan, saya sendiri menggunakan widget dari 123ContactForm . Selain mudah digunakan, widget ini juga tidak memerlukan kemampuan pemrogaman karena kita hanya tinggal mengcopy kode yang sudah kita buat dan memasangnya di halaman statis .

Baik, Berikut inilah Langkah - langkah membuat Halaman Contact Us di Blogspot :


  1. Buka Halaman 123ContactForm
  2. Klik "SIGN UP FOR FREE"
    Cara Membuat Halaman Contact Us di Halaman Statis untuk Blogspot
  3. Pilih Tulisan "Basic" dan klik "Sign Up"
    Cara Membuat Halaman Contact Us di Halaman Statis untuk Blogspot
  4. Isi data - data yang diperlukan
    Cara Membuat Halaman Contact Us di Halaman Statis untuk Blogspot
  5. Klik "Create a New Form" dan pilih "Contact Form"
    Cara Membuat Halaman Contact Us di Halaman Statis untuk Blogspot

  6. Pilih isi Form sesuai keinginan kalian, kalian bisa mengeditnya sekreatif mungkin
  7. Kalian akan dialihkan ke halaman Form Link, disitu kalian harus klik blogger karena tema kita sekarang adalah memasang widget itu ke blogger. 
    Cara Membuat Halaman Contact Us di Halaman Statis untuk Blogspot
  8. Copy kode tadi lalu pergi ke dashboard blogger, lalu klik laman. Klik tambah laman dan ubah ke mode html. 
    Cara Membuat Halaman Contact Us di Halaman Statis untuk Blogspot
  9. Pastekan kode yang sudah kalian copy tadi kedalam text-area yang ada disana. Lalu Save dan Lihat Hasilnya.

Kalian juga bisa menggunakan captcha untuk mengurangi niat buruk orang yang syirik kepada kita untuk melakukan spam.

Bagaimana ? cukup mudah kan untuk membuat Contact Form di blogger 😄. Semoga dengan dipublikasikannya artikel ini dapat lebih membantu kalian untuk membuat Halaman Contact Us di Blogger.

Mungkin sekian saja artikel saya Kali ini, jangan lupa share & bookmark blog ini untuk selalu mengikuti artikel - artikel terbaru dari kami.

Sunday, February 26, 2017

Nokia 3310 Keluaran Terbaru Resmi Dirilis
Nokia 3310 Keluaran Terbaru Resmi Dirilis

BARCELONA, PINTAR-CYBER.COM - HMD Global, pemilik lisensi handset Nokia, resmi merilis ponsel legendaris Nokia 3310.

Pengumuman Peluncuran Nokia 3310 versi baru tersebut langsung disambut dengan tepuk tangan meriah oleh pengunjung dan jurnalis yang menghadiri acara peluncuran tersebut. Hal itu disampaikan oleh Jurnalis Kompas.com, Deliusno, melaporkan langsung dari acara peluncuran.

"Mari saya perkenalkan kembali ponsel ikonik 3310," kata CEO HMD Global, Arto Nummela, pada acara peluncuran yang digelar di Museum of Contemporary Art, Barcelona, Spanyol, sehari sebelum ajang Mobile World Congress (MWC) digelar, Minggu (26/2/2017).

Nokia 3310 versi baru ini memiliki desain yang sedikit berbeda dari sebelumnya. Layarnya berukuran lebih besar, desainnya pun lebih melengkung. Meski begitu, Nokia 3310 reborn masih hadir dengan keypad numerik khas feature phone.

Tepat di bagian bawah layar, terdapat tiga tombol fisik. Dari kiri ke kanan, terdapat tombol untuk menerima panggilan, tombol navigasi/menu, dan tombol menolak panggilan.

Untuk menambah kesan klasik nan legendaris dari Nokia 3310, HMD Global membekali feature phone ini dengan game Snake. Kemampuan baterai yang tahan lama dalam Nokia 3310 sebelumnya pun masih dipertahankan, bahkan ditingkatkan kapasitasnya menjadi 1.200 mAh.

"Nokia 3310 terbaru punya baterai yang tahan 22 jam talk time dan 1 bulan standby," kata Nummela. 

HMD Global berencana menjual ponsel dual-SIM ini pada kuartal kedua 2017 dengan harga sekitar 50 euro (sekitar Rp 700.000). Belum diketahui jadwal rilisnya di pasar Indonesia.

Perbedaan Nokia 3310 Baru dan Lama


Inilah Perbedaan Nokia 3310 Baru dan Lama :


Apa perbedaan Nokia 3310 generasi baru dibandingkan dengan seri 3310 lawas yang dirilis 17 tahun lalu itu?

Desain
Dari segi desain, keduanya memiliki tampilan yang sama, namun Nokia 3310 keluaran 2017 memiliki dimensi lebih tipis dibanding Nokia 3310 keluaran 2000, yakni 12,8 mm berbanding 22 mm. Layar Nokia 3310 versi baru juga berukuran lebih besar, yakni 2,4 inci.

Layar
Layar tersebut juga merupakan layar berwarna, bukan lagi layar monokromatik (hitam-putih) seperti di versi lawas. Resolusi layarnya 240 x 320 piksel.

Dual SIM dan slot MicroSD
Nokia kini menyertakan fitur Dual SIM di Nokia 3310 terbaru. Selain itu, terdapat jugadukungan kartu memori eksternal hingga 32 GB dalam perangkat ini.

Kamera
Nokia 3310 versi baru pun kini dibekali dengan kamera belakang resolusi 2 megapiksel dengan dukungan lampu flash LED.  Memori internalnya sendiri berkapasitas 16 MB dan mampu menampung 2.000 nomor kontak.


Baterai
Baterai Nokia 3310 juga ditingkatkan kapasitasnya, dari 900 mAh di versi lama menjadi 1.200 mAh di varian terbaru. "Nokia 3310 terbaru punya baterai yang tahan 22 jam talk time dan 1 bulan standby," kata Nummela.
Fitur dan Konektifitas
HMD Global sendiri tidak menyebutkan sistem operasi yang digunakan Nokia 3310 versi baru ini. Selentingan kabar menyebutkan bahwa ponsel ini menjalankan sistem operasi Series 30+ buatan Nokia.
Fungsi Nokia 3310 pun kini tak hanya untuk melakukan panggilan dan SMS saja. Nokia 3310 versi 2017 bisa digunakan untuk berselancar di dunia maya menggunakan Opera Mini, mendengarkan radio, menonton video, hingga bermain game lain.
Konektivitasnya tetap menggunakan jaringan GSM. Tidak adal dukungan koneksi WiFi di feature phone ini.
Harga dan Ketersediaan
HMD Global berencana menjual Nokia 3310 pada kuartal kedua 2017 dengan harga sekitar 50 Euro (sekitar Rp 700.000). Belum Diketahui kapan jadwal rilisnya di pasar indonesia .
Mungkin sekian saja info yang dapat saya sampaikan. Jangan lupa bookmark & share blog ini agar saya lebih rajin untuk mengupdate artikel - artikel yang ada disini .

Saturday, February 25, 2017

Sigma Blogger Templates


Pintar Cyber - Selamat Siang Sahabat Pintar Cyber . Berjumpa lagi dengan saya Erico Rizky Febarian selaku pemilik blog ini. Kali ini saya akan menulis artikel tentang Template Gratis Untuk Blogger.

Dari artikel saya sebelumnya yaitu, tentang

Pentingnya Template Untuk Sebuah Blog kita mengetahui bahwa Template Sebuah blog merupakan tanda pengenal atau identitas dari sebuah blog, bisa dianggap bahwa template blog adalah rumah kamu sekarang kamu harus memilih sebuah design rumah yang disukai oleh banyak orang dan tentunya memiliki sebuah ciri khas. 

Kali ini Saya akan membagikan Template Sigma untuk Blogger Secara Gratis Disini. Template ini didesain khusus untuk blog news dan blog magazine .

Sigma Blogger Templates


Feature Template ini :
  • News
  • Blue
  • Tabbed Widget Ready
  • Breadcrumb Navigation Ready
  • Technology
  • Ads Ready
  • Email Subscription Widget Ready
  • Page Navigation Menu
  • Clean
  • Slideshow
  • White
  • 1 Sidebar
  • 1 Right Sidebar
  • Seo Ready
  • Magazine
  • Free Premium
  • Post Thumbnails
  • Responsive
  • Social Bookmark Ready
  • Drop Down Menu
  • 3 Columns Footer.

       

Mungkin sekian saja artikel saya tentang Sigma Blogger Template [Free Download] . Stay terus disini untuk mendapatkan artikel - artikel terbaru dari Pintar Cyber .
Backlink Berkualitas - Pintar Cyber


Pintar Cyber - Mencari backlink berkualitas bukanlah hal yang mudah. Bisa jadi backlink yang kita cari adalah backlink yang tidak berkualitas, hal itu bisa membuat rangking kita di serp menjadi menurun.

Backlink bermanfaat untuk menaikan posisi sebuah blog pada SERP. Jika Semakin banyak backlink yang berkualitas maka nilai PageRank blog akan meningkat. Semakin tinggi nilai PageRank yang didapat maka posisi sebuah blog pun pada SERP akan semakin baik. Semakin baik posisi sebuah blog pada SERP akan membuat potensi kunjungan pembaca pada blog menjadi semakin bertambah lebih banyak. Oleh karena itu, semakin banyak kunjungan pembaca pada blog akan menjadikan sebuah blog tersebut semakin populer dan terkenal dari waktu ke waktu.

Pada artikel kali ini, saya akan memberikan info atau tips untuk mencari sebuah backlink berkualitas secara gratis tanpa dipungut biaya sepeser-pun.

Ciri backlink berkualitas :


1. PageRank Tinggi

Jika ada suatu blog yang menerima backlink dari blog dengan PageRank yang tinggi maka bisa dipastikan backlink yang diterima tersebut merupakan sebuah backlink yang sangat berkualitas. Kebanyakan blog yang memiliki PageRank tinggi bersifat dofollow, karena mereka ingin sekali memanfaatkan PageRank yang dimiliki untuk menjaring banyak komentar dari pengunjung atau pembaca. Oleh karena itu, supaya mendapatkan backlink yang berkulitas, kalian harus berburu sebuah blog dengan PageRank yang tinggi dan sifatnya dofollow. Untuk itu, rajin-rajinlah berkomentar serta meninggalkan link blog yang kalian punya pada blog tersebut.

2. Berasal Dari Blog Dofollow
Blog dofollow merupakan sebuah blog yang memberikan backlink untuk setiap link yang tercantum pada sebuah halaman blog tersebut, seperti link yang ditaruh pada komentar, link pada blogroll, dan link pada sebuah widget yang digunakan.

3. Anchor Text Benar
Sebuah backlink yang akan diterima oleh suatu blog haruslah berasal dari susunan anchor text dan link/URL blog yang benar. Misalkan sebuah blog A akan memberikan backlink untuk blog yang alamatnya www.pintar-cyber.com. Oleh karena itu, backlink yang akan diberikan harus menggunakan anchor text sesuai dengan Link/URL blog tersebut yaitu Pintar Cyber, bukan Cara menghack blog, Tutorial game dan lain sebagainya yang tidak sesuai.

4. Tema Relevan
Backlink berkualitas yang kan diterima oleh sebuah blog harus berasal sebuah blog lain dengan tema dan topik pembahasan yang sama. Dengan sebuah topik yang sama, membuat sebuah robot mesin pencari (Search Engine) akan semakin mudah dalam mengelompokan blog yang menerima backlink sebagai blog yang terpercaya sehingga bisa meningkatkan posisi blognya pada SERP.

5. Penempatan Backlink
Kualitas backlink yang diterima sebuah blog juga akan ditentukan dengan letak penempatan backlink pada sebuah blog pemberi backlink. Hal ini karena, penempatan sebuah backlink pada posisi yang benar akan sangat memudahkan robot mesin pencari untuk menelusuri dan mengindeks URL blog yang telah dicantumkan. bagusnya, backlink yang baik harus ditempatkan pada halaman depan blog dan berada pada wilayah/bagian sidebar.

Mungkin sekian saja artikel saya tentang Ciri - ciri Backlink Berkualitas . Ikuti terus perkembangan artikel - artikel dari Pintar Cyber dengan cara subscribe feedburner kami yang berada di sidebar blog ini, dan jangan lupa untuk memberi Bookmark untuk laman blog ini.

Friday, February 24, 2017

Pintar Cyber - SEO Bukanlah hal yang mudah untuk dilakukan, dikarenakan seo bukanlah ilmu yang pasti. Jadi tidak ada cara yang pasti untuk membuat web anda menjadi SEO .

Dikarenakan SEO itu sulit, banyak yang membuka jasa SEO dengan harga yang cukup tinggi. Untuk Raksasa - raksasa besar seperti bukalapak.com atau tokopedia.com itu adalah hal yang mudah untuk dilakukan, namun untuk blogger pemula seperti kita itu adalah hal yang sangat sulit dilakukan.

Namun, ada beberapa cara yang bisa kita lakukan untuk mengoptimasi blog kita agar menjadi lebih SEO .

Kali ini saya akan membagikan tutorial tentang Menambahkan Title Tag Pada Popular Post Agar Blog Menjadi Lebih SEO.

Cara ini saya praktekkan menggunakan Handphone OPPO R7s dengan menggunakan aplikasi Root Exploler dan Webmasters untuk android yang saya gunakan untuk mengedit template blogger saya .

Cara Menambahkan Title Tag Pada Populer Post (Optimasi). Sobat blogger, seperti yang kita ketahui jika kita menambahkan populer post pada blog kita, maka itu sangat efektif untuk meningkatkan pageviews pada blog kita dan juga sangat efektif untuk menurunkan tingkat bounce rate pada blog kita, karena dengan populer post, pengunjung blog kita akan di tawarkan lebih banyak tentang isi artikle kita, widget popular post sudah sangat umum di terapkan pada website atau blog terkenal, namun sekarang disini saya punya trik khusus untuk anda, yaitu dengan menambahkan title tag pada popular post agar populer post anda lebih seo.

Menambahkan Title Tag Pada Popular Post ini juga merupakan salah satu teknik SEO on page pada blog kita, selain itu juga dengan cara menambahkan title tag pada populer post ini bisa untuk meningkatkan tingkat score seo anda di CHKMEdan mengatasi missing website link di chkme, lalu seperti apa contoh populer post dengan title tag ituh, silahkan lihat contoh gambar di bawah.




Gambar di atas menunjukan ketika cursor mouse kita mengarahkan ke artikel popular post, maka akan muncul title tag info seperti contoh di atas, ini juga sama halnya seperti kita menambahkan atribut title tag pada sebuah gambar posting, sampai disini pasti anda sudah paham dengan titel tag populer post ini, lalu bagaimana cara untuk membuatnya atau cara optimasinya? silahkan ikuti tutorialnya.

Menambahkan Title Tag Pada Popular Post Agar Lebih Seo.

1. Buka akun blogger anda.
2. Pilih menu Template > Klik Edit Html.
3. Silahkan anda cari kode seperti ini PopularPosts2 atau PopularPosts1 (Gunakan Ctrl+F)
4. Maka semua kode widget PopularPosts yang akan muncul di template anda akan seperti di bawah ini.
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
    <b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='data:showThumbnails == &quot;false&quot;'>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (3) Show only thumbnails -->
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            </div>
            <div style='clear: both;'/>
          <b:else/>
            <!-- (4) Show snippets and thumbnails -->
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
              <div class='item-snippet'><data:post.snippet/></div>
            </div>
            <div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
    </ul>

  </div>
</b:includable>
  </b:widget>

5. Jika anda sudah menemukan kode seperti di atas, silahkan anda ganti kode tersebut dengan kode di bawah ini.

<b:widget id='PopularPosts2' locked='false' mobile='yes' title='Entri Populer' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul><b:loop values='data:posts' var='post'>
<li><b:if cond='data:showThumbnails == &quot;false&quot;'><b:if cond='data:showSnippets == &quot;false&quot;'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a><b:else/><div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div><div class='item-snippet'><data:post.snippet/></div> </b:if><b:else/><b:if cond='data:showSnippets == &quot;false&quot;'><div class='item-thumbnail-only'><b:if cond='data:post.thumbnail'><div class='item-thumbnail'><a expr:href='data:post.href' target='_blank'> <img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/></a></div></b:if><div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div></div> <div style='clear: both;'/> <b:else/><div class='item-content'><b:if cond='data:post.thumbnail'><div class='item-thumbnail'><a expr:href='data:post.href' target='_blank'><img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/></a></div></b:if><div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div><div class='item-snippet'><data:post.snippet/></div> </div><div style='clear: both;'/></b:if></b:if></li></b:loop>
</ul>
</div><div class='clear'/>
</b:includable>
</b:widget>

6. Klik Save Template.

Sekarang lihat hasilnya dengan mengarahkan mouse anda ke populer post, jika sudah muncul, maka anda patut mengucapkan Alhamdulillah.

Yap... Mungkin itu saja tutorial saya hari ini, saya akan lebih sering lagi memperbarui artikel dan tutorial saya tentang apa itu SEO dan masih banyak lagi juka kalian memberikan support dengan membagikan atau menyukai halaman facebook kami.

Jangan lupa bookmark blog ini, Wassalamualaikum Wr. Wb.

Thursday, February 23, 2017



Pintar Cyber - Selamat malam sobat Pintar Cyber . Apakah kalian sudah kangen dengan artikel - artikel yang saya buat 😅 .

Masih Seputar HTML . Kali ini saya akan membahas tentang Belajar HTML Dasar Part 2: Mengenal Fungsi Web Browser  sedikit demi sedikit supaya kalian paham peran Browser dalam Kode HTML.

Setelah mempelajari Pengertian HTML dalam tutorial sebelumnya. Pada tutorial belajar HTML kali ini kita akan mengenal fungsi dari web browser, pengertian web browser dan kaitannya dengan standar HTML oleh W3C.



Pengertian Web Browser


Web Browser (atau biasa disebut browser) adalah sebuah software aplikasi untuk menerima,  menampilkan, dan menerjemahkan informasi dari world wide web (wikipedia). Dan salah satu informasi itu dibuat dalam format HTML.
Kode HTML yang kita buat akan diterjemahkan oleh web browser agar tampil seperti yang dirancang. Pada dasarnya seluruh web browser dapat menampilkan kode HTML sama baiknya, namun jika sudah berbicara mengenai desain halaman, tiap-tiap browser memiliki beberapa perbedaan.
HTML dirancang dan diatur oleh sebuah badan standarisasi dunia yang khusus menangani web, yaitu W3C (World Wide Web Consortium). Hal ini dikarenakan tiap-tiap program web browser menerjemahkan kode-kode HTML secara berbeda-beda, sehingga di perlukan sebuah standar yang sama untuk seluruh browser.

Namun pada penerapannya, standar ini hanya merupakan rekomendasi. Beberapa web browser membuat aturannya sendiri.
Salah satu yang terkenal adalah Internet Explorer pada sekitar tahun 2000-an. Hampir 90% web browser yang digunakan saat itu adalah Internet Explorer, dan IE tidak sepenuhnya mengikuti rekomendasi W3C. Sedangkan web browser Opera yang mencoba menerapkan standar W3C tidak terlalu populer. Perbedaan aturan penerjemahan HTML di antara web browser inilah yang terus menjadi tantangan bagi programmer web.

Sekarang Internet Explorer tidak lagi sekuat dulu. Web Browser Mozilla Firefox dan Google Chrome telah menguasai lebih dari 50%, dan IE juga telah berusaha menerapkan standar W3C.

Fungsi Web Browser

Untuk mempelajari HTML, web browser adalah perangkat utama yang kita butuhkan. Ibarat bahasa pemograman lainnya, Web Browser adalah compiler dan intrepreter HTML. Anda bebas menggunakan web browser yang disukai, namun dalam tutorial Belajar HTML ini saya akan menggunakan Mozilla Firefox.
Untuk mendapatkan versi terbaru dari web browser populer saat ini, salahkan klik tombol dibawah:

Selain web browser, aplikasi lain yang kita butuhkan untuk mempelajari HTML adalah sebuah text editor, untuk pembahasan mengenai text editor HTML ini akan kita bahas pada tutorial selanjutnya: Memilih Aplikasi Editor HTML.

Mungkin Sekian saja Artikel saya tentang Belajar HTML Dasar Part 2: Mengenal Fungsi Web Browser . Tunggu Artikel terupdate dari kami seputar dunia HTML. Jangan lupa bookmark & share blog ini agar admin lebih semangat dalam mengupdate Artikel - artikel lainnya.

Wednesday, February 22, 2017

Pintar Cyber - Selamat sore sahabat Pintar Cyber. Bertemu lagi dengan saya Erico Rizky Febarian selaku admin blog Pintar Cyber ini.

Di Artikel kali ini saya akan membahas tentang Belajar HTML Dasar Part 1: Pengertian HTML secara terperinci agar kalian mengerti apa itu HTML. Bukan maksud saya menggurui, tetapi saya disini berbagi artikel dari pengalaman saya sendiri.

Jika anda ingin mempelajari bagaimana cara membuat website, langkah pertama adalah mempelajari HTML. HTML merupakan dasar dari semua halaman web yang kita lihat di Internet. Tetapi, apa sebenarnya HTML itu? dalam tutorial pertama Belajar HTML Dasar ini kita akan membahas Pengertian HTML.




Pengertian HTML


HTML adalah singkatan dari Hypertext Markup Language. Disebut hypertext karena di dalam HTML sebuah text biasa dapat berfungsi lain, kita dapat membuatnya menjadi link yang dapat berpindah dari satu halaman ke halaman lainnya hanya dengan meng-klik text tersebut. Kemampuan text inilah yang dinamakan hypertext, walaupun pada implementasinya nanti tidak hanya text yang dapat dijadikan link.

Disebut Markup Language karena bahasa HTML menggunakan tanda (mark), untuk menandai bagian-bagian dari text. Misalnya, text yang berada di antara tanda tertentu akan menjadi tebal, dan jika berada di antara tanda lainnya akan tampak besar. Tanda ini di kenal sebagai HTML tag.

Jika anda ingin melihat bagaimana sebenarnya HTML, silahkan klik kanan halaman ini, lalu pilih View Page Source (di Browser Mozilla Firefox atau Google Chrome). Akan tampil sebuah halaman baru yang merupakan kode HTML dari halaman ini.
Jika anda merasa terintimidasi dengan kode-kode tersebut, anda tidak sendiri, saya juga mengalaminya. Namun, kita akan mempelajari sebagian besar kode-kode ini di Tutorial Belajar HTML di Pintar Cyber.


HTML merupakan bahasa dasar pembuatan web. Disebut dasar karena dalam membuat web, jika hanya menggunakan HTML tampilan web terasa hambar. Terdapat banyak bahasa pemograman web yang ditujukan untuk memanipulasi kode HTML, seperti JavaScript dan PHP. Akan tetapi sebelum anda belajar JavaScript maupun PHP, memahami HTML merupakan hal yang paling awal.
HTML bukanlah bahasa pemograman (programming language), tetapi bahasa markup (markup language), hal ini terdengar sedikit aneh, tapi jika anda telah mengenal bahasa pemograman lain, dalam HTML tidak akan ditemukan struktur yang biasa di temukan dalam bahasa pemograman seperti IF, LOOP, maupun variabelHTML hanya sebuah bahasa struktur yang fungsinya untuk menandai bagian-bagian dari sebuah halaman.
Selain HTML, dikenal juga xHTML yang merupakan singkatan dari eXtensible Hypertext Markup LanguagexHTML merupakan versi lama dari HTML (sebelum era HTML5 seperti saat ini). xHTML menggunakan aturan penulisan yang lebih ketat. Jika anda menemukan artikel yang membahas xHTML, bisa disamakan dengan HTML, karena perbedaannya tidak terlalu banyak.
File HTML harus dijalankan dari aplikasi web browser. Dalam tutorial belajar HTML dasar selanjutnya, kita akan membahas tentang Fungsi Web Browser.

Mungkin  itu saja yang bisa saya sampaikan pada artikel Belajar HTML Dasar Part 1: Pengertian HTML kali ini. Saya akan melanjutkan tutorial ini pada artikel selanjutnya. Jangan Lupa Bookmark & Share blog ini agar ramai pengunjungnya .