Guru Abad 21

Perbedaan Website dan Blog. Mungkin masih banyak para pengguna internet yang belum bisa membedakan antara website dan blog. Nah pada kesempatan ini, berdasarkan dari beberapa sumber yang didapat saya akan sedikit mengulas perbedaan antara website dan blog. Semoga sedikit banyak dapat memberikan tambahan wawasan bagi anda semua. Pengertian website Sebenarnya Website sendiri terdiri dari dua kata yaitu Web dan Site. WEB sendiri merupakan singkatan dari World Wide Web (disingkat WWW). Tapi masyarakat sudah terlanjur terbiasa menggabung menjadi website. Secara umum website dibagi menjadi 2 style/model/tipe = Website Statis dan Website Dinamik 1. Website Statis Website Statis itu Informasi yang berada di halaman web nya diubah secara berkala dalam kurun waktu tertentu. Dan untuk melakukan perubahan konten tersebut selain diperlukan keahlian dasar mendesain web, juga menggunakan software teks editor seperti Notepad, Frontpage atau Dreamweaver. Pengunjung website statis ini tidak dapat menent...

Tips meringankan print output pada CorelDRAW. Berdasarkan pengalaman terdahulu, suatu saat saya pernah ngeprint undangan di CorelDRAW. Karena belum pengalaman, setelah selesai mendesain langsung saja saya print. aya tunggu hampir seperempat jam, ternyata loading pengiriman datanya belum juga usai, padahal jumlah undangannya lumayan banyak. Terpaksa ngprint saya cancel. Saya berfikir, kenapa ya begitu berat loading printya? Ternyata banyaknya efek dan image pada sebuah desain mempengaruhi beratnya output print. Hemmm... padahal undangan harus segera dicetak. Beberapa saya utak-utik untuk mencari solusi. Pertama saya coba convert ke bitmap ternyata hasil outpunya tidak memuaskan, kedua saya coba export to JPEG selain memakan memory banyak hasilnyapun tak begitu memuaskan. He hee... pusing, tapi mengasyikkan lhoh. Langkah berikutnya saya coba file tersebut saya jadikan PDF. Wow, ternyata sukses. Selain ukuran filnye lebih kecil, hasil outputnyapun tidak mengecewakan. Sampai sekarangpun te...

Cara membuat teks menurut obyek dengan CorelDRAW. Membuat teks bebas dengan gaya yang unik dan menarik sesuai imajinasi kita adalah salah satu kelebihan program grafis yang satu ini. Dengan CorelDRAW anda dapat dengan bebas membuat bentuk teks sendiri. Pada posting ini saya mengajak anda untuk belajar membuat teks menurut obyek dengan CorelDRAW. Yang dimaksud membuat teks menurut obyek di sini, seumpama kita membuat obyek coretan dan teks yang kita buat mengikuti obyek coretan tersebut. Untuk lebih jelasnya saya contohkan sebagai berikut: 1. Buka CorelDRAW anda. 2. Klik Freehand Tool atau tekan F5 pada keyboard anda. 3. Klik dan tahan dan tarik pada area kerja CorelDRAW hingga membentuk obyek garis sesuka anda, akhiri dengan dengan melepaskan tekanan pada mouse anda. Saya contohkan seperti obyek di bawah ini: 4. Langkah selanjutnya Text Tool atau tekan F8 pada keyboard anda, tuliskan kata atau teks. 5. Seleksi ke-2 obyek tersebut. 6. Klik pada menu Text, pilih Fit Text To Path. 7. Maka...

Trik menambah warna background judul sidebar. Menambahkan background pada judul pada sidebar akan menambah daya tarik tersendiri bagi suatu blog. Karena dengan judul yang diberi background pada sidebar akan tampak lebih jelas bagi pembaca. Pada template tertentu kita bisa langsung mengubah warna background dengan mengganti kode warnanya. Tetapi bagaimana jika pada template tersebut belum disediakan kode untuk memberi warna background pada judul sidebar? Tentunya kita harus menambahkan sendiri kode-kode tersebut. Untuk menambahkan kode tersebut ikuti langkah-langkah berikut: 1. Masuk ke Account blogger anda. 2. Dasbor > Rancangan > Edit HTML > centang Expand Template Widget. 3. Untuk berjaga-jaga jika terjadi kekeliruan Download Template Lengkap. 4. Untuk pencarian cepat tekan Ctrl+F dan pastekan kode di bawah ini pada kotak find: .sidebar { color:#1E90FF; line-height:1.5em; } 5. Setelah ketemu, pastekan kode di bawah ini di bawah kode di atas: .sidebar h2 { color: #ffffff; fon...

Cara mengetahui ukuran header blog. Anda suka utak-utik template blog? Di sana ada banyak sekali elemen-elemen yang dapat dirubah sesuai keinginan kita untuk memperindah tampilan suatu blog. Tetapi, sebelum anda mengutak-utik semuanya, sedikit banyak anda harus tahu kode-kodenya. Coba anda buka Rancangan > Edit HTML, di sana terdapat ribuan kode HTML yang sangatlah rumit. Jika anda tak tahu persis kode yang dimaksud, bukannya tampilan blog indah yang anda dapat tetapi, bisa-bisa blog anda berantakan. Tetapi jika anda telah memahami kode-kodenya, entunya anda takkan kesulitan untuk mengeditnya. Sesuai judulnya Cara mengetahui ukuran header blog, kali ini kita coba belajar cara mengetahui luas bagian template blog paling atas, yaitu header. Bagi pemula yang belum paham header, lihat gambar di bawah: TEMPAK LUAR Mengapa kita perlu mengetahuinya? Dengan tahu ukuran header template, kita akan dapat menentukan seberapa luas gambar baik JPEG/Gif atau banner yang nantinya akan kita pasang d...

Cara memecah foto dengan CorelDRAW. Masih seputar CorelDRAW, posting ini akan membahas Cara memecah foto dengan CorelDRAW. Memecah foto yang saya maksud di sini adalah membuat foto menjadi pecahan-pecahab image tersendiri baik berbentuk kotak, bulat, segitiga, elips dan sebagainya. Tetapi untuk mempermudah di sini saya memberikan contoh memecah foto dengan bentuk kotak-kotak. Ingin tahu caranya? Ikuti langkah-langkah berikut : 1. Buka CorelDRAW anda. 2. Buat beberapa kotak, di sini saya memberikan contoh misalkan kita buat 12 kotak dengan ukuran yang sama. 3. Seleksi seluruh kotak. 4. Tekan icon Group atau tekan Ctrl+G pada keyboard anda, dimaksudkan untuk membuat seluruh kotak menjadi satu group. 5. Klik kanan pada area kosong, lalu pilih import atau tekan Ctrl+I pada keyboard anda untuk mengimport foto anda, dan pilih foto yang akan anda pecah. 6. Setelah foto anda pilih, klik di luar area kerja CorelDRAW. 7. Langkah selanjutnya, klik pada menu Effect >> PowerClip >> Plac...

Cara membuat efek kertas gulung dengan CorelDRAW. Pernahkah anda melihat gambar kertas menggulung seperti gambar di samping? Dengan CorelDraw membuat gambar kertas seakan tergulung sangatlah mudah. Kita dapat membuat gambar kertas tersebut seakan menggulung dari sisi atas kanan/kiri atau dari bawah kanan/kiri kertas. Untuk lebih jelasnya ikuti langkah-langkahnya sebagai berikut: Langkah membuat efek kertas gulung dengan CorelDRAW 1. Buka CorelDRAW anda. 2. Buat kotak persegi panjang, lalu ubah menjadi Bitmap. Bagi yang belum tahu cara merubah gambar vektor menjadi bitmap silahkan baca Cara merubah vektor menjadi bitmap dengan CorelDRAW 3. Setelah anda merubahnya menjadi bitmap, maka pilihan 3D effect akan aktif. Untuk membuat efek kertas gulung kita pilih Page Curl. 4. Pada jendela munculan baru, silahkan atur sesuai selera anda. 5. Jika sudah tekan OK. Lihat hasilnya. Catatan: Untuk image/foto anda tidak perlu merubah atau menconvertnya ke bitmap, langsung lakukan langkah no....

Cara merubah vektor menjadi bitmap dengan CorelDRAW. Suatu tutorial kayaknya lebih gampang dimengerti jika kita langsung mempraktekannya. Untuk itu kali ini saya akan memberikan cara cepat bagaimana merubah gambar vektor menjadi bitmap. Langsung saja langkahnya sebagai berikut : 1. Buka CorelDRAW anda. 2. Sebagai contoh, kita akan membuat gambar vektor persegi panjang, maka kita pilih Rectangle Tool atau tekan F6 pada keyboard anda. 3. Klik tahan dan tarik hingga sesuai yang anda inginkan, lalu lepaskan. 4. Agar lebih jelas beri warna merah, dengan cara klik pada pellete warna. Persegi panjang yang anda buat sudah berwarna merah. 6. Langkah berikutnya, liha menu bar bagian atas. Klik Bitmaps lalu pilih Convert to Bitmap. 7. Atur Reolution, Color mode lalu tekan OK. 8. Selesai. Gambar vektor anda telah menjadi Bitmap. Gampang bukan? "Selamat mencoba" Selamat berkarya dengan Cara merubah vektor menjadi bitmap dengan CorelDRAW

Cara membuat bayangan teks vertikal dengan CorelDRAW. Anda masih suka utak-utik CorelDraw? Memang tak ada habisnya sofware grafis yang satu ini, dengan CorelDRAW kita dapat mengolah berbagai macam karya grafis yang menyenangkan. Untuk kali ini saya ingin mengajak anda untuk belajar membuat tulisan dengan efek bayangan vertikal. Teks tersebut seakan-akan tampak berada di atas air atau di atas sebuah media kaca. Untuk lebih jelasnya mari kita langsung menuju TKP, ikuti langkahnya sebagai berikut : 1. Buka program CorelDRAW anda. 2. Klik Text Tool, atau tekan F8 pada keyboard anda. 3. Klikdi area kerja CorelDRAW, lalu tulis teks, sebagai contoh saya tulis Enjangcom, dengan warna default hitam. Jika anda ingin membuat warna berbeda, silahkan klik salah satu warna dipallet warna. 4. Tulisan kita sudah jadi, seperti gambar di bawah ini : 5. Tekan Ctrl pada keyboard anda, lalu tarik dari tengah-tengah tulisan ke bawah. 6. Ingat! Jangan lepaskan Ctrl pada keyboard anda. Tarik ke bawah, lalu kl...

Cara memasang Favicon buatan sendiri di blog. Melanjutkan posting saya Membuat Favicon huruf dengan Photoshop Cs3, bagi rekan yang belum pernah memasangnya, di sini saya mengajak anda untuk langsung praktek memasangnya.Langkahnya sebagai berikut: 1. Masuk ke Account Blogger anda. 2. Klik Rancangan. 3. Lihat di bawah tulisan Tambah dan Susun Elemen Laman, lalu klik Edit. 4. Setelah muncul jendela baru klik Browse. 5. Pilih di mana favicon yang telah anda buat disimpan, lalu klik Simpan. 6. Langkah terakhir, klik Simpan dan selesai. Catatan : Tak usah gusar jika Favicon anda belum muncul, biasanya membutuhkan waktu, paling lama 1 hari. Selamat mencoba

Cara membuka elemen template yang terkunci. Pernahkah anda menemui elemen/gadget template anda tidak bisa dihapus atau dipindah? Berarti elemen tersebut memang sengaja di setting dari yang empunya template begitu. Satu lagi ilmu ngeblog yang harus anda ketahui. Karena pada dasarnya seorang blogger harus multitalenta, alis serba bisa he he Contohnya seperti header pada gambar di bawah ini: Pada elemen Enjangcom (Header) tersebut terlihat samar, itulah yang dimaksud elemen tersebut terkunci. berbeda dengan 2 elemen di bawahnya yang begitu jelas. Apakah elemen yang terkunci tersebut bisa dihapus atau digeser? Jawabnya: "Bisa" Langsung saja ke TKP yuk.. Langkahnya sebgai berikut: 1. Masuk ke Account Blogger > Dasbor > Rancangan. 2. Klik kanan pada link Edit > pilih Copy Link Location. 3. Buka Notepad, lalu pastekan Copy Link Location tadi. 4. Cari widgetId dari elemen/widget tersebut, misal Header&widgetId=Header1 Tulisan yang tercetak tebal itulah ID dari widget ter...

Cara tepat pasang menu breadcrumbs. Breadcrumbs adalah menu navigasi yang ada diatas sebuah posting atau artikel. Lihat gambar di atas artikel ini! Tulisan saya beri kotak merah itulah yang di sebut menu breadcrumbs, Selain memudahkan pembaca dalam mengetahui lokasi halaman yang sedang ditelusuri, menu breadcrumbs juga dapat mengoptimasi halaman blog di search engine (SEO). Bahkan dianjurkan langsung oleh Google. Dalam memasang menu breadcrumbs pada template blogspot diperlukan ketelitian. Bukan itu saja, kita harus pandai-pandai mencocokan kode dengan template kita. Suatu saat anda ingin memasang menu breadcrumbs pada blog anda dengan mencari artikel yang isinya petunjuk memasang menu breadcrumbs. Tetapi setelah mengikuti petunjuknya ternyata tidak muncul di atas postingan anda (biasanya bagi pemula). Coba anda ketikkan kata kunci cara memasang menu breadcrumbs di mbah google, di sana akan tampil puluhan ribu artikel yang memuat tulisan tersebut. Tetapi, saya yakin belum tent...

Daftar Link sahabat. CIPTAKAN IKATAN RANTAI YANG KUAT ANTAR BLOGGER Tak hanya di alam nyata kita membina jalinan persahabatan dan persaudaraan, di alam maya pun tak ada jeleknya kita membina persahabatan dan persaudaraan yang kuat. Dengan bertukar link adalah salah satu cara untuk membuat ikatan yang kuat sesama blogger. Lihatlah falsafah sapu lidi, dengan kumpulan lidi yang diikat menjadi satu maka kuatlah sang sapu untuk digunakan membersihkan berbagai macam kotoran. Terimakasih.

Cara Membuat Random Posts Thumbnail Multi Colom. Dalam blog Random Post rasanya tak kalah pentingnya dengan artikel terkait, karena dengan memasang Random Post akan membantu mempermudah pengunjung menjelajahi seluruh isi suatu blog. Tetapi menurut saya widget yang satu ini lebih menarik daripada artikel terkait, karena disertai dengan gambar dan multi kolom yang lebih menarik dan mengesankan. Jika anda tertarik dengan mudah anda bisa memasangnya. Langkahnya sebagai berikut : 1. Login ke Account blogger anda. 2. Masuk/langsung klik http://dhiti.com/ 3. Klik Get Widget 4. Sampai di sini ada 2 pilihan, yaitu WordPress dan Blogger, karena kita akan memasangnya di blog, pilih Blogger. 5. Isi alamat email, URL blog anda dan klik Get Widget! 6. Klik kotak hijau bertuliskan Enable Dhiti on my site. 7. Jika anda mempunyai lebih dari satu blog dalam satu account, pada kotak Pilih sebuah blog pilih blog mana yang akan anda pasangi widget ini, untuk Judul biarkan saja. Lalu klik Menambah Widge...

Banner Marchingband PSD. Kali ini saya kan berbagi template Banner Marchingband dengan format PSD, template ini siap anda edit sesuka hati dengan Adhobe Photoshop. Template banner ini tampak klasik tapi elegant. Format JPEGnya seperti di bawah ini: Lumayan bukan? Jika anda berminat untuk format PSDnya, silahkan mendownloadnya , gratis. Karena filenya saya buat rar silahkan extract dulu, teima kasih.