close

Web Design

Web Design

Cara Menggunakan BootsTrap Untuk Pemula

Bootstrap

Cara menggunakan Bootstrap untuk pemula, Oke Linkers Bootstrao adalah platform baru yang dikembangkan tim twitter. Pertama kali muncul pada ajang hackweek dan kini sudah mulai penyempurnaan. Platform ini hanya menggunakan bootstrap dengan sedikit coding CSS dan JavaScript namun Linkers tetap dapat membuat website yang powerfull dan mengikuti perkembangan browser. Website yang menggunakan bootstrap akan menjadi website yang fleksibel, nyaman dan tentu saja cepat loh.Untuk cara menggunakan bootstrap silahkan simak panduannya berikut ini guys ;

  • Cara menggunakan bootstrap yang pertama. Download Bootstrap di web Bootstrap
  • Cara menggunakan bootstrap yang kedua yaitu Ekstrak dan buat struktur folder untuk web
  • Buka text editor seperti notepad++ atau sublime dan buat struktur html seperti biasa, dimana terdapat section head,title, dan body
  • Buka text editor seperti notepad++ atau sublime dan buat struktur html seperti biasa, dimana terdapat section head,title, dan body
  • Masukkan / copy-paste kode berikut diantara tag <head> </head>

<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<!– Bootstrap –>
<link href=”css/bootstrap.min.css” rel=”stylesheet”>
<!– HTML5 Shim and Respond.js IE8 support of HTML5 elements and mediaqueries –>
<!– WARNING: Respond.js doesn’t work if you view the page TUTORIALS POINT Simply Easy Learning via file:// –>
<!–[if lt IE 9]>
<script src=”https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js”></script>
<script src=”https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js”></script>
<![endif]–>

  • Tambahkan kode berikut diatas tag </body>

<!– jQuery (necessary for Bootstrap’s JavaScript plugins) –>
<script src=”https://code.jquery.com/jquery.js”></script>
<!– Include all compiled plugins (below), or include individual filesas needed –>
<script src=”js/bootstrap.min.js”></script>

  • Sekarang kita akan mencoba membuat tulisan diantara tag <body> dan </body>

</pre>
</div>
<div><h1><center> Hello World! </center></h1></div>
<div>

Nah sobat Linkers jika sudah mengikuti tahapan di atas kini kalian bisa jalankan file yang buat tadi sebagai contoh latihan.html yang sudah dibuat.
 
Gimana? jadi lebih keren kan? , Semoga artikel sederhana ini dapat bermanfaat buat kalian ya Linkers, dan khususnya, terpenting nih membuat Linkers makin ciamik dalam rombak-merombak website.

“THANKS FOR COMING”

read more
Web Design

Kriteria Design Website atau Blog yang Baik

Kriteria-Design-Website

Kriteria Design Website atau Blog yang Baik, Sebuah website/blog dapat dinilai memiliki desain yang baik apabila memenuhi kriteria penilaian tertentu yang mungkin saja berbeda tergantung dari sudut pandang penilai. Meskipun demikian, secara umum terdapat lima kriteria desain website yang baik yang bisa digunakan sebagai acuan bagi Anda untuk membuat desain website/blog Anda sendiri atau hanya sekedar memperbaiki desain website yang sedang Anda gunakan.

Tujuan yang digunakan sebagai dasar acuan kriteria-kriteria berikut adalah pengunjung baru dimana tentunya kesan pertama memiliki nilai tersendiri di mata mereka. Biasanya, pada kunjungan kedua dan seterusnya, penilaian akan beralih pada hal lainnya seperti konten website/blog yang bersangkutan. Pentingnya menunjukkan kesan pertama yang menggoda dalam sebuah desain website bisa dianalogikan dengan ketika Anda mencoba menunjukkan kesan pada lawan jenis bahwa Anda adalah sosok yang menawan.

  1. Waktu loading yang cepat
    Dari sudut pandang manapun, waktu loading yang cepat harus menjadi perhatian utama. Apabila wesite Anda gagal ditampilkan dengan sempurna dalam waktu beberapa detik, biasanya pengunjung baru enggan berlama-lama menunggu dan memutuskan untuk meninggalkan website/blog Anda. Biasanya ini terjadi pada pengunjung yang berasal dari hasil pencarian dimana mereka membutuhkan informasi yang tepat dan singkat.
  2. Tidak memiliki halaman antara
    Halaman antara adalah halaman yang ditampilkan sebelum halaman utama ditampilkan yang biasanya disebut dengan Splash Page atau Intermission. Halaman seperti ini biasanya berisi ucapan selamat datang atau bahkan iklan. Halaman seperti ini sering ditemukan, seringkali hanya berisi logo website/blog dengan tulisan “Click here to Enter Site” di bawahnya. Hal ini sungguh mengganggu bagi pengunjung website Anda.
  3. Tidak memuat file multimedia yang terlalu banyak
    Video dan audio adalah konten multimedia yang cukup mengganggu pengunjung dan memang tidak efektif. Biasanya pengunjung akan langsung mengecilkan volume atau bahkan menutup website/blog Anda. Apabila file multimedia memang diperlukan, buat agar file tersebut tidak langsung dijalankan pada saat website dibuka dan tambahkan link untuk mengaktifkan file multimedia tersebut.
    Bentuk lain yang cukup mengganggu adalah gambar animasi, sebisa mungkin tempatkan gambar animasi di luar konten utama website Anda sehingga pengunjung tidak terganggu ketika berusaha membaca konten tersebut.
  4. Memberikan pesan, kesan dan tautan yang jelas
    Pengunjung akan segera meninggalkan website/blog Anda jika mereka tidak mendapatkan kejelasan tentang apa yang ditawarkan pada website Anda. Berikanlah informasi yang cukup pada halaman website Anda mengenai isi website tersebut seperti judul yang cukup jelas dibaca dan menginformasikan isi halaman website Anda. Berikan tautan (link) yang menuju halaman-halaman lain pada website Anda.
    Tempatkan tautan ini pada tempat yang mudah dijangkau dan jelas terlihat. Hindari pemuatan tautan yang menuju halaman website yang masih dalam pengembangan. Sebagai alternatif, berikan pesan yang menyebutkan bahwa halaman tersebut akan dapat diakses pada jangka waktu tertentu.
  5. Memiliki desain dengan struktur yang tepat dan mudah dimengerti
    Tentukan struktur penempatan konten website seperti header, footer, menu navigasi dan blok iklan. Usahakan struktur tersebut sama pada setiap halaman sehingga pengunjung tidak dibuat bingung dengan misalnya, menu yang berpindah-pindah.

Usahakan agar pemilihan warna, penempatan logo website dan font yang digunakan konsisten pada setiap halaman sehingga pengunjung tidak merasa berpindah ke website lainnya. Jangan pernah menempatkan iklan yang lebih banyak daripada konten Anda karena pengunjung tidak mencari iklan melainkan konten website Anda.

Dengan mengikuti kriteria tersebut, peluang Anda dalam memberikan kepuasan kepada pengunjung akan lebih tersedia. Dapat disimpulkan bahwa desain website yang baik dilihat dari sudut pandang target pengunjung bukanlah sebuah website dengan tampilan mewah nan indah, melainkan sebuah desain terstruktur dan informatif serta memberikan kemudahan pada setiap pengunjung untuk mengeksplorasi website Anda.

Meskipun demikian, sebuah desain website yang baik belum tentu bisa membuat penunjung tetap mengunjungi website Anda. Banyak hal lain yang harus juga dipenuhi seperti konten yang selalu ter-update serta akurasi sebuah artikel yang ditawarkan.

Semoga bermanfaat Linkers.

“THANKS FOR COMING”

read more
ArtikelWeb Design

Bahas Asik Penggunaan HTML5 ?

HTML5

Haii Sobat Linkers.. Kalian pada tau apa itu HTML5 gak sii, pasti sudah ada yang tau dan ada juga yang belum tahu, Oia pada posts sebelumnya gw udah share tentang Pengertian HTML & Cara Menggunakannya, nah pada kesempatan kali ini gw mau update artikel mengenai HTML5 nii, kali aja para sobat Linkers lagi ada yang belajar di kampus tentang HTML5 dan atau memang lagi mempelajari apa itu HTML5, oke berikut penjelasan tentang HTML5 yang gw kutip dari berbagai simber yang berkeliaran di google. 

Pengertian HTML5

Dari penjelasan yang gw kutip di wikipedia jadi HTML5 merupakan sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari World Wide Web, sebuah teknologi inti dari Internet Linkers. HTML5 adalah revisi kelima dari HTML dan hingga bulan Juni 2011 masih dalam pengembangan.

Dimana tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin.

HTML5 merupakan hasil proyek dari W3C (World Wide Web Consortium dan WHATWG ( Web Hypertext Application Technology Working Group ). Dimana WHATWG bekerja dengan bentuk web dan aplikasi dan W3C merupakan pengembang dari XHTML 2.0 pada tahun 2006, kemudian mereka memutuskan untuk bekerja sama dan membentuk versi baru dari HTML.

Berikut tujuan dibuatnya HTML5 :

  • Fitur baru harus didasarkan pada HTML, CSS, DOM, dan JavaScript
  • Mengurangi kebutuhan untuk plugin eksternal ( Seperti Flash )
  • Penanagan kesalahan yang lebih baik
  • Lebih markup untuk menggantikan scripting
  • HTML5 merupakan perangkat mandiri
  • Proses pembangunan dapat terlihat untuk umum

Fitur baru dalam HTML5 :

  • Unsur kanvas untuk menggambar
  • Video dan elemen audio untuk media pemutaran
  • Dukungan yang lebih baik untuk penyimpanan secara offline
  • Elemen konten yang lebih spesifik, seperti artikel, footer, header, nav, section
  • Bentuk kontrol form seperti kalender, tanggal, waktu, email, url, search.

Nah.. Dari beberapa browser sudah mendukung HTML5 seperti safari, chrome, firefox, dan opera. Kabarnya IE9 ( Internet Explorer ) akan mendukung beberapa fitur dari HTML5.

Pembuatan HTML5 juga di karenakan Standard HTML4 yang dijumpai banyak memiliki kelemahan untuk mendukung aplikasi web yang interaktif. Akibat hal ini banyak orang menambahkan fitur baru baik disisi aplikasi web ataupun disisi browser. Solusi ini dikenal dengan plugin dan salah satunya adalah Flash dan Silverlight.

Semakin menjamurnya plugin didalam aplikasi atau browser membuat aplikasi web ini susah untuk menembus banyak browser. Hal ini dikarenakan setiap plugin mempunyai cara yang berbeda-beda Linkers, sebagai contoh kita ingin memasang plugin flash untuk sharing video maka pada halaman web kita harus ditulis sebagai berikut,

<object type=”application/x-shockwave-flash” width=”400″ height=”220″ wmode=”transparent” data=”flvplayer.swf?file=movies/holiday.flv”>
<param name=”movie” value=”flvplayer.swf?file=movies/holiday.flv” />
<param name=”wmode” value=”transparent” />
</object>

Contoh diatas menggunakan plugin Flash dari Adobe untuk menjalankan aplikasi web pada browser maka lain caranya bila kita menggunakan Silverlight. Teknologi Silverlight dikembangkan oleh Microsoft. Contoh penggunaan Silverlight pada halaman web dapat dilihat pada HTML dibawah ini,

<object width=”300″ height=”300″ data=”data:application/x-silverlight-2,” type=”application/x-silverlight-2″ >
<param name=”source” value=”SilverlightApplication1.xap”/>
</object>

HTML5 ini dibuat menyederhanakan kompleksitas penggunaan media video dengan standard baru yaitu penggunaan tag <video>. Dengan fitur baru ini maka kita cukup menulis script untuk menjalankan file video sebagai berikut

<video src=tutorialku.mp4>
</video>

Isu bagaimana menjalankan file video pada aplikasi web merupakan salah satu contoh bagaimana HTML4 tidak dapat mencakup masalah ini dan masih banyak lagi isu pada HTML4. Oleh karena itu, kita sudah saatnya memanfaatkan HTML5 sebagai standard aplikasi web kita.

Apakah Browser Saya Support HTML5?

Bagaimana caranya untuk menguji apakah browser yang anda install itu sudah support HTML5 atau tidak dan seberapa banyak fitur HTML5 yang disupport? Caranya cukup mudah Linkers, pertama-tama pastikan komputer kita sudah terhubung dengan internet dan arahkan ke alamat web sebagai berikut:

http://html5test.com

Dari data yang ada pada website itu browser Maxthon 3.4.1 merupakan browser terbaik dalam hal mendukung bahasa HTML5 dengan 422 total skor diikuti kemudian dengan google Chrome 20 dengan 414 total skor kemudian berturut-turut Opera 12.00 dengan 385, Firefox 13 dengan 345, Safari 5.1 dengan 317 dan Internet Explorer 9 dengan 138 point.

Nah gimana para sobat Linkers semua sudah pada di simak’kan artikel Bahas Asik Penggunaan HTML5 ?, semoga dalam penjelasan tentang HTML5 ini dapat membantu dan bermanfaat pastiinya untuk para pembaca linkquitz.com

Berbagai Sumber.

“THANKS FOR COMING”

read more
ArtikelDownloadGraphic DesignMockup TemplateWeb Design

Download Free Under Construction Template

under-construction
Download Free Under Construction Template, Hari ini Saya membawa Anda dalam hal yang mungkin menakjubkan, mencari under construction Template gratis untuk di-download. Tamplate ini akan terlihat bagus untuk semua situs web under construction Anda, di mana Anda sedang bekerja dan akan memberikan pengguna pengalaman yang baik sementara mereka menunggu untuk website Anda akan selesai dan upload. Ini gratis Tampate under construction dibuat dalam monoton indah dengan abu-abu dan hitam satu-satunya warna. Mengatur terhadap latar belakang kabur lembut, ini di Tampate under construction memberitahu pengguna dan pemirsa bahwa website ini masih dalam pembangunan dan menampilkan tingkat kemajuan dengan rapi sedikit persentase bar yang mengisi sebagai pekerjaan berlangsung sehingga orang akan memiliki perkiraan mengenai waktu penyelesaian.
Dengan enam ikon media sosial diatur dalam bagian bawah, termasuk facebook, twitter, google ditambah dll pengguna dapat mengikuti situs pada beberapa media sosial dan tetap up-to-date pada berita tentang pekerjaan Anda, Lekas Download Free Under Construction Template hari ini Happy free downloading !!

Resources : Intro inlineProxima NovaSocial Media Icons

 http://www.freebiesgallery.com/download/Psds/free-under-construction-template.zip

 

Name file : free-under-construction-template.zip

| Size file : 5,9 MB |

“THANKS FOR COMING”

read more
ArtikelDownloadMockup TemplateWeb Design

Download 20 Responsive Templates Free

20-template

Download 20 Responsive Templates Free If you still have any doubts about how important it is for you to adopt a responsive layout, it is time for you to stop wondering. It doesn’t matter what you are working on, your website need to work smoothly in all browsers. From desktops to smartphones and the huge range of mobile devices, you need to make sure your layout is adaptable and that the user will have a good experience, apart from where he is visiting you from

The importance of responsive design is so well known and talked about that a lot of designers and developers made the amazing work of creating responsive templates to make our lives easier. This way if you don’t have time to create things from scratch you can always count with a good quality template to help you out. If time was your number one issue to adopt a responsive web design, we got you covered.

If you still don’t have a responsive design, you are probably losing users/customers, and in times where mobile devices are growing exponentially, there is no excuses for you to avoid taking you website to the next level. To help you getting started, we will show here 20+ Free Responsive Templates. From portfolios to corporate, from ecommerce to real state and more, we have several great templates that will make your life easier. Make sure to visit each template’s page to see more info about it and to check out a demo. Enjoy.

Limelight Download Gallery Responsive Website Template

Limelight’s Responsive web template and Mobile template download the package design will support all the devices. You can use this template for different needs like corporate website, Photo Gallery, Blogs and more….

20+ Free Responsive Templates for you to Try

Appstore Responsive Mobile website template

Use Appstore Responsive template to start a Mobile App website or any application website. You can use this template by changing the images and other content. It’s header is floating and the template is very user friendly with good looks.

20+ Free Responsive Templates for you to Try

Slide Landing Page

Slide Landing Page is a clean, flat and professional corporate Template for agencies and creative studios. It can be customized easily to suit your wishes.

20+ Free Responsive Templates for you to Try

Clean and Flat Whity Ecommerce Responsive

Clean and Flat Whity Ecommerce Responsive web design template which can be used for Online Shopping, eCommerce websites as well as mobile compatible devices.

20+ Free Responsive Templates for you to Try

LifeTrackr a Landing page Flat Responsive web template

LifeTrackr a Landing page flat and professional Template for your apps. It can be customized easily to suit your wishes.
That comes with a free Flat Responsive web design template. You can use this template for any type of websites.

20+ Free Responsive Templates for you to Try

Pix Photography folio Mobile Website Template

Pix Photography folio is a Mobile Website Template. It is loosely based on a photographers folio website. However, you could use it for any application. This template comes with a bold pink coloring with some great geometric shapes in the header background. Be sure to see more of this geometric design.

20+ Free Responsive Templates for you to Try

Webworld V2 Corporate Flat Responsive web template

Webworld v2 a professional free corporate Flat Responsive web design template. You can use this template for any kind of website. This web template is built in a corporate style, but you can use this template as per your requirement. Webworld V2 designed with a good color scheme and good flow of elements. These are the strong points to consider if you plan to use this free web design template.

20+ Free Responsive Templates for you to Try

Aqual Singlepage Flat Responsive Web Template

Aqual Single page Flat Responsive web is a mobile webdesign used for agency, portfolios, corporate, and non-corporates. Aqual is one such web template which is ready to meet your needs. It is a flat, modern singlepage template. You will find clean and minimal flat ui design in this web template. This is an all build which is editable and fully Responsive built with web technologies using HTML5 and CSS3.

20+ Free Responsive Templates for you to Try

Voyage a Flat Travel Responsive Web Template

Voyage a Flat Travel that comes with a free Flat Responsive web design template. You can use this template for any type of websites like cleartrip, makemytrip, travel.yahoo, southerntravelsindia. This web template is built in a Fancy style however it can be used as per the user requirements. Voyage designed with a good color scheme and good grid style of elements.

20+ Free Responsive Templates for you to Try

Mobile Cloud a App based Mobile Website Template

Mobile Cloud is an Mobile App based Responsive Template which is useful to start Mobile application based websites. It’s HTML5 CSS3 Responsive Mobile app will support users to experience your website with any device browser. This template comes with great features such as floating header menu and its a single page template. This template is used by app developers, app designers, personal apps companies and different type application websites.

20+ Free Responsive Templates for you to Try

Bloom portfolio Single page Responsive website template

Bloom is a portfolio based single page Responsive website. This template is used for personal portfolio website, corporate or product showcase website. One can change the images and data in the template and make it fit to their needs. Bloom has been designed using web technologies such as HTML5 and CSS3 to make it responsive device friendly. Bloom comes in three versions Responsive Web template, Smatphone web template and Mobile Web Template.

20+ Free Responsive Templates for you to Try

Travel Media – A Travel Guide Mobile Website Template

The travel media is a travel guide Mobile web template. This can be used to start a website for travel agencies, tourism places, and guides. We are using Responsive slider, lightbox plugin for web and Mobile Templates. This template supports all browsers, for Mobile phones. This comes in three different designs for different browsers.

20+ Free Responsive Templates for you to Try

Launchpad Product Service Launch Responsive web Template

Today’s Responsive web and Mobile template is Launchpad which is designed by FreebiesXpress. It’s a minimalistic design which is 100% Responsive, SmartPhone and Mobile versions. Use Launchpad to start a company website or for your Product, service website. Launchpad is single page website with floating header menu and smooth scrolling page.

20+ Free Responsive Templates for you to Try

Webfolio – A Flat Responsive website template

Webfolio is a web designer personal portfolio that comes with a free Flat Responsive web design template. You can use this template for any kind of website. Webfolio designed with a good color scheme and good grid style of elements.

20+ Free Responsive Templates for you to Try

Flat Single Page Responsive web template

Flat Single Page Responsive web template is based on the Flat Design trend. It is colorful, decent and good looking Responsive template which attract users. Flat Single Page Responsive website template is a multi-purpose web design. It comes with four sections including Blog showcase. Use this template for creative Portfolio or Business Website and for what ever need you have.

20+ Free Responsive Templates for you to Try

Intent Flat Responsive Wedding web template

Intent Flat Responsive Wedding web template is a wedding website template which is responsive and mobile friendly. You can use intent to start your wedding details website. It is a beautiful design perfect for wedding. It comes with four pages including Blog, Portfolio. guide your wedding attenders with map and contact details.

20+ Free Responsive Templates for you to Try

Retina Corporate Flat Responsive web template

Retina is a good design for Creative Corporate website. The menu of this web template accomodates Company Profile, Personal Portfolio, corporate, non-corporate, Call centres, Creative Blog and more… “Retina” is a creative modern and multipurpose Responsive web and Mobile Template. The design is very elegant and modern, and also very easy to customize.

20+ Free Responsive Templates for you to Try

Skokov Corporate Flat Responsive web template

SKOKOV is a great design idea for Creative Corporate website. It consists of Company Profile, Personal Portfolio, Creative Blog and more… “SKOKOV” is a creative modern and multipurpose Responsive web and Mobile Template. The design is very elegant and modern, and also very easy to customize.

20+ Free Responsive Templates for you to Try

4Pets animals Mobile Website Template

The 4Pets animals Mobile website template is an ecommerce website for pets. The template is used to provide the user information about pet cares, pets clinic, animals related forum are else.

20+ Free Responsive Templates for you to Try

Fotos Website Launching Soon Mobile Website Template

Fotos Website Launching Soon Under Construction is a free web and mobile template. This template design is a pure html and responsive css representation.

20+ Free Responsive Templates for you to Try

Perth flat Responsive design Mobile Website Template

This Template was designed by Peter Finlan. Perth is a single page Flat Responsive web and Mobile template. This is ideal for any kind of website.

20+ Free Responsive Templates for you to Try

Real Deal – Real Estate Mobile Website Template

The Real Deal is a Mobile web template that can be used to start a website for Real estate brokers, and real estate businesses. We are using jquery slider for web and Mobile Templates. This template supports all browsers, Mobile phones. This template comes in three different designs for different browsers.

20+ Free Responsive Templates for you to Try 

“THANKS FOR COMING”

read more
ArtikelWeb Design

Kriteria Bagus Membangun Web atau Blog

website

Kriteria Bagus Membangun Web atau Blog, Sebuah website/blog dapat dinilai memiliki desain yang baik apabila memenuhi kriteria penilaian tertentu yang mungkin saja berbeda tergantung dari sudut pandang penilai. Meskipun demikian, secara umum terdapat lima kriteria desain website yang baik yang bisa digunakan sebagai acuan bagi Anda untuk membuat desain website/blog Anda sendiri atau hanya sekedar memperbaiki desain website yang sedang Anda gunakan.

Pengunjung baru sebagai target utama

Tujuan yang digunakan sebagai dasar acuan kriteria-kriteria berikut adalah pengunjung baru dimana tentunya kesan pertama memiliki nilai tersendiri di mata mereka. Biasanya, pada kunjungan kedua dan seterusnya, penilaian akan beralih pada hal lainnya seperti konten website/blog yang bersangkutan. Pentingnya menunjukkan kesan pertama yang menggoda dalam sebuah desain website bisa dianalogikan dengan ketika Anda mencoba menunjukkan kesan pada lawan jenis bahwa Anda adalah sosok yang menawan.

Waktu loading yang cepat

Dari sudut pandang manapun, waktu loading yang cepat harus menjadi perhatian utama. Apabila wesite Anda gagal ditampilkan dengan sempurna dalam waktu beberapa detik, biasanya pengunjung baru enggan berlama-lama menunggu dan memutuskan untuk meninggalkan website/blog Anda. Biasanya ini terjadi pada pengunjung yang berasal dari hasil pencarian dimana mereka membutuhkan informasi yang tepat dan singkat.

Tidak memiliki halaman antara

Halaman antara adalah halaman yang ditampilkan sebelum halaman utama ditampilkan yang biasanya disebut dengan Splash Page atau Intermission. Halaman seperti ini biasanya berisi ucapan selamat datang atau bahkan iklan. Halaman seperti ini sering ditemukan, seringkali hanya berisi logo website/blog dengan tulisan “Click here to Enter Site” di bawahnya. Hal ini sungguh mengganggu bagi pengunjung website Anda.

Tidak memuat file multimedia yang terlalu banyak

Video dan audio adalah konten multimedia yang cukup mengganggu pengunjung dan memang tidak efektif. Biasanya pengunjung akan langsung mengecilkan volume atau bahkan menutup website/blog Anda. Apabila file multimedia memang diperlukan, buat agar file tersebut tidak langsung dijalankan pada saat website dibuka dan tambahkan link untuk mengaktifkan file multimedia tersebut.

Bentuk lain yang cukup mengganggu adalah gambar animasi, sebisa mungkin tempatkan gambar animasi di luar konten utama website Anda sehingga pengunjung tidak terganggu ketika berusaha membaca konten tersebut.

Memberikan pesan, kesan dan tautan yang jelas

Pengunjung akan segera meninggalkan website/blog Anda jika mereka tidak mendapatkan kejelasan tentang apa yang ditawarkan pada website Anda. Berikanlah informasi yang cukup pada halaman website Anda mengenai isi website tersebut seperti judul yang cukup jelas dibaca dan menginformasikan isi halaman website Anda. Berikan tautan (link) yang menuju halaman-halaman lain pada website Anda.

Tempatkan tautan ini pada tempat yang mudah dijangkau dan jelas terlihat. Hindari pemuatan tautan yang menuju halaman website yang masih dalam pengembangan. Sebagai alternatif, berikan pesan yang menyebutkan bahwa halaman tersebut akan dapat diakses pada jangka waktu tertentu.

Memiliki desain dengan struktur yang tepat dan mudah dimengerti

Tentukan struktur penempatan konten website seperti header, footer, menu navigasi dan blok iklan. Usahakan struktur tersebut sama pada setiap halaman sehingga pengunjung tidak dibuat bingung dengan misalnya, menu yang berpindah-pindah.

Usahakan agar pemilihan warna, penempatan logo website dan font yang digunakan konsisten pada setiap halaman sehingga pengunjung tidak merasa berpindah ke website lainnya. Jangan pernah menempatkan iklan yang lebih banyak daripada konten Anda karena pengunjung tidak mencari iklan melainkan konten website Anda

Dengan mengikuti kriteria tersebut, peluang Anda dalam memberikan kepuasan kepada pengunjung akan lebih tersedia. Dapat disimpulkan bahwa desain website yang baik dilihat dari sudut pandang target pengunjung bukanlah sebuah website dengan tampilan mewah nan indah, melainkan sebuah desain terstruktur dan informatif serta memberikan kemudahan pada setiap pengunjung untuk mengeksplorasi website Anda 

Meskipun demikian, sebuah desain website yang baik belum tentu bisa membuat penunjung tetap mengunjungi website Anda. Banyak hal lain yang harus juga dipenuhi seperti konten yang selalu ter-update serta akurasi dari sebuah artikel yang ditawarkan, Semoga bermanfaat untuk artikel Kriteria Bagus Membangun Web atau Blog.

kutip : zainalhakim

“THANKS FOR COMING”

read more
ArtikelWeb Design

Panduan Pemula Membuat Website Sendiri

web-srart

Panduan Pemula Membuat Website Sendiri Hey !! Jadi, Anda akhirnya memutuskan untuk membuat website Anda sendiri, tetapi hanya tidak punya ide bagaimana untuk melakukan tentang itu ? dan posting ini adalah sumber yang sempurna untuk Anda. Ok’s Pada artikel ini saya akan memberikan sebuah penjelasan yang mudah Anda mengikutinya, komprehensif, dan efektif panduan tentang cara untuk memulai sebuah situs web.

Tapi sebelum aku memberikan penjelasan dengan rincian, biarkan aku mengarahkan Anda terlebih dahulu. Ada platform atau website yang akan memungkinkan Anda untuk memiliki “website” Anda sendiri tanpa mengeluarkan sepeser pun uang, bahkan Mereka akan memungkinkan Anda untuk memulai sebuah situs web dengan sedikit kerumitan, usaha, dan waktu. Karena ini mungkin terjadi, Anda tidak memiliki kebebasan penuh untuk mengkonfigurasi situs Anda saat Anda berada di bawah kekuasaan pemilik server.

Selain ini, membuat sebuah website dilengkapi dengan tanggung jawab yang besar. Anda harus mampu mengelola website dan tetap up to date. Selain itu, Anda harus memastikan bahwa Anda memiliki desain web yang efektif, baik di front-end dan back-end.
Sekarang, saya yakin bahwa Anda sudah tahu bagaimana untuk mulai membuat website Anda. Jadi ini dia!

Pikirkan Nama Domain Yang Baik dan Mendaftar.

Sebuah nama domainadalah namayang akan Anda gunakanuntuk website Anda. Ini adalahbagian yang paling menarik. Penamaansebuah situs web sepertimemberinama untukhewan peliharaan baruAnda.

Anda dapat menggunakan checkdomain.com untuk menentukan apakah nama domain masih tersedia. Jangan khawatir jika nama domain Anda sudah diambil. Dengan hanya menambahkan satu atau dua kata di awal dan akhir, Anda masih bisa mempertahankan nama yang Anda inginkan.

Hanya catatan, nama domain akan memainkan peran penting untuk identitas website Anda. Oleh karena itu penting bahwa Anda memilih nama domain yang akan melengkapi tujuan dari situs Anda. Domain Anda juga harus pencari ramah sehingga orang akan dapat menemukan dan mengingat website Anda dengan mudah.

Beberapa orang berpendapat bahwa nama domain yang panjang dan deskriptif lebih baik daripada yang pendek. Saya menyarankan agar Anda membuat domain sesingkat mungkin dan membuatnya sejelas mungkin.

Saya memiliki domain yang terdaftar dengan GoDaddy, Namecheap, dan Dreamhost, tapi saya pasti akan merekomendasikan Anda untuk menggunakan Namecheap.com Mereka menyediakan berbagai fitur dan layanan pelanggan yang sangat baik juga. Saya telah bersama mereka selama hampir 2 tahun sekarang. Dreamhost adalah favorit saya sampai mereka berhenti mendukung nameserver kustom. Jadi saya memutuskan untuk melakukan penelitian dan menemukan lain registrar domain yang besar, Namecheap selalu dinobatkan sebagai salah satu yang terbaik.

Memilih Web Host

Sekarang bahwaAnda memiliki nama domainAnda, dan Andatelah memeriksaketersediaan, sekarang saatnya untukmemilih web host. Andaharus dapatmendaftarkan namadomain Anda kehandal dankredibelwebhost. Ingat, Andakemungkinan besar akanbekerjadenganweb host untukwaktu yang sangat lama, oleh karena itu sangat pentingAnda menjelajahibanyak pilihan yang tersediasaat inisebelum membuat keputusan.

Aku akan memberikan dua pedoman umum tentang cara memilih web host. Pertama, jangan tergoda dengan penawaran yang luar biasa yang tampak terlalu realistis. Ada banyak web hosting perusahaan saat ini yang tidak cukup kompetitif untuk membantu Anda dalam jangka panjang. Mereka akan mencoba untuk memikat Anda dengan menjanjikan penawaran hebat dan menawarkan.

Kedua, pilih mapan, kredibel, dan dapat diandalkan web host. Dengan cara ini, Anda dapat secara signifikan menurunkan risiko Anda membuang-buang uang, waktu, dan energi.
Saya akan merekomendasikan Dreamhost.com, Bluehost atau hostgator.com Ketiga selalu teratas. Saya sudah mencoba mereka untuk klien saya sebelumnya dan tidak pernah benar-benar memiliki masalah.
 

Merancang Situs Web Anda

Setelah mendapatkannama domain Anda terdaftar, sekarang saatnyauntuk desain website Anda. Sekarang Anda memiliki dua pilihan di sini. Anda dapat menyewa seseorang untuk melakukan perancangan atau melakukannya sendiri. Jika Anda memiliki pengetahuan dan pengetahuan teknis tentang bagaimana merancang sebuah website, maka Anda dapat merancang sebuah website dalam waktu singkat. Jika Anda tidak cukup percaya diri dengan keahlian desain Anda, Anda dapat memilih untuk meminta desainer web untuk membuat website Anda dari atas ke bawah.

Ada beberapa alat admin tersedia secara online yang akan membantu Anda merancang situs web Anda tanpa pengetahuan coding. Salah satu contoh yang baik adalah WordPress di mana Anda hanya mengetikkan teks yang Anda inginkan di halaman visual yang kemudian perangkat lunak WordPress secara otomatis akan melakukan coding untuk Anda.

Tema sangat penting juga. Anda dapat pergi melalui internet dan menemukan tema yang sempurna untuk tujuan dan fungsi website Anda. Beberapa bebas sementara yang lain datang dengan harga yang wajar. 

Tambahkan Konten

Sebuah desain akan sia-sia jika Anda tidak memiliki konten. Anda dapat menggunakan video, gambar, dan teks sebagai bagian dari konten website Anda. Seperti yang diharapkan, isinya harus relevan dengan website Anda. Ini harus cari-ramah juga. Pastikan bahwa Anda memiliki hak konten yang Anda gunakan untuk menghindari masalah di masa depan. Pada titik ini, Anda juga bisa menyewa orang untuk menambahkan konten untuk website Anda. 

Membuat Website Yang Anda Search-Friendly

Tidak peduli seberapamengesankandesain danisi dari website Anda, mereka semuaakan mendidihapa-apa jikatidak ada yang akanmengunjungisitus Andadi tempat pertama. Ada banyak carauntuk mempromosikan website Andadan meningkatkanvisibilitas. Misalnya, gunakanSearch Engine Optimization(SEO) teknik untuk meningkatkanPage Rank(PR) dari situs Anda. Gunakan mediasosial sertauntuk melibatkanlebih banyak orang. Cara lainuntuk mempromosikan website Andaadalah dengan menggunakanpemasaran email, pemasaran mobile, pemasaran afiliasi, iklan, bayar per-klik iklan, dan banyak lainnya.

Dasar-line adalah untuk membuat website Anda bermanfaat dan relevan. Jika orang akan melihat website Anda sebagai sesuatu yang berguna, kemungkinan besar mereka akan terus datang kembali ke website Anda dan memberitahu teman Anda tentang Anda. 

Final Word

Saya percaya langkahini cukup untukmembiarkan Anda belajar membuatwebsite Anda sendiri. Jangan khawatir,sebagian besar perusahaanweb hosting yanguser-friendly. Mereka akan memberikaninformasi lebih lanjutsaat Anda memulainya. Sejakwebhosting perusahaanmemiliki cara yang berbedatentang bagaimanamereka beroperasi, akan sulitbagi sayauntuk benar-benarmencakup semua dari mereka.

Mulai website Anda adalah bagian termudah dari proses. Kerja keras masih ada di depan ketika Anda mencoba untuk tetap bertahan dan mengalahkan persaingan yang ketat di dunia online. Anda akan membutuhkan komitmen, kesabaran, dan sumber daya untuk dapat berhasil dalam upaya ini, Semoga bermanfaat untuk arikel Panduan Pemula Membuat Website Sendiri.

“THANKS FOR COMING”

 

read more
ArtikelWeb Design

Cara Membuat Nama Penulis di Blogspot Author

Author

AUTHOR / PENULIS adalah sebutan bagi orang yang melakukan pekerjaan menulis, atau menciptakan suatu karya tulis. Menulis adalah kegiatan membuat huruf (angka) menggunakan alat tulis di suatu sarana atau media penulisan, mengungkapkan ide, pikiran, perasaan melalui kegiatan menulis, atau menciptakan suatu karangan dalam bentuk tulisan.

Ok, sesuai dengan sepenggal penjelasan tengtang Author / Penulis kali ini Rendy ingin ngshare ini sebuah artikel yang ngbahas tentang Cara Membuat Nama Penulis di Blogspot Author.

Langsung pada tahap pertama yang harus di perhatikan dengan CSS kalian dengan mengcopy code di bawah ini dan letakan di atas code 

]]></b:skin>

 Berikut script yang blogers harus paste ..

#adminprofiler {
float:left;
width:98%;
border-top:1px solid #eaeaea;
margin-top:0px;
border:1px solid #eaeaea;
padding-top:0px;
padding-right:10px;
background:#fdfdfd!important;
margin-bottom:30px;
}

.Authoravata img {
float:left;
width:100px;
border:1px solid #eaeaea!important;
background:#f8f8f8!important;
margin:10px;
padding:15px!important;
}

.Authordesp {
padding-bottom:20px;
font-size:13px;
}

.authornames h3 {
text-transform:uppercase;
font-weight:700;
margin:0;
padding:18px 20px 15px 10px;
}

Ok, Jika blogers sudah mengcopy paste code CSS di tempat yang benar saatnya mulai cara penempatannya blogers kini lanjut untuk penempatan Author / Punulis, blogers dapan meletakan code ini di mana aja sesuka hati blogers, karna ini code script sangat frendly blogers dapat meletakan di  home stelah pos atau juga dengan tambah widget dan copy paste kode di bawah ini  ..

<div id=’adminprofiler’>
<div class=’Authoravata’><img src=’Ganti Dengan Gambar Blogers‘/>
</div>
<div class=’authornames’><h3>Ganti Dengan Nama Blogers</h3></div>
<div class=’Authordesp’>Dan disini ganti dengan keterangan Author / Penulis ( Blogers Sendri ) </div>
</div>

Kalo bloger ingin meletakan seperti contoh yang saya berikan bloger bisa letakan tepat di bawah Lebel Berikut penampakannya ..

Penampakan di atas ini versi saya meletakannya tepat di bawah Lebel, Nah bagi blogers yang ingin meletakan sama dengan saya tinggal ikutin aja carannya yaah ..

Semoga bermanfat untuk artikel Cara Membuat Nama Penulis di Blogspot Author..

“THANKS FOR COMING”

read more
ArtikelWeb Design

Pengertian dan Cara Menggunakan HTML Dalam Website

HTML

Pengertian dan Cara Menggunakan HTML Dalam Website, Bagi seorang blogger pasti sering melihat kata ini “HTML”.  Dan mungkin banyak dari kita yang bertanya apa sih HTML itu? Dan bagaimana cara menggunakannya,. Oleh karena itu dalam artikel ini saya akan mencoba menjelaskan sedikit apa itu HTML?. Bagaimana sejarahnya serta kegunaannya.

Pengertian HTML

Langsung saja dari pengertian yang saya dapatkan di wikipedia : Pengertian HTML dalam Website yang  singkatan dari HyperText Markup Language merupakan sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah Penjelajah web Internet dan formating hypertext sederhana yang ditulis kedalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan kedalam format ASCII normal sehingga menjadi home page dengan perintah-perintah HTML.

HTML sendiri terdiri dari sejumlah perintah dimana kita bisa men-set judul, garis, table, gambar dan lain- lain yang disebut tag atau kode-kode yang dimengerti oleh web browser dan dapat menampilkannya di layar monitor.  Setiap tag masih dapat dilengkapi lagi oleh sejumlah attribute. Dibawah ini sebagian contoh tag dan attributenya :

<html>

<head>

<title>cuma nyoba aja</title>

</head>

<body bgcolor=”red”>

<font face=”arial black” color=”yellow” size=”5″ >Ngung Xi Yuk Choi</font>

</body>

</html>

Tulisan berwarna biru adalah tag, hijau adalah attribute dan orange adalah nilai/value dari attribute. Itu sedikit contoh apa itu tag dan atribbute pada html

Sejarah HTML

Dari bacaan di Wikipedia HTML bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).

Konsep HTML diciptakan pertama kali oleh IBM pada tahun 1980 pada saat tercetus ide untuk meletakkan elemen-elemen yang menandai bagian suatu dokumen seperti judul, alamat dan isi dokumen. Lalu, pada akhirnya elemen-elemen itu menjadi suatu program untuk melakukan pemformatan dokumen secara otomatis. Bahasa pemprograman untuk melakukan tugas tersebut disebut markup language, atau lebih lengkapnya IBM menamai program tersebut sebagai Generalized Markup Language (GML).

Konsep ini pada tahun 1986 disetujui oleh ISO (International Standard Organization) sebagai standar bagi pembuatan dokumen-dokumen dengan keluarnya ISO 8879. ISO menamai GML ini menjadi SGML (Standard Generalized Markup Language).

Nah itulah sedikit sejarah dari HTML untuk lebih lengkapnya bisa dibaca di Wikipedia.

Perkembangan HTML

Sebelum suatu HTML disahkan sebagai suatu dokumen HTML standar, ia harus disetujui dulu oleh W3C untuk dievaluasi secara ketat. Setiap terjadi perkembangan suatu versi HTML, maka mau tak mau browser pun harus memperbaiki diri agar bisa mendukung kode-kode HTML yang baru tersebut. Sebab jika tidak, browser tak akan bisa menampilkan HTML tersebut.

HTML versi 1.0

Kemampuan yang dimiliki versi 1.0 ini antara lain heading, paragraph, hypertext, list, serta cetak tebal dan miring pada teks. Versi ini juga mendukung peletakan image pada dokumennya tanpa memperbolehkan meletakkan teks disekelilingnya (wrapping).

HTMl versi 2.0

Pada versi ini, penambahan kualitas HTML terletak pada kemampuannya untuk menampilkan suatu form pada dokumen. Dengan adanya form ini, maka kita dapat memasukkan nama, alamat, serta saran/kritik. HTML versi 2.0 ini merupakan pionir dari adanya homepage interaktif.

HTML versi 3.0

HTML versi 3.0 menambahkan beberapa fasilitas baru seperti table. Versi ini yang disebut juga sebagai HTML+ tidak bertahan lama dan segera digantikan HTML versi 3.2

HTML versi 4.0

HTML versi 4 ini memuat banyak sekali perubahan dan revisi dari pendahulunya. Perubahan ini terjadi di hampir segala perintah-perintah HTML seperti table, image, link, text, meta, imagemaps, form, dan lain- lain.

HTML versi 5

HTML versi 5 ini merupakan HTML versi terakhir pada saat sumber ini diambil. Pada HTML ini memiliki fitur baru yaitu  : Unsur kanvas untuk menggambar, Video dan elemen audio untuk media pemutaran, Dukungan yang lebih baik untuk penyimpanan secara offline, Elemen konten yang lebih spesifik, seperti artikel, footer, header, nav, section, Bentuk kontrol form seperti kalender, tanggal, waktu, email, url, search.

Nah itulah sedikit penjelasan mengenai Apa itu HTML? Pengertian dan Cara Menggunakan HTML Dalam Website.

“THANKS FOR COMING”

“THANKS FOR COMING”

read more