Showing posts with label Desain Web. Show all posts
Showing posts with label Desain Web. Show all posts

Sep 5, 2015

Cara Download Gambar Wallpaper Tanpa Mengurangi Kuota Internet

Apakah konten blog atau website anda berisi banyak sekali gambar atau images? Apakah blogs anda tentang wallpaper? Jika iya, mungkin anda menghabiskan banyak sekali kuota internet anda saat anda mendownload gambar-gambar yang memiliki size besar, misal 1 atau 2 megabyte untuk tiap gambarya. Kalau download hanya 1 atau 2 gambar mungkin tidak masalah, lalu bagaimana jika anda download gambar dalam jumlah ratusan? Saya yakin pasti akan banyak sekali menguras kuota internet anda, karena saya dulu mengalaminya juga. Sekarang saya memiliki cara untuk mendownload images atau gambar tanpa sama sekali menggunakan internet sehingga akan sangat-sangat sekali mengurangi kuota internet anda. Berikut adalah trik cara download gambar tanpa mengurangi kuota internet selengkapnya:

1. Buka browser Mozilla Firefox anda. 


3. Lalu tulis gambar apa yang ingin anda download. Misal: mobil. 

4. Klik kanan pada gambar yang ingin anda download dan klik Open Link in New Tab.

5. Lihat screenshot di bawah ini. 


6. Pilih View Image. Maka akan terlihat gambar dalam ukuran sebenarnya.

7. Selanjutnya buka Photoshop anda.

8. Lalu Drag gambar tersebut langsung ke Photoshop.


9. Kemudian pilih File dan pilih Save for Web.



10. Selesai. Begitulah trik mudah cara download gambar untuk wallpaper tanpa internet. Semoga bermanfaat.

Penting: Trik ini hanya bisa dilakukan di Mozilla Firefox, Google Chrome doesn't work at all. 

Sep 1, 2015

Cara Menghilangkan "Powered by Blogger" Attribution Widget

Attribution widget (seperti terlihat pada screenshot dibawah ini) merupakan widget default dari Blogger. Dengan widget ini, akan terdapat tulisan "Powered by Blogger" ditampilan blog anda. Bagi sebagian blogger, widget ini mungkin terasa sedikit mengganggu yang membuat tampilan blog kita terlihat tidak profesional.


Kita tidak bisa menghilangkan atau me-remove widget ini secara manual.  Jika kita klik attribution widget ini (lihat screenshot dibawah ini) disitu tidak kita temukan tombol "remove", yang biasa kita temukan pada widget lain. Untuk menghilangkan widget ini, kita perlu sedikit mengubah kode html-nya.



Berikut adalah cara untuk menghilangkannya:

1. Pilih menu "Template"

2. Klik "Edit HTML"

3. Klik "Jump to widget"

4. Pilih dan klik "Attribution 1", lihat kode di bawah ini:

<b:widget id='Attribution1' locked='true' title='' type='Attribution'>

5. Ganti tulisan 'true' dengan 'false'.

6. Kemudian, klik "Save Template", setelah itu kita kembali ke menu "Layout".

7. Klik pada widget "Attribution", pada screenshot di bawah ini tombol "Remove" telah tersedia.


8. Klik "Remove"

9. Selesai.

Aug 26, 2015

Percantik Blog Kita Dengan Favicon


Favicon atau favorite icon adalah ikon kecil yang ada pada browser URL bar, pada daftar bookmark atau pada tab navigasi. Membuat favicon pada blog kita memang tidak ada hubungannya secara langsung dengan meningkatkan traffic blog. Tetapi favicon bisa mempercantik tampilan blog kita dan dengan sebuah favicon yang unik, pembaca akan bisa dengan mudah mengenali blog kita di daftar bookmark meraka. Coba lihat favicon pada blog ini pada browser anda diatas, terlihat lebih eye-catching kan ketimbang favicon asli bawaan dari Blogger? Berikut adalah cara sederhana dan mudah membuat favicon yang bisa dilakukan dengan bantuan Microsoft Paint atau Photoshop:

1. Panduan Umum. Favicon memiliki ukuran sangat kecil dalam satuan pixels yaitu 16px x 16px. Sedangkan file extension-nya adalah .ico. Bisa dibayangkan betapa sulitnya membuat ikon dengan ukuran sekecil itu. Favicon biasanya berupa inisial dari website atau blog dan juga bisa berupa image atau photo dari pemilik blog. Yang perlu di ingat, buatlah favicon yang mewakili blog kita. Warna yang dipilih harus mencirikan blog kita sehingga favicon tersebut akan mudah diasosiasikan oleh para pembaca dengan blog kita. 

2. Menggunakan Photoshop dan Microsoft Paint. Untuk memudahkan kita dalam mendesain favicon, terlebih dahulu buatlah favicon dalam ukuran besar. Misal, 400 pixels x 400 pixels. Dengan ukuran sebesar ini kita akan bisa dengan mudah membuat tulisan atau gambar untuk favicon kita daripada langsung menggunakan ukuran 16 pixels x 16 pixels. Anda bisa menggunakan fasilitas Photoshop dan Microsoft Paint untuk membuatnya. Setelah jadi, ubahlah ukuran favicon tersebut dengan ukuran standar favicon yaitu 16 pixels x 16 pixels. Kemudian simpanlah file tersebut di komputer anda, bisa dalam bentuk jpg atau png.  

3. Ubah file menjadi .ico. Untuk mengubah file anda menjadi .ico anda bisa melakukannya di SINI, upload-lah file jpg atau png anda tadi, kemudian download-lah hasilnya. Hasilnya tersimpan dalam format Zip, anda perlu mengekstraksnya terlebih dahulu. Setelah diekstrak, carilah file .ico tersebut.

4. Upload file .ico di website. Untuk meng-upload di Blogger, anda bisa melakukanya dengan membuka menu Layout, yaitu pada bagian Favicon. Jika anda menggunakan Wordpress, uploadlah file tersebut di root directory, kemudian di bagian header website anda, letakan kode ini <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> di bagian antara <head> dan </head>. Sekarang banyak sekali themes/templates untuk wordpress yang menyediakan menu untuk membuat favicon dengan mudah. Tinggal browsing aja. :)   

Aug 25, 2015

5 Hal Mendasar Yang Harus Ada Pada Blog


Ada berbagai cara yang bisa dilakukan untuk meningkatkan mutu sebuah blog, baik dari segi tampilan ataupun isi atau konten. Berikut adalah 5 hal mendasar yang harus ada pada sebuah blog:

Yang pertama adalah 5 hal umum yang harus dimiliki oleh sebuah blog jika ingin populer dan sukses:

1. Konten yang bernilai. Ada berbagai cara untuk membuat konten atau artikel yang mempunyai nilai. Kita bisa membuat konten yang isinya mengajarkan sesuatu kepada para pembaca. Kita juga bisa membuat konten yang isinya bisa menghibur para pembaca. Kita bisa meng-update konten dengan berita terbaru dari hal atau niche tertentu dan lain-lain. Yang terpenting para pembaca bisa mendapatkan sesuatu yang bernilai setelah membaca konten tersebut. 

2. Konten yang unik. Jika kita mengkopi dan memposting ulang semua berita dari Detikcom, konten kita bisa menjadi sangat bernilai bukan? Bernilai tetapi tidak unik. Jika orang harus memilih antara blog kita dengan Detikcom, tentunya mereka akan memilih yang terakhir.

3. Konsistensi. Para pembaca perlu mengetahui kapan kita membuat konten baru untuk blog kita. Tidak masalah apa kita mau posting sekali dalam sehari, seminggu sekali atau sekali dalam sebulan, yang penting kita konsisten untuk memperbarui blog kita. 

4. Ketekunan. Untuk menjadi seorang blogger yang sukses, kita harus memiliki ketekunan atau kegigihan. Kita harus aktif dan tekun dalam mengisi blog kita dengan sesuatu yang bermafaat. Komitmen sangat diperlukan untuk menjadi sukses dalam membangun sebuah blog. 

5. Komunitas. Aspek sosial sangat penting bagi sebuah blog baru. Kita harus membangun komunitas untuk blog kita sehingga pembaca merasa menjadi bagian dari komunitas tersebut. 

Yang kedua adalah 5 hal mendasar yang harus ada pada sebuah blog dari segi layout:

1. Desain yang mudah. Blog kita harus memiliki navigasi yang mudah dimengerti oleh para pembaca sehingga mereka tidak mengalami kebingungan saat mencari dan membaca konten kita. Jika tidak mereka akan begitu saja meninggalkan blog kita. 

2. Memiliki brand. Dengan begitu banyaknya blog diluar sana yang memiliki niche yang sama seperti blog kita, memiliki brand yang kuat menjadi sangat penting. Semua aspek desain blog kita (contoh: favicon, warna, template, title) harus berkerja sama untuk memperkuat brand tersebut. 

3. Popular Posts widget. Widget ini akan sangat membantu para pengunjung pertama untuk menemukan konten terbaik pada blog kita. Ini merupakan salah satu hal terbaik yang bisa kita lakukan untuk membuat mereka menjadi pembaca yang setia blog kita dan meyakinkan mereka untuk kembali mengunjungi blog kita. 

4. Tentang Kita. Para pembaca sering ingin mengatahui siapa dibalik blog yang mereka sedang baca. Dengan memberi section "Tentang Kita" pada blog kita tentunya akan meningkatkan kredibilitas blog kita. 

5. Kontak detail. Bagi para pembaca section ini mungkin tidak terlalu masalah jika tidak dimiliki oleh sebuah blog. Tapi bagi pemilik blog, kita bisa kehilangan kesempatan potensial atau feedback jika tidak memberi Kontak Detail pada blog kita.