Widget label merupakan widget yang digunakan untuk mengkelompokkan posting. Terkadang tampilan widget label pada blog hanya satu kolom, ini menyebabkan tampilan label memanjang kebawah jika label pada blog kita jumlahnya sangat banyak. Agar tampilan label tidak memanjang kebawah kita perlu membaginya menjadi dua kolom atau lebih.

    Berikut langkah cara membagi widget label menjadi 2 atau 3 kolom :

    1. Login akun blogger Anda.
    2. Pilih menu tab Template > Edit HTML > letakkan kursor pada area kode HTML.
    3. Cari kode ]]></b:skin> tekan tombol Ctrl + F untuk melakukan pencarian.
    4. Letakkan kode berikut diatas kode ]]></b:skin>
    #Label1 li { float:left; width:45%; }
    5. Kode diatas untuk membuat label menjadi 2 kolom, sedangkan dibawah ini 3 kolom.
    #Label1 li {float:left;width:33%;}
    #Label2 li {float:left;width:33%;}
    6. Simpan template.

    Jika belum berhasil ubah ukuran width (lebar) sampai widget label berhasil menjadi beberapa kolom.

    Cara Membuat Website dengan Dreamweaver CS6 - Membuat website dengan Dreamweaver dapat dikatakan cukup mudah. Sobat tidak perlu menghafal script-script HTML yang cukup merepotkan. Nah berikut ane berikan cara membuat website dengan Dreamweaver. Monggo diikuti ya sob..

    Pada latihan kali ini kita akan belajar membuat website sederhana menggunakan Adobe Dreamweaver CS6. Langkah awal dalam membuat website adalah menetukan tema website kita. Untuk latihan kali ini kita akan menggunakan tema website pribadi.

    Kita tentukan dahulu menu yang akan kita sajikan pada website kita. Sebagai contoh:
    Menu utama terdiri dari: HOME, PROFIL, BERITA, GALERI, KONTAK
    Layout kita buat sbb:
    contoh-desain-website
    atau
    contoh-desain-website-2
    Atau silahkan gunakan imajinasi anda untuk membuat layout website yang akan anda buat.
    Keterangan:
    Home adalah halaman awal website
    Profil dapat diisi mengenai profil anda
    Berita dapat diisi dengan berita pada hari ini
    Galeri dapat diisi gambar-gambar atau foto-foto kegiatan
    Kontak dapat diisi alamat dan nomor telepon yang dapat dihubungi
    Untuk membuat website tsb berikut langkah yang dapat dilakukan:
    Buka dahulu program Adobe Dreamweaver
    Lembar Kerja Adobe Dreamweaver
    lembar-kerja-dreamweaver
    Untuk manajemen dalam membuat website, lakukan langkah berikut Klik Site -> New Site
    step2
    Akan masuk jendela baru sbb:
    jendela-manajemen-situs
    pada kolom site name silahkan isikan nama situs anda, misal Latihan, untuk local site folder adalah letak menyimpan seluruh dokumen (file-file) website anda.
    cara-menyimpan-dokumen-dreamweaver
    Klik tombol pada sebelah kanan, maka akan muncul lokasi untuk menyimpan seluruh file anda sbb
    lokasi menyimpan file
    Sebagai contoh, lokasi di F:/Websiteku
    https://dl.dropboxusercontent.com/u/47457369/dreamweaver/lokasi-menyimpan-file-website.png
    Lihat pada sidebar kanan Adobe Dreamweaver anda maka akan muncul folder tempat anda menyimpan dokumen website anda
    https://dl.dropboxusercontent.com/u/47457369/dreamweaver/sidebar-kanan.png
    Sampai di sini anda sudah berhasil melakukan seting root dokumen untuk website anda
    Next step, adalah membuat dokumen HTML untuk website kita
    https://dl.dropboxusercontent.com/u/47457369/dreamweaver/membuat-dokumen-html.png
    Klik pada menu File->New, lalu pilih Blank Page->HTML lalu klik Create
    https://dl.dropboxusercontent.com/u/47457369/dreamweaver/membuat-dokumen-html-baru.png
    Langkah selanjutnya, kita akan membuat halaman utama, simpan file ini dengan nama index.html. Buat Layout utama (layout contoh 1) sebagai berikut:
    Buat tabel dengan cara klik Insert->table, gunakan parameter sbb:
    https://dl.dropboxusercontent.com/u/47457369/dreamweaver/membuat-tabel-di-dreamweaver.png
    klik OK maka akan muncul tampilan sbb:
    https://dl.dropboxusercontent.com/u/47457369/dreamweaver/tampilan-tabel-dreamweaver.png
    Untuk menyesuaikan dengan layout 1, maka pada baris paling atas (untuk header) lakukan merge cell, dengan cara:
    https://dl.dropboxusercontent.com/u/47457369/dreamweaver/merge-cell.png
    Maka akan menjadi:
    https://dl.dropboxusercontent.com/u/47457369/dreamweaver/merge-cell-3-cell.png
    Karena kita akan menggunakan banyak gambar, alangkah baiknya jika kita membuat folder khusus untuk lokasi penyimpanan gambar, dengan cara sbb:
    https://dl.dropboxusercontent.com/u/47457369/dreamweaver/membuat-direktori.png
    https://dl.dropboxusercontent.com/u/47457369/dreamweaver/membuat-direktori-gambar.png
    Pilih New Folder, beri nama folder baru dengan nama gambar
    https://dl.dropboxusercontent.com/u/47457369/dreamweaver/direktori-gambar-dibuat.png
    Selanjutnya adalah buka direktori di F:/websiteku/gambar, copykan semua gambar ke folder tsb, contoh:
    https://dl.dropboxusercontent.com/u/47457369/dreamweaver/folder-gambar.png
    Setelah kita masukkan gambar ke folder gambar, kita cek pada dreamweaver pada area kerja seperti di bawah, lalu klik F5 (refresh) maka gambar yang sudah dikopi akan diload oleh dreamweaver sbb:
    https://dl.dropboxusercontent.com/u/47457369/dreamweaver/direktori-gambar-drefresh.png
    Pada contoh hanya ada 1 file gambar yaitu header.jpg karena sebelumnya hanya mengkopi 1 file gambar.
    Selanjutnya, kita simpan dahulu file ini dengan nama index.html dengan cara pilih menu File->Save
    Selanjutnya kita masukkan gambar sebagai header dengan cara pada baris 1, kita sorot lalu pilih menu Insert->image sbb
    https://dl.dropboxusercontent.com/u/47457369/dreamweaver/cara-memasukkan-gambar-dreamweaver.png
    Buka folder gambar
    https://dl.dropboxusercontent.com/u/47457369/dreamweaver/folder-gambar-dibuka.png
    pilih file header.jpg, lalu klik OK, maka akan menjadi sbb:
    https://dl.dropboxusercontent.com/u/47457369/dreamweaver/tampilan-header.png
    Selanjutnya kita akan membuat menu utama di kolom 1 baris ke 2
    https://dl.dropboxusercontent.com/u/47457369/dreamweaver/membuat-menu.png
    Sesuaikan parameter seperti di atas (Horz: default, Vert:Top)
    Selanjutnya kita buat tabel pada cell tsb dengan cara pilih menu insert->table dengan parameter
    https://dl.dropboxusercontent.com/u/47457369/dreamweaver/parameter-tabel.png
    https://dl.dropboxusercontent.com/u/47457369/dreamweaver/tampilan-dengan-menu.png
    Lanjutkan dengan membuat menu utama seperti berikut:
    https://dl.dropboxusercontent.com/u/47457369/dreamweaver/lanjutkan-dengan-membuat-menu.png
    Selanjutnya kita akan membuat kode menggunakan tag <iframe></iframe>. Tag ini untuk menentukan lokasi halaman yang muncul
    membuat iframe di dreamweaver
    https://dl.dropboxusercontent.com/u/47457369/dreamweaver/membuat-iframe2.png
    Kita kembali ke split view, tuliskan tag berikut pada posisi lokasi iframe
    <iframe name="isiwebsite" src="welcome.html" width="585" height="400" frameborder="0" scrolling="auto"></iframe>
    https://dl.dropboxusercontent.com/u/47457369/dreamweaver/membuat-iframe-website.png
    Sampai di sini halaman utama sudah kita buat. Langkah selanjutnya adalah membuat konten sesuai dengan menu yang sudah kita tentukan.
    Nah, sebelumnya kita telah membuat sebuah tag iframe dengan atribut src=”welcome.html”, artinya ketika halaman index.html pertama kali diload/dibuka, maka iframe seharusnya berisi file welcome.html, jika kita lihat melalui browser (tekan F12) sbb:
    pesan error di browser
    muncul keterangan File not found, mengapa? karena kita belum membuat file dengan nama welcome.html. Lalu apa yang harus kita lakukan? yap, benar sekali kita harus membuat sebuah file baru lagi dengan nama welcome.html. Caranya, silahkan buat kembali dokumen HTML baru lalu simpan dengan nama welcome.html
    membuat file baru dreamweaver
    setelah kita buat file welcome.html, kita buka kembali file index.html melalui browser:
    https://dl.dropboxusercontent.com/u/47457369/dreamweaver/cara-memasukkan-iframe-dreamweaver-ok.png
    Sekarang kita buat file selanjutnya, profil.html dimana file ini merupakan file yang akan dituju ketika tombol Profil pada Menu Utama diklik
    https://dl.dropboxusercontent.com/u/47457369/dreamweaver/membuat-halaman-profil.png
    Sekarang kita kembali ke halaman index.html, kita akan menautkan (link) tombol Profil ke file profil.html sbb:
    https://dl.dropboxusercontent.com/u/47457369/dreamweaver/mengubah-link-pada-dreamweaver.png
    Pada kolom Link, isikan: profil.html (artinya ketika tombol Profil diklik, maka halaman profil.html akan dibuka)
    Pada kolom Target, isikan: isiwebsite, mengapa? coba kita lihat kembali ke atas pada tag: <iframe name="isiwebsite" src="welcome.html" width="585" height="400" frameborder="0" scrolling="auto"></iframe>
    lihat pada tag <iframe name="isiwebsite"……></iframe> artinya file profil.html akan ditampilkan pada iframe isiwebsite, sehingga jika kita buka file index.html pada browser dan kita klik pada tombol Profil, maka:
    https://dl.dropboxusercontent.com/u/47457369/dreamweaver/selesai.png
    nah sudah terlihat bukan halaman website kita? eit ada yang kelupaan, kita belum menautkan tombol Home…hmmm kira-kira ke mana ya menautkan tombol Home ini?? ya benar, tombol Home ini kita tautkan ke file index.html

    Sekarang coba klik tombol Home atau Profil, maka halaman website kita akan berubah bukan?
    Tugas anda sekarang adalah membuat halaman yang lain, yaitu halaman Berita, Galeri dan Kontak. Lakukan langkah sama seperti di atas. Untuk konten silahkan gunakan imajinasi anda. Selamat belajar.
    Nah mudah bukan cara membuat website dengan Dreamweaver CS6 

    Materi Download: Header




    Pengertian Blog dan Manfaat Blog - Saya akan definisikan dipertemuan kita kali ini. Pengertian Blog dan apa sih manfaat yang dapat kita peroleh ? Mungkin bagi anda yang belum terlalu sering mengenal kata Blog, apalagi seperti saya yang bisa dibilang sebagai blogger pemula belum tentu tahu apa itu Blog, bahkan mereka yang sering blogging  juga belum paham benar dalam mendefinisikan Pengertian Blog dan Manfaat Blog.

    Di suatu waktu saya pernah browsing mengunjungi situs-situs yang ada di internet hanya tuk mencari dan ingin mengetahui apa sih itu Blog? dan apa manfaatnya? Hingga saya berhenti disatu pencarian hingga akhirnya saya dapat simpulkan :
    Blog adalah singkatan atau pemecahan dari Website yang bernama weblog. gak jauh beda dengan website, Blog biasanya berisi konten yang bersifat dinamis. Pengertian Blog juga bisa didefinisikan sebagai catatan online.
    Blog akan mengalami update atau memiliki postingan terbaru yang kita kenal di aplikasi facebook sebagai status terbaru. Seorang Blogger biasanya menggunakan blog untuk berbagi informasi, Tips dan Trik ataupun berbagi pengalaman pribadi dan lain sebagainya. Semuanya itu dimuat dalam status diblog yang disebut Post (Postingan).

    Blog memiliki ciri yang didalamnya terdapat Nama/Alamat yang dapat diakses secara online, Memiliki tujuan dan tataan rapi status yang berupa informasi, Catatan, Artikel, Foto/Video yang semuanya termuat dalam satu postingan.Blog bertujuan untuk berbagi pengalaman,pengetahuan dan berbagi informasi apa saja dengan pembaca/pengunjung Blog. Blog juga bisa sebagai sarana untuk berkarya atau aktualisasi diri, mengisi waktu luang atau sekedar penyaluran hobby. Blog juga dapat memberikan manfaat kepada diri sendiri dan orang lain.

    Biasanya muatan Blog terdapat banyak fitur-fitur yang mempermudah pembaca menjelajahi keseluruhan isi dari blog. Ada arsip yang didalamnya mencakup kumpulan link artikel yang memudahkan pembaca tuk mencari tujuan dengan meng-Klik nama/alamat yang ada dalam Arsip blog. lalu Berkomentar sebagai sarana tanya jawab antara sipemilik blog dengan si pembaca, dapat juga sebagai tempat kunjungan silahtuhrahmi perkenalan antar sesama Blogger.

    Tujuan dan sifatnya yang statis membuat blog lebih banyak mendominasi hasil pencarian di search engine atau Google Penelusuran. dengan pemilihan kata kunci yang tepat, maka dengan sekali klik si pembaca akan dengan mudah menemukan blog yang dituju.

    Inilah sedikit gambaran tentang Pengertian Blog dan Manfaat Blog ?
    MEMBUAT atau punya blog itu banyak sekali manfaatnya. Blog --singkatan dari website blog-- menjadi sarana mengasah keterampilan menulis, media berbagi (share) pengalaman, sedekah ilmu, berbagi cerita, bahkan berbagi kesedihan dan kesenangan.

    Blog itu online diary sekaligus personal branding. Kita juga bisa menjadikannya sebagai ajang bisnis (bisnis online) alias mendapatkan uang di internet --istilah blogger mah "Make Money with Your Blog". Minimal blog menjadi sarana promosi online produk atau jasa kita.

    Membuat blog itu gratis! Tinggal maunya. Tinggal niat, motivasi, dan punya target.

    User internet yang tidak punya blog bisa dikatakan "rugi". Kenapa? Karena ia hanya menjadi konsumen, menjadi objek, menjadi "penonton" saja, tidak menjadi pelaku, bahkan bisa menjadi "korban"!

    Dengan menjadi blogger, maka kita akan ikut menjadi orang yang mengendalikan informasi, membentuk opini, dan banyak lagi.

    20 Manfaat Punya Blog

    Dari hasil "riset online" alias Googling, saya menemukan satu posting yang relatif lengkap tentang manfaat atau keuntungan punya blog, yaitu 20 benefit terbesar blogging (The 20 Biggest Benefits of Blogging). Saya akan diulas di bawah ini, dengan "sedikit" editing.

    Dengan membaca 20 manfaat blog ini, kita akan makin termotivasi membuat blog dan makin merasa rugi kalau tidak punya blog.

    #1 Get a Better Job

    Blog bisa membuat kita mendapatkan pekerjaan yang lebih baik dari yang sekarang.

    Menurut MediaBistro, 9 dari 10 perusahaan memeriksa profile online sebelum merekrutnya. Para bos dan manajer perushaan ingin mempekerjakan orang-orang yang memiliki pengaruh kuat di dunia online.

    Blogging adalah satu-satunya cara untuk mendapatkan pengaruh online itu. Dengan ngeblog, kita mencantumkan profil sekaligus minat, hobi, keahlian, bahkan karakter yang tercermin dalam posting atau isi (konten) blog.

    Fotografer, desainer, dan sejenisnya, bisa posting karya-karyanya di blognya, juga berbagi tips yang menunjukkan keahliannya dalam bidang fotografi dan desain.

    Ringkasnya, blog itu menjadi "personal branding" kita. Promosi online tentang keahlian dan identitas diri kita.

    #2 Start a New Business

    Blog bisa menjadi ajang bisnis. Kadang-kadang, awalnya ngeblog itu hanya hobi, tapi berkembang menjadi bisnis penuh waktu (full-time business).
    Itulah yang dialami Pat Flynn. Awalnya ia ngeblog di Green Exam Academy hanya untuk sharing pemikiran dan ulasan tentang arsitektur. Ketika ia keluar dari pekerjaannya, ia memutuskan mengurus blognya lebih serius dan setahun kemudian blognya itu bisa medapatkan 100.000 dolar per tahun!

    #3 Get More Clients to Your Existing Business

    Mendapatkan tambahan klien dan relasi bisnis.

    Website statis tidak menarik klien dan konsumen baru. Tapi, blog yang diupdate secara reguler, bisa memproduksi a constant stream of good leads from all around the world. Naon tah terjemahana?

    Ketika Anda mempublikasikan posting blog "in-depth" yang membantu klien/pelanggan potensial untuk mengatasi masalah mereka, maka mereka akan datang kepada Anda dan respek kepada Anda sebagai ahli di bidang itu. Jika mereka butuh bantuan lebih, mereka kemungkinan akan tertarik untuk merekrut Anda atau mengundang Anda.

    #4 Become a Better Writer

    Menjadi penulis yang lebih baik. Blog itu mengasah keterampilan menulis. Cara terbaik latihan menulis ya ngeblog!

    The only way to become a better writer is to write – pages and pages, day after day. The more you blog, the more you write – and the better writer you become.

    #5 Become a Published Author

    Menjadi penulis di media. Ngeblog bukan saja cara yang baik untuk menjadi penulis yang lebih baik, tapi juga bisa menjadi jalan tercepatr untuk menjadi penulis di media massa --menulis artikel opini dan mendapatkan honor tulisan.

    #6 Get Immediate Feedback
    Mendapatkan umpan balik yang cepat. Penulis buku harus menunggu waktu lama untuk mendapatkan umpan balik atas bukunya. Tapi blogger bisa mendapatkan umpan balik di hari yang sama saat ia klik "Publish".

    Itulah yang menjadikan blog sebagai cara terhebat untuk mendapatkan feedback atas ide atau pemikiran Anda.

    #7 Learn More About a Group of People

    Belajar lebih banyak tentang karakter dan minat orang. Kita akan tahu tema atau tulisan apa yang disukai pembaca dari jumlah like, share, dan komentar, juga dari posting terpopuler yang bisa dilihat di statistik blog dan Google Analytic.

    #8 Gain Influence

    Meraih pengaruh. Apa cara terbaik untuk menguah dunia? Anda bisa menjadi politisi, aktivis, atau relawan (volunteer). Jika ketiganya tidak Anda lakukan, maka menjadi blogger alternatif terbaiknya! Blogger yang sukses akan meraih fans, pengagum, kepercayaan, dan respek.

    #9 Establish Yourself as an Expert in Your Field

    Memapankan dan meningkatkan keahlian. Dengan ngeblog, wawasan dan keahlian kita akan meningkat di bidang tertentu yang menjadi "niche" blog kita.

    Tiap orang bisa mulai ngeblog tentang apa saja yang mereka sukai atau kuasai. Ngeblog soal blogging, akan menunjukkan keahlian blogging, demikian pula ngeblog soal jurnalistik, akan menunjukkan kemahiran Anda di bidang itu. Dengan menjadi ahli dalam suatu bidang, Anda akan mendapatkan karier yang lebih baik, penghargaan, dan kesempatan menjadi konsultan.

    #10 Build a Network

    Membangun jaringan. Ini pasti. Ngeblog menjamin Anda akan memiliki jaringan --pertemanan dan bisnis. “The richest people in the world build networks. Everyone else looks for work,” kata Robert Kiyosaki.

    #11 Learn In-Demand Skills

    Dengan ngeblog, kita otomatis akan learning by doing soal desain web, HTM, dan CSS yang merupakan "keterampilan bernilai tinggi" (highly valued skills) di msa kini dan masa depan. Kita juga akan belajar desain grafis, marketing, dan pemasaran sosial media.

    #12 Improve Your SEO

    Sama seperti no. 11, ngeblog akan membuat kita akrab dengan SEO (Search Engine Optimization), yakni sebuah proses, teknik, trik yang bertujuan menjadikan posting blog atau website cepat terindeks Google atau mesin pencari lainnya dan mendapatkan peringkat teratas di halaman hasil pencarian (SERP, Search Engine Result Page).

    #13 Collect Emails

    Mengumpulkan email. Meskipun sudah ada media sosial, tapi email masih menjadi sarana komunikasi online andalan. Orang biasa mengecek email secara reguler. Ngeblog membuka jalan untuk "koleksi email" dari komentar ataupun dari pengunjung yang langsung kirim email ke Anda. (Maka, jangan lupa membuat halaman "about me" atau "hubungi saya" di navigasi menu blog Anda).

    #14 Stay Knowledgeable in Your Field

    Pengetahuan Anda tentang info terkini dan bidang keahlian Anda akan terus terbarui. Saat menulis posting, Anda akan Googling dulu untuk mencari data atau "ngintip" tulisan blogger lain tentang tema yang Anda angkat.

    #15 Sell a Product

    Blog bisa menjadi sarana pemasaran online. Anda bisa menjual produk. Benar, di Facebook pun bisa, tapi ingat.... mayoritas Facebooker tidak suka iklan!

    #16 Talk to Your Idols

    Blog bisa menjadi medium ngobrol dengan idola Anda.

    #17 Express Yourself

    Blogging is powerful form of self-expression. Ngeblogh itu bentuk terkuat untuk ekspresi diri, bahkan sekadar menunjukkan video atau gambar favorit Anda.

    #18 Help Others

    Blog yang baik berisi posting yang bermanfaat bagi pembaca. Anda bisa berbagi soal makanan yang enak, tips mengurus burung kenari, dan sebagainya. Dengan ngeblog, Anda sedekah ilmu dan menginspirasi orang banyak.

    #19 Build Trust Online

    Blog membangun kepercayaan online. You can’t buy trust! Anda tidak bisa membelu kepercayaan. Ia bisa diraih dengan menunjukkan komitmen kepada pembaca. Poin ini terkait dengan poin  #9.

    #20 Take Control of Your Online Identity

    Blog itu menjadi "biodata online" atau "profil online" Anda. Anda akan dikenal dan dikenali. Orang akan mudah mengetahui siapa Anda lewat blog yang Anda miliki.

    Itulah 20 manfaat, fadilah, keuntungan, atau keutamaan ngeblog. Are you ready? Just GO BLOGging! BIKIN BLOG SEKARANG JUGA! Saya sarankan Anda membuat blog di blogspot itu, biar sekalian punya email Gmail dan belajar HTML, CSS, SEO, dan sebagainya. Wasalam.

⬆
Top