FreeZone88

Author: Kama

  • Membuat Efek Berputar pada Icon atau Logo Blog

    efek berputar logo atau icon dengan css3 pada blogTutorial cara membuat logo atau icon berputar pada blog dengan menggunakan css3 – Pada kesempatan kali ini saya akan membahas tentang bagaimana membuat efek berputar pada icon atau logo blog. Sebagai contoh saya akan membuat icon social media berputar yang ada pada blog. Ketika mouse berada diatas icon tersebut, maka icon tersebut akan berputar 360 derajat. Yah lumayan untuk mempercantik tampilan blog kita sehingga nyaman dilihat. Untuk melihat contohnya silahkan tempatkan mouse anda berada diatas icon social media yang ada pada blog freezon.
    Untuk melakukannya kita cukup menambahkan icon css transition pada properti tag atau selector css social media tersebut dengan cara mencari tag social media yang ada pada template blog kita. Pertama-tama masuk ke akun bloger anda kemudian pilih menu template dan klik edit html. Tekan CTRL + F untuk mencari tag css social media tersebut. Contoh code css  social media yang ada pada template blog saya :
    CLASS CSS ICON SOCIAL MEDIA :

    Code css Sebelum dipasangkan efek berputar pada icon :

    Kemudian tambahkan code css3 untuk efek berputar pada image sehingga Nampak seperti contoh dibawah ini

    Code css Sesudah dipasangkan efek berputar pada icon :

    CLASS CSS ICON SOCIAL MEDIA KETIKA MOUSE BERADA DIATASNYA
    Code css Sebelum dipasangkan efek berputar pada icon :

    Code css Sesudah dipasangkan efek berputar pada icon :

    Jika anda sudah menambahkan code diatas, tinggal melakukan penyimpanan. Refresh browser anda dan coba tempatkan mouse pada icon social media yang ada pada blog dan lihat hasilnya. Jika tidak terjadi efek berputar berarti ada kesalahan pemasangan code css pada tag social media. Pastikan agar tag yang dipasangkan efek berputar merupakan tag css dari icon social media tersebut.

  • Menginstal Modul CKEDITOR di DRUPAL

    Tutorial cara instal modul CKEditor di drupal – menambahkan ckeditor pada drupal sama halnya dengan cara menginstal modul lain pada drupal, hanya kita harus menambahkan file file ckeditor yang di download pada situs resminya dan biasanya hal ini yang terlewatkan. Disinilah letak kesalahan pada saat pertama kali instal modul ini dan saya pun pernah mengalaminya.

    Sebelum kita memulai cara menginstal modul ckeditor pada drupal, kita siapkan dulu modul dan file ckeditor. Pertama download modul ckeditor untuk drupal disni, dan file ckeditornya disitus resmi ckeditor disini.

    Langkah –langkah penginstalan modul ckeditor :
    1. Ekstrak file ckeditor yang di download di situs drupal copy dan tempatkan pada folder modules yang ada pada c > xamp > htdocs > freezon (atau nama site drupal anda) > sites > all > modules. Dan aktifkan modul pada menu modules yang ada pada halaman administrator. jika masih bingung cara instal modul di drupal dapat mengikuti panduan cara instal modul di drupal 
    2.  Setelah berhasil mengaktifkan modul ckeditor, kemudian ekstrak file ckeditor yang di download di situs ckeditor dan tempatkan pada folder ckeditor yang ada didalam folder modul ckeditor untuk drupal.
    Jika sudah mengikuti langkah-langkah diatas dengan benar, kembali ke home dengan mengklik menu home, kemudian klik add content dan pilih content artikel. Perhatikan pada bagian body jika sudah muncul beberapa teks editor, berarti penginstalan modul ckeditor telah berhasil.

    Satu lagi hal yang perlu di ketahui dalam penggunaan modul ini , yaitu ketika akan membuat sebuah artikel, text format yang berada tepat dibawah body diganti dengan mode full html agar supaya artikel yang di edit bisa tampil sempurna. Namun karena secara default mode text formatnya adalah filtered html, kita dapat merubahnya agar selalu menjadi full html dengan cara, klik menu configurasi cari CONTENT AUTHORING dan klik menu text formats, kemudian geser full html pada urutan pertama.

  • Failed to detect one or more drives during pos PC Dell

    Bagaimana cara mengatasi komputer dell yang mengalami error ‘Failed to detect one or more drives during POST‘ ?. Dalam melakukan pekerjaan ada saja kendala-kendala baru, ini yang saya alami ketika memperbaiki Sistem error pada PC Dell. Windows xp pc tersebut selalu restart dan tidak mau masuk dalam sistem. Bahkan pada saat proses instalasi windows xp hardisk komputer tidak terdetect.

    saya sudah coba untuk melakukan reset pada bios. namun hal itu tetap tidak membawa hasil. error masih saja terjadi. ya ditambah suasana matahari yang menyengat, kepala sudah mulai puyeng, sempat muncul kata putus asa di depan mata heheh curhat ni yee :D.
    yah kalau sudah begini om google lah yang menjadi harapan, dengan menggunakan kata kunci ‘Failed to detect one or more drives during POST’ akhirnya permasalahan terpecahkan juga. terharu gue jadinya 🙁
    untuk mengatasinya cukup dengan menonaktifkan drive sata 1 pada settingan bios komputer dell, kemudian aplykan dan restart pc
    Kadang ,,,hanya hal sepele yang membuat kita jadi pusing tujuh keliling jadi tidak ada salahnya saya membagikan tips yang sederhana ini J

  • Mengatur Hasil Print Out Pada Microsoft Excel

    Cara mengatur tampilan print out pada Microsoft excel. Pada Ms Excel untuk mengatur tampilan print outnya kita harus menggunakan cara-cara tersendiri, beda dengan pada ms word yang sudah mempunyai garis batas print outnya. Kadang kita membuat lembar kerja yang lumayan panjang sehingga ketika pada saat melihat print outnya, hasilnya tidak semua masuk pada lembar print out, atau tidak sesuai dengan yang diinginkan.

    Nah bagaimana kita mengatur agar tampilan print outnya sesua dengan ukuran kertas yang digunakan, coba ikut tips tips berikut :

    Buka lembar kerja ms excel yang ingin anda ubah tampilan print outnya, kemudian klik office button – print – print priview. Lihat hasil contoh print out dengan lembar kerja yang saya buat dibawah ini :
    Jumlah kolom 7 dari kolom A sampai G

     

    Jumlah Baris 31 baris
    Permasalahannya adalah, saya ingin agar tampilan print outnya berbentuk landscape dengan semua kolom yang saya buat masuk dalam satu lembar kerja dengan ukuran kertas A4

    Pertama pada tampilan print priview, klik menu page setup ketika muncul jendela page setup, pada menu page, orientation ganti menjadi landscape. Paper size ganti dengan ukuran kertas A4 kemudian klik OK


    Ukuran print priview berubah menjadi landscape, namun tidak semua kolom masuk ke dalam lembar kerja ukuran kertas A4.
    Tahap selanjutnya adalah memasukkan kolom yang tidak masuk dalam lembar kerja yaitu kolom 6. Pertama Close print priview, pada tampilan normal ms excel ubah viewnya menjadi model Page Break Priview dengan cara klik menu view kemudian klik Page Break Priview
    Pada tampilan page break priview, perhatikan garis putus-putus warna biru yang menjadi batas antara kolom 5 dan kolom 6. Garis tersebutlah batas dari print out sehingga kolom yang berada diluar garis tidak akan masuk dalam satu lembar kerja, tetapi akan membuat lembar kerja baru pada saat dilakukan print.
    Tarik garis putus-putus tersebut sampai batas antara kolom 6 dan kolom 7 atau antara kolom G dan H. Jika sudah, kembalikan tampilan excel ke Normal dengan cara klik menu View – Normal. Untuk membuktikan apakah kolom 6 sudah masuk dalam satu lembar print out, cek pada tampilan print priviewnya.
    Office Button – print – print priview 
     
    Hasil akhir mengatur Print Out Pada Microsoft Excel
    semoga membantu 🙂

  • Mengganti Tema Template Pada Drupal

    Tema Drupal
    Cara merubah tema cms drupal – Mengganti tema atau template di CMS drupal dapat dilakukan dengan mudah dan cepat, Karena telah banyak disediakan tema tema gratisan untuk website berbasis cms drupal. Ada yang disediakan langsung di web drupal maupun website penyedia tema-tema gratisan.


    Ada 2 tipe tema yang dapat di download dan diterapkan pada cms drupal pertama tema yang sudah lengkap yaitu tema yang tinggal siap pakai dan tema yang hanya menyediakan rangka dasar dan perlu dilakukan design tambahan dan keahlian khusus dalam bahasa pemograman seperti css html dan php contohnya pada tema omega dan zen.

    Kali ini saya akan bahas tentang bagaimana cara mengganti tema pada drupal dengan menggunakan tema yang sudah siap pakai. Lakukan pencarian tema yang di website drupal ataupun di website lain penyedia tema drupal. Lakukan pencarian di google dengan kata kunci ‘download free template drupal’ Sebagai contoh disini saya mengunduh tema marinelli yang saya unduh langsung di web drupal.

    Untuk mengganti tema drupal ikuti langkah-langkah berikut :

    Ekstra tema yang telah di download kemudian tempatkan dalam folder c://xamp/htdocs/drupalku/sites/all/themes. Buka browser masuk ke website drupal dengan menggunakan login admin, kemudian klik menu appereance. Scroll mouse kebawah dan cari nama tema yang telah di download lalu klik enable and set default. contoh dibawah ini saya mengaktifkan tema marinelli dengan mengklik enable and set default.

    Cara ganti tema drupal


    Tunggu hingga proses pergantian tema selesai. Klik Home untuk melihat hasil perubahan tema web drupal anda.

  • Cara merubah atau menghapus menu bawaan template blogger

    Kali ini saya akan share sedikit tentang bagaimana mengganti , menghapus atau merubah menu pada template blogger. Mungkin sebagian blogger sudah tau cara ini, tapi bagi pemula hal ini mungkin agak sedikit kurang dipahami.
    Sebelumnya download template blogger di btemplates.com, situs penyedia template blogger. Pada situs itu terdapat beberapa template blogger dengan berbagai variasi. Terapkan pada blog anda dan lihat apakah ada menu-menu bawaaan dari template tersebut. Jika ada, kita dapat merubahnya sendiri dan disesuaikan dengan menu dari blog kita. Yang ingin belajar modifikasi tema template blog dapat mengikuti panduan Cara mudah modifikasi tema blog atau web dengan menggunakan firebug

    Sebagai contoh berikut menu standar template yang saya download dan akan saya ganti sesuai dengan menu pada blog saya.

    pada gambar disamping terdapat menu bawaan template yang saya gunakanan. namun saya ingin menghapus sebagian menu yang tidak sesuai dengan blog saya.
    pertama-tama masuk pada blogger dan pilih menu template lalu klik edit html seperti gambar dibawah ini
    kemudian tekan Ctrl + F untuk mengaktifkan search pada file xml, masukkan nama menu yang ingin dihapus atau dirubah, dibawah ini saya ingin menghilangkan menu business pada menu template saya
    untuk menghilangkannya dapat dengan menghapus menu business yang ditandai pada angka 2 sampai angka 3, tapi contoh diatas saya hanya menambahkan code <!– pada awal code menu business dan –> pada akhir code, fungsinya yaitu agar kode li pada menu business hanya terbaca sebagai comment di browser sehingga tidak tampil pada browser.
    sedangkan untuk merubah menu tersebut, cukup dengan merubah kata business sesuai dengan menu yang diinginkan namun jangan lupa untuk memasukkan alamat url menu baru dengan cara memasukkan link menu pada href=’masukkan-link-menu-disini’.
    Untuk membuat menu di blog dengan menggunakan fungsi page atau halaman dapat mengikuti panduan Cara Membuat Menu di Blog
    nah sampai disini kita sudah dapat merubah menu template yang kita download sesuai dengan keinginan 🙂 semoga membantu