Tampilkan postingan dengan label Tutorial. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial. Tampilkan semua postingan

Merancang Website FrontPage

Work From Home (WHF), di tengah pandemi Corona memang menjadi pilihan tepat untuk meminimalisir berinteraksi dengan bertemuntya orang-orang yang dikhawatirkan sebagai pembawa Covid 19 tersebut. Jika anda sebagai pelaku atau akan berkecimpung sebagai pebisnis online tentunya sudah tidak asing jika pemasaran produk dipasarkan melalui berbagai media online seperti Facebook, Instagram, Website dan lain sebagainya.

Pada postingan kali ini akan membahas bagaimana cara merancang website yang sangat berguna sebagai Landing Page. Apa itu Landing Page ? Landing page adalah tempat/halaman mendarat ? Mendarat siapa ? Ya, tentu saja calon customer dan lead kita. Landing page biasanya dibuat tanpa tombol navigasi, hanya ada ajakan call to action ( CTA ).


Untuk bisa mengedit sebuah images atau gambar anda bisa memakai layanan seperti photoshop atau sejenisnya. Sedangkan untuk merancang website anda pakai saja frontpage. Karena Frontapage sangat mudah dan lebih mudah bisa anda kuasai dibanding layanan lain.

Saya tidak akan mengulas bagaimana cara mengoperasikan photoshop karena pada akhir postingan ini akan kami berikan sebuah ebook teknik photoshop lengkap mulai dasar sampai mahir.

Kini fokus pada merancang website, jika anda belum mempunyai aplikasi frontapage aplikasi alternative yang mirip dengan fronpage bias anda install disini : www.nvu.com.

Cara penggunaan
  1. Buka aplikasi nvu
  2. Buat table sesuai keinginan, kami contohkan 1 kolom dengan header konten dan footer



  3. Masukan gambar untuk header sesuai ukuran yang tampil yaitu 767 px X 131 px, anda bisa mengedit gambar tersebut bisa dengan menggunakan photoshop
  4. Masukan juga konten atau isi caranya sama dengan Microsoft windows
  5. Demikian juga dengan dengan footer
Pada dasarnya secara basic cara merancang sebuah website seperti diatas. Tapi jika anda ingin mengembangkan lebih dalam dan rinci, kami sudah mempersiapkan sebuah tutorial bagaimana secara rinci membuat website dengan dukungan seo yang sangat dibutuhkan agar bisa lebih cepat terindex search engine.

Sebuah bonus juga kami berikan untuk anda yaitu aplikasi perancang website berbayar dalam format CD yang akan kami kirimkan ke alamat anda beserta tutorial merancang website yang sudah di CD kan. Jika berminat silahkan hubungi kami.

Share:

Gratis Domain NET Hanya Satu Hari 11 Oktober 2016

Hari gini masih pakai domain gratisan ? Saatnya untuk beralih ke custom domain. Dengan memiliki nama domain website atau blog dengan nama sendiri tentu akan banyak kelebihan yang didapat. Mudah diingat, marketable dan sangat SEO friendly adalah beberapa kelebihan yang akan kita dapat ketika kita memiliki nama website atau blog dengan nama domain nama sendiri.

Banyak orang-orang terkenal dan pesohor di negara ini yang menyadari akan pentingnya hal yang satu ini. Salah satu tokoh yang memiliki blog dengan nama sendiri adalah saya bagussugiarto.com. He...he... numpang promo.

Bagi anda yang peduli dengan kredibilitas dan menginginkan blog atau websitenya dengajn domain nama kita atau sesuia keperluan, saya akan berbagi domain gratis 0 rupiah.

Hanya saja domain yang akan saya tawarkan dengan TLD [dot]net bukan [dot]com. Lumayanlah dari pada memakai yang gratisan........

MinaT ??

Simak syaratnya;

Syarat dan Ketentuan Promo :

  1. Promo akan dimulai pada tanggal 11 Oktober 2016 pukul 07.00 WIB. 
  2. Gratis .NET dibatasi oleh kuota sejumlah 1500. 
  3. Promo gratis .NET berakhir pada tanggal 11 Oktober 2016 pukul 24.00 WIB. 
  4. Untuk gratis .NET ini hanya bisa diorder 1 domain saja bagi setiap pelanggan. 
  5. Setelah order dilakukan wajib untuk melakukan konfirmasi dan memastikan domainnya aktif. 
  6. Order yang tidak terproses sampai batas waktu dengan kendala apapun akan dibatalkan.
  7. Hal-hal yang belum diatur dalam syarat dan ketentuan promo ini akan ditetapkan kemudian dan mutlak tidak bisa diganggu gugat.
Buruan daftar ramai ramai melalui links berikut.  DOMAIN NET GRATIS

Jangan lupa untuk mengisi kode kupon gratis domain net:  freedotnet

Hanya satu hari tanggal 11 Oktober 2016.........................!!!!!!!!!!!!!!!!!!!
Share:

Tools Merancang Website

Sebelum kita mulai membuat atau mendesain sebuah website ada baiknya atau bahkan kita wajib mengetahui tools atau aplikasi yang diperlukan selama kita bekerja. Bukankah tidak lucu jika kita bekerja tapi kita sendiri tidak tahu alat yang dipergunakan bahkan kita sendiri tidak punya alat apa yang diperlukan selama.bekerja.


Berikut ini adalah beberapa kategori dan jenis software yang harus diketahui oleh seorang calon desainer web:

Software untuk membuat desain Untuk membuat desain suatu website biasanya para desainer web dimulai dengan software ini sebagai tampilan sementara atau dalam membuat layout website.
  1. Adobe Photoshop : Desain berbasis titik (bitmap), dan dapat memotong gambar-gambar ke dalam format html.
  2. Adobe Fireworks : Desain berbasis titik (bitmap), vector, dan dapat memotong gambar-gambar ke dalam format html.
  3. Adobe Image Ready : Memotong gambar-gambar ke dalam format html.
  4. Adobe Illustrator : Desain berbasis vector
  5. CorelDraw : Desain berbasis vector
  6. Adobe Freehand : Desain berbasis vektor
  7. Software untuk menambahkan efek desain.
Menambahkan efek dilakukan untuk menghidupkan desain yang telah Anda rancang. Seperti menambah efek cahaya, tekstur dan manipulasi teks.
  1. Adobe Fireworks : Efek teks
  2. Painter : Memberikan efek lukisan
  3. Ulead Photo Impact : Efek frame dan perancangan ikon yang cantik.
  4. Plugins Photoshop: Seperti Andromeda, Alien Skin, Eye Candy, Kai’s Power Tool, dan Xenofex juga sangat mendukung untuk memberi efek desain sewaktu Anda mendesain layout website di Photoshop.
  5. Software pembuat animasi
Penambahan animasi perlu untuk membuat website agar kelihatan menarik dan hidup.
  1. Adobe Flash : Menampilkan animasi berbasis vektor yang berukuran kecil.
  2. Adobe Fireworks : Membuat animasi file gif. 3D Studio Max : Untuk membuat objek dan animasi 3D.
  3. Gif Construction Set: Membuat animasi file gif.
  4. Microsoft Gif Animator : Membuat animasi file gif.
  5. Swift 3D : Merancang animasi 3D dengan format file Flash.
  6. Swish : Membuat berbagai macam efek text dengan format file Flash.
  7. Ulead Cool 3D : Membuat animasi efek text 3D.
  8. Software web editor
Software web editor digunakan untuk menyatukan keseluruhan gambar dan tata letak desain, animasi, mengisi halaman web dengan teks dan sedikit bahasa script.
  1. Adobe Dreamweaver
  2. Microsoft Frontpage
  3. Alaire Homesite
  4. Cold Fusion
  5. Net Object Fusion
  6. Software untuk pemrograman web
Hal ini dilakukan setelah sebagian besar desain website telah selesai. Pemrograman bertugas sebagai akses database, form isian dan membuat web lebih interaktif. Contoh : membuat Buku Tamu, Fromulir Pendaftaran, Forum, Chatting, Portal, Lelang, dan Iklan baris.
  1. PHP
  2. ASP ( Active Server Page )
  3. Borland Delphi
  4. CGI ( Common Gateway Interface )
  5. Perl
  6. Software untuk melakukan upload ke web hosting
File html Anda harus diletakkan (upload) di suatu tempat (hosting) agar orang di seluruh dunia dapat melihat website Anda.
  1. Adobe Dreamweaver: dengan fasilitas Site FTP
  2. Microsoft Frontpage : dengan fasilitas Publish
  3. LeapFTP
  4. Bullet FTP
  5. CuteFTP
  6. WS-FTP
Banyak sekali memang software untuk membuat suatu website dan Anda tidak perlu mempelajari semua software tersebut di atas. Tapi untuk mempermudah, bagi pemula lebih baik dimulai terlebih dulu dengan mempelajari software Microsoft Frontpage atau Adobe Dreamweaver agar lebih mengenal aturan-aturan membuat website dan mengenal bahasa html. Setelah itu baru Adobe Photoshop atau Adobe Fireworks yang dipakai kebanyakan para desainer.
Share:

Membuat Spoiler di Blogspot

Fungsi Spoiler adalah selain untuk menyembunyikan content berupa text dan kode juga bisa untuk sembunyikan gambar dalam ukuran besar serta video. Cara Kerja Spoiler adalah, content yang ditaruh di dalam spoiler hanya bisa dilihat seluruhnya oleh pembaca apabila tombol perintahnya diklik. Untuk membuktikannya silahkan Anda klik tombol spoiler di bawah ini:

Cara pasang spoiler pada postingan blog/website bukanlah hal yang sulit, karena kita tinggal memasukan isi content ke dalam kode HTML dan menaruhnya dalam content posting.

Berikut kode HTML untuk memasang spoiler di blog.

<div>
<div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;">
<span style="font-weight: bold;"></span><input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = ' Jangan Ditutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'TUTUP'; }" style="font-size: 11px; margin: 5px; padding: 0px; width: 100px;" type="button" value=" BUKA" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
Text yang disembunyikan</div>
</div>
</div>
</div>

contoh:

 
Text yang disembunyikan


Semoga bermanfaat. (goes)


Share:

Mengalihkan Halaman Error 404 Pada WordPress

Pernah buka halaman website dengan pesan ERROR 404 karena halaman yang dicari tidak ditemukan ?? atau bahkan website wordpress sobat juga mengalaminya ??

Pada kesempatan ini saya akan berbagi bagaimana mengalihkan halaman error 404 ke halaman website tertentu .

Halaman not found 404 biasanya terjadi karena kesalahan penulisan URL baik itu saat menuliskan url di address bar browser, kesalahan penulisan link yang menuju blog / web atau karena halaman telah dihapus. 404 merupakan salah satu kode pesan galat (pesan yang ditampilkan ketika kondisi yang tidak diinginkan terjadi).

Melakukan redirect / pengalihan 404 pada website WordPress sangat mudah untuk dilakukan. Dengan melakukan redirect, halaman 404 akan dialihkan ke halaman lain misalnya dialihkan ke halaman awal (home).

Terlalu banyak halaman tidak ditemukan akan mempengaruhi peringkat di mesin pencari, untuk itu google dan bing menyediakan alat untuk mengetahui jumlah eror 404, dengan menggunakan alat dari google (google webmasters) dan bing (webmasters tool) pemilik situs juga dapat menghapus halaman 404 dari indeks mesin pencari. Langsung saja, berikut cara redirect (mengalihkan) halaman 404 not found di Wordpress

  • Login ke admin area WordPress anda 
  • Pilih menu Appearance dan pilih Editor
  • Perhatikan kolom disebelah kanan, cari 404 template hapus dan ganti apa yang ada disitu yang berupa kode php.
  • Ganti dengan kode php berikut
 <?php
header( 'Location: http://domain_tujuan' ) ;
?>

Untuk mengakhiri tinggal klik update file. Dan yang perlu diperhatikan bahwa kode php yang untuk mengganti kode pha bawaan susunan harus sama persis dengan yang saya postingkan atau lebih baiknya dicopas saja. 

Karena sedikit saja salah dalam menyusun kode tersebut akan berakibat fatal yaitu fungsi php tidak akan bekerja. Maksud dari susunan adalah spasi atau yang lainnya.

Berikut keterangan gambar yang lebih lengkap dan jelas.


Eit... tunggu dulu, mungkin anda tidak yakin dengan tutorial sederhana ini, lah blog ini alirannya blogger kok ngasih tutorial WordPress.!!!!!! Jangan salah, meski blog ini dari blogger tapi tutorial diatas bisa dibuktikan kebenarannya bukan sekedar kopas.  (goes)
Share:

Fans Page