Selasa, 01 Maret 2011

Cara Membuat Jawaban Email Otomatis Menggunakan Gmail Google


Ketika kita sedang berlibur atau sedang sibuk, sehingga tidak sempat untuk membuka Email dan ternyata banyak sahabat atau rekan bisnis telah mengirim Email dan menunggu jawaban/balasan Email dari kita, maka apa yang akan terjadi jika kita tidak langsung menjawab Email mereka? Sedangkan mereka tidak mengetahui alasan kita belum menjawab Email tersebut.

Untuk mengatasi permasalahan tersebut, kini telah ada solusinya yaitu membuat jawaban Email secara otomatis dengan menggunakan layanan Email gratis dari Gmail Google, dimana cara kerja dari Email otomatis ini adalah ketika ada Email masuk, Gmail kita akan langsung menjawab dengan isi Email yang telah diatur sebelumnya.

Nah jika tertarik, maka Anda harus terlebih dahulu mempunyai account di Google dan jika anda belum punya silahkan buat dahulu atau dengan menggikuti panduan Cara Membuat Email di Google ini.

Selanjutnya silahkan ikuti Cara Membuat Jawaban Email Otomatis Menggunakan Gmail Google ini sebagai berikut:
  1. Sign in/Masuk ke Account Gmail Anda;
  2. Supaya sama dengan tutorial ini, rubahlah bahasanya menjadi bahasa Indonesia, lalu klik Setelan dan akan dibawa ke halaman seperti gambar di bawah ini:
  3. Geser halaman ke bawah dan cari kolom yang bertuliskan: Penjawab pesan saat liburan;
  4. Setelah ketemu, tandai tulisan Penjawab pesan saat liburan ON, lalu pada Kolom Hari silahkan diatur mulai tanggal berapa sampai tanggal berapa Anda liburan atau menginginkan jawaban otomatis tersebut tetap aktif;
  5. Pada kolom Subjek, silahkan tulis judul pesan Anda dan di kolom Pesan Anda bisa menuliskan isi pesan sesuai yang Anda kehendaki;
  6. Jika Anda ingin jawaban otomatis ini hanya untuk Email yang ada dalam daftar saja, silahkan kasih tanda centang pada tulisan Kirimkan tanggapan hanya kepada orang-orang di dalam daftar Kenalan saya, namun jika ingin seluruh Email yang masuk mendapat jawaban otomatis, maka dikosongkan saja;
  7. Terakhir klik Simpan Perubahan, selesai.
Nah jika Anda ingin langsung uji coba, silahkan alamat Email yang telah disetting menjawab otomatis tersebut dikirimi Email dari alamat Email yang berbeda dengan syarat jika Anda ingin mengirim pada hari itu, maka Anda harus mengatur setting tanggalnya dimulai pada hari itu juga, lalu perhatikan apa yang terjadi?

Demikianlah tutorial Cara Membuat Jawaban Email Otomatis Menggunakan Gmail Google ini, semoga bermanfaat.

Cara Mengganti Header Blog pada Blogger


Menurut cerita beberapa blogger tentang alasan orang tertarik dan sering mengunjungi blog adalah pertama, isi blog sesuai dengan kebutuhan dan kedua, tampilan blog yang unik serta indah.

Dalam artikel ini yang akan dibahas adalah tentang alasan kedua yaitu tampilan blog yang unik dan indah yaitu salah satunya mengganti Header Blog, karena dengan mengganti header selain akan membuat tampilan blog menjadi menarik, juga akan terlihat seperti blogger profesional (kalau yang melihat blogger pemula seperti saya, he he heeeeeeeee).

Header tidak harus berupa gambar, tetapi bisa juga menggunakan teks sebagai header yang penting terlihat unik dan indah, namun kali ini yang akan dibahas adalah mengganti header dengan gambar.

Cara membuat header blog tidaklah sulit, namun jika Anda tidak ingin pusing-pusing membuat gambar sendiri, Anda bisa memanfaat website penyedia gambar yang gratis, seperti: freewebpageheaders.com, smashingmagazine.com dan lain.

Adapun cara download gambar di freewebpageheaders.com adalah sebagai berikut:
  1. Klik Daftar Sekarang untuk membuka halaman situsnya;
  2. Klik Register untuk mendaftar.
  3. Klik Agree. Kemudian Anda akan diminta untuk mengisi Registration form. Form ini terdiri dari 2 bagian yaitu : Required info dan Optional info. Required info merupakan info yang harus Anda berikan untuk pendaftaran sedangkan Optional info merupakan info yang digunakan untuk menampilkan data Anda kepada pengunjung saat Anda login. Jika Anda merasa tidak perlu maka diabaikan saja untuk bagian ini.
  4. Klik Submit Registration Form, lalu Anda akan mendapat pesan supaya membuka email untuk mengaktifkan account Anda.
  5. Buka email yang Anda gunakan untuk mendaftar. Klik pada link yang diberikan untuk mengakftifkan account Anda.
  6. Jika sudah, Anda akan mendapat pesan bahwa account Anda sudah diaktifkan.
  7. Klik Return to the front page of free Web Page Headers.
  8. Lalu klik Login untuk mendowload gambar header.
  9. Pilih kategori header yang Anda inginkan. Jika Anda sudah menemukan gambar yang cocok. Klik pada gambar tersebut lalu klik Download.
  10. Kemudian gambarnya akan terbuka pada halaman baru. Klik kanan pada gambar lalu pilih Save Image As lalu tekan Save.
  11. Selesai. Sekarang gambar sudah tersimpan di komputer Anda.
Langkah selanjutnya Cara Mengganti Header Blog pada Blogger, yang pertama dilakukan yaitu mencari tahu berapa ukuran header pada template Anda, caranya:
  1. Klik Rancangan->Edit HTML.
  2. Cari kode #header-wrapper. Supaya mudah untuk mencarinya, tekan Ctrl+F ketikkan #header-wrapper lalu tekan Next.
  3. Jika sudah ketemu biasanya ada kode width dan height disekitarnya. Misalnya seperti ini:
    #header-wrapper {
    width:975px;
    height:130px;
    margin:0px;
    padding:0px;
    text-align:left;
    background:#FFF url("http://i977.photobucket.com/albums/ae258/SPN_photo/HeaderSerbaTersedia-New.jpg") no-repeat right ;
    }

    Keterangan:
    width:975px; adalah panjang header
    height:130px;adalah lebar header.

    Agar gambar Anda sesuai dengan ukuran header template, maka gambar Anda harus diresize menjadi 975x130 pixel. Untuk merizenya Anda bisa menggunakan program pengolah gambar seperti Ms Paint, ACD See, Photoshop atau lainnya.
  4. Setelah selesai. Masuk ke Dashboard Blogger Anda lagi, pilih Rancangan => Page Elements.
  5. Klik Edit pada bagian Header.
  6. Kemudian akan muncul halaman baru, pilih Browse from your computer, jika gambarnya disimpan dikomputer atau Browse from the web, jika gambarnya disimpan di image hosting seperti: Imageshack, Photobucket atau Geocities.
  7. Pada bagian Placement. Pilih Behind title and description, jika Anda ingin manampilkan gambar dibelakang judul dan deskripsi blog atau pilih Instead of title and description, jika Anda ingin menyembunyikan judul dan deskripsi blog.
  8. Lalu klik Save, selesai.
CATATAN:
  • Tidak semua template bisa dipasang gambar, karena ada yang hanya menggunakan teks saja oleh karena itu pilihlah template yang sesuai kebutuhan.
  • Jika cara di atas sulit diterapkan pada blog Anda, coba dengan cara ini: Cara Mengganti Header Blog Versi 2, semoga bisa membantu.

= = = = = = = => Selamat Berkreasi, Semoga Sukses!!! <= = = = = = = =

Cara Mengganti Alamat Blog WordPress Dengan Domain Co.Cc Gratis


Pada posting sebelumnya saya pernah membahas Cara Memperpendek Alamat Blog Dengan Domain Gratis untuk blogspot, dan kali ini saya akan membahas Cara Mengganti Alamat Blog WordPress Dengan Domain Co.Cc Gratis.

Maksud dan tujuan dari mengganti alamat blog dengan domain co.cc adalah agar alamat blog kita tidak terlalu panjang dan mudah diingat oleh orang lain. Misalnya seperti blog saya ini: dinoantono2010.wordpress.com dan setelah saya ganti dengan domain co.cc menjadi: dinoantono.co.cc, gimana lebih pendek dan mudah diingat khan?..................

Mengganti alamat blog dengan domain co.cc tidak akan menghapus atau merusak blog dan kita tetap bisa menggunakan blog tersebut selamanya meskipun kita telah berhenti menggunakan domain co.cc.

Nah jika Anda pemilik blog dari blogspot/blogger dan ingin mengganti alamat blogspot ke domain co.cc silahkan baca panduannya disini dan bagi Anda pemilik blog dari WordPress, silahkan ikuti Cara Mengganti Alamat Blog WordPress Dengan Domain Co.Cc , sebagai berikut:

1. Anda terlebih dahulu harus mempunyai account co.cc dan jika Anda belum punya silahkan Daftar Sekarang GRATIS atau langsung chek ketersediaan domain Anda pada form di bawah ini:



Kemudian silahkan ikuti intruksi co.cc atau apabila ingin tau caranya silahkan baca Cara Mendapatkan Domain Gratis Dari Co.Cc.

2. Setelah Anda mempunyai account di co.cc, silahkan Login disini untuk menuju ke halaman Manage Domain seperti pada gambar di bawah ini:

3. Pada menu My Domain, pada tulisan Select domain harus diganti dengan domain co.cc yang akan Anda gunakan untuk mengganti alamat blog WordPress Anda, lalu pada sub menu klik URL Forwading atau pada Manage Domain silahkan Anda cari halaman seperti gambar di bawah ini:

4. Pilih URL Forwarding, lalu tata cara pengisian kolomnya sebagai berikut:
  • Redirect To (URL): http:// = Isi dengan alamat Blog WordPress Anda;
  • Page Title = Isi dengan page title blog Anda;
  • Frame = Pilih Path Forwarding (Display real address);
  • Description = Isi dengan penjelasan blog Anda;
  • Keywords = Isi dengan kata kunci untuk search engine blog Anda;
5. Setelah selesai mengisi form di atas lalu klik Setup dan akan terbuka halaman seperti di bawah ini:


6. Silahkan klik OK dan akan terbuka lagi halaman seperti di bawah ini:
Namun jika halaman di atas tidak muncul, Anda bisa melihatnya dari Manage Domain, dan perhatikan apakah halamannya tampil seperti di bawah ini:

Jika sudah seperti gambar di atas, berarti pengalihan (redirect) blog Anda ke domain co.cc sudah berhasil.

= = = = = = = => Selamat Mencoba, Semoga Berhasil <= = = = = = = =

Cara Membuat Tab View Menu di Sidebar Blogger


Untuk menghemat tempat, tab view menu sangat efisien dengan ukuran yang relatif kecil tapi bisa memuat banyak space. Hal ini pernah ditanyakan oleh sobat blogger pada kolom komentar beberapa waktu yang lalu tentang bagaimana cara membuat menu di sidebar seperti pada contoh gambar disamping? Mungkin yang dimaksud adalah Cara Membuat Tab View Menu di Sidebar Blogger.

Membuat menu dengan tab view memerlukan kode HTML yang lumayan panjang dan agak ribet, jadi sebaiknya simak baik–baik tutorial ini dan yang paling penting jangan lupa untuk backup template sobat terlebih dahulu.

Jika setelah jadi nanti lebar atau tinggi menu tidak sesuai, silahkan sobat sesuaikan sendiri dengan isi dari menu yang sobat gunakan. Baiklah sekarang silahkan ikuti langkah-langkahnya sebagai berikut:
  1. Login ke Blogger => klik Rancangan/Design => klik Edit HTML, Download Template Lengkap dan kasih tanda centang pada kotak bertuliskan Expand Template Widget atau baca Cara Melakukan Edit HTML Pada Template Blogspot;
  2. Gunakan tombol Find (Ctrl + F) untuk mencari kode , kemudian letakkan kode javascript di bawah ini sebelum atau di atas kode :
  3. Setelah itu letakkan kode di bawah ini sebelum atau di atas kode ]]>:
    div.TabView div.Tabs
    {
    height: 30px;
    overflow: hidden;
    }
    div.TabView div.Tabs a
    {
    float: left;
    display: block;
    width: 98px; /*Lebar Menu Utama Atas*/
    text-align: center;
    height: 30px; /* Tinggi Menu Utama Atas */
    padding-top: 3px;
    vertical-align: middle;
    border: 1px solid #BDBDBD; /* Warna border Menu Atas */
    border-bottom-width: 0;
    text-decoration: none;
    font-family: "Verdana", Serif; /* Font Menu Utama Atas */
    font-weight: bold;
    color: #000; /* Warna Font Menu Utama Atas */
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    }
    div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
    {
    background-color: #E6E6E6; /* Warna background Menu Utama Atas */
    }
    div.TabView div.Pages
    {
    clear: both;
    border: 1px solid #BDBDBD; /* Warna border Kotak Utama */
    overflow: hidden;
    background-color: #E6E6E6; /* Warna background Kotak Utama */
    }
    div.TabView div.Pages div.Page
    {
    height: 100%;
    padding: 0px;
    overflow: hidden;
    }
    div.TabView div.Pages div.Page div.Pad
    {
    padding: 3px 5px;
    }
  4. Kemudian Simpan Template.
  5. Langkah selanjutnya, silahkan Anda klik Rancangan/Design => klik Add Gadget/Tambah Gadget => pilih yang HTML/Javascript atau jika diperlukan silahkan baca Cara Pasang dan Hapus Widget Blog di Blogspot;
  6. Berilah judul pada kolom HTML/Javascript dan masukan kode di bawah ini ke dalam content HTML/Javascript:


    300px;">
    Tab 1
    Tab 2
    Tab 3


    300px; height: 300px;">


    Tab 1.1

    Tab 1.2

    Tab 1.3





    Tab 2.1

    Tab 2.2

    Tab 2.3





    Tab 3.1

    Tab 3.2

    Tab 3.3






  7. Kemudian Simpan.
  8. Jika Anda ingin menyembunyikan judul content HTML/Javascript tersebut, silahkan baca tutorilanya Cara Menyembunyikan Judul Widget di Blogspot, semoga bermanfaat.
Keterangan:
  • Untuk kode yang berwarna merah adalah lebar dan tinggi menu, silahkan sobat sesuaikan dengan isi;
  • Kode yang berwarna biru silahkan sobat isi dengan judul - judul dari menu;
  • Dan yang berwarna ungu, adalah isi dari menu. Anda bisa menambahkan link, gambar, banner, dll.
Demikianlah tutorial tentang Cara Membuat Tab View Menu di Sidebar Blogger ini, semoga bermanfaat.

Cara Pasang Yahoo Messenger (YM) di Blogger


Saya punya blog di Blogspot. Saya ingin pengunjung blog saya bisa chatting dengan saya lewat Yahoo! Messenger. Mungkinkah?

Untuk keperluan itu kita bisa memanfaatkan fitur Pingbox yang disediakan Yahoo!. Lewat Pingbox, kita akan mendapatkan kode yang harus kita pasang di blog, profil Friendster, atau website kita.

Berikut ini cara membuat Pingbox:
  1. Klik http://messenger.yahoo.com/pingbox/studio/ untuk menuju ke halaman seperti pada gambar di bawah ini:
  2. Pilih Background Theme sesuai dengan preferensi kita;
  3. Di kolom Display name, masukkan nama yang akan kita tampilkan. Contrenglah opsi Show Yahoo! Messenger display image jika kita ingin menampilkan gambar yang sekarang muncul di YM kita.
  4. Pilihlah salah satu ucapan selamat datang di kolom Online Greeting, atau pilih Enter custom message jika kita ingin membuat sendiri ucapan itu.
  5. Pilihlah salah satu pesan bahwa kita sedang tidak online di kolom Offline message, atau pilih Enter custom message jika kita ingin membuat sendiri ucapan itu.
  6. Contrenglah opsi Require visitors to enter Nickname to send IM agar setiap orang yang mengirim pesan ke kita diwajibkan mengisikan nama aliasnya (nick name);
  7. Pada kolom Save Pingbox as, tulislah nama Pingbox kita. Misal, jika pingbox yang kita bikin sekarang ini akan dipasang di blog, berilah nama Pingbox Blogger atau sesuka anda.
  8. Tekan tombol Save;
  9. Akan muncul windows bar. Masukanlah Yahoo! ID dan passwordnya, lalu tekan tombol Sign In. Windows itu akan menutup sendiri.
  10. Akan muncul kotak berisikan kode yang harus kita pasang. Untuk mendapatkan kode yang pas sesuai peruntukannya, pilihlah jenis blog atau website kita. Misal, jika kita ingin mendpatkan kode untuk Blogger maka kliklah logo dan tulisan Blogger yang tersedia.
  11. Tentukan ukuran kotak yang kita inginkan. Sangat disarankan untuk memilih opsi Recommended.
  12. Tekan tombol Copy to clippboard.
Tahapan selanjutnya Cara Pasang Yahoo Messenger (YM) di Blogger, langkah-langkahnya sebagai berikut:
  1. Login ke Blogspot Anda => klik Rancangan/Design => Tambah/Add Gadget => pilih HTML/JavaScript atau baca Cara Pasang dan Hapus Widget Blog di Blogspot;
  2. Setelah terbuka halaman baru, pada kolom Judul, tulislah Judul yang kita mau, misal: CHATBOX.
  3. Pada kolom Konten masukan kode Pingbox yang telah dicopy sebelumnya, caranya letakkan Crusor ke dalam kolom Konten, lalu klik kanan dengan mouse dan pilih paste atau tekan Ctrl + V pada keyboard;
  4. Klik Simpan, selesai.
Apabila proses dan langkah-langkah di atas telah di lakukan dengan benar, maka hasilnya akan seperti pada contoh di bawah ini (contoh akan muncul/tampil jika browser Anda dilengkapi plugins flash player):
Demikianlah tutorial Cara Pasang Yahoo Messenger (YM) di Blogger ini, semoga bermanfaat.

Cara Pasang Readmore Otomatis


Fungsi Readmore/baca selengkapnya pada posting adalah untuk menghemat halaman depan website/blog agar tidak terlalu panjang, selain itu juga dapat merangsang pengunjung untuk membaca salah satu posting di halaman depan website/blog tersebut.

Nah jika berkeinginan untuk pasang readmore otomatis pada blogspot Anda, silahkan ikuti langkah-langkahnya sebagai berikut:

Sebelum memulai memasang readmore otomatis pada blogspot/blogger Anda, ada baiknya perhatikan hal-hal sebagai berikut :
  1. Download dan simpan template Anda terlebih dahulu, karena jika pemasangan gagal anda masih bisa mengembalikan blog anda seperti semula;
  2. Jangan lupa untuk memberi tanda centang pada tulisan Expand widget template;
  3. Untuk memudahkan pencarian code, gunakan tombol Find, caranya pada browser Anda klik pada menu Edit lalu pilih Find atau melalui keyboard komputer Anda, tekan Ctrl + F, lalu copy paste code yang mau dicari ke dalam kotak Find lalu Enter/Next;
  4. Ini yang paling penting, apabila sebelumnya Anda sudah menggunakan Readmore versi lama, maka hapus dulu codenya.

Adapun langkah-langkah Cara Pasang Readmore Otomatis adalah sebagai berikut:
  1. Login ke Account Blogger Anda;
  2. Masuk ke halaman Edit HTML, lalu diatas kode letakkan script di bawah ini:



  3. Cari dan ganti kode dengan semua kode dibawah ini:



    READMORE -



    Keterangan:

    Biasanya kode: berada di bawah kode:
    , maka untuk memudahkan pencarian kode tersebut gunakan tombol Find seperti penjelasan di atas.
  4. Simpan/Save Template, selesai.

Keterangan:

Kita dapat menentukan letak tumbnail (gambar), jumlah karakter tulisan baik tanpa maupun dengan tumbnail serta tinggi dan lebar tumbnail pada postingan dengan cara merubah kode merah tebal di atas dan berikut penjelasannya :
  1. var thumbnail_mode = "float";: Letak thumbnail berada di “float” kiri atau jika tidak silahkan ganti dengan “no-float”;
  2. summary_noimg = 250;: Jumlah karakter yang akan ditampilkan di posting tanpa gambar / thumbnail;
  3. summary_img = 250;: Jumlah karakter yang akan ditampilkan di posting dengan gambar / thumbnail;
  4. img_thumb_height = 120;: Tinggi thumbnail dalam ukuran piksel;
  5. img_thumb_width = 120;: Lebar thumbnail dalam ukuran piksel;
  6. READMORE-: Tulisan READMORE bisa diganti misalnya dengan “Baca Selengkapnya” dan apabila anda tidak ingin menampilkan judul dibelakang Readmore, Anda bisa menghapus code script ini .

= = = = = = = => Selamat Mencoba, Semoga Sukses!!! <= = = = = = = =

Jurnal Refleksi Dwi Mingguan

  PEMIMPIN DALAM PENGELOLAAN SUMBER DAYA   Setelah pembelajaran hari ini saya memahami bahwa…. Sekolah ibarat sebagai sebuah ekosistem a...