Home Hasil penelusuran untuk cara-membuat-struktur-program.html
Cara Membuat struktur program HTML: khusus Pemula

Cara Membuat struktur program HTML: khusus Pemula

      Comment   
Cara Membuat struktur program HTML: khusus Pemula - HTML (hyper text markup langeuage) adalah bahasa standar dengan pengkodean khusus yang digunakan untuk menyusun halaman situs atau halaman aplikasi web, HTML akan diterjemahkan oleh browser menjadi sebuah tampilan dengan format-format tertentu bisa menjadi text, link, gambar dan lain sebagainya sesuai dengan perintah html yang digunakan. lantas apa itu browser?, browser adalah software yang memiliki kemampuan menterjemahkan kode-kode html untuk  ditampilkan menjadi  tampilan halaman situs.
ketika kita membuat kode html, maka file html harus disimpan dengan akhiran .htm atau .html, keduanya sama saja baik .htm ataupun .html keduanya dapat dikenali oleh browser dan kode-kode didalamnya akan diterjemahkan menjadi sebuah tampilan halaman situs.

Memahami Struktur HTML

Jika anda ingin mampu untuk membuat sebuah website, pertama kali yang harus anda pelajari dan harus anda fahami benar-benar adalah struktur perintah HTML silahkan anda bisa baca tentang bahasa pemrograman yang harus dikuasai untuk membuat aplikasi web. mengapa harus HTML?, itu karena html adalah  pondasi dasar pada sebuah situs, bahasa pemrograman utama yang menyusun tampilan situs adalah HTML .  Untuk mempelajari HTML tidaklah terlalu sulit yang penting kita mengetahui bagaimana struktur dasarnya, jika kita sudah mengetahui struktur dasarnya tugas kita selanjutnya adalah menguasai dan memahami kode-kode HTML lainnya yang jumlahnya cukup banyak, wah gimana menghapalnya?, untuk masalah kode itu tidak perlu kita sengaja hapalin, lantas bagaimana kita bisa hapal, semakin sering kita gunakan maka kita akan semakin hapal, lambat-laun perintah-perintah HTML tanpa kita sadari jika sering digunakan dan dipraktekan kode-kode tersebut akan tertanam di ingatan jangka panjang kita.

Struktur Dasar HTML

Struktur dasar html terdiri dari dua blok, yang pertama adalah blok header, dan yang kedua adalah blok body, blok header digunakan untuk meletakan title, mendeskripsikan CSS untuk dekorasi tampilan, mendeskripsikan JavaScript untuk membuat halaman situs interaktif, meletakan meta, title dan lainnya. sedangkan blok body adalah area untuk meletakan kode-kode yang nanti akan menjadi tampilan halaman situs atau web, apapun yang kita letakan di blok body itu akan muncul pada tampilan di browser (mozila, google croome, internet explorer dll), berikut struktur dasar HTML yang harus anda ketahui:

<html>

      <head>
            <title>contoh html</title>
                   ...
                   ...
                   perintah-perintah head lainnya...
                   ...
                   ...
      </head>

       <body>

              <p>ini adalah kontent html</p>
               .....
               ....
               perintah-perintah body lainnya, 
               yang diletakan diarea body ini akan ditampilkan oleh browser...
               ...
               ...
      </body>

</html>

struktur dasar html selalu dimulai dengan tag <html> dan diakhiri dengan tag penutup </html>, untuk blok head selalu dimulai dengan  perintah <head> dan diakhiri dengan perintah </head>, sedangkan untuk blok body selalu diwali dengan perintah <body> dan diakhiri dengan perintah </body>, adapun untuk karakter perintah-perintah kode HTML, kita bisa menggunakan huruf besar saja, huruf kecil saja atau kombinasinya, semuanya tidak dibedakan, masih bisa dibaca dan sama saja. ingat ketika kita membuat script HTML file harus kita simpan dengan akhiran .html atau .htm.

Editor HTML

Untuk membuat html banyak tool editor gratis yang yang bisa kita gunakan, untuk hanya sekedar latihan kita bisa menggunakan notpad atau notpad++, tetapi untuk tujuan profesional, sebaiknya kita menggunakan tool yang khusus, misal saya sendiri menggunakan NetBean sebagai editor untuk membuat web, atau tool lainnya yang memang handal, tool sekelas NetBean, sudah dilengkapi dengan code highlighter, membedakan warna text atau kode-kode html yang digunakan, juga sudah dilengkapi dengan autocompleter, kode saran ketika kita mengetikan perintah, autocompleter berguna sekali membantu kita mengingat kode yang lupa. 

Oh Ya bagaimana dengan editor yang drag n drop, yang memudahkan kita untuk membuat halaman web, seperi misal DreamWeaver, bolehkah digunakan?,  menurut hemat saya tergantung, jika kita sudah profesional sudah memahami secara mendalam struktur web, tool semacam dream weaver untuk urusan agar halaman lebih cepat dibuat itu tidak jadi masalah, tetapi khusus untuk PEMULA, tool semacam dream weaver harus dihindari, kenapa?, tools itu membuat anda tidak mau berfikir keras, padahal pemula sebaiknya memahami lebih dalam struktur dasar html atau bahasa pemrograman lainnya, agar faham yang paling dianjurkan adalah anda mengetikan program secara langsung tanpa bantuan tool instan yang membantu membuatkannya untuk anda, itu akan lebih baik, dan akan membuat anda menjadi programmer yang handal nantinya. jika anda sudah benar-benar paham mengenai pengkodean halaman situs terutama HTML, tidak jadi masalah kita menggunakan tool semacam dream weaver.


Contoh sederhana program HTML

untuk contoh program berikut anda bisa mengetiknya atau coba kopi paste perintah program html dibawah ini kedalam notepat:

<html>
<head>
<title>contoh html</title>
</head>
<body>
<i>ini contoh tulisan miring</i><br/>
<b>ini contoh tulisan ditebalkan</b><br/>
<u>ini contoh tulisan digarisbawahi</u><br/>
<i><b><u>ini contoh tulisan miring ditebalkan dan digarisbawahi</u></b></i>
</body>
</html>

silahkan anda kopi program diatas ke dalam notpad, kemudian simpan, sebelum disimpan pada kotak dialog simpan silahkan atur save as type:  pilih All Files (*.*), kemudian filename atau nama file anda bisa masukan apa saja, jangan lupa untuk memberi akhiran .html atau .htm, misal contoh.html kemudian sialahkan anda simpan.

Untuk melihat outputnya atau hasilnya, silahkan anda menuju lokasi penyipanan file anda tersebut, file berakhiran .htm atau .html, kemudain double klik file tersebut, biasanya file berektensi .htm atau .html itu akan terintegrasi dengan aplikasi browser default, jadi anda tinggal klik file html anda tersebut, nanti akan ditampilkan hasilnya pada browser default anda. misal mozila atau google croome atau bisa juga internet explorer, silahkan anda amati, bahwa kode yang diletakan diantara tag <body> dan</body> itu akan ditampilkan, jika anda sudah menguasai perintah-perintah lainnya, anda akan bisa menampilkanapapun sesuai dengan keinginan.


Demikian informasi yang bisa saya share mengenai Cara Membuat struktur program HTML: khusus Pemula, semoga bermanfaat.

Cara Membuat LINK di Blog dengan Cepat dan Mudah : untuk mengaitkan artikel satu dengan lainnya

      Comment   
Memahami Cara Membuat Link di Blog dengan Mudah : untuk mengaitkan artikel satu dengan lainnya - Istilah Link Untuk sebagian netter mungkin boleh dibilang sebuah istilah yang masih sangat baru bagi mereka, terutama untuk yang masih pemula di dunia blogging atau pemula didunia internet, sampai saat ini tidak sedikit dari mereka yang memiliki kendala bagaimana cara membuat blog bahkan setelah mereka berhasil membuat blog pertama mereka, banyak juga yang menjadi kendala ketika membuat artikel, salah satunya adalah mereka masih kebingungan ketika memutuskan untuk membuat link, mungkin di mata blogger yang sudah malang melintang didunia blogging, ini tentu saja bukan hal yang harus dipermasalahkan karena membuat link boleh dikatakan sangat mudah sekali, namun beda halnya dimata mereka yang masih pemula didunia blogging istilah link sepertinya masih terdengar baru ditelinga mereka,

Saya pribadi pernah ditanya beberapa pertanyaan oleh blogger pemula mengenai bagaimana cara membuat link, namun pertanyaan mereka disampaikan dengan kata-kata yang berbeda, mereka bertanya mengenai "Bagaimana cara membuat text yang berwarna biru yang memiliki garis bawah, kemudian bisa diklik dan kalo diklik akan menuju kehalaman lainnya dalam blog kita", atau  ada juga yang bertanya dengan pertanyaan, "bagaimana cara mengaitkan antara halaman satu dengan halaman yang lain lewat kata-kata biasanya berwarna biru bergaris bawah jika diklik akan menuju halaman yang ditujunya", dan pertanyaan-pertanyaan serupa yang lainnya.

Berdasarkan pertanyaan tersebut saya menyimpulkan bahwa maksud sebenarnya yang mereka tanyakan adalah cara membuat link atau membuat internal linkking di blog, sehingga mereka bisa mengaitkan artikel satu dengan artikel lainnya yang ada didalam blog atau halaman situs mereka.

Memahami Apa itu Link ?

Berbicara mengenai cara membuat link, ada beberapa hal yang harus anda pahami, Link adalah istilah didalam dunia web untuk tujuan mengaitkan halaman web satu dengan halaman lainnya baik itu dalam blog atau situs yang sama maupun antar situs yang berbeda, Link dapat dibuat dengan program HTML yang merupakan salah satu bahasa pemrograman wajib dan standar yang menyusun sebuah halaman situs atau web, ada 2 jenis link yang kita kenal, yang pertama link dofollow dan yang kedua link nofollow, adapun struktur kode html untuk membuat link adalah sebagai berikut:

Link Dofollow:

<a href='url_yang _dituju' title='title_link'  >anchor_text</a>

Link Nofollow: 

<a href='url_yang _dituju' title='title_link' rel='nofollow' >anchor_text</a>
 
Coba anda perhatikan tulisan yang berwarna merah dan tulisan yang berwarna biru diatas, tulisan yang berwarna biru adalah attribut sebuah link yang tidak boleh anda ubah, karena aturannya seperti itu, sedangkan tulisan yang berwarna merah adalah nilai attribut  yang bisa anda ubah dan sesuaikan tergantung bentuk link seperti apa yang ingin anda buat, sebagai berikut:

a. url_yang_dituju:'silahkan anda masukan url atau alamat situs yang akan dituju ketika link tersebut anda klik.

b. title_link:, bisa anda isi dengan satu atau beberapa kata yang mewakili isi dari artikel yang dituju.

c. anchor_text: adalah text yang akan muncul untuk link tersebut yang bisa anda klik dan jika diklik maka akan menuju alamat situs yang anda masukan pada attribut url_yang_dituju.
Baca juga: cara membuat anchor text berkualitas seo agar artikel anda mudah ditemukan mesin pencari.

Contoh:
<a href='' title'blog tentang seo'>Belajar SEO</a>

Kode HTML untuk membuat link diatas, akan menampilkan tulisan Belajar SEO yang bisa anda klik, dan jika diklik maka anda akan dibawa ke situs atau blog ,

Apa perbedaan Link Dofollow dan Nofollow

Link dikatakan nofollow jika dilengkapi dengan attribut rel='nofollow', sedangkan jika tidak ada atribut tersebut atau terdapat attribut rel='dofollow' berarti link yang bersangkutan adalah link dofollow.
link dofollow dan nofollow dimata mesin pencari seperti google akan diperlakukan dengan cara yang berbeda,  Jika link yang anda buat adalah dofollow, maka secara tidak langsung mengintruksikan mesin pencari google, agar menelusuri link tersebut dan memberikan point ke situs yang ditujunya, sedangkan link nofollow, tidak, link dofollow akan meningkatkan pagerank halaman situs yang ditujunya sedangkan dofollow tidak.

Cara Membuat Link di blogspot ?

Cara membuat link di blog bisa anda lakukan dengan 2 cara, bisa dengan menggunakan perintah kode html secara langsung seperti kode link diatas, atau bisa menggunakan bantuan alat untuk membuat link, kedua cara tersebut sama, pada akhirnya akan menghasilkan perintah dalam kode html untuk link, sepertinya untuk membuat link dengan kode html, bisa anda lakukan dengan cara diatas, sedangkan untuk membuat link diartikel yang anda buat secara tidak langsung dengan bantuan tool blogger langkah-langkahnya adalah sebagai berikut:

1.  Pada editor blogger silahkan anda pilih atau block text yang ingin anda jadikan link, seperti contoh yang terlihat pada gambar dibawah ini:

Memahami Cara Membuat Link di Blog dengan Mudah Cara Membuat LINK di Blog dengan Cepat dan Mudah : untuk mengaitkan artikel satu dengan lainnya

Pada gambar diatas saya akan membuat text dengan tulisan belajar seo sebagai link, sorot tulisan tersebut kemudian , klik tombol dengan tulisan Link, akan muncul fasilitas untuk membuat link seperti gambar dibawah ini:

Memahami Cara Membuat Link di Blog dengan Mudah Cara Membuat LINK di Blog dengan Cepat dan Mudah : untuk mengaitkan artikel satu dengan lainnya

Penjelasan dari gambar diatas adalah sebagai berikut:
 
No 1: silahkan anda isi dengan anchor text atau tulisan yang inginkan muncul dan bisa diklik untuk link anda tersebut.

No2: silahkan anda isi dengan alamat url yang ingin dituju ketika link diklik, bisa alamat url artikel yang masih terdapat dalam blog anda, atau alamat url situs atau blog diluar situs anda.

No 3: Silahkan anda centang pada tulisan "Open this link in a new window" jika anda menginginkan ketika link diklik tulisan terbuaka bada tab baru di browser yang digunakan.

Centang juga pada tulisan "Add ;rel=nofollow attribut" jika anda menginginkan link yang anda buat nofollow, dan jangan centang jika link yang ingin anda buat dofollow.

Jika semua sudah diisi, silahkan anda tekan tombol ok, sampai tahap diatas berarti anda sudah selesai membuat link pada artikel anda


Kapan harus Membuat Link dofollow atau Nofollow

Mungkin juga menjadi pertanyaan anda mengenai kapan sebuah link harus dibuat dofollow dan kapan harus nofollow,  pertimbangan yang bisa anda gunakan adalah, Jika url link tersebut menuju halaman lainnya dalam blog atau situs yang sama, atau link untuk meningkatkan page rank situs yang ditujunya sebaiknya anda buat dofollow, namun jika url link menuju situs orang lain atau artikel diluar situs yang bersangkutan yang bukan milik anda dan anda tidak menginginkan situs tersebut mendapatkan point dari situs anda sebaiknya gunakan nofollow.

Demikian artikel sederhana tentang Memahami Cara Membuat Link di Blog dengan Mudah, semoga bermanfaat untuk anda.

Membuat Template blogspot, ini yang harus Anda pelajari

Membuat Template blogspot, ini yang harus Anda pelajari

      Comment   
Untuk membuat template blogspot sendiri, ini yang harus anda pelajari? -Ternyata tidak semua blogger memahami struktur kode blog yang mereka gunakan, terlebih untuk pemula, banyak sekali para blogger yang merasa kesulitan ketika ingin memodifikasi blognya sesuai keinginan, penyebab utama nya adalah karena mereka kebanyakan tidak memiliki pengetahuan sama sekali mengenai struktur template, padahal akan lebih baik jika blogger memiliki kemampuan bukan hanya menulis artikel namun juga memahami struktur kode template blog, sehingga mereka lebih mudah untuk memodifikasi tampilan halaman situs miliknya sesuai dengan yang mereka inginkan.

Sebenarnya segala hal yang berkaitan dengan tampilan blog atau halaman blog berflatform blogspot semuanya bisa anda pelajari jika anda memiliki motivasi dan keinginan untuk mempelajarinya, jika awalnya anda tidak mengetahui apa-apa tentang script blog, seiring dengan pengalaman anda didunia blogging akhirnya anda akan mampu untuk memodifikasinya sendiri, karena dari banyaknya bahasa pemrograman atau script pemrograman yang ada, script web lah salah satu bahasa pemrograman yang boleh dibilang paling mudah untuk dipelajari. begitu juga untuk kode template blogspot. semakin sering anda berinteraksi dengan kode-kode blogspot tersebut maka anda akan semakin terbiasa.

Pahami 2 bagian penting bahasa pemrograman yang menyusun halaman situs

Perlu anda ketahui tampilan halaman web yang bisa anda lihat ketika browsing pada dasarnya disusun oleh 2 bagian besar bahasa pemrograman web atau script web, yaitu script server dan script client, script server misalnnya (PHP, JSP, ASP dll) sedangkan script client (HTML, CSS, Javascript), kedua bagian script tersebut digabungkan satu sama lain sehingga menghasilkan tampilan halaman situs yang diinginkan, pada akhirnya ke 2 bagian script tersebut akan disimpan dimesin server (Komputer server), ketika pengguna melakukan akses halaman web melalui browser (Mozila firefox, google croom, safari dll), maka browser akan meneruskannya keserver dimana source kode halaman tersebut berada dan komputer server akan mengolahnya, ketika mesin server membaca rangkaian struktur kode web, jika ditemukan script server, maka mesin server akan menerjemahkan script server tersebut menjadi script HTML, dan ketika server membaca rangkaian script client, script tersebut tidak akan diterjemahkan, script client dan script server yang sudah diterjemahkan kedalam script client tersebut akan langsung di kirimkan ke komputer client untuk ditampilkan menjadi sebuah tampilan halaman situs yang menarik.

dari proses diatas dapat kita simpulkan bahwa apapun bahasa pemrograman server yang digunakan tetap pada akhirnya yang ditampilakan di halaman browser adalah script client (HTML, CSS, Javascript) hasil pengolahan mesin server.

Untuk hal-hal teretnu script server selalu perlu dilibatkan, tujuannya adalah untuk membantu mempermudah programmer atau pengembang aplikasi web ketika sebuah halaman situs dikembangkan, karena jika hanya mengandalkan hanya script client saja untuk membuat halama situs yang komplek tentu tidaklah cukup dan akan banyak menemukan keterbatasan, oleh karena itu, apapun halaman situsnya dan bagaimanapun tampilannya pada umumnya selalu melibatkan 2 jenis bahasa pemrograman web tersebut (script client dan script server)

Mengenal Script yang Menyusun Blog berflatform Blogspot

Biasanya untuk blog seperti halnya blogspot, kita tidak lagi harus berurusan dengan bahasa script server (PHP, JSP, JSE dll), karena semuanya sudah dipermudah dalam bentuk sebuah framework atau krangka kerja (bahasa blog berflatform blogspot),  kita tinggal menggunakan instruksi-instruksi framework blog tersebut sehingga lebih mudah untuk dipelajari dan digunakan. namun apapun flatform blognya, baik itu blogspot, wordpress, joomla dan flatform lainnya, tetap script client wajib anda pelajari, karena script client (HTML, CSS, Javascript) selalu dilibatkan dan wajib dilibatkan disetiap halaman web yang akan dibuat.

Anda dapat melihat dan mengamati struktur koda script blogspot anda, untuk melihat script blogspot anda anda bisa mengikuti langkah-langkah dibawah ini:

1. Masuk ke akun blogspot anda, dan pilih salah satu blog anda

2.Pada bilah menu sebelah kiri, pilih menu Template

3. Disebelah kanan klik tombol Edit HTML

Anda bisa lihat struktur kode blogspot anda, untuk sebagaian orang yang baru mengenal dunia script mungkin akan kelihatan rumit dan membingungkan, perlu anda ketahui script blogspot yang anda lihat tersebut adalah gabungah dari  framework blog dan juga script client (HTML, Javascrpt, CSS), yang dicampuradukan dengan aturan tertentu sehingga membentuk tampilan blog anda.

Jika anda tertarik untuk mempelajari segala sesuatu tentang cara mempercantik blogspot anda, atau anda tertarik untuk membuat template sendiri, apa yang harus anda pelajari adalah framework blog atau bahasa blog dan juga script client.
 

Apa yang harus saya pelajari untuk Membuat template blogspot sendiri ?


Tentunya untuk sebagian blogger melihat struktur kode tempate blog tentu tidaklah asing, ketika mereka ingin memodifikasi tampilan halaman blogspot mereka, pada umumnya mereka akan mengetahui di bagaian mana yang harus mereka modifikasi, apalagi untuk blogspot banyak sekali para blogger berpengalaman yang sudah banyak menshare kode snipet atau potongan kode- blogspot yang siap kita gunakan sesuai dengan fungsinya. namun tentuya  dengan mempelajari dan memahami struktur kode blogspot, kita akan lebih leluasa untuk memodifikasi tampilan halaman blog yang kita miliki sesuai dengan selera, mungkin bukan hanya tampilan saja, bisa jadi anda akan mampu untuk membuat template blogspot anda sendiri yang bisa anda jual dan bisa anda perbanyak dengan berbagai ukuran desain dan kombinasi warna yang bermacam-macam.

Jika anda tertarik untuk mampu membuat template blog anda sendiri, maka berikut yang harus anda pelajari:

A. Pelajari Script Client

 Script client adalah bahasa pemrograman web yang akan dijalankan di mesin client atau komputer yang kita gunakan ketika mengakses halaman situs, script client akan diterjemahkan oleh browser (Mozila firefox, google croome, safari dll) sehingga menghasilkan sebuah tampilan halaman situs yang menarik.

Script client yang diguanakan terdiri dari (HTML, CSS, Javascript), ketiga script tersebut bersifat standar dan multiflatform, dapat diterjemahkan oleh berbagai macam sistem operasi (window, linux, mc os dll) dan berbagai macan browser, ketiga script tersebut bisa kita atur sehingga saling berkolaborasi atau berinteraksi satu sama lain untuk menghasilkan tampilan blog yang cantik dan menarik sesuai dengan yang kita inginkan. berikut fungsi masing-masing script client tersebut:


1. Script HTML

Script html adalah script utama penyusun halaman situs, script ini fungsinya adalah sebagai kerangka dan pondasi dasar halaman situs, script html bisa anda analogikan seperti halnya ketika anda ingin membuat sebuah rumah panggung, sebelum rumah tersebut jadi, yang pertama yang harus anda siapkan adalah pondasi dan kerangka rumahnya terlebih dahulu, jika kerangka sudah siap, maka anda bisa menutup dinding dinding rumah tersebut kemudian mempercantik rumah tersebut sehingga kelihatan menarik. bentuk rumah akan sesuai dengan krangka yang kita buat. begitu juga dengan HTML, bentuk tampilan halaman situs juga sesuai dengan struktur html yang kita ingin buat.

Script html biasanya terdiri dari kumpan tag-tag yang memiliki fungsi khusus, biasanya penulisan script html dimulai dengan kurung siku (<) dan diakhiri dengan kurung siku tutup (>), untuk lebih jelas anda bisa mempelajari struktur dasar html pada artikel dibawah ini:
Cara mempelajari struktur HTML khusus pemula

 2. Script CSS,

CSS atau cascade style sheet berfungsi untuk mendekorasi halaman situs agar kelihatan menarik, cara kerja script css biasanya akan memanipulasi setiap tag-tag html melalui atribut ID, Class atau nama tag yang bersangkutan, untuk di hias dan diatur tata letaknya sehingga sesuai dengan tampilan yang diinginakn, script css adalah bahasa pemrograman yang cukup mudah, orang awam sekalipun jika mengetahui tekniknya akan sangat cepat mengusai, apalagi saat ini banyak sekali situs-situs yang menyediakan tutorial dan panduan css yang bisa kita pelajari, salah satu situs untuk belajar css adalah
www.w3schools.com/css/

3. Java Script

Gunanya adalah memanipulasi tag-tag HTML untuk membuat halaman situs menjadi lebih interaktif, biasanya javascript ada kaitannya dengan bagaimana cara membuat sebuah tampilan dilengkapi dengan animasi, misal, menu ketika diklik drop kebawah, tombol ketika di klik bergerak, tulisan ketika disorot berubah warna dan lain sebagainya, oleh karena itu jika anda ingin menambahkan unsur interaktif di halaman blog anda yang harus anda pelajari adalah javascript.

Javascript adalah bahasa pemrograman berorientasi object yang memang sedikit sulit, untuk memahami lebih dalam anda perlu mengenal algoritma terlebih dahulu, agar otak anda terlatih cara berfikir bahasa pemrograman, namun seiring dengan kemajuan teknologi, untuk saat ini banyak tersedia frame work-framework yang siap kita gunakan sehingga lebih mudah ketika berinteraksi dengan javascript, salah satu framewok yang sampai saat ini banyak digunakan dikalangan praktisi web adalah framework JQuery.

Jika anda tertarik untuk mempelajarinya anda bisa mengunjungi situs https://jquery.com/ atau di situs www.w3schools.com/jquery/

B. Pelajari Framework Blogspot (Bahasa blogspot)

Untuk blogspot anda tidak perlu repot repot menguasai bahasa pemrograman server seperti (PHP, ASP,JSP dll), jika anda ingin menguasai wordpress maka setidaknya script PHP harus anda pahami, namun untuk blogspot, sepertinya tidak perlu, apa yang harus anda pelajari selain script client adalah script blogspot itu sendiri, blogspot memang berbeda dengan CMS atau flatform blog lainnya, blogspot sudah dipermudah dengan instruksi-intruksi sederhana yang bisa kita pelajari, sehingga penulisan program bisa lebih sederhana bahkan hanya ditampilkan dalam satu script saja itu sudah cukup untuk membuat tampilan halaman blog.

Untuk memahami intruksi blogspot anda bisa mempelajari caranya di https://support.google.com/blogger



Ketiga script diatas wajib dipelajari jika anda ingin menguasai dan memahami bagaimana halaman blogspot dibuat, siapapun bisa mempelajarinya terlebih anda sebagai seorang blogger, ditambah lagi script diatas terutama html dan css boleh dianggap script yang paling mudah untuk dipelajari jika dibandingkan dengan bahasa pemrograman lainnya, dan khusus untuk script blogspot, boleh dibilang tidak terlalu rumit dan scriptnya itu-itu saja, artinya pada umumnya script blogspot untuk setiap blog tidak jauh berbeda, sehingga semakin sering anda berinteraksi dengan script blogspot maka lambat laun anda akan mampu memahaminya.

Setidaknya sebelum anda melanggkah lebih jauh anda harus mengupayakan untuk memahami script-script diatas, dengan demikian anda akan memahami bagaimana cara memodifikasi blog atau situs yang anda miliki sesuai dengan keinginan anda, bahkan pada akhirnya anda memungkinkan untuk membuat template sendiri yang bisa anda jual atau anda gunakan sendiri.

Demikian informasi sederhana tentang hal Yang harus dipelajari untuk membuat template blogspot sendiri, semoga bermanfaat.

Teknik dasar cara memodifikasi desain tampilan blog untuk pemula

      Comment   
Sebuah halaman web baik itu blog maupun website ketika anda akses sehingga tampil di halaman browser yang anda gunakan (seperti: mozila firefox, google chrome, internet explorer dll) pada umumnya tersusun dari gabungan beberapa script client web, script tersebut dapat difahami dan diterjemahkan oleh browser menjadi tampilan halaman situs, script-script tersebut adalah script HTML, script CSS (Cascade style sheet) dan Javascript, script-script tersebut sebenarnya saling berkolaborasi satu sama lain yang sengaja diprogram sedemikian rupa sehingga menampilkan halaman situs sesuai dengan yang diinginkan oleh si empunya situs atau blog tersebut.

Sebenarnya ketika anda membuat atau mengembangkan sebuah halaman blog atau website profesional seperti blog, pada umumnya ada dua kategori script yang dilibatkan, script client dan script server, script client adalah HTML, CSS dan javascript sedangkan script server misalnya bahasa khusus widget blog (seperti layaknya kode khusus yang sering kita gunakan di blogspot, ), script PHP seperti yang biasa digunakan di template wordpress, script ASP, JSP dll.

Sebuah halaman web baik itu blog maupun website ketika anda akses sehingga tampil di halam Teknik dasar cara memodifikasi desain tampilan blog untuk pemula
 Web design

Perbedaan kedua script tersebut terletak pada lokasi pemrosesnya, script client hanya diproses dan diterjemahkan oleh browser, sedangkan script server diproses dan diterjemahkan oleh mesin server yang merupakan sebuah mesin komputer di mana script halaman website atau blog diletakan, jika server membaca script server, maka server akan menterjemahkannya kedalam script HTML, jika server membaca script client (HTML CSS Javascript) maka server akan membacanya namun tidak akan memprosesnya, scripthasil pemrosesan dari script server hasilnya akan dikirm ke computer client melalui browser dalam bentyk script client dan script tersebut diterjemahkan oleh browser yang mengaksesnya sehingga menghasilkan tampilan halaman website.

Artikel terkait: Bahasa pemrograman yang harus dikuasai untuk membuat aplikasi web

Mengenal Script yang menyusun tampilan halaman blog

Di artikel kali ini saya akan jelaskan bagaimana teknik dasar cara memodifikasi desain tampilan blog, namun sebelum saya uraikan panjang lebar anda harus tau dulu fungsi dari script-script yang menyusun tampilan halaman blog, diantarnaya:

A. Script server

Script server pada umumnya akan diterjemahkan oleh mesin server menjadi script client, contoh dari script server beberapa diantaranya adalah sebagai berikut:

a. kode khusus widget blogspot, contohnya  di blogspot (sebuah framework yang hanya dapat dimengerti oleh penterjemah mesin blogspot, kode ini akan diproses diserver oleh mesin blogspot dan diterjemahkan menjadi script html sebelum dikirim ke client)

b. PHP, contoh biasa digunakan di Wordpress (wordpress menggunakan framework khusus dengan script PHP, dengan framework wordpress anda tidak perlu mengembangkan halaman web dari nol, karena library sudah disediakan oleh framework wordpress itu sendiri)

c. dll, tergantung template blog, bisa saja menggunakan bahasa pemrograman berbeda.

B. Script Client.


a. Script CSS
Script ini fungsinya adalah untuk mengatur hal-hal yang berkaitan dengan tata letak dan memodifikasi desain tampilan halaman situs (pewarnaan, gambar dll), cara kerjanya sebenarnya memodifikasi tag html, baik melalui nama tag, id atau clsss tag html tertentu yang ingin di atur tata letaknya dan ingin dimodifikasi.

b. Javascript
Script ini fungsinya adalah agar halaman blog terlihat lebih interaktif (ketika anda berikan aksi maka bereaksi), misal ketika diklik halaman scroll sendiri, ketika mouse diarahkan ke sebuah tombol, warna tombol berubah dll, cara kerjanya mirip dengan CSS yaitu memodifikasi tag html, baik melalui nama tag, id atau classs tag html tertentu.

c. Script HTML
Script ini berfungsi sebagai pondasi atau cover yang menggabungkan seluruh script yang digunakan, terdiri dari kode-kode berupa tag atau perintah khusus yang dapat dibaca oleh web browser, script html akan membungkus script css, javascript dan juga script server jika ada, semuanya dibungkus oleh script HTML ini, sifatnya wajib, artinya setidaknya halaman situs yang memperhatikan struktur kode yang baik harus mengandung script HTML didalamnya.

Artikel terkait: Cara membuat struktur program HTML untuk pemula

Apa itu tag?
ketika anda memodifikasi template blog anda pasti akan menemukan kode-kode khusus yang diletakan diantara tanda kurung siku (< dan >), itu adalah tag.
 

Tag adalah kode khusus yang  pada umumnya dibungkus diatara karakter "<" dan "/>", yang biasanya terdiri dari tag pembuka dan penutup, format tag adalah sebagai berikut:
<nama_tag atribut_1='isi atribut 1' atribut_2='isi atribut2' atribut_N='isi atribut N'> isi </nama_tag>

ada banyak sekali kode tag html.
Contoh tag misalnya tag body <body> tag <html> dan tag-tag lainnya.

Tag bisa memiliki lebih dari satu atribut dengan fungsi yang berbeda-beda, ada untuk mewarnai, menentukan lebar dll, tag satu dengan tag lainnya memiliki atribut berbeda satu sama laim, namun ada atribut spesial yang bisa dimiliki oleh semua tag yaitu Atribut ID dan CLASS, atribut itulah yang  biasanya digunakan oleh script CSS dan juga Javascript untuk memodifikasi tag tersebut baik untuk mengatur tataletak tag tersebut maupun mendekorasi tag tersebut.

Cara Mendesain blog menggunakan CSS

Disini saya akan jelaskan bagaimana cara memodifikasi dan mendesain tampilan blog, ketika berurusan dengan desain tampilan blog maka script yang dilibatkan adalah script HTML dan CSS saja. anda bisa juga melibatkan Javascript untuk membuat halaman situs lebih interaktif, namun di sini saya hanya akan lebih fokus ke HTML dan CSS saja, oh ya di sini saya tidak akan terlalu panjang lebar menjelaskan tentang apa itu script HTML dan CSS, namun disini saya akan jelaskan prosedurnya saja, jika anda mengerti anda bisa kembangkan dengan mudah dan lebih detail.

Bagaimana Script CSS Bekerja

Script CSS adalah script untuk mengatur tataletak dan mendekorasi halaman web, yang didekorasi oleh CSS adalah Tag-Tag HTML itu sendiri.

Lantas bagaimana cara kerja script css ini?

Cara kerja Script CSS begitu juga berlaku untuk javascript sangat sederhana, secript ini akan mngakses data yang terdapat didalam tag HTML kemudian memodifikasi Tag HTML melalui data yang terdapat pada tag tersebut:
a. Bisa melalui Nama tag.
b. bisa melalui Attribut Class yang dimiliki tag tersebut atau
c. bisa melalui Attribut ID yang dimiliki tag tersebut.

Jadi ketika anda ingin memodifikasi tag HTML dalam sebuah halaman situs, maka setidaknya anda harus tau terlebih dulu nama tag, atribut class atau atribut Id yang dimiliki oleh tag yang ingin anda modifikasi tersebut. jika anda sudah tau nama tag atau attribut ID atau attribut Class yang dimiliki oleh tag yang ingin dimodifikasi, maka anda bisa dengan mudah mendekorasi dan mengatur tataletak dari tag tersebut melalui 1 dari 3 cara diatas  (bisa melalui nama tag-nya, attribut id, atau atribut class).

1. Jika tag didekorasi menggunakan nama tag maka format perintahnya adalah:
nama_tag{perintah-perintah_css}
jika tag tersebut didekorasi melalui nama tag, maka cukup menggunakan nama tag saja didepannya.

2. Jika tag didekorasi melalui Atrribut class maka format perintahnya adalah:
.nama_attribut_class{perintah-perintah_css} 
Jika tag tersebut didekorasi melalui attribut class, maka perintah css harus dimulah dengan "." (baca titik) atau dot.

3. Jika tag didekorasi melalui Atribut ID, maka format perintahnya adalah:
#nama_attribut_id{perintah-perintah_css}
Inaget ketika kita mendekorasi tag melalui atribut ID, maka perintah CSS untuk mendekrasi tag tersebut harus dimulai dengan tanda # (baca: pagar).

Sebagai contoh:
Misalkan saja saya punya struktur html yang ingin dimodifikasi adalah sebagai berikut:
<html>
     <head>
         <title>contoh</title>
     </head>
     <body>
          <div id='main_content' class='main_content'>
               <h1 class='titleku' id='xxx'>Teknik dasar memodifikasi tampilan blog</h1>
          </div>
    </body>
</html>

Struktur html diatas jika dibaca oleh browser maka kan menampikan tulisan besar tebal dengan ukuran H1:
 Teknik dasar memodifikasi tampilan blog 

 Misalkan saja, saya ingin memberikan warna biru pada tulisan tersebut dan tulisannya ingin dirubah menjadi besar semua, ingat urusan mendesain adalah keja script CSS, maka salah satu cara adalah dengan menggunakan kode CSS sebagai berikut:

a. jika menggunakan attribut class (lihat attribut class untuk h1 diatas adalah titleku [class='titleku']), bisa dilihat bahwa atribut class yang dimiliki oleh tag h1 diatas namanya adalah titleku, maka untuk memodifikasi tulisan H1 tersebut kita bisa menggunakan nama class dari tag tersebut sebagai berikut:
.title{color : red; text-transform:uppercase}
b. atau bisa juga menggunakan nama tagnya (h1) menjadi
h1{color:red; text-transform:uppercase}
atau bisa juga melalui attrbut ID nya lihat h1 memiliki id='xxx' jadi nama attribut id nya xxx
#xxx{color:red; text-transform:uppercase}

kode css untuk memodifikasi halaman situs tersebut bisa disimpan diantara kode <head> pada struktur template blog anda
<head>
...
     kode-css
...
</head>

Sebenarnya CSS adalah script yang paling mudah jika dibandingkan dengan script atau bahasa pemrograman lainnya, agar anda bisa secara mudah mendekorasi halaman situs atau halaman blog anda, maka Anda harus mengusai CSS.

Ada banyak sekali teknik CSS untuk memodifikasi halaman situs, contoh diatas adalah contoh sederhana saja, yang jelas jika anda sudah tau tekniknya kode CSS itu mudah sekali dipelajari dan asik ketika dipraktekan.

Sebagai recomendasi untuk belajar CSS anda bisa belajar di situs W3School.com/css tutorial sangat lengkap untuk anda sebagai pemula.

Juga anda bisa belajar tutorial HTML juga disana w3school.com/html

Silahkan anda pelajari di situs tersebut sampai anda paham.

Bagaimana cara Memodifikasi Blog Anda Sendiri

Setelah memahami bagaimana cara kerja script CSS memodifikasi tag html, ini bisa diterapkan untuk blog anda manakala anda memiliki keinginan ingin memodifikasi tampilan halaman blog anda.

Caranya hampir sama kunci utamanya anda terlebih dahulu harus memahami instruksi-instruksi CSS.

Mungkin anda akan sedikit bingung bagaimana cara memodifikasi tampilan blog anda, sementara kalo dilihat template blog itu memiliki strukturkode yang begitu banyak, wah bisa pusinng dong!.

Mungkin bisa pusing jika anda tidak tau caranya.

Tutorial ini saya sajikan untuk blogger pemula yang kebetulan belum memahami bagaimana cara memodifikasi tampilan blog. saya akan kasih tau caranya.

Teknik Sederhana cara memodifikasi Tamplan Blog Anda?

Apapun bagian blog yang tampilannya bisa anda lihat, itu bisa anda modifikasi, misalkan menu, background, gambar, text, jenis tulisan, warna tulisan, tata letak dll, tapi anda harus tau nama tag atau atribut ID atau attribut class dari Tag yang ingin anda modifikasi.

langkah-langkah untuk memodifikasi halaman blog anda adalah sebagai berikut:

Silahkan anda buka Tampilan blog yang ingin anda modifikasi, misal untuk blog saya pribadi:



Misal dari tampilan blog diatas saya akan memodifikasi warna background menunya yang awalnya   berwarna orange saya akan modifikasi menjadi warna hitam.

Langkah-langkahnya adalah sebagai berikut:

a. Langkah pertama, kita harus cari tau tag apa yang digunakan oleh tampilan menu tersebut, kita bisa lihat juga attribut class atau attribut id yang digunakan oleh menu tersebut jika memang ada.

Untuk mencari tag yang digunakan oleh menu tersebut pasti akan sulit jika dilakukan secara manual, silahkan saja anda coba akses kode template blog anda pasti anda akan pusing melihat rangkaian kode template yang begitu banyak.

Cara termudah adalah dengan menggunakan bantuan dari browser, browser saat ini sudah menyediakan fasilitas yang bisa digunakan oleh pengembang. salah satunya adalah fasilitas inspect element,


b. Klik kanan pada tampilan halaman yang ingin dimodifikasi, kemudian pilih menu inspect elemet
sebagai contoh disini saya menggunakan browser mozila firefox. tampilannya seperi gambar dibawah ini:

Sebuah halaman web baik itu blog maupun website ketika anda akses sehingga tampil di halam Teknik dasar cara memodifikasi desain tampilan blog untuk pemula

Dengan memilih menu inspeksi elemen, fasilitas inspeksi elemen akan membantu anda untuk mempermudah  mendapatkan informasi nama TAG yang digunakan eleh sebuah tampilan (misalkan menu, logo warna text dll) yang akan anda modifikasi dan juga script CSS yang sedang digunakan oleh tag tersebut.

Akan muncul tampilan fasilitas inspeksi elemen seperti gambar dibawah ini:

Sebuah halaman web baik itu blog maupun website ketika anda akses sehingga tampil di halam Teknik dasar cara memodifikasi desain tampilan blog untuk pemula

Akan ada 3 bagian dari fasilitas inspeksi elemen yang nanti dapat digunakan untuk memodifikasi tampilan desain blog anda:

1. Tool Inspektor (untuk memudahkan menemukan tag html yang anda ingin modifikasi)
2. Struktur HTML window, menampilkan kode html halaman situs.
3. CSS window, yang memperlihatkan struktur script css yang menyusun tampilan tag yang dipilih.

Untuk memodifikasi tampilan, ada dua cara, memilih tag di bagian struktur html window, kemudian memodifikasi cssnya untuk melihat tapilan secara temporary. atau dengan menggunakan bantuan tool inspektor.

Agar mudah memilih tag yang tepat sesuai dengan bagian tampilan yang ingin kita modifikasi kita akan menggunakan Tool Inspektor,

Silahkan tekan tool Inspektor, kemudian arahkan pada bagian tampilan blog anda yang ingin anda modifikasi.

Sebagai contoh diatas, karena saya akan merubah tampilan background menu maka saya akan mengarahkan tool inspektor tersebut ke menu pada tampilan blog saya kemudian saya klik menu tersebut untuk melihat Tag html dan juga CSS yang menyusun tag tersebut. akan terlihat seperti gambar dibawah ini:

Sebuah halaman web baik itu blog maupun website ketika anda akses sehingga tampil di halam Teknik dasar cara memodifikasi desain tampilan blog untuk pemula

karena saya ingin merubah warna background menu blog saya, maka saya arahkan tool inspektor ke menu Home blog saya, menu tersebut akan terseleksi, dan terdapat informasi ukuran dari menu tersebut, silahkan anda klik jika seleksi sudah benar.

Anda akan melihat informasi di bagian bagah fasilits inspek elemen mengenai TAG HTML untuk menu tersebut dan juga CSS yang sedang digunakan oleh menu tersebut.

Sebuah halaman web baik itu blog maupun website ketika anda akses sehingga tampil di halam Teknik dasar cara memodifikasi desain tampilan blog untuk pemula


Anda akan diperlihatkan  tag HTML yang digunakan menu tersebut, dan juga script CSS yang sedang digunakan oleh tag HTML tersebut,

Di bagian HTML window
ternyata diketahui bahwa menu tersebut mengunakan tag a, yang letaknya di dalam tag li dengan attribut class="dropdown", dan tag li letaknya didalam tag Nav dengan id="navbarsecond"

Di CSS WIndow
Kita bisa lihat script css untuk tag a tersebut dibagian CSS Window. ternyata diketahui tag tersebut dimodifikasi dengan perintah CSS:
#navbarsecond .dropdown   a {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    padding: 5px 10px;
    background-color: #ea5e00;
    line-height: 1.2;
    margin-bottom: 10px;
}

untuk memodifikasi tag tersebut menggunakan #navbarsecond .dropdown   a, diakses menggunakan struktur dari tag orang tuanya dulu.

Karena kita akan memodifikasi background dari menu tersebut, maka kita tinggal ubah di bagian background-color menjadi :black atau #000

 silahkan anda edit (double click di bagian css window) di baris background-color: #ea5e00;
Kemudian silahkan anda ganti menjadi black atau #000. sperti ilustrasi gambar dibawah ini:

Sebuah halaman web baik itu blog maupun website ketika anda akses sehingga tampil di halam Teknik dasar cara memodifikasi desain tampilan blog untuk pemula

Kemudian tekan enter, maka anda akan melihat perubahan pada menu yang awalnya berwarna orange menjadi hitam, terlihat seperti gambar dibawah ini:

Sebuah halaman web baik itu blog maupun website ketika anda akses sehingga tampil di halam Teknik dasar cara memodifikasi desain tampilan blog untuk pemula

Penting :
Tampilan di atas hanya bekerja pada memory alias tidak permanen, jika blog anda direfresh maka tampilannya akan kembali ke awal seperti semula.

langkah tersebut harus anda tempuh sebelum anda menerapkan perubahan pada template blog anda, jika perubahan yang anda lakukan sesuai dengan yang anda inginkan maka anda bisa langsung menerapkannya pada template blog anda.

Lakukan perubahan pada template blog anda 

Setelah anda melihat perubahan yang terjadi melalui menu inspek element jika modifikasi yang anda lakukan sudah kelihatan cocok dengan desain yang anda inginkan, maka selanjutnya agar perubahan tersebut permanen untuk blog anda anda harus melakukan perubahan pada tempalte blog anda.

Langkah-langkahnya adalah sebagai berikut:

a. Pastikan anda sudah masuk ke akun blogspot anda

b. Aktifkan dengan memilih blog yang anda ingin modifikasi

c. Pada bilah menu sisi kiri pilih menu template > edit HTML untukmengaktifkan editor template.

d. Tekan CTRL+F untuk menampilkan mode pencarian

karena css yang kita modifikasi tadi menggunakan kunci #navbarsecond .dropdown   a, silahkan anda cari menggunakan text tersebut,

Setelah text tersebut ditemukan silahkan anda ubah di bagian yang sama ketika anda melakukan modifikasi menggunakan inspeksi element. yaitu untuk bagian
background-color:#.....
menjadi
background-color:#000

e. Simpan template blog anda.

Jika berhasil maka perubahan pada desain template blog anda akan permanen.



Kesimpulan.

Contoh diatas hanya sekedar ilustrasi sederhana bagaimana anda bisa melakukan modifikasi pada desain tampilan blog anda, sebenarnya banyak yang bisa anda lakukan yang penting anda mengusai perintah-perintah CSS dan juga HTML, dengan mengusai perintah CSS anda akan bisa memodifikasi tampilan yang meliputi tata-letak dan juga perwarnaan tampilan blog anda sesuai dengan yang anda inginkan.

Apapun flatform template blog yang anda gunakan untuk memodifikasi tampilan dan teta letak yang digunakan adalah kode CSS, namun mungkin cara meletakannya mungkin akan sedikit berbeda. 


Demikian artikel tentang Teknik dasar cara memodifikasi desain tampilan blog, semoga bermanfaat. dan selamat mencoba.
CARA Membuat Website Sendiri Mudah: Langkah dasar yang harus anda pelajari

CARA Membuat Website Sendiri Mudah: Langkah dasar yang harus anda pelajari

      Comment   
CARA Membuat Website Sendiri Mudah: Langkah dasar yang harus anda pelajari - Website adalah salah satu teknologi yang sangat populer di era teknologi informasi saat ini, adanya teknologi ini tidak lepas dari keberadaan teknologi internet, yaitu teknologi jaringan internasional yang menghubungkan komputer di seluruh dunia, salah satu teknologi yang menggunakan teknologi internet yang paling pesat perkembangannya dan banyak digunakan saat ini adalah website, yaitu sekumpulan halaman informasi yang disediakan melalui jalur internet sehingga bisa diakses di dimanapun dan kapanpun di seluruh dunia selama terkoneksi dengan jaringan internet.

Website merupakan sebuah komponen yang terdiri dari teks, gambar, suara animasi sehingga menjadi media informasi yang menarik untuk dilihat oleh orang lain. sedangkan yang berperan memfasilitasi antara internet dengan pengelolaan halaman website adalah  aplikasi web. halaman yang terdapat dalam website lebih kita kenal dengan sebutan web page sedangkan aplikasi yang mengelola web page adalah aplikasi web. Aplikasi Web adalah aplikasi yang hanya dapat berjalan dengan menggunakan bantuan browser, browser adalah aplikasi desktop untuk menampilkan web page atau halaman situs yang dikelola oleh aplikasi web, contoh browser yang saat ini populer yang biasa kita pakai sehari-hari untuk berselancar diinternet diantaranya adalah internet explorer, mozila firefox, google croome, opera dan browser-browser yang lainnya.

Bagaimana cara membuat website

Untuk membuat halaman website baik itu gratis maupun berbayar, dengan tujuan yang hendak dicapai sebenarnya ada beberapa teori yang harus dipelajari, yang paling pokok yang harus kita pelajari adalah bahasa pemrograman web, untuk pemula barangkali akan sedikit membingungkan, namun jika kita hendak membuat website sendiri mau tidak mau kita harus menguasai bahasa pemrograman web tersebut, dengan menguasainya kita bisa membuat halaman situs atau website apapun bentuknya, dan apapun tujuannya, baik itu halaman website sederhana untuk tujuan membuat website sekolah, membuat website toko online atau website lainnya baik itu resmi ataupun tidak resmi, apapun itu bisa kita buat. yang penting kita sudah menguasai intruksi bahasa pemrograman untuk membuat aplikasi web.

Pada saat ini sebenarnya untuk membuat website bisa sangat mudah dan cepat, karena banyak tersedia framework gratis yang bisa kita gunakan untuk membuat website, framework adalah krangka kerja, yaitu aplikasi setengah jadi yang diatur secara dinamis dan sudah dipermudah untuk bisa dikembangkan menjadi program jadi yang lebih lengkap sesuai dengan yang kita inginkan , sehingga jika kita memutuskan untuk membuat website sendiri dengan cepat dan mudah kita bisa menggunakan framework, dengan menggunakan framework pekerjaan bisa lebih cepat karena tidak harus membuat dari titik 0, kita tinggal merangkai kerangka kerja yang ada menjadi aplikasi yang lebih lengkap seperti yang kita inginkan, tidak seperti kita membuat website dari titik 0, biasanya akan membutuhkan waktu yang relative lama. namun tetap teori dasar bahasa pemrograman web harus tetap kita kuasai.

Bahasa Pemrograman Apa yang harus dikuasai untuk membuat website

Jika kita memutuskan untuk mempelajari bagaimana cara membuat website sendiri dengan mudah dan cepat, ada beberapa bahasa pemrograman web yang harus kita kuasai, banyak sekali bahasa pemrograman yang bisa kita pilih, namun karena website itu adalah aplikasi client server artinya ada komputer server yang mengelola sumber data untuk memenuhi permintaan client, dan client yang meminta sumber data pada server, oleh karena itu untuk membuat website bahasa pemrograman juga akan terfokus pada 3 bagian pokok, yaitu bahasa pemrograman untuk client dan bahasa pemrograman untuk server, kemudian ditambah dengan Database manajemen sistem (DBMS) untuk media penyimpanan datanya, kesimpulannya untuk membuat website kita harus menguasai 3 bagian pokok yaitu:

# Bahasa pemrograman Server
#Bahasa pemrograman Client
#DBMS (Database manajemen system.

berikut secara detail bagian-bagian yang harus kita pelajari agar pandai membuat website atau aplikasi web:

1. Bahasa pemrograman server untuk aplikasi web

Bahasa pemrograman server yaitu script yang di eksekusi disisi komputer server, untuk bahasa pemrograman server banyak sekali yang bisa kita gunakan, diantaranya adalah ASP, J2EE, PHP dan lain-lain, tapi kalo menurut saya pribadi lebih baik menggunakan PHP, pertama PHP open source gratis , PHP bersifat multiflatform (tidak terikat satu flatform saja) artinya php bisa digunakan dilingkungan semua sistem operasi, baik itu window, linux, mcOS maupun sistem operasi lainnya, PHP akan bisa jalan secara otomatis. dan PHP saat ini didukung dengan banyak referensi yang sudah tersedia di internet, sehingga tidak perlu khawatir, apalagi sudah banyak tersedia framework gratis untuk memudahkan mengembangkan aplikasi web dengan PHP, salah satu yang terkenal adalah code ignitor, apapun program aplikasi web yang akan dibuat baik itu untuk toko online, CMS, media belajar media sosial baik resmi maupun tidak, itu bisa kita buat dengan hanya mengandalkan referensi yang tersedia didunia internet.


2. Bahasa Pemrograman Client, untuk apliakasi web

Bahasa pemrograman client adalah script yang akan di eksekusi di sisi kompuer client dalam hal ini bahasa pemrograman client akan diterjemahkan oleh browser itu sendiri menjadi sebuah tampilan halam situs atau website, untuk bahasa pemrograman client, ada beberapa yang wajib kita kuasai yaitu:

a. Script HTML

Adalah script yang terdiri dari kumpulan tag (kode tertentu) yang dapat diterjemahkan oleh aplikasi browser, fungsi dari script HTML adalah dia sebagai fondasi dan pembungkus script lainnya yang membentuk struktur kode halaman situs.

b.  Script CSS, 

script css atau cascade style sheet adalah script yang berfungsi untuk mendekorasi atau menghias dan mengatur tata letak setiap tag script HTML, mewarnai, tata letak halaman situs adalah peran dari script CSS ini, script css adalah salah satu script yang mudah untuk dikuasai, jadi anda jangan berkecil hati untuk mempelajarinya. script CSS nanti akan di masukan atau dibungkus oleh script HTML dan diterjemahkan oleh web browser.

c. Java Script

Java script adalah bahasa pemrograman web yang berjalan disisi client,fungsi script ini adalah untuk memberikan sentuhan interaktif terhadap halaman situs, semacam animasi perubahan warna ketika mouse menyentuh sebuah button dan aksi interaktif lainnya, untuk java script memang akan sedikit sulit untuk dipelajari karena javascript berorientasi object, namun jangan khawatir, ternyata saat ini untuk menggunakan script ini sangat mudah dan sudah diserhanakan, yaitu dengan menggunakan framework, salah satu yang paling populer adalah JQuery, dan harus anda pelajari.

Bagaimana Proses Script web sehingga bisa menghasilkan tampilan halaman situs.

Setelah kita selesai membuat aplikasi web, kumpulan script atau kode yang menyusun aplikasi web tersebut seluruhnya akan disimpan di komputer server pada lokasi tertentu, dimana pada komputer server tersebut  sudah terinstal software server web didalamnya, Aplikasi web yang terdidi dari kombinasi kode server, kode client dan basis data akan diproses oleh web server sesuai dengan permintaan komputer client,

ketika komputer client meminta suatu halaman melalui web browser seprti mozila firefox, google croome, sapari, opera dan browser lainnya, baik itu dari pencarian google atau langsung dengan mengetikan pada address bar web browser, permintaan tersebut akan diteruskan ke server yang dituju, server kemudian akan memproses permintaan client tersebut, mencari dan memproses sesuai dengan permintaan komputer client melakukan akses basis data jika ada data yang dilibatkan dari basisdata, server pada umumnya akan menterjemahkan bahasa kode pemrograman yang tersedia, jika pemrograman tersebut mengandung script server, server kemudian akan memprosesnya dan menterjemahkannya kedalam bahasa HTML dan jika server menemukan bahasa pemrograman client server tidak akan memprosesnya dan membiarkannya untuk dikirim langsung, setelah seluruh permintaan client selesai diproses, hasil proses oleh komputer server kemudian akan langsung dikirimkan dalam bentuk bahasa pemrograman client (HTML, CSS dan javascript) ke komputer client, script yang dikirmkan oleh server kemudian akan diterima oleh komputer client melalui web browser semisal mozila, google croome atau web browser lainnya, web browser kemudian akan menterjemahkan script client yang diterima dari server tersebut menjadi tampilan halaman situs atau website.
 

Tool Untuk Mendukung Pembuatan Website

Setelah kita mengetahui bahasa pemrograman yang harus dikuasai untuk membuat aplikasi web, kemudian bagaimana interaksi komputer client server dalam memproses aplikasi web sehingga bisa menghasilkan halaman situs, langkah berikutnya adalah mengetehui bagaimana website tersebut dibuat dari mulai pengetikan kode program sampai website itu di uji coba sehingga hasilnya bisa kelihatan meskipun belum selesai 100%.
ketika kita sudah mengethui bahasa pemrograman yang harus dipersiaplan untuk mengembangkan aplikasi web untuk website, berikutnya kita harus memikirkan alat untuk mengembangkannya, karena perlu kita kethui bahasa pemrograman biasanya terpisah dengan editornya, yang harus kita persiapkan setelah mengetahui bahasa pemrograman yang harus dipersiapkan tool yang mendukung untuk pembuatan website yaitu:

 1.  IDE (Editor yang digunakan untuk menulis script bahasa pemrograman,
Pertama adalah kita harus menyiapkan editornya, untuk editor banyak sekali tersedia baik gratis maupun berbayar. diantarnya:

a. NetBean (Salah satu tool Editor terbaik gratis untuk menulis script html php maupun java)

b. Note Pad ++ (Editor gratis sederhana untuk menulis bahasa pemrograman web).

c. Dreamweaver tool untuk desain website dengan cepat, tool ini sangat tidak dianjurkan untuk pemula, kemudahan tidak akan membuat kita menjadi profesional, sebaiknya untuk pemula harus mulai memahami struktur dari dasar, yang cocok untuk pemula adalah Netbean meskipun harus mengetikan program satu persatu, itu akan membuat kita lebih memahami struktur kode yang paling dasar mengenai aplikasi web, dan itu yang akan membuat kita menjadi profesional.

d. dan lain-lain



2. Web Server Bundle (Apache, MySQL, PHP Interpreter)
Webserver adalah tool yang kita pasang instal di komputer server, tool ini berfungsi sebagai hosting, yaitu untuk meletakan file-file aplikasi web, dan juga yang sekaligus menterjemahkan atau memproses scriptweb menjadi halaman-yang diminta oleh komputer client. Webserver biasanya diinstal di komputer server, kemudian file-file aplikasi web nanti diharuskan disimpan di lokasi yang sudah disediakan oleh webserver tersebut.

Pada saat ini banyak tersedia webserver boundle yang sudah mengintegrasikan antara Apache, MySQL, PHP Interpreter secara otomatis, sehingga kita tinggal instal dan start mesinnya, tanpa harus mengintegrasikan ketiga boundle tersebut secara manual, salah satunya yaitu Xampp, untuk mulai membuat website xampp harus diinstalkan pada komputer yang akan digunakan untuk mengembangkan website.

Jenis Halaman Website

Lantas bagaimanakah kita membuat halaman website, untuk membuat halaman website gratis, ada beberapa framework yang bisa kita gunakan tergantung dari website seperti apa yang akan kita kembangkan, karena kalo dilihat dari isinya ada beberapa jenis website yang bisa kita gunakan tergantung keperluan, jenis- jenis halaman website diantaranya:

1. Sistem Informasi, yaitu halaman situs yang digunakan untuk pengolahan sistem informasi, misal untuk administrasi rumah sakit, perpunstakaan dan administrasi lainnya, halaman website seperti ini harus kita buat secara khusus, karena pada umumnya sistem informasi bersifat spesifik maka mau tidak mau untuk membuat halaman website untuk sistem informasi sebaiknya kita harus buat sendiri menyesuaikan dengan kebutuhan sistem yang akan dikembangkan.

2. CMS (Content manajemen System) halaman situs atau website yang dikhususkan untuk mengelola artikel, pada umumnya karena sifatnya standar, aplikasi website seperti ini bisa dikatakan paling banyak ditemukan dan banyak tersedia baik itu gratis maupun berbayar.



Membuat Halaman Website Gratis Sendiri


Dara beberapa jenis halaman website diatas, sebenarnya banyak tersedia halaman web gratis yang bisa kita gunakan. terutama untuk CMS banyak sekali tool atau penyedia layanan gratis yang siap kita gunakan tanpa mengeluarkan dana sepeserpun. jika kita memutuskan untuk membuat halaman situs CMS sendiri, beberapa penyedia layanan yang bisa kita gunakan adalah blog, antara lain:

1. Blogger
 Blogger adalah layanan CMS gratis milik google yang memungkinkan kita untuk membuat halaman situs dengan cepat dan mudah tanpa mengeluarkan dana sepeserpun, tugas kita biasanya hanya membuat artikel, menerbitkan artikel dan melakukan optimasi seo onpage dan offpage pada blog yang sudah kita daftarkan, untuk melakukan pendaftaran anda bisa mengikuti pandungan tentang cara membuat blog dengan mudah.

2. Wordpress
Sama halnyadengan blogger, wordpress adalah salah satu layanan blog, yang cukup terkenal dan digemari bagi kalangan blogger, karena wordress di gadang-gadang, salah satu blog yang memiliki optimasi seo yang baik yang difasilitasi dengan banyak plugin, wordpress memiliki DA (Domain Authority) yang lebih tinggi dari blogger, ini menunjukan otoritas domain dimata mesin pencari lebih baik dari pada blogger, namun blogger juga tidak kalah karena blogger anak emas dari mesin pencari terpopuler saat ini yaitu google, jika harus memilih menurut saya dua-duanya juga bagus.

3. Tumblr
Tumbler sama halnya dengan kedua blog diatas, namun tumbler boleh dibilang masih baru, tumbler saat ini dimiliki oleh yahoo. anda bisa mencobanya.



Demikian informasi yang bisa saya share mengenai CARA Membuat Website Sendiri Mudah: Langkah dasar yang harus anda pelajari, semoga bermanfaat.


6 Kemampuan yang harus dimiliki Seorang Blogger

6 Kemampuan yang harus dimiliki Seorang Blogger

      Comment   
Seiring perkembangan dunia internet, blogging adalah salah satu aktivitas yang cukup banyak digemari dan diminati saat ini, aktivitas utama blogging adalah mengisi blog secara konsisten dengan artikel yang bermanfaat sehingga blog yang kita miliki berpeluang untuk memiliki banyak pengunjung, ternyata saat ini untuk menjadi seorang blogger tidak hanya dikhusukan untuk kaum dewasa, dari mulai SMP bahkan sampai orang tua tidak sedikit yang menekuni profesi ini, namun untuk menjadi seorang blogger ada beberapa kemampuan yang harus kita miliki, dan saat ini kita harus bersyukur karena segala sesuatu mengenai informasi blogging tidak terlalu sulit kita dapatkan, yang penting kemauan dan selalu ingin belajar, semuanya bisa dipelajari apalagi banyak sekali refensi secara online yang bisa kita kaji dan kita manfaatkan.

Ada beberapa tujuan kenapa mereka memilih dunia blogging, ada yang hanya sekedar iseng belaka mengisi waktu luang, ada yang memang hobi dan juga ada yang benar-benar dengan tujuan untuk mendapatkan penghasilan melalui kemampuan yang mereka miliki dalam dunia blog. namun tetap saja yang dianggap sangat menguntungkan adalah yang mampu memonetisasi blognya dengan baik, bukan hanya bisa memberikan manfaat tetapi juga kita bisa menghasilkan uang dari dunia blogging.

Tentunya yang menjadi dambaan setiap blogger adalah menjadi  blogger profesional dan sukses, untuk mejadi blogger sukses bukan merupakan perkara yang mudah, semuanya perlu pengorbanan waktu dan tenaga,  dan yang menjadi modal dasar kita adalah memiliki kemampuan tentang dunia komputer dan internet.

Kemampuan Yang Harus dimiliki seorang blogger.

Berikut beberapa kemampuan yang harus dimiliki oleh blogger sebagai salah satu upaya untuk menjadi blogger profesioal dan sukses:

1. Mampu Menggunakan Komputer.

Ini adalah salah satu yang paling dasar, karena yang namanya blogging tidak akan lepas dari yang namanya komputer, dengan pemahaman dan kemampuan komputer yang baik ini akan menjadi titik awal dan bekal untuk  menjadi seorang blogger.beberapa kemampuan dasar komputer yang harus dimiliki adalah:
a. Mampu mengetik cepat (baik 10 jari atau 11 jari itu sama saja :p)
b. Bisa mengoperasikan komputer.


2. Bisa menggunakan Internet

Point kedua yang taidak kalah pentingnya adalah, kita dituntut harus mampu menggunakan internet dan segala-sesuatu yang digunakan untuk berinternet. karena blog adalah salah satu jenis aplikasi web dengan konsep CMS (Content Management System), tentu saja untuk berinteraksi kita memerlukan media internet, dengan memahami dan pandai menggunakan internet sepertinya untuk membuat blog dan bagaimana cara membuat blog dan kemudian dilanjutkan dengan memelihara dan mengembangkan blog bukanlah suatu perkara yang sulit.

3. Pandai Menulis Artikel

Berikutnya yang dituntut dari seorang blogger adalah kemampuannya dalam menyusun sebuah tulisan, tentu saja apa yang harus ditulis dan dituangkan dalam sebuah artikel adalah hasil dari apa yang dipahami dan bukan dari hasil kopi dan paste, sehingga artikel kita bisa menyandang predikat artikel berkualitas original menurut google, cara membuat artikel yang berkualitas tidak terlalu sulit yang penting kita tau caranya, dan harus diingat sebaiknya kita menghindari membuat artikel dengan cara melakukan kopi paste. karena tindakan seperti itu pada akhirnya bisa menyebabkan kita mendapatkan blacklist dari google, dan resiko terbesarnya adalah  berakhir di hapusnya blog kita tercinta dari dunia internet, silahkan baca juga: Penyebab blog dibanned dan dihapus google

4. Memahami Bahasa pemrograman web

Sebuah blog pada dasarnya adalah aplikasi web yang dibangun dengan bahasa pemrograman web,untuk membuat sebuah halaman situs kita membutuhkan beberapa bahasa pemrograman web, begitu juga untuk sebuah blog, utuk mendesain, mengatur tata letak bahkan membuat sebuah template blog membutuhkan pemahaman mengenai script blog yang baik, sehingga pengaturan apapun yang kita inginkan  itu akan mudah kita lakukan, beberapa bahasa pemrograman yang harus dikuasai oleh seorang bloggger diantanya adalah:

 a. HTML (HyperTextMarkup Language
HTML adalah bahasa dasar dari pemrograman web, bahasa ini sifatnya standar dan ini adalah bahasa pondasi yang menyusun halaman situs. HTML bisa dibilang salah satu bahasa pemrograman yang paling mudah untuk dipelajari, karena terdiri dari kumpulan perintah tersetruktur dalam bentuk Tag-tag yang mudah untuk diingat, silahkan baca juga Cara membuat struktur program html khusus pemula.

b. CSS (Cascade style sheet)
 Css salah satu script yang wajib dipelajari jika ingin menjadi blogger profesional, peranan kode CSS dalam halaman situs  adalah untuk mengtur tata letak dan dekorasi atau desain halaman situs, apa jadinya jika halaman situs tanpa CSS, dengan CSS kita bisa mengatur tata letak halaman situs sesuai yang kita kehendaki.

 c. Javascript
bahasa pemrograman lainnya adalah javascript, java script fungsinya adalah untuk membuat halaman situs lebih interaktif, misal : pembuatan dropdown menu jika diklik maka scroll ke bawah, dan lainnya, yang jelas peranan javascript untuk halaman web adalah agar halaman situs menjadi lebih interaktif dan hidup, kode javascript sifatnya opsional, boleh ada atau tidak, jika memang tidak terlalu dibutuhkan maka kita tidak perlu melibatkan javascript didalam kode halaman kita, namun jika diperlukan kita harus melibatkan javascript dihalaman kita.

Kode javascript salah satu bagian dari bahasa pemrograman web yang cukup sulit perlu teori khusus untuk memahaminya, namun saat ini sudah banyak tersedia framework yang cukup handal, sehingga penulisan kode javascript yang seharusnya panjang bisa dibuat sederhana dengan bantuan frameword, contoh salah satu framewok yang banyak digunakan saat ini dan sangat ringan adalah frameword javascript JQUERY.

Untuk beberapa kasus, banyak sekali para blogger yang sudah menyediakan faslitas fasiltas blog berupa widget dengan menggunakan javascript yang bisa langsung kita tempel, sehingga kita tidak perlu susah payah mempelajarinya, bisa saja namun kemampuan anda akan terbatas, dan sebaiknya jika berkeinginan menjadi blogger profesional kode yang satu ini harus dipelajari.


5. Memahami kode template Blog.

Blog pada umumnya memiliki framework tersendiri, dibuat agar kode didalamnya mudah untuk di otak atik, sehingga kode blog menjadi semakin dinamis, oleh karena itu setiap penyedia layanan blog memiliki kode khusus agar kode blog lebih sederhana dan mudah untuk dipelajari, tidak umun, tidak standar dan setiap template blog pasti memiliki aturan main kode yang berbeda-beda tergantung penyedia layanan blog tersebut, seperti misalnya, kode template blog berflatform blogspot akan berbeda dengan kode template wordpress dan lain sebagainya. untuk mengatur tata letak blog dan desain tampilan blog kita harus mampu menguasai kode template blog tersebut, untuk kita kombinasikan dengan CSS, html, dan javascript, sehingga apapun yang kita inginkan dan fasilitas apapun yang ingin kita buat bisa kita realisasikan dengan mudah.

6. Memahami SEO (Search Enggine Optimization)

Satu yang tidak kalah penting adalah memahami seo, seo atau optimasi mesin pencari adalah upaya yang kita lakukan sebagai webmaster dalam mengelola sebuah blog atau situs agar mudah ditemukan oleh mesin pencari, ruang lingkup seo terdiri dari dua asepek yaitu seo onpage dan seo offpage, seo onpage optimasi mesin pencari dalam blog atau situs itu sendiri, sedangkan seo offpage adalah optimasi yang dilakukan di luar situs seperti promosi, berburu backlink dan lain-lain, target seo pada intinya adalah agar blog yang kita miliki mudah ditemukan tujuan akhirnya adalah blog memiliki banyak visitor, semakin banyak visitor maka itu adalah sebuah keuntungan bagi kita, salah satu keuntungan yang bisa kita raup adalah uang dengan memonetisasi blog.

Demikian apa yang bisa saya bagikan untuk anda mengenai Kemampuan yang harus dimiliki Seorang Blogger, semoga bermanfaat.



Pentingkah Meta deskripsi untuk SEO ?

Pentingkah Meta deskripsi untuk SEO ?

      Comment   
Pentingkah Meta deskripsi untuk SEO ? - Meta deskripsi pada umumnya bisa kita sandingkan dengan judul artikel, meta deskripsi merupakan atribut HTML yang berisi tentang penjelasan singkat yang mewakili isi artikel secara keseluruhan,  fungsi dari meta deskripsi adalah membantu menyajikan informasi singkat dihasil pencarian google, deskripsi dari meta deskripsi akan ditampilkan di hasil pencarian google atau SERP,  jika kata kunci yang dijadikan kriteria pencarian memiliki relevansi dengan text yang terdapat dalam meta descripsi dari artikel yang bersangkutan.
Jumlah karakter yang terdapat didalam meta deskripsi sebaiknya tidak sembarangan, jumlah karakter optimal yang bisa kita masukan didalam meta deskripsi dianjurkan tidak lebih dari 155 karakter.
 meta deskrispi biasanya diletakan diantara kode <head> dan </head>, dan sangat dianjurkan ada didalam setiap artikel.

berikut adalah contoh penulisan meta deskripsi yang biasanya terletak di dalam struktur program html di area <head> dan </head>
<head>
<meta name="description" content=" deskripsi dari artikel anda">
</head> 
meta deskripsi tidak ditampilakan didalam halaman web, namun masih bisa dibaca oleh mesin pencari untuk di tampilkan sebagai deskripsi judul di hasil pencarian, jadi sangat dianjurkan sekali menambahkan meta description pada setiap artikel blog yang kita buat.

Pentingkah Meta deskripsi untuk SEO ?

Pada tahun 2009 Penjelasan google mengenai meta deskripsi, menyebutkan bahwa meta deskripsi sudah tidak lagi menjadi bagaian dari algoritma google ranking faktor, artinya meta deskripsi sudah tidak lagi menjadi faktor penentu ranking hasil pencarian mesin pencari dan tidak lagi menjadi acuan SEO, namun meskipun begitu keberadaannya masih dianggap penting untuk meningkatkan Click Trough Rate (CTR), artinya dengan adanya meta deskripsi yang teroptimasi dengan baik, dapat meningkatkan klik pengunjung ketika judul artikel dan deskripsi artikel ditemukan dihasil pencarian.

Boleh jadi artikel yang anda miliki mudah ditemukan oleh mesin pencari, namun anda jangan salah, banyak kompetitor dengan judul serupa yang muncul di posisi hasil pencarian sama baiknya dengan artikel anda tersebut, agar artikel anda mendapatkan peluang lebih baik untuk dikunjungi dari pada artikel kompetitor, salah satu yang  bisa anda lakukan adalah menyisipkan deskripsi artikel semenarik mungkin sehingga membuat pengunjung penasaran, dan pada akhirnya pengunjung memutuskan untuk mengunjungi artikel anda, sehingga secara tidak langsung dapat meningkatkan visitor organik blog anda.

Bolehkah tidak memasukan meta deskripsi pada artikel Blog?

Sepertinya tidak masalah jika anda memilih tidak memasukan deskripsi penelusuran pada tiap artikel blog yang anda buat, karena sudah disebutkan diatas, meta deskripsi saat ini tidak menjadi penentu google ranking faktor, namun meskpun begitu tetap harus anda pertimbangkan antara mengisi meta deskripsi atau tidak, itu juga jika blog anda kebetulan terintegrasi secara otomatis dengan media social seperti facebook misalnya, jika seperti itu keberadaan meta deskripsi pada artikel blog sepertinya akan sangat penting, karena pada umumnya postingan di media social selalu melibatkan judul artikel dan meta deskripsi dari artikel tersebut, jika tidak terdapat meta deskripsi pada artikel yang di share melalui media social facebook, maka posting media social mungkin akan mencantumkan hanya judul artikelnya saja.

Aturan Penulisan Meta Deskripsi?

Ketika kita menyisipkan meta description kedalam artikel yang kita buat, sangat dianjurkan untuk menggunakan kata-kata yang mengandung kata kunci yang anda bidik, juga harus mengandung setidaknya satu kata kunci LSI, dan sebisa mungkin menyajikan deskripsi yang dapat menarik perhatian pengunjung, kata kata yang bisa kita sisipkan agar deskripsi artikel bisa membuat penasaran pengunjung, diantarnaya adalah kata-kata yang menunjukan nominal, seperti 100 cara, 1000 cara,  juga kata-kata terbaik, tercepat dan lain sebagainya.

Adapun aturan penulisan meta deskripsi adalah sebagai berikut:

a. Buatlah deskripsi setidaknya terdiri dari 150 s/d 160 karakter, sebenarnya meta deskripsi bisa dibuat dengan jumlah karakter yang kita inginkan, namun tetap saja deskripsi tersebut akan dipotong jika melebihi batas text yang diizinkan dipencarian goog,e. pada akhirnya jumlah karakter deskripsi akan disajikan di hasil pencarian google dengan jumlah sampai 160 karakter saja


b. Tidak boleh mengandung kata yang sama lebih dari 2x, apapun bisa kita masukan pada meta deskripsi, namun disarankan ketika membuat deskripsi, jika memang harus ada kata yang sama, jumlah pengulangan kata yang sama tersebut tidak boleh melebihi 2 kali.

c. Hindari duplikat konten, yaitu membuat meta deskripsi yang identik atau sama antara deskripsi di artikel yang satu dengan deskripsi pada artikel lainnya dalam satu situs yang sama walaupun judul artikelnya berbeda satu sama lain, begitu juga untuk judul artikel, sangat tidak dianjurkan anda membuat 2 judul  artikel yang persis sama satu sama lain dalam satu situs, aktivitas seperti itu akan memberikan sinyal duplikat koten kepada mesin pencari, dan duplikat konten sangat tidak disukai oleh mesin pencari.

d. Janan memasukan karakter double Quote ("), jika dalam deskripsi yang kita masukan mengandung karakter tersebut, google langsung akan memotong deskripsi tersebut sampai batas ditemukannya tanda double qoute, dianjurkan jika memang harus memasukan tanda seperti itu lebih baik, tanda double quote diganti saja dengan singgle quote, dan harus diingat untuk tidak melibatkan karakter non-alphanumerik di meta deskripsi ini.

 Cara Mengaktifkan Fasilitas Input Meta deskripsi pada blogspot.

Pada umumnya blog terutama untuk blogspot, ketika pertama kali digunakan, fasilitas untuk menambahkan meta deskripsi secara default belum aktif, sehingga kita tidak bisa memasukan meta deskripsi untuk setiap artikel yang kita buat, oleh karena itu untuk dapat memasukan meta deskripsi untuk tiap artikel, maka kita harus mengaktifkan fasilitas input meta deskripsi terlebih dahulu,
langkah-langkahnya adalah sebagai berikut:

a. Masuk ke akun blog anda, pilih dan klik salah satu judul pada daftar blog anda, jika anda memiliki 1 blog dalam satu akun.

b. pada bilah menu sebelah kiri, silahkan anda pilih menu "stelan" kemudian pilih submenu "Preferensi Penelusuran"

c. Pada bagian tag meta untuk deskripsi, klik Edit

d. Pada tulisan "Aktifkan Deskripsi Penelusuran" Silahkan anda pilih "Ya"

e. Masukan deskripsi blog anda pada kotak yang disediakan, sesuai dengan topik blog anda. kemudian klik simpan.

Dengan mengaktifkan fitur tersebut diatas, sekaligus akan mengaktifkan fasilitas input meta deskripsi pada blog.

Cara menggunakannya sangatlah mudah, caranya ketika anda membuat artikel, pada menu sebelah kanan artikel anda, yang terdiri dari "Label", "Jadwal" dan lain-lain akan ditambahkan salah satu menu "Deskripsi Penelusuran", anda bisa klik menu tersebut, kemudian anda akan diminta untuk memasukan deskripsi dari artikel anda tersebut.


Demikian artikel sederhana menengai Pentingkah Meta deskripsi untuk SEO ?, semoga bermanfaat.