Latest: Download Free Desktop Wallpapers of Chef Loony! | Series: AuthorRank? | Download MBT eBooks!

Anda membuat sebuah website diperlukan sedikitnya 4 langkah


Web Design Minimalis
Memilih desain terbaik untuk web perusahaan anda sangatlah penting, kecuali jika anda hanya ingin membangun sebuah web berbasis bisnis, mungkin anda tidak terlalu memikirkan bagaimana desainnya melainkan bagaimana sistem bisnis pada web tersebut berjalan optimal. Membangun sebuah website memerlukan proses dan waktu yang tidak cepat.
Untuk membantu Anda membuat sebuah website diperlukan sedikitnya 4 langkah, yaitu :

1. Memastikan tujuan pembuatan website

Sebelum anda mencari perusahaan jasa pembuatan website, alangkah baiknya jika anda mendifinisikan garis besar isi dan tujuan dari web yang ingin anda buat. Buatlah beberapa pertanyaan yang dapat menunjang dalam suksesnya pembuatan web anda, seperti dibawah ini :
- Apa tujuan anda membuat website?
- Apakah web tersebut menjual atau hanya sekedar company profile?
- Apakah anda memiliki katalog produk?
- Siapa saja target pasar anda?
- Apakah sudah punya merk?
- Siapa saja kompetitor anda?
- Apakah mereka sudah mempunyai website? Jika iya, seperti apa website mereka?
- Seberapa cepat anda ingin web anda langsung jadi?
- Apa yang terjadi jika anda tidak membuat website tersebut?

Mungkin untuk menjawab pertanyaan diatas agak memakan waktu, namun jika anda mempunyai waktu luang anda dapat menulis jawabannya di selembar kertas. Karena pertanyaan tersebut biasanya akan ditanyakan terlebih dahulu oleh setiap perusahaan jasa web design sebelum mereka membuat web perusahaan anda. Jika anda sudah mendapatkan semua jawaban diatas, anda akan mempunyai beberapa kriteria untuk memilih desain terbaik untuk website anda. Misal jika anda ingin membuat web toko online, maka sebaiknya anda mencari perusahaan yang sudah berpengalaman membuat toko online, selain dari kualitasnya yang baik, mereka juga akan lebih cepat menyelesaikan proses pembuatan website anda, karena pengalaman yang mereka miliki untuk membuat web sejenis.

2. Tentukan biayanya

Berapa biaya yang anda targetkan untuk website tersebut. Jika anda masih awam tentang harga web design, ada baiknya anda melakukan survey harga dulu ke beberapa Perusahaan jasa web design, yang kemudian dari hasil survey tersebut anda dapat mengira2 berapa budget yang diperlukan. dengan demikian ketika anda bernegosiasi dengan perusahaan pembuat web, anda sudah mempunyai data yang lengkap.

3. Menentukan Desain Web

Step ke-3 ini sangatlah penting bagi website anda, karena desain dari sebuah website mempunyai nilai jual tersendiri di mata konsumen. Usahakan desain yang anda inginkan sudah ada sebelum anda melakukan deal dengan perusahaan jasa web tersebut. Dengan demikian, anda dapat menanyakan langsung berapa lama untuk proses pembuatan web design tersebut. Jika anda memiliki gambar produk atau logo perusahaan, alangkah baiknya jika anda menyertakan foto produk dan logo perusahaan anda, sehingga perusahaan jasa pembuatan web dapat memberikan masukan dan ide untuk desain web anda.

4. Memilih Web Hosting dan domain

Jika anda masih awam tentang web hosting dan nama domain, lebih baik anda serahkan proses ini kepada yang lebih berpengalaman yaitu itu sendiri, karena biasanya mereka akan menawarkan dengan paket-paket hosting dan domain yang sudah siap pake. Namun jika anda ingin menentukan hosting dana domain sendiri, ada baiknya anda melakukan riset pasar terlebih dahulu. Misal, jika target pasar anda adalah dalam negeri, maka akan lebih baik jika nama domain anda menggunakan bahasa indonesia, dan hosting yang akan digunakan menggunakan server IIX server indonesia (bukan server luar). Untuk penjelasan terperinci proses ini akan saya bahas di lain kesempatan.
Suni

Mengetahui Posisi Seseorang Lewat No Hp

Mengetahui Posisi Seseorang Lewat No Hp

Mengetahui Posisi Seseorang Lewat No Hp - Bagi sobat yang ingin mengetahui letak seseorang yang sobat kenal namun tidak mengetahui dia berada dimana, jangan khawatir, sobat hanya perlu mengikuti langkah-langkah cara Mengetahui Posisi Seseorang Lewat No Hp dan nikmati hasilnya.

Mengetahui Posisi Seseorang Lewat No Hp:

1. Buka web Ceebydith

2. Masukan no hp dikolom MSISDN

Tempat mengetahui posisi seseorang

3. Kemudian tekan tombol

Suni

Cara Mudah Memasang Widget Lagu Di Blog

Cara Mudah Memasang Widget Lagu Di Blog

Cara Mudah Memasang Widget Lagu Di Blog - Walau widget ini termaksud Widget Yang Sebaiknya Tidak Ada Di Blog, namun setelah saya pikir-pikir widget ini berguna jika blog tersebut mempublikasikan artikel tentang sebuah band (ex: blog mengenai band avenged sevenfold, masukanlah lagu avenged sevenfold dari album pertama sampai yang terbaru).

Music! My Life


Cara Mudah Memasang Widget Lagu Di Blog:

1. Silahkan sobat kunjungi SCM Music Player

2. Pilih tampilan mana yang akan sobat pasang di blog lalu tekan tombol


Membuat music 1
Keterangan: Kolom merah untuk mengatur tampilannya


3. Masukkan:
  1. Nama Band
  2. Judul lagu
  3. Link URL: Bisa dari: Soundcloud atau Youtube (Jika dari youtube, saya sarankan ambil link-nya dari official music video karena terkadang url di youtube ada yang ga keluar suaranya).
Membuat music 2

4. Atur sesuai keinginan sobat (Auto Play harus sobat centang) lalu tekan tombol

Membuat music 3
Keterangan:
  • Auto Play: Agar lagunya bisa dimainkan (mulai dengan otomatis)
  • Shuffle Playback: Memutar lagu secara acak
  • Default Volume: Volume suara
  • Repeat Mode: Terbagi 3:
- Play Playlist Once: Hanya memutar 1 lagu
- Repeat Playlist: Mengulang lagu
- Repeat Item: Mengulang lagu setelah semua lagu selesai dimainkan
  • Placement of Player Bar: Posisi scmplayer
  • Show Playlist by Default: Menampilkan daftar lagu di samping kanan

5. Copy kode tulisan yang block warna biru

Membuat music 4

6. Lalu sobat pergi ke:

  • Blogger sobat => Template => Edit HTML
  • Cari kode <body> atau <body (Tekan CTRL+F agar mudah)
  • Paste tulisan yang diblock warna biru tadi (yang dapat di scmplayer) lalu pasang DIBAWAH <body> atau <body
  • Prantijau terlebih dahulu. Jika tidak error, simpan
7. Selesai
Suni

Cara Baru Menambah Widget Di Atas Header Blog

Menambah Widget Di Atas Header Blog

Menambah Widget Di Atas Header Blog - Menambah kolom widget diatas header banyak manfaatnya, seperti: bisa memasang menu drop down, widget lainnya atau mungkin sobat pengguna template bawaan blog yang ingin mempercantik tampilan judul blognya seperti blog ini. Bagaimana sob? Tertarik? Silahkan di simak artikel Membuat Header Blog Ber-link. Dan silahkan di simak artikel yang bejudul cara Menambah Widget Di Atas Header Blog.

Widget Blog

Menambah Widget Di Atas Header Blog:

1. Login ke Blogger --> Template --> Edit HTML

2. Cari kode seperti kode di bawah ini (gunakan CTRL+F supaya mudah):

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

3. Setelah ketemu, lihat kode yang berwarna:
  • maxwidgets=’1’ ganti menjadi maxwidgets='2’ 
  • showaddelement='no'> ganti menjadi showaddelement='yes'>
4. Selesai

Mudah bukan caranya? Begitulah cara Menambah Widget Di Atas Header Blog yang bisa saya berikan tutorialnya untuk sobat.

Suni

Cara Membuat Satu Kolom Widget Diatas Header

Cara Membuat Satu Kolom Widget Diatas Header

Cara Membuat Satu Kolom Widget Diatas Header seperti yang terlihat pada gambar dibawah (panah merah) telah saya buat khusus untuk anda dengan cara yang mudah, anda bisa membuat satu kolom widget diatas header blog anda dengan mengikuti panduan cara membuat satu kolom widget diatas header. Dengan adanya tambahan satu kolom widget diatas header akan memberikan tambahan ruang dalam blog anda yang nantinya bisa anda gunakan untuk memasukkan konten-konten diluar topik blog anda atau dari dalam topik blog anda sendiri. Apalagi jika di area header blog ditambahkan lagi dua kolom atau tiga kolom widget maka anda akan lebih leluasa dalam memasukkan atau memasang konten-konten yang anda sukai.

Cara Membuat Satu Kolom Widget Diatas Header

Berikut Cara Membuat Satu Kolom Widget Diatas Header
  1. Masuk ke akun blogger anda
  2. Klik menu Template >> Edit Html >> tekan Ctrl+F pada keyboard anda
  3. Cari Kode ]]></b:skin>
  4. Letakkan kode berikut diatas kode ]]></b:skin>
    #oneupperheader{margin:10px 0;padding:1%;width:100%;}
  5. Cari kode berikut ini
    <div id='header-wrapper'>
    <b:section class='header' id='header' maxwidget="1" showaddelement="no">
    <b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>
    </b:section>
    </div>
  6. Letakkan kode berikut ini tepat dibawah <div id='header-wrapper'>
    <b:section class='header' id='oneupperheader' preferred='yes'/>
    Sehingga hasilnya seperti berikut ini
    <div id='header-wrapper'>
    <b:section class='header' id='oneupperheader' preferred='yes'/>
    <b:section class='header' id='header' maxwidget="1" showaddelement="no">
    <b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>
    </b:section>
    </div>
  7. Klik Pratinjau terlebih dahulu untuk melihat hasilnya, jika tidak ada error silahkan Simpan Template anda
Penting: Setiap template memiliki kode-kode css atau id html yang berbeda jadi sesuaikan setiap kode yang anda miliki dengan setiap panduan yang anda dapatkan atau sesuaikan setiap kode panduan dengan kode yang ada ditemplate anda

Sekian, jika ada ide lain dalam membuat satu kolom widget diatas header, mari kita diskusikan bersama dengan meninggalkan komentar di artikel ini Cara Membuat Satu Kolom Widget Diatas Header
Suni

Cara Menambah 3 Kolom Otomatis Sama Besar di Bawah Header Blog

Cara Menambah 3 Kolom Otomatis Sama Ukurannya di Bawah Header Blog

Cara Menambah Kolom di Bawah Header Blog - Cara memberi kolom tambahan di bawah header blog atau cara menyisipkan kolom di bawah header blog atau cara membuat 3 kolom di bawah header. Artikel kali merupakan salah satu artikel yang berkaitan yaitu cara menambah kolom footer blog dan kali ini kita akan membahas sedikit cara memodifikasi blog yaitu Cara Membuat 3 Kolom Di Bawah Header. Biasanya 3 kolom ini digunakan sebagai space iklan. Selain digunakan sebagai space iklan, 3 kolom ini juga bisa digunakan sebagai daftar artikel, daftar link dan sebagainya. Nah langsung aja yuk kita cari tau Cara Membuat atau Menambah 3 Kolom Di Bawah Header - Cara Memasang Kolom Di Bawah Header :
  1. Masuk ke akun bloggger sobat. 
  2. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
  3. Sekarang Cari kode ]]></b:skin>
  4. Setelah ketemu Copas dan letakan kode berikut diatas kode ]]></b:skin>
  5. <div id="box3" style="float: left; margin: 0; text-align: left; width: 35%;"> <b:section class="box-widget" id="col3" preferred="yes" style="float: left;"> </b:section></div>
  6. Selanjutnya Cari kode <div id='main-wrapper'> atau <div id="main-outer">
  7. Copas kode dibawah ini dan letakan diatas salah satu kode <div id='main-wrapper'> atau <div id="main-outer">

  8. <div id='box-kolom-widget'> <div id='box1' style='width: 35%; float: left; margin:0; text-align: left;'> <b:section class='box-widget' id='col1' preferred='yes' style='float:left;'/> </div> <div id='box2' style='width: 30%; float: left; margin:0; text-align: left;'> <b:section class='box-widget' id='col2' preferred='yes' style='float:left;'/> </div> <div id='box3' style='width: 35%; float: left; margin:0; text-align: left;'> <b:section class='box-widget' id='col3' preferred='yes' style='float:left;'/> </div> <div style='clear:both;'/> </div>
  9. Langkah terakhir klik Tombol Simpan Template.
Selesai dan lihat hasilnya.

Untuk melihat hasilnya silahkan anda masuk pada halaman Tata Letak atau Layout. Semoga bermanfaat artikel cara membuat 3 kolom di bawah header ini, terima kasih.
Suni
  • MBT Icons and buttons

    Icons and Buttons

    Our resources have been successfully downloaded over 10K times and found almost every where. Get yours!

  • choosing webhost for a blog

    Why HostGator?

    Learn Why we chose HostGator as our Web Host and find discount coupons to kick start your blog today!

  • SEO Settings for blogger

    ALL IN ONE SEO PACK 2012

    Learn every single SEO tip that will boost your blog's ranking and organic traffic. We got them all!

  • Blogger widgets and plugins

    Visit MBT's Blogger LAB

    Why not take a tour of all great Blogger widgets published so far? You Name it we have it!

  • become a six figure blogger!

    Become a SIX FIGURE BLOGGER

    Learn what it takes to become a successful entrepreneur and build a living online!