Tempatnya Belajar dan Berbagi

Written By Unknown on Minggu, 01 September 2013 | Minggu, September 01, 2013

Tempatnya Belajar dan Berbagi


Memasang Emoticon Pada Kotak Komentar di Blog

Posted: 30 Aug 2013 05:52 PM PDT


Temen-temen tahu nggak apa itu Emoticon ? Emoticon adalah ikon kecil yang berbentuk wajah dan memiliki arti. Kali ini saya akan memberikan tutorial cara memasang emoticon pada kotak komentar. Dengan memasang emoticon di kotak komentar maka para komentator akan lebih mudah untuk mengekspresikan perasaannya. Selain itu, juga akan membuat blog kita lebih ekspresif bukan?

emoticon maskolis

Nah untuk memasang emoticon dikotak komentar. Anda harus men-setting kotak komentar agar muncul dibawah postingan terlebih dahulu. Bagi anda yang kotak komentarnya berada pada halaman pop-up. Silahkan diatur dulu agar kotak komentarnya muncul di bawah postingan. Jika temen-temen tertarik ikuti saja langkah-langkah pembuatannya di bawah ini :
  1. Pertama harus login dengan akun blogger anda
  2. Klik rancangan
  3. Edit HTML
  4. centang expand widget templates pada kotak kecil
  5. Cari kode </body>
  6. Lalu letakkan script dibawah ini diatas kode </body>
  7. <script  src='http://kendhin.890m.com/emoticon/smile1.js'  type='text/javascript'/>
  8. Terus cari kode berikut ini:
  9. <p  class='comment-footer'>  <b:if cond='data:post.embedCommentForm'>  <b:include data='post'  name='comment-form'/>  <b:else/>  <b:if  cond='data:post.allowComments'>  <a expr:href='data:post.addCommentUrl'  expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>  </b:if>  </b:if>  </p>
  10. Kalau tidak sama, cari yang paling mendekati. Kemudian letakkan kode berikut ini dibawah <p class='comment-footer'>
    <b><img border='0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>  :))  <img border='0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>  :)]  <img border='0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>  ;))  <img border='0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>  ;;)  <img border='0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>  :D  <img border='0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>  ;)  <img border='0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>  :p  <img border='0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>  :((  <img border='0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>  :)  <img border='0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>  :(  <img border='0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>  :X  <img border='0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>  =((  <img border='0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>  :-o  <img border='0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>  :-/  <img border='0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>  :-*  <img border='0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>  :  <img border='0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>  8-}  <img border='0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>  ~x(  <img border='0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>  :-t  <img border='0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>  b-(  <img border='0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>  :-L  <img border='0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>  x(  <img border='0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>  =))  </b>
  11. Klik Save Template.
  12. Selesai. 
Jika sudah selesai semua coba temen-temen lihat hasilnya, apa sudah terpasang emoticonnya. Kalau belum coba ulangi sekali lagi mungkin masih ada kode yang masih terlewat. Sekian tutorial kali ini selamat mencoba dan semoga bermanfaat.

Membuat Blog Di WordPress.com

Posted: 30 Aug 2013 05:52 PM PDT


Jika temen-temen blogger sudah bosan dengan tampilan blogspot, dan ingin membuat blog/web di wordpress.com. Kali ini saya akan berikan tutorial cara membuat blog di wordpress.com. Membuat blog di wordpress.com sangatlah mudah, hampir sama seperti kalau kita buat blog di blogspot. Kita tinggal isi formulir yang sudah disediakan, isi semua jangan sampai ada yang kelewatan, jadi deh blognya......

Oke, daripada berlama-lama langsung saja pada langkah-langkahnya :
  1. Anda harus ke www.WordPress.com.
  2. Bila anda sudah masuk halaman WordPress.com, klik tombol [Sign Up Now].
    maskolis wirdoress
  3. Kemudian proses pendaftaran dimulai dengan mengisikan :
    membuat blog maskolis
    � Username:
    Isikan nama anda (min 4 karakter).
    � Password:
    Isikan kata sandi/password anda.
    � Confirm:
    Tulis kembali kata sandi/password yang telah anda tulis tadi.
    � Email Address:
    Isikan alamat email anda.
  4. Pada �Legal flotsame� anda wajib memberi centang ( v ) opsi [I have read and agree to the fascinating terms of service] yang menandakan anda setuju dengan ketentuan dari WordPress.
    membuat blog maskolis
  5. Kemudian karena anda akan membuat blog, anda harus memilih opsi [Gimme a blog] dengan memberi tanda tik T. Kemudian tekan tombol [Next >>].
    membuat blog maskolis
  6. Kemudian pada halaman kedua pada proses pendaftaran :
    membuat blog maskolis
    � Blog Domain:
    Isikan nama yang nantinya akan menjadi alamat blog anda Contoh : bootingskodos.wordpress. com
    membuat blog maskolis
    � Blog Title:Isikan judul blog anda.
    membuat blog maskolis
    � Language:
    Pilih bahasa apa yang ingin anda gunakan (lebih baik pilih English).
  7. Beri tanda centang ( v ) pada opsi [Privacy], agar blog anda dapat dicari oleh mesin pencari seperti Google dan Technorati. Ini memudahkan anda tanpa harus bersusah payah mendaftarkan alamat blog anda pada mesin pencari Google. Kemudian klik tombol [Signup >>].
  8. Bila pada halaman berikutnya muncul teks �Your account is now active�, segeralah buka email anda untuk mengaktifkannya.
    Halaman Aktivasi WP Berhasil
  9. Di dalam email anda, buka email yang diberikan WordPress.com dan klik salah satu link menuju WordPress.com untuk mengaktifkan account anda . Bila belum ada, tunggu � 5 menit.
  10. Bila berhasil akan muncul halaman login, masukkan username dan password yang telah anda buat pada halaman pendaftaran tadi.
    Halaman Log In WP
Semua proses untuk membuat blog di wordpress.com sudah selesai. Untuk pengenalan Nama dan Fungsi Tombol-Tombol Fasilitas Penyuntingan Text Di Area Penulisan Posts dan Pages di wordpress akan saya bahas pada postingan berikutnya.

Cara Install Joomla Via Fantastico

Posted: 30 Aug 2013 05:52 PM PDT


Kembali saya akan memberikan tutorial untuk menginstal Joomla, tapi kali ini kita akan belajar cara meng-install Joomla melalui fantastico auto installer.  Untuk menginstall Joomla sebenarnya terdapat dua cara yang bisa anda lakukan. yang pertama Via Fantastico yang akan di bahas pada artikel kali ini dan yang ke-dua bisa dilakukan secara manual sebagai alternatif jika dalam web hosting anda tidak terdapat Fantastico auto installer, caranya bisa anda lihat di artikel saya yang membahas bagaimana cara menginstall Joomla secara Manual.

Untuk memulai installasi-nya, tentunya anda harus masuk terlebih dahulu ke Cpanel anda, setelah itu ikuti cara lebih lanjutnya seperti di bawah ini :
  1. Pada bagian Software / Service  pilih Fantastico De Luxe.
  2. Pada halaman baru pilih Joomla 1.5 (versi Joomla yang akan kita install) seperti pada gambar di bawah ini :

  3. Kemudian Klik New Installation.

    install Joomla Via Fantastico
  4. Pada halaman selanjutnya, anda harus mengisi beberapa informasi untuk Situs Joomla anda

Kemudian anda harus mengisi specify informasi berikut :
  • Install in Directory � Ini menentukan URL atau alamat website anda yang nantinya akan di akses lewat browser. jika anda ingin Joomla halaman utama anda (www.namawebsite.com) sebaiknya bagian ini di kosongkan saja.
  • Admin Access data � Memberikan username dan Password untuk mengakses panel administrasi Joomla anda.
  • Admin Email -  Masukkan alamat email anda.
  • Admin Fullname � Masukkan Nama Lengkap Anda.
  • Site Name � Nama Situs anda
  • Install sample data � Sampel data apakah yang harus di install ke anda data sampel meliputi item menu sampel dan artikel. jika anda baru mengenal Joomla saya sarankan agar anda menginstall sampel data.
Setelah anda  mengisi formulir tersebut, lanjutkan dengan meng-klik tombol Install Joomla 1.5, dihalaman berikutnya anda akan diminta untuk mengkonfirmasi installasi. Pada akhir installasi anda akan dikasih informasi bagaimana cara login ke panel administrasi anda. yang harus dilakukan klik alamat URL nya Misal, (www.namawebanda.com/administrator) dan ingat data login anda.

Nah, bagaimana lebih mudah install secara manual atau lewat Fantastico? Anda tinggal pilih yang menurut anda paling gampang. Selamat mencoba dan semoga bermanfaat.

Cara Install Joomla Manual

Posted: 30 Aug 2013 05:52 PM PDT


Kali ini saya akan berbagi pengetahuan saya yang masih sedikit mengenai Tutorial Joomla. Tutorial Joomla kali ini akan memandu temen-temen langkah demi langkah tentang cara  Installasi Joomla secara Manual, Installasi Joomla akan lebih mudah lagi dikerjakan  dengan menggunakan software  auto-installer seperti fantastico, anda dapat melihat panduannya di artikel saya yang lain mengenai Cara Install Joomla Via Fantastico. Namun tidak semua hosting menyediakan fasilitas auto installer maka dari itu digunakan jalan alternatif lain dengan cara menginstall Joomla secara manual.

Untuk menginstall joomla secara manual ikuti langkah-langkah berikut ini :
  1. Buat database MySQL untuk instalasi Joomla anda dan menambahkan user baru . Hal ini dapat dilakukan dengan mudah dengan cPanel dengan mengikuti tutorial database MySQL .  Jika Anda tidak menggunakan cPanel Anda bisa merujuk ke manual MySQL tentang cara membuat database dan cara menambahkan pengguna(user) untuk hal ini.
  2. Buat folder bernama upload pada komputer Anda.
  3. Download file. Zip dengan versi terbaru ke folder upload dan ekstrak di sana.
  4. Upload semua isi dari folder upload ke direktori pada server di mana Joomla 1.5 akan diinstal.  Saya  rekomendasikan agar menggunakan FTP untuk meng-uploadnya.
  5. Ini akan baik http://your_domain_name.com atau subdirektori seperti http://your_domain_name. com/ example.
  6. Anda akan diarahkan ke halaman instalasi Joomla. Pada halaman pertama installasi anda di haruskan untuk memilih bahasa installasi.
  7. Note: bahasa yang dipilih hanya berlaku selama proses installasi. setelah Joomla di install akan kembali ke bahasa inggris.
  8. Joomla akan melakukan pemeriksaan system. apabila gagal memenuhi persyaratan atau rekomendasi fungsional akan menyebabkan masalah keamanan nantinya.
  9. Maka dari itu cermati persyaratannya terlebih dahulu, berikut screenshot persyaratan Joomla 1.5 yang harus dipenuhi :
  10. Setelah anda yakin bahwa semua persyaratan sudah terpenuhi, selanjutnya klik [Next] yang terdapat di pojok kanan atas.
  11. Berikutnya anda harus menerima lisensi dari joomla itu, dan klik [Next ] untuk melanjutkannya.
  12. Pada halaman berikutnya anda akan di minta untuk memasukkan rincian data MySQL anda, apabila anda kesulitan di bagian ini, Berikut adalah gambar yang memberikan contoh apa yang harus dimasukkan, ini hanyalah contoh semuanya sesuaikan dengan data mySQL anda.
  13. Berikutnya anda harus mengkonfigurasi FTP. pilih saja ke pengaturan default, dan klik [next] yang terdapat pada menu sebelah kanan di bagian atas.
  14. Halaman yang muncul selanjutnya merupakan langkah terakhir untuk menyelesaikan installasi Joomla, yang akan meminta alamat email dan password admin, klik [Next] untuk melanjutkan.
  15. Note: dalam contoh di atas kita tidak menggunakan opsi install sampel data karena dapat menyebabkan kebingungan dan membutuhkan waktu untuk menghapus semua data
  16. Di halaman terakhir dari instalasi wizard Anda akan menerima konfirmasi bahwa Joomla telah berhasil diinstal. sebelum anda dapat mengakses Joomla 1.5 anda harus menghapus direktori installasi terlebih dahulu
Proses instalasi Joomla sudah selesai dan anda bisa langsung tulis artikel pertama anda. Demikian tadi langkah-langkah cara install Joomla secara manual. Jika ada temen-temen yang lebih mendalami tentang Joomla saya mohon diajari. Semoga bermanfaat

Mengganti Tampilan Huruf di WordPress

Posted: 30 Aug 2013 05:51 PM PDT


Temen-temen bosan dengan tampilan huruf di blog wordpress? Nah, disini akan saya jelaskan bagaimana mengganti huruf di wordpress anda agar lebih kelihatan menarik. Typekit adalah cara termudah untuk mengganti tipe  huruf bawaan WordPress pada blog anda, cukup masukkan ID Typekit anda akan dapat memilih ratusan tipe huruf yang tersedia gratis. Atau saya sederhanakan, Typekit adalah fasiltas terbaru dari WordPress.com yang berfungsi untuk merubah tampilan huruf di blog anda. Jika tipe huruf di blog anda �Arial� anda dapat merubahnya menjadi tipe huruf �Senserif� atau yang lainnya sesuai keinginan anda.

Namun sebelum mengganti default tipe huruf di blog anda, sebelumnya anda diharuskan mendaftar terlebih dahulu yang nantinya untuk mendapatkan Typekit ID. Bagi temen-temen yang tertarik, ikuti langkah-langkah di bawah ini :
  1. Anda harus login dulu di wordpress
  2. Pada halaman dashboard, pilih menu tampilan >> typekit fonts
  3. Jika Anda belum pernah Sign Up sebelumnya, maka klik menu Sign Up, jika sudah pernah Sign Up, maka teman-teman tinggal memilih menu update ID
  4. Pilih Try it for free
  5. Setelah itu isi formulir pendaftaran yang tampak seperti gambar di bawah ini, dan pilih create my account
  6. Pilih jenis layanan yang Anda inginkan, pada tutorial kali ini, saya sarankan memilih yang Free
  7. Kode di bawah ini perlu diingat karena akan digunakan pada proses selanjutnya.
  8. Jangan lupa untuk mengklik tombol Get Starter
  9. Pilih tombol All fonts
  10. Pilih add to kit pada font yang diinginkan
  11. Pada gambar di bawah ini masukkan tag menu yang diinginkan pada kotak inputan yang bernama selector, di sini saya mengetikkan h1, lalu pilih add, pilih publish
  12. Kembali ke menu tampilan > typekit fonts, masukkan kode yang Anda peroleh pada proses Sign Up lalu pilih Update ID
  13. Untuk mencobanya Anda dapat membuat postingan baru. Inputkan postingan dalam bentuk html dengan terlebih dahulu diberi tag, sesuai dengan yang Anda telah inputkan pada inputan Selector, pada tutorial ini saya mencoba untuk menginputkan <h1> testing <h1>
  14. Hasil tampilan akhir.
Demikian tutorial singkat tentang cara mengganti huruf dengan typekit, selamat mencoba dan semoga bermanfaat.

0 komentar:

Posting Komentar