26 Januari 2014

Cara mewarnai bullet tanpa gambar

Sekarang kita akan membahas cara mewarnai list bullet tanpa menggunakan gambar, Jika belum bisa membuat bullet list pada blog, baca artikel beberapa jenis bullet tanpa gambar untuk membuat bullet tanpa menggunakan gambar. Setelah selesai mempraktekkan cara tersebut, sekarang kita akan mewarnai bullet yang sudah dibuat seperti contoh dibawah.

Cara mengubah warna bullet list menggunakan CSS
  • Jika sudah berhasil membuat bullet list pada blog, sekarang kita cukup menambahkan sebaris kode css untuk warna bullet tersebut menjadi seperti kode dibawah.

  • .ul tipe1 {
     list-style-type: disc;
     color: #0D954D; 
    }
    

  • Sampai disini warna bullet list sudah berubah menjadi hijau, tapi entah kenapa warna text ikut berubah menjadi hijau.
  • Untuk mengubah warna pada text, kita harus meng-edit html pada postingan.
  • klik tombol HTML disebelah tombol Compose pada postingan anda.
  • Tambah kode <span> sebelum text/kalimat yang diberi bullet list seperti dibawah.

  • <li><span style="color: black;">text/kalimat</span></li>

  • Tambahkan kode span style sebelum text/kalimat yang diberi bullet seperti diatas, setelah itu save postingan anda. Semoga bermanfaat.
Lanjut »

Beberapa Jenis Bullet Tanpa Gambar

Contoh dibawah ini adalah beberapa jenis bullet menggunakan css tanpa memerlukan gambar. Bullet list ini bisa digunakan pada postingan blog ataupun bahasa pemograman berbasis web lainnya. Lihat contoh dibawah.

  • Contoh
  • Contoh
  • Contoh
  • Contoh
  • Contoh
  • Contoh
  • Contoh
  • Contoh
  • Contoh
  • Contoh
  • Contoh
  • Contoh
  • Contoh
  • Contoh
  • Contoh

  • Contoh
  • Contoh
  • Contoh
  • Contoh
  • Contoh
  • Contoh
  • Contoh
  • Contoh
  • Contoh
  • Contoh
  • Contoh
  • Contoh
  • Contoh
  • Contoh
  • Contoh

  • Contoh
  • Contoh
  • Contoh
  • Contoh
  • Contoh
  • Contoh
  • Contoh
  • Contoh
  • Contoh
  • Contoh
  • Contoh
  • Contoh
  • Contoh
  • Contoh
  • Contoh

Cara pembuatan pada blog
  • Masuk ke akun blogger. Pilih link template, lalu klik tombol edit html.
  • Ketik ctrl+f untuk menampilkan textbox pencarian, lalu masukkan kode ini ]]</b:skin> dan kilk tombol search untuk mencari.
  • Setelah ketemu copy kode dibawah ini tepat diatas kode  ]]</b:skin>
  • .ul tipe1 {
     list-style-type: disc;
    }
    
  • Setelah selesai, masuk ke menu postingan anda, pilih tombol entry baru untuk membuat postingan.
  • Buat 4 baris kata/kalimat, blok ke-empat kata/kalimat tersebut lalu klik tombol bullet list.
  • Untuk menerapkan gaya css yang sudah dibuat, kita perlu mengubah class pada postingan anda.
  • klik tombol HTML disebelah tombol Compose dan ubah class pada <ul>  menjadi seperti kode dibawah.
  • <ul class="ul-tipe1" style="margin: 0;">
    <li>text/kalimat</li>
    <li>text/kalimat</li>
    </ul>
    
  • Perhatikan ul-tipe1 adalah nama css yang sudah dibuat tadi. Sampai disini kita sudah berhasil membuat bullet list dengan style standar yaitu style disc.
  • Untuk mengubah style-style tersebut kita cukup mengubah kode css yang sudah dicopy tadi yaitu "list-style-type: disc" yang anda copy di template html tadi menjadi "list-style-type: circle".
  • Perhatikan kode disc ini untuk menampilkan bullet seperti titik hitam, sedangkan circle untuk bullet dengan gaya lingkaran. Untuk lebih jelasnya lihat kode dibawah.

  • Disc
  • Circle
  • Square
  • Decimal

  • Decimal-leading-zero
  • Lower-roman
  • Upper-roman

  • Lower-greek
  • lower-latin
  • Upper-latin
  • Armenian

  • Georgian
  • Lower-alpha
  • Upper-alpha
  • None


  • Nama-nama diatas adalah style type pada bullet sesuai dengan gayanya masing-masing. Untuk mengunakannya tinggal mengganti kode css yang sudah dibahas tadi menjadi nama-nama diatas sesuai keinginan. Untuk mewarnai list bullet, baca artikel html mewarnai bullet tanpa gambar Semoga bermanfaat.
Lanjut »
22 Januari 2014

Cara Reset Low Ink Printer Canon MX 397

Masalah low ink pada printer canon sering sekali terjadi, baik pada sistem tinta cartridge yang masih standar maupun cartridge yang sudah di infus. Printer tidak bisa melakukan print out jika indikator low ink masih menyala.

Sebab Indikator Low Ink Menyala
  1. Tinta pada cartridge yang tidak di infus telah habis dan harus di isi.
  2. Tinta pada cartridge yang tidak di infus telah habis dan sudah anda isi tapi lampu indikator masih menyala.
  3. Tinta pada cartridge yang sudah di infus telah habis dan tinta baru pada tabung infus mulai mengalir ke-cartridge.
Ada 3 cara yang saya dapatkan dari internet, baik cara manual hingga menggunakan software, ada yang memberi perintah tekan tombol reset (ditahan) lalu tekan tombol power dst, tapi semua cara gagal. Akhirnya saya ulangi lagi perintah print dengan mengikuti prosedur yang ada. Alhamdulillah berhasil, ternyata sangat sederhana. Berikut caranya.
  • Buka dokumen office word atau file lainnya seperti dokumen excel, pdf milik anda.
  • Pilih tombol print seperti biasa lalu print dokumen tersebut, maka akan keluar form seperti dibawah.

    Cara reset low ink printer canon MX 397

  • Gambar di atas saya ambil dari tipe printer lain karena gak sempet printscreen waktu kejadian.
  • Tulisan Black <PG-830> itu untuk jenis cartridge printer lain, untuk cartridge canon MX 397 biasanya PG-740 atau CL-741, sedangkan printer canon MP 237 biasanya PG-810 dan CL-811.
  • Setelah tampil form seperti diatas tekan tombol stop atau reset pada printer selama -/+ 5 detik sampai ada suara beep yang keluar lalu lepaskan. 
  • Tunggu sebentar sampai dokumen anda selesai di-print. jika dokumen berhasil di-print berarti reset sudah selesai. Saya sudah mempraktekkan cara ini untuk me-reset printer canon MX 397 dan reset pada printer canon MP 237. Alhamdulillah semuanya berhasil. Kemungkinan besar cara ini bisa dilakukan untuk tipe-tipe printer canon lainnya. Semoga bermanfaat.
Catatan : cara ini tidak membuat gambar ink pada cartridge berubah menjadi penuh, cartridge tetap terlihat dalam keadaan kosong, namun cara ini membuat printer memprogram ulang cartridge yang sudah di isi tinta yang baru. Sehingga proses print akan berjalan lancar.

Mungkin anda ingin membaca artikel dibawah :
  1. Mengapa hasil print tidak sesuai dengan tampilan pada MS. office word
  2. Mengapa kertas tidak mau keluar ketika proses print berjalan
  3. Bagaimana cara reset low ink printer canon pixma MP 237
  4. Mengapa kertas keluar lebih dari satu waktu proses print?
Lanjut »
12 Januari 2014

Menggabungkan File Menjadi pdf Online

Setelah membahas "cara membuat file word menjadi pdf secara online". Sekarang saya akan menulis tutorial cara menggabungkan file word menjadi pdf, sebetulnya tidak hanya file word, tapi cara ini bisa juga untuk menggabungkan file excel menjadi pdf dan dua jenis file seja. Misalnya file pdf dengan file word di gabungkan menjadi satu. Ikuti langkahnya.
  1. Kunjungi website ini www.easypdfcloud.com
  2. Setelah itu klik pilihan combine files to PDF seperti gambar dibawah.

  3. Cara menggabungkan file menjadi pdf online

  4. Pilh file pertama, lalu klik tombol add files untuk menambah file kedua yang akan di gabungkan dengan file pertama tadi (lihat gambar dibawah).

  5. Menggabungkan file menjadi pdf secara online

  6. Setelah proses upload selesai kita akan di bawa ke halaman output files.

  7. Menggabungkan pdf online

  8. Centang checkbox file combined.pdf seperti gambar diatas, lalu klik tombol download untuk menyimpan file yang sudah dibuat. Semoga bermanfaat.
Lanjut »

Membuat File word Menjadi pdf Online

Sebelumnya saya pernah posting artikel yang sama, tapi ada beberapa perubahan dari web yang menyediakan layanan tersebut. Jadi saya tulis kembali tutorial cara membuat atau convert file word menjadi pdf secara online. Simak caranya.
  1. Kunjungi website ini www.easypdfcloud.com
  2. Setelah tampil. Klik pilihan convert files to PDF seperti gambar dibawah.


  3. Pilih file yang ingin di-convert. Tunggu beberapa saat selama proses upload dan initializing. setelah ada pemberitahuan complete, anda akan dibawa ke halaman output files seperti dibawah.


  4. Untuk mendownload file yang sudah di-convert, centang checkbox file pdf seperti gambar diatas. lalu klik tombol download yang ada diatas kiri anda. Jika ingin menggabungkan file menjadi pdf baca artikelnya disini. Semoga bermanfaat.
Lanjut »
11 Januari 2014

Membuat 2 Jenis Blockquote berbeda pada postingan

Tutorial ini untuk kalian yang ingin membuat dua jenis blockquote yang berbeda pada satu postingan blog. Sebelumnya saya sarankan untuk backup terlebih dahulu template anda agar bisa di-restore jika terjadi kesalahan. Berikut contohnya :

Contoh blockquote pertama. Tutorial ini untuk kalian yang ingin membuat dua jenis blockquote yang berbeda pada satu postingan blog. 
Contoh blockquote kedua. Tutorial ini untuk kalian yang ingin membuat dua jenis blockquote yang berbeda pada satu postingan blog. 
Cara pembuatan :
  • Masuk ke akun blogger anda, pilih link template pada blog yang ingin di edit lalu klik tombol edit HTML disebelah kanan layout.
  • Setelah masuk pada text editor html, tekan ctrl+f untuk membuka kotak pencarian/search lalu ketik blockquote dan tekan tombol search. Biasanya kode css blockquote sudah tersedia dengan nama css "post blockquote". Kurang lebih kodenya seperti dibawah (tergantung gaya css-nya, intinya diawali dengan ".post blockquote" dan ditutup dengan tanda "}").

.post blockquote {
display:block !important;
background: #CFE2F3;
text-align:justify;
font-family:Georgia, Times, "Times New Roman", serif;
border-top: 1px solid #0b944b; 
border-bottom: 1px solid #0b944b; margin: 5px;
}

  • Jika kode belum ada, cari dulu kode ini ]]</b:skin>. setelah itu copy kode diatas tepat diatas kode ]]</b:skin>
  • Setelah itu tambah kode css blockquote kedua. Caranya copy kode css di bawah ini tepat di bawah kode css blockquote pertama tadi.

.post blockquote2 {
display:block !important;
padding:10px 20px;
background: #ffffff;
text-align:justify;
font-family:Georgia, Times, "Times New Roman", serif;
border-top: 2px dashed #000000;
border-bottom: 2px dashed #000000;
border-right: 2px dashed #000000;
border-left: 2px dashed #000000; margin: 5px;
}

  • Perhatikan kode css yang kedua diawali dengan nama .post blockquote2. Setelah itu simpan template anda.
  • Sekarang kita menuju halaman posting. Klik tombol entry baru untuk membuat postingan, ketik sebuah kalimat di text editor anda, lalu blok kalimat tersebut dan klik tombol blockquote (icon kutip dua) pada tombol menu di bagian atas.
  • Setelah itu buat kalimat kedua dan lakukan hal yang sama seperti kalimat di awal, blok kalimat dan klik tombol blockquote.
  • Sekarang klik tombol HTML yang ada disebelah tombol Compose disebelah kiri atas anda untuk melihat kode html pada postingan.
  • Lihat kalimat/text pertama dan kedua yang sudah di-blockquote. Semua text di awali dengan kode <blockquote class="tr_bq">, (class bisa saja tidak ada tergantung jenis template).
  • Untuk membuat masing-masing blockquote berbeda anda tinggal mengubah kode awal blockquote dari salah-satu kalimat menjadi  <blockquote2 class="tr_bq"> agar masing-masing mempunyai gaya yang berbeda. Semoga bermanfaat.
Lanjut »
5 Januari 2014

Cara Membuat Bullet Berdampingan di blog

Bagi kalian yang ingin membuat daftar artikel, daftar link, daftar nama atau sebuah pembahasan yang menggunakan bullet pada postingan blog, namun ingin menampilkannya berdampingan, karena jika daftar sudah terlalu banyak akan membuat artikel semakin panjang hingga terlalu banyak memakan tempat postingan anda. Sebenarnya cara ini bisa dilakukan dengan menambah/mengubah padding, margin dan tipe style lainnya pada css, berhubung saya tidak begitu memahami bahasa css, akhirnya saya mengakali dengan membuat tabel tanpa border untuk membuat bullet berdampingan dengan rapi. Berikut contohnya.


Untuk membuat daftar bullet seperti diatas caranya mudah. Masuk ke akun blogger, buat postingan terbaru, lalu klik link/button html pada bagian kiri atas tepat sebelah link/button compose. lalu copy dan paste kode dibawah ke textbox editor anda.

<table border="0"><tbody>
<tr>
<td><ul style="margin: 0;"><li>Cara Membuat Bullet Berdampingan</li></ul></td>
<td><ul style="margin: 0;"><li>Cara Membuat Bullet Berdampingan</li></ul></td>
</tr>
<tr>
<td><ul style="margin: 0;"><li>Cara Membuat Bullet Berdampingan</li></ul></td>
<td><ul style="margin: 0;"><li>Cara Membuat Bullet Berdampingan</li></ul></td>
</tr>
</tbody></table>

Penjelasan
  • Lihat kode <table border="0">, maksud table border = 0 adalah ukuran border tabel = 0px atau tidak terlihat, untuk menampilkan border ubah angka 0 menjadi 1 atau 2 agar border lebih tebal.
  • Pada bagian <tr> yang ditutup dengan </tr> pertama adalah dua baris di sebelah kiri anda.
  • Pada bagian <tr> yang ditutup dengan </tr> kedua adalah dua baris di sebelah kanan anda.
  • Untuk menambah daftar baris pada kolom sebelah kiri copy kode dibawah ini tepat diatas </tr> pertama.
<td><ul style="margin: 0;"><li>Cara Membuat Bullet Berdampingan</li></ul></td> dibawah </td>
  • Untuk menambah daftar baris pada kolom sebelah kanan copy kode dibawah ini tepat diatas </tr> kedua.
<td><ul style="margin: 0;"><li>Cara Membuat Bullet Berdampingan</li></ul></td> dibawah </td>
  • Setelah selesai coba pratinjau untuk melihat hasilnya. Semoga bermanfaat.
Lanjut »

Mengatur Jumlah Baris Google+ Follower di blog

Artikel ini di tulis untuk kalian yang telah memasang gadget google+ followers pada blog, tapi ingin mengatur atau membatasi jumlah pengikut yang tampil di gadget tersebut. "Ingat" hanya membatasi jumlah pengikut yang akan tampil di blog, bukan membatasi pengikut agar tidak bisa mem-follow anda. Berikut caranya :
  1. Masuk ke akun blogger anda.
  2. Pilih tata letak, lalu klik link edit pada gadget google+ followers yang sudah dibuat.
  3. Setelah tampil  form konfigurasikan pengikut google+ seperti gambar di bawah.
    Mengatur jumlah baris pada google+ followers di blog
  4. Klik radio button tentukan secara manual pada bagian ukuran seperti gambar di atas.
  5. Lalu ganti ukuran lebar : 310px dan tinggi : 260px dan klik pratinjau di bagian atas. Ukuran tersebut untuk menampilkan 3 baris dan 6 kolom pada gadget
  6. Anda bisa mengatur sesuai keinginan. Agar bisa menampilkan 4 baris, cukup ubah ukuran tinggi menjadi 280px (tergantung ukuran layout). Semakin besar ukuran lebar dan tinggi, semakin banyak jumlah google+ follower yang akan di tampilkan. Semoga bermanfaat.
Lanjut »
4 Januari 2014

OSK, Alternatif Jika Keyboard Rusak

Menggunakan on screen keyboard jika keyboard rusak
OSK atau on-screen keyboard adalah keyboard virtual yang disediakan microsoft di dalam sistem operasi windows milik mereka. Software ini berfungsi layaknya keyboard yang ada pada laptop ataupun komputer anda, bedanya keyboard ini berupa perangkat lunak (software) atau aplikasi yang bisa di klik menggunakan mouse, bukan di tekan seperti keyboard yang berupa hardware. Untuk sistem operasi windows kita tidak perlu meng-install program ini lagi, karena osk sudah menjadi bagian dari sistem operasi windows. Berikut cara menggunakannya :
  • Tekan kombinasi keyboard win+r, "win" adalah tombol keyboard dengan logo microsoft, lalu ketik osk untuk membukanya.
  • Jika keyboard tidak bisa digunakan lagi, osk bisa di temukan di alamat ini C:/windows/system32/osk.exe, double click aplikasi untuk menjalankannya.
  • Untuk menampilkan NumLock pada keyboard, klik tombol options pada keyboard, lalu centang checkbox turn on numeric keypad dibagian atas dan klik tombol ok.
Osk sangat berguna bagi anda yang keyboard pada laptop/komputernya rusak total atau beberapa tombol keyboard tidak berfungsi. Namun keyboard virtual ini tidak disarankan untuk mengetik kalimat yang panjang seperti tugas-tugas yang diketik di ms.word dan sebagainya, karena sangat tidak nyaman dan memerlukan waktu yang banyak ketimbang menggunakan keyboard yang berbentuk hardware. Semoga bermanfaat.
Lanjut »