Tuesday, August 27, 2013

Cara Membuat Gambar Berputar di Blog

Artikel kali ini masih seputar gambar yaitu tentang cara membuat gambar berputar di blog, tidak jauh berbeda dengan artikel sebelumnya yang membahas cara membuat gambar posting berputar dan juga membesar ketika di sentuh oleh kursor. Bedanya, kalau yang sebelumnya memutar gambar di setiap artikel yang telah kita buat, kali ini kita akan memutar gambar yang ada di sidebar, footer ataupun pada header blog.


Dengan cara memasukan gambar kita sendiri, ke tata letak pada bagian Add HTML, Untuk lebih jelasnya Silakan arahkan mouse anda ke gambar diatas. Cara membuatnya silakan ikuti langkah-langkah dibawah ini.
  1. Login ke blogger. Pada halaman Dasbor, pilih pengaturan Tata Letak.
  2. Selanjutnya klik Tambahkan Gadget. Dan pilih HTML/Javascript.
  3. Setelah itu copi kode dibawah ini.
  4. <style>
    #img{
    width: 250px;
      height: 200px;

      position: relative;
    -moz-transition:all .8s ease-in-out;;
    -ms-transition:all .8s ease-in-out;;
    -o-transition:all .8s ease-in-out;;
    -webkit-transition:all .1s ease-in-out;
    transition:all .8s ease-in-out;}
    #img:hover{
    -o-transform: scale(1) rotate(360deg);
    -moz-transform: scale(1) rotate(360deg);
    -webkit-transform: scale(1) rotate(360deg);
    }
    </style>
    <div id="img">
      <img id="img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgblIyoQOKpZAOnT6aNWV0bvEOA6oDmbI9QSkcKYF74S5jMmKu-eZeLF5TtuI4oyGsxggt_mzaE7BoIA4WCF-iES22oN1IxSFfUyF6PTBZo24tOElRiLjuWGPbLp9v8PF0XgbhsOENs3nJu/s1600/A.jpg" />
    </div>
  5. Dan Pastekan di HTML/Javascript Tadi.
  6. Setelah itu save, lalu pindahkan gadget gambar ini ketempat yang kalian inginkan. Selesai.
Keterangan Kode:
width: 250px; height: 200px; Untuk mengatur lebar dan tinggi gambar.
8s adalah lama putaran gambar.
scale(1) ini fungsinya agar gambar tetap pada ukuran semula ketika disentuh mouse, jadi gambar tidak membesar atau mengecil ketika disentuh kursor.
Dan  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgblIyoQOKpZAOnT6aNWV0bvEOA6oDmbI9QSkcKYF74S5jMmKu-eZeLF5TtuI4oyGsxggt_mzaE7BoIA4WCF-iES22oN1IxSFfUyF6PTBZo24tOElRiLjuWGPbLp9v8PF0XgbhsOENs3nJu/s1600/A.jpg adalah URL dari gambar yang ingin kalian masukan.
    Itulah sedikit pembahasan atau tutorial desain blog yang dapat saya bagikan, yaitu tentang cara membuat gambar berputar di blog, ketika disentuh kursor mouse. Semoga Bermanfaat.
      Share:

      Monday, August 26, 2013

      Cara Membuat Gambar Posting Berputar

      Berikut ini adalah cara membuat gambar yang ada dipostingan setiap artikel berputar dan membesar ketika di sentuh kursor mouse. Salah satu cara agar gambar dapat diperbesar dan lebih mudah untuk dilihat ketika disentuh kursor mouse. Contoh: arahkan mouse anda ke gambar dibawah ini.


      Untuk membuat gambar di setiap postingan berputar, silakan ikuti langkah-langkah dibawah ini.
      1. Login ke blogger. 
      2. Dari halaman dasbor pilih pengaturan template. Lalu klik edit HTML dan cari kode ]]></b:skin>(gunakan Ctrl F untuk mempermudah pencarian kode). 
      3. Setelah ketemu ]]></b:skin>, Copy kode dibawah ini. Lalu Pastekan di Atas ]]></b:skin>
      4. .post img{-o-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}
        .post img:hover{-o-transform:scale(1.9) rotate(360deg) translate(0px);-moz-transform:scale(1.9)
        rotate(360deg) translate(0px);-webkit-transform:scale(1.9) rotate(360deg) translate(0px);-o-transition:all 0.5s
        ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}
      5. Dan save template. Selesai.
      6. Atau bisa juga ditempatkan di Tambahkan CSS pada bagian perancang template blogger(desainer template).
      7. Lalu save, selesai.
      Keterangan kode diatas: 0.5s untuk mengatur lama putaran. scale 1.9 untuk mengatur besarnya gambar setelah di sentuh oleh kursor mouse, silakan diganti sesuai dengan keinginan. Untuk kode lainnya sebaiknya jangan diganti, agar kode tetap berjalan dengan benar, yaitu untuk memutar gambar yang disentuh kursor mouse. 
      Itulah sedikit tutorial desain blog dan tips trik yang dapat digunakan di blog,  yang saya dapat bagikan yaitu tentang cara membuat gambar posting berputar dan membesar ketika di sentuh kursor mouse.

      Jika ada yang kurang dimengerti dari langkah-langkah diatas atau ada kendala dalam pembuatannya. Silakan masukan komentar anda dibawah. Silakan dibaca juga artikel lainnya yang berkaitan dengan gambar, seperti cara mengganti judul blog dengan gambar atau cara membuat menu blog dengan gambar. Semoga bermanfaat.
        Share:

        Sunday, August 11, 2013

        Cara Membuat Video Point Blank

        Cara membuat video point blank. Point Blank merupakan game online, yang menyajikan permainan perang. Terdiri dari 2 team yaitu Ct-Force dan Free Rebels. Macam permainannya pun cukup beragam, ada bom mission, deatmatch, elimination, destroy mission, dino mode, dan lain-lainnya.

        Game ini juga menyediakan banyak tempat pilihan bermain, serta senjata lengkap yang harus dibeli dengan vocher dari Gemscool, pengembang point blank. Berikut ini adalah Fitur terbaru yang disediakan oleh point blank ke pada para pemain, yaitu Video Record, atau merekam video. Dengan fitur video record, kita dapat merekam aktifitas kita pada saat bermain game point blank.

        Cara menggunakan Video Record di point blank, silakan ikuti langkah-langkah dibawah ini.
        1. Login atau Masuklah ke game Point Blank
        2. Selanjutnya, buka Option, lalu pilih bagian Control, dan lihat pada bagian Mode Video Capture. Seperti gambar dibawah ini.
        3. cara membuat video point blank
        4. Dari gambar diatas untuk merekam video point blank kita harus menekan Tombol Scroll Lock di Keyboard. Maka pada saat merekam video, akan ada tulisan Rec berwarna merah di atas kanan layar pb. seperti dibawah ini.
        5. cara merekam point blank
        6. Untuk menghentikan rekaman, maka tekan kembali Scroll Lock di Keyboard. 
        7. Sekarang, video point blank yang sudah direkam sudah jadi. 
        8. Untuk melihat hasilnya, silakan Exit / keluar terlebih dahulu dari game point blank, Lalu buka My Document, dan buka Folder Point Blank, lalu buka lagi Folder Movie.
        9. cara buat video point blank
        10. Hasil video rekaman berformat AVI, dengan ukuran yang lumayan kecil. Silakan putar hasil rekamanmu di pemutar video. Selesai.
        Video dibawah ini adalah contoh hasil rekaman dengan durasi 1 menit. Silakan dilihat untuk lebih jelasnya cara membuat video point blank.