Home » All posts

Cara mengambil gambar dilayar monitor atau copy dektop

Dalam membuat sebuah tutorial blog gambar diperlukan untuk mempermudah pengunjung mengulas ataupun melakukan apa yang kita maksud dan dengan gambar akan memperjelas tutorial tersebut, sehingga daya tangkap pembaca terhadap kalimat atau tutorial tersebut lebih mudah dimengerti. Untuk mengambil gambar dilayar monitor atau copy dektop dapat dilakukan sebagai berikut :
  1. Pilih gambar dilayar dektop yang ingin dicopy atau diambil gambarnya


  2. Tekan tombol “PrtScr” atau tombol "Print Screen SysRq" pada keyboard tombol ini biasanya berada dipojok atas kanan sejajar dengan tombol F1 sampai dengan F12 (tergantung dari masing2 keybord computer)


  3. Selanjutnya klik “Start” atau tombol bulat bawah kiri dilayar dektop dan klik “All Program” klik “Accessories” lalu pilih “Paint”


  4. Setelah keluar jendela Paint dilayar dektop lalu klik “paste” (atau tekan Ctrl+V), akan keluar tampilan seperti yang kita inginkan tinggal diatur gambar yang mau disimpan sesuaikan dengan keperluannya dengan cara crop dan sebagainya silahkan diutak atik


  5. Setelah serasa cukup silahkan klik “Save” atau “Save As” maka kita akan diarahkan dimana gambar yang kita sudah edit ini disimpan? Jangan lupa isi nama file dan format gambar (format jpeg, gif, png, atau tiff ) setelah itu klik “Save” kembali


  6. Dan terakhir lihat hasilnya, buka gambar yang sudah kita simpan tadi

Mudah-mudahan artikel saya ini bisa bermanfaat selamat mencoba
Tidak ada komentar:

Cara mudah upload video di youtube

Youtube….sudah tidak asing lagi kita mendengar kata ini karena hampir semua orang diseluruh dunia sudah tahu apa itu youtube dan bahkan youtube sudah menjadi portal video terbesar karena berbagai video di seluruh dunia di upload disitus ini dan sudah disaksikan oleh berjuta pemirsa dari berbagai penjuru dunia. Bahkan tidak jarang orang mendadak terkenal karena telah mengupload video diyoutube. Namun dibalik semua itu ternyata banyak juga orang yang ingin mengupload video, namun tidak mengerti bagaimana cara melalukannya. Nah…pada postingan kali ini saya mencoba berbagi cara mudah upload video di youtube :

  1. Siapkan file video yang akan kita Upload apakah melalui kamera Handphone, Camera Digital ataupun media yang lainnya, yang penting sudah berupa video.

  2. Silahkan masuk ke alamat "www.youtube.com"

  3. Apabila sudah memiliki akun email Gmail silahkan masukan akun Gmail dan Sandi lalu klik Masuk, namun apabila anda tidak memiliki akun Gmail silahkan "KLIK DISINI" cara membuat akun Gmail


  4. Selanjutnya klik "Upload" yang ada dipojok kanan atas disamping pencarian lihat gambar


  5. Kemudian pilih file video yang akan diupload dengan klik "Pilih file untuk diupload"


  6. Cari pilihan video yang akan diupload selanjutnya klik "open" maka secara otomatis video tersebut mulai diupload


  7. Sambil menunggu video tersebut diupload silahkan isi data - data form yang dibutuhkan seperti:
    8. Info Dasar
    1. Judul video = Sesuaikan dengan hasil rekaman
    2. Deskrepsi = Sesuaikan (boleh tidak diisi)
    3. Thumbnail Video = berupa tampilan gambar thumbnail akan muncul setelah video selesai diupload dan pilih salah satu gambar tersebut
    4. Setelan privasi = pilih publik saja
    5. Kategori Video = Sesuaikan


    Setelan lanjutan
    1. Lokasi video = tempat perekaman
    2. Tanggal Perekaman = sesuaikan


  8. Apabila video sudah diupload 100% maka akan muncul di thumbnail berupa tiga buah gambar pilih salah satu sesuai selera dan tunggu proses selanjutnya sampai video benar - benar selesai diupload...dan lihat hasilnya

    9. Demikian postingan saya kali ini mudah - mudahan bermanfaat.....

Tidak ada komentar:

Cara membuat menu dropdown dibawah dan diatas header

Dalam membuat sebuah blog maka secara default kita sudah memiliki menu dengan bentuk horizontal yang letaknya diatas Header yang disebut navbar (Navigasi Bar). Pada navbar default tersebut kita sudah disediakan navbar tinggal memilh saja, namun bagi sebagian para blogger menu tersebut dihilangkan dan di atur ulang sesuai selera sehingga tampilan blog terlihat menarik.

Contoh gambar


Untuk mengaturnya kembali atau membuat menu sendiri diperlukan beberapa kode CSS dan langkah-langkah dibawah ini :
  1. Sign in di blogger
  2. Klik Opsi lainnya
  3. Klik Templete
  4. klik Edit HTML
  5. Centang tulisan Expand Widget Templates
  6. Cari kode ]]></b:skin>  (gunakan tombol CTRL + F3 untuk mempermudahkan pencarian kode)
  7. Copy paste kode CSS dibawah ini dan letakan diatas kode ]]></b:skin>  

    8. /* Menu Horizontal Dropdown ----------------------------------------------- */ #menuwrapperpic{background: #ff0000 repeat-x;width:980px;margin:0 auto;padding:0 auto} #menuwrapper{width:980px;height:35px;margin:0 auto} .menusearch{width:300px;float:right;margin:0 auto;padding:0 auto} .clearit{clear:both;height:0;line-height:0.0;font-size:0} #menubar{width:100%} #menubar,#menubar ul{list-style:none;font-family:Arial, serif;margin:0;padding:0} #menubar a{display:block;text-decoration:none;font-size:12px;font-weight:700;text-transform:uppercase;color:#000000;border-right:1px solid #191919;padding:12px 10px 8px} #menubar a.trigger{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7sKlZ1ctefYLy7N24ZY8aXKJKHr4F2pXqxrJOod0SW8WAexg0TFETTDT7DyWxjPZXfzb5wiJoFbx_DUA1vrifg-yxLQn3P_xfYDYV0eV-j45_22ulqGgGfgOvbFSggbGKF-xoq2nQCHI/s1600/arrow_white.gif);background-repeat:no-repeat;background-position:right center;padding:12px 24px 8px 10px} #menubar li{float:left;position:static;width:auto} #menubar li ul,#menubar ul li{width:170px} #menubar ul li a{text-align:left;color:#fff;font-size:12px;font-weight:400;text-transform:none;font-family:Arial;border:none;padding:5px 10px} #menubar li ul{z-index:100;position:absolute;display:none;background:#222;padding-bottom:5px;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6)} #menubar li:hover a,#menubar a:active,#menubar a:focus,#menubar li.hvr a{background-color:#222;color:#E98C0A} #menubar li:hover ul,#menubar li.hvr ul{display:block} #menubar li:hover ul a,#menubar li.hvr ul a{color:#edfdfd;background-color:transparent;text-decoration:none} #menubar li ul li.hr{border-bottom:1px solid #444;border-top:1px solid #000;display:block;font-size:1px;height:0;line-height:0;margin:4px 0} #menubar ul a:hover{background-color:#555!important;color:#fff!important;text-decoration:none}

  8. Kemudian cari kode

    1. <header> : untuk menu di atas header blog
    2. </header>: untuk menu di bawah header blog

  9. Copy dan pastekan kode dibawah ini dan letakkan diatas kode <header> dan atau </header> untuk menu dibawah header

    10. <div id='menuwrapperpic'>
    <div id='menuwrapper'>
    <ul id='menubar'>
    <li><a href='nama-alamat-blog.html' target='new'>Home </a></li>
    <li><a href='nama-alamat-blog.html' target='new'>Menu 1</a></li>
    <li><a href='nama-alamat-blog.html' target='new'>Menu 2</a></li>
    <li><a class='trigger'>Menu 3</a>
    <ul>
    <li class='hr'/>
    <li><a href='nama-alamat-blog.html' target='new'>Sub Menu 3</a></li>
    <li class='hr'/>
    <li><a href='nama-alamat-blog.html'  target='new'>Sub Menu 3</a></li>
    <li class='hr'/>
    <li><a href='nama-alamat-blog.html'  target='new'>Sub Menu 3</a></li>
    </ul>
    </li>
    <li><a class='trigger'>Menu 4</a>
    <ul>
    <li class='hr'/>
    <li><a href='nama-alamat-blog.html'  target='new'>Sub Menu 4</a></li>
    <li class='hr'/>
    <li><a href='nama-alamat-blog.html'  target='new'>Sub Menu 4</a></li>
    </ul>
    </li>
    </ul> <div class='menusearch'>
    <div style='float:right;padding:8px 8px 0 0;'>
    <form action='http://ketutjoel.blogspot.com/search' method='get' target=''>
    <input name='sitesearch' style='display:none;' value='http://ketutjoel.blogspot.com'/>
    <input id="search-box" name="q" size="25" type="text" style="background: #EEEDED; border: 1px solid #000000 "/>
    <input id="search-btn" value="Search" type="submit"/>
    </form></div></div><br class='clearit'/></div><div style='clear:both;'/></div>

    Keterangan

    1. Kode berwarna merah adalah Warna background, lebar Menu utama , lebar menu dan lebar Menu Search (sesuaikan dengan lebar blognya kawan)
    2. Kode berwarna merah adalah Url tujuan, ganti dengan Url pada blognya kawan
    3. Kode berwarna kuning adalah judul menu bar ganti dengan judul nya kawan
    4. Kode berwarna biru adalah sub judul dropdown ganti dengan judul nya kawan
    5. Kode berwarna hijau adalah alamat pencarian ganti dengan alamat blognya kawan

Demikianlah postingan saya kali ini tentang cara membuat menu dropdown diatas header atau dibawah header, semoga bermanfaat.
30 komentar:

Cara membuat 1, 2, 3 kolom gadget diatas atau dibawah header dan post

Cara membuat kolom gadget artinya menambah ataupun menciptakan kolom gadget yang letaknya bisa dimana saja sesuai keinginan dan kebutuhan blog dengan cara memasukan dan membuat kode-kode scrift HTML sendiri, biasanya para blogger menambah kolom gadget digunakan untuk memasang iklan atau menambah aksesoris diblog sehingga blog kelihatan menarik, caranya sebagai berikut :

A. Cara membuat 1 kolom gadget diatas post, caranya sebagai berikut :
  1. Sign in di blogger
  2. Klik Opsi lainnya
  3. Klik Templete
  4. klik Edit HTML
  5. Centang tulisan Expand Widget Templates
  6. Cari kode <b:section class='main' id='main' showaddelement='no'> (gunakan tombol CTRL + F3 untuk mempermudahkan pencarian kode)
  7. Apabila sudah ketemu ganti tulisan showaddelement='no' menjadi showaddelement='yes'
  8. Klik Simpan dan lihat hasilnya di tata letak diatas post
B. Cara membuat 1 kolom gadget diatas header, caranya sebagai berikut :
  1. Sign in di blogger
  2. Klik Opsi lainnya
  3. Klik Templete
  4. klik Edit HTML
  5. Centang tulisan Expand Widget Templates
  6. Cari kode <div class="region-inner header-inner"> (gunakan tombol CTRL + F3 untuk mempermudahkan pencarian kode)
  7. Tambahkan Kode scrift ini <b:section class="header" id="topheader" preferred="yes">
    dibawah kode tersebut
  8. Selanjutnya dibawah kode diatas akan melihat kode ini <b:section class="header" id="header" maxwidgets="1" showaddelement="no"> ganti tulisan showaddelement='no' menjadi showaddelement='yes'
  9. Klik Simpan dan lihat hasilnya di tata letak diatas post
Cara menempatkanya lihat gambar dibawah ini


C. Cara membuat 1 kolom gadget dibawah header, caranya sebagai berikut :
  1. Sign in di blogger
  2. Klik Opsi lainnya
  3. Klik Templete
  4. klik Edit HTML
  5. Centang tulisan Expand Widget Templates
  6. Cari kode ]]></b:skin> 
    7. (gunakan tombol CTRL + F3 untuk mempermudahkan pencarian kode)
  7. Copy paste kode CSS dibawah ini dan letakan diatas kode ]]></b:skin> 


    8. #under_header
    { float:left; width:100%;
    }

  8. Cari kode  <div class="region-inner header-inner"> (gunakan tombol CTRL + F3 untuk mempermudahkan pencarian kode)
  9. Tambahkan Kode <b:section class="header" id="underheader" preferred="yes"> letakkan dibawah kode <div class="region-inner header-inner">
  10. Klik Simpan dan lihat hasilnya di tata letak diatas post
D. Cara membuat 2 kolom gadget dibawah Header caranya sebagai berikut :
  1. Sign in di blogger
  2. Klik Opsi lainnya
  3. Klik Templete
  4. klik Edit HTML
  5. Centang tulisan Expand Widget Templates
  6. Cari kode ]]></b:skin> (gunakan tombol CTRL + F3 untuk mempermudahkan pencarian kode)
  7. Copy paste kode CSS dibawah ini dan letakan diatas kode ]]></b:skin>

    8. #box-kolom-widget { clear:both;
     }
     .box-widget { padding:0px 10px 10px 10px; border:1px dotted $bordercolor;
     }

  8. Setelah itu cari kode dibawah ini :

    1. <div id="main-wrapper">
    2. atau <div id="main-outer">
    3. atau <div class="main-outer"> sesuai dengan versi HTML nya kawan (gunakan tombol CTRL + F3 untuk mempermudahkan pencarian kode)

  9. Copy paste kode dibawah ini dan letakan diatas salah satu kode diatas

    10. <div id='box-kolom-widget'>
    <div id='box1' style ='width: 50%; float: left; margin:0; text-align: left;'>
    <b:section class='box-widget'id='col1'  preferred='yes'  style='float:left;'/>
    </div>
    <div id='box2' style='width: 50%; float: left; margin:0; text-align: left;'>
    <b:section class='box-widget' id='col2' preferred='yes' style='float:left;'/>
    </div>
    <div style='clear:both;'/>
    </div>

  10. Klik Pratinjau, siapa tahu ada kesalahan
  11. Klik Simpan

E. Cara membuat 3 kolom gadget dibawah Header caranya sebagai berikut :

  1. Caranya sama seperti membuat 2 kolom gadget tinggal mengganti kode CSS dan scrift HTMLnya, seperti Copy paste kode CSS dibawah ini dan letakan diatas kode ]]></b:skin>

    2. <div id="box3" style="float: left; margin: 0; text-align: left; width: 35%;"> <b:section class="box-widget" id="col3" preferred="yes" style="float: left;">

  2. Setelah itu cari kode dibawah ini :

    1. <div id="main-wrapper">
    2. atau <div id="main-outer">
    3. atau <div class="main-outer"> sesuai dengan versi HTML nya kawan (gunakan tombol CTRL + F3 untuk mempermudahkan pencarian kode)

  3. Copy paste kode dibawah ini dan letakan diatas salah satu kode diatas

    4. <div id='box-kolom-widget'>
    <div id='box1' style='width: 35%; float: left; margin:0; text-align: left;'>
    <b:section class='box-widget' id='col1' preferred='yes' style='float:left;'/>
    </div>
    <div id='box2' style='width: 30%; float: left; margin:0; text-align: left;'>
    <b:section class='box-widget' id='col2' preferred='yes' style='float:left;'/>
    </div>
    <div id='box3' style='width: 35%; float: left; margin:0; text-align: left;'>
    <b:section class='box-widget' id='col3' preferred='yes' style='float:left;'/>
     </div>
    <div style='clear:both;'/>
    </div>

  4. Klik Simpan

15 komentar:

Cara membuat tulisan berjalan diblog

Cara membuat tulisan berjalan diblog seperti tulisan yang bergerak kekiri atau kekanan, keatas atau kebawah dan sebagainya, untuk membuatnya tidaklah terlalu sulit yang penting teliti cara memasangnya dan penempatannya diblog, untuk menempatkannya bisa di post blog atau side bar sesuai keinginan dan kebutuhan, tertarik dengan tulisan berjalan coba ikuti cara dibawah ini :

  1. Sign in diblogger
  2. Klik Opsi lainnya (untuk memasang di Sidebar)
  3. Klik Tata letak
  4. Klik Tambah gadget dan cari HTML/Javascript
  5. Masukkan kode marquee yang diinginkan
  6. Klik Simpan
  7. Untuk memasang di Postingan >> klik Entri baru >>Pasang kode Marquee>>Pratinjau>>Simpan

    8. Contoh Tulisan Marquee

    Tulisan yang bergerak dari kanan ke kiri

     <marquee direction="left" scrollamount="4" align="center">Kekanan dan kekiri</marquee>

    Kekanan dan kekiri

    Tulisan yang bergerak dari kiri ke kanan

    <marquee align="center" direction="left" scrollamount="4"> Kekiri dan kekanan </marquee>

    Kekiri dan kekanan

    Tulisan yang bergerak dari atas ke bawah

    <marquee align="center" direction="down" scrollamount="4"> Atas - bawah </marquee>

    Atas - bawah

    Tulisan yang bergerak dari bawah ke atas

    <marquee align="center" direction="up" scrollamount="4"> Contoh Tulisan Berjalan </marquee>

    Contoh Tulisan Berjalan

    Tulisan bergerak bolak balik atau mondar - mandir dari kiri ke kanan

    <marquee align="center" behavior="alternate" direction="left" scrollamount="4"> Mondar  - mandir</marquee>

    Mondar - mandir

    Tulisan yang bergerak bolak balik atau mondar - mandir dari kanan ke kiri

    <marquee align="center" behavior="alternate" direction="right" scrollamount="4"> Mondar  - mandir</marquee>

    Mondar - mandir

    Untuk menambah link pada marquee stop, gunakan kode berikut :

    <marquee direction="left" onmouseout="this.start()"onmouseover="this.stop()" scrollamount="2"><a href="http://ketutjoel.blogspot.com/2012/07/cara-membuat-teks-berjalan-di-blog.html" target="_blank">Cara Membuat Tulisan Berjalan di Blog</a></marquee>


    Menambah background, padding, border, color, memperbesar tulisan pada marquee bisa menggunakan kode sebagai berikut :

    <div style="background: #000000; border: 2px solid #FF0000; color: white; font-size: 50px; font-weight: bold; height: 70px; letter-spacing: 0.5em; padding: 15px; width: 500px;"> <marquee align="center" direction="left" scrollamount="6">Contoh Tulisan Berjalan</marquee></div>

    Contoh Tulisan Berjalan

    Untuk Membuat menu menggunakan kode sebagai berikut:

    <div style="background-color: white; border: 2px solid #FF0000; height: 100px; overflow: auto; padding: 10px; width: 90%;">
    <marquee align="justipy" direction="up" height="100" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="100%">
    <li><a href="URL alamat Blog">Judul Blog </a></li>
    <li><a href="URL alamat Blog">Judul Blog </a></li>
    <li><a href="URL alamat Blog">Judul Blog </a></li>
    <li><a href="URL alamat Blog">Judul Blog </a></li>
    <li><a href="URL alamat Blog">Judul Blog </a></li>
    <li><a href="URL alamat Blog">Judul Blog </a></li>
    <li><a href="URL alamat Blog">Judul Blog </a></li>
    </marquee></div>



    Keterangan

    1. Direction = Mengatur pola gerakan tulisan (left, right, up dan down)
    2. Scrollamount = Mengatur kecepatan gerakan tulisan
    3. Behavior ( scroll/slide/alternate ): Mengatur prilaku gerakan tulisan.
    4. Warna Merah Ganti dengan URLnya kawan

8 komentar:

Cara menghapus tulisan Langganan Entri dan Diberdayakan oleh Blogger

Pada Tempelate blogger yang letaknya paling bawah sering kita jumpai link dengan tulisan “Langganan Entri : Atom” dan “Diberdayakan oleh : Blogger” Tulisan tersebut sebenarnya bisa dihilangkan/disembunyikan kalau tidak berkenan untuk menampilkannya. Apabila kita memakai blogger template, footer ini secara default akan memuat atribut Blogger sehingga tampil tulisan tersebut akan ditampilkan diblog kita. Itu semua karena template memang sudah di desain seperti itu. untuk menghilangkan ataupun menyembunyikan tulisan 'Diberdayakan oleh blogger' dibagian footer tempelate dapat dilakukan langkah-langkah sebagai berikut :


  1. Sign in Ke blogger .
  2. Klik Opsi lainnya.
  3. Klik Tempelate
  4. Klik Edit HTML.
  5. Cari Kode ]]></b:skin>   (biar lebih gampang gunakan tombol CTRL+F.)
  6. Kemudian copy dan paste kode dibawah ini dan letakkan diatasnya.
  7. Klik Simpan

    8. /* Langganan Entri
    ----------------------------------------------- */
    .feed-links{
    display:none;
    }



    /* Diberdayakan oleh
    ----------------------------------------------- */
    #Attribution1 {
    height:0px
    visibility:hidden;
    display:none }

    Demikian postingan kali ini dan kalau berkenan silahkan dicoba, mungkin dengan menyembunyikan atribut blogger sehingga bisa meminimalisir pengunjung yang iseng terhadap blognya kawan.

    Selamat mencoba

5 komentar:

Cara menghapus tulisan Beranda, Postingan Lama dan Postingan Baru diblog

Pada tempelate yang asli yang merupakan bawaan dari design itu sendiri pada bagian bawah blog sering kita jumpai tulisan Beranda (Home), Postingan Lama dan Postingan Baru, terkadang ada yang berpendapat tulisan tersebut membuat blog gagah dan keren, disamping itu kita merasa kurang nyaman untuk melihatnya, oleh karena itu pada postingan saya kali ini mencoba untuk membagi pengalaman cara menghilangkan tulisan tersebut. Caranyapun cukup mudah dengan langkah - langkah sebagai berikut :


  1. Sign in Ke blogger .
  2. Klik Opsi lainnya.
  3. Klik Edit HTML.
  4. Centang tulisan Expand Widget Templates
  5. Cari Kode dibawah ini satu persatu (biar lebih gampang gunakan tombol CTRL+F.)
  6. Untuk menghilangkan tulisan Beranda, Postingan Lama dan Postingan Baru pada tampilan blog Hapuslah Kode-kode dibawah ini
  7. Tetapi bila ingin Mengganti dengan gambar, Silahkan hapus kode - kode dibawah ini dan ganti dengan URL gambar yang sudah diupload sebelumnya
  8. Klik Pratinjau untuk melihat kesalahan
  9. Apabila sudah terjadi perubahan yang diinginkan klik Simpan

    10. Kode HTML
    		 Tidak ditampilkan          URL gambar
    <data:newerPageTitle/>     Hapus Kode ini  Ganti dgn URL gambar  
    <data:olderPageTitle/>   Hapus Kode ini  Ganti dgn URL gambar
    <data:homeMsg/>    Hapus Kode ini  Ganti dgn URL gambar

    NB: jika terdapat 2 code , hapus kode yang berada dibagian atas, dan ketiga kode tersebut diatas biasanya posisinya berdekatan

    Demikian postingan saya kali ini semoga bermanfaat.

6 komentar:
Langganan: Postingan (Atom)