MEMBUAT GAMBAR BER-GERAK SAAT DI SENTUH KURSOR BLOG

Hai sahabat, kali ini saya akan sedikit share tentang cara membuat gambar membesar saat di sentuh kursor blog mungkin sahabat semua sudah pernah tau sebuah blog/web yang memasang sebuah gambar/foto pada blog nya dan pada saat di sentuh oleh kursor akan bergerak dan membesar, mungkin sahabat juga ingin membuat nya mungkin supaya terlihat sedikit unik di blog sahabat namun sahabat tidak mengetahui cara membuat atau cara memasang nya namun tenang saja cara memasang nya cukup mudah jika sahabat ingin memasang nya silahkan sahabat simak saja di bawah bagaimana cara pemasangan nya.

Login ke akun blog rsahaba
Klik Template > Edit HTML centang pada Expand Template Widget
Cari kode ]]></b:skin> ,
setelah itu, letakkan kode dibawah tepat diatas kode ]]></b:skin>

.post img, table.tr-caption-container { border:none; max-width:800px; height:auto; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } .post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); -webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }

Nah jika sahabat sudah memasang nya silahkan sahabat coba.
jika sudah berhasil nanti akan seperti yang saya pasang di blog saya silahkan sahabat coba sentuh gambar pada blog ini saja.
Mungkin cukup sekian saja artikel tentang MEMBUAT GAMBAR BERGERAK SAAT DI SENTUH KURSOR BLOG semoga bermanfaat dan saya ucapkan terimakasih atas perhatian nya.

Cara mengubah Kursor di BLOG dengan gambar animasi bergerak-gerak

Oke sobat pada artikel kali ini saya akan berbagi ilmu tentang dunia blogger.. pada artikel yang satu ini saya akan kembali membahas tentang Kursor lagi nie sobat!! yaitu kursor Animasi Bergerak . Mungkin sobat blogger jenuh dengan bentuk Kursor di blogger sobat yang seperti itu-itu saja ? oke sob dengan adanya artikel cara mengubah kursor dengan Gambar Animasi Bergerak. langsung aja ya sob tanpa basa basi lagi simak caranya berikut ini :

1. Login ke Bloger sobat

2.Lalu Masuk Ke tata letak

3. Klik "ADD GADGET"

4 Pilih html/javascript, Lalu Copy Paste Script Berikut

Warning :

Ganti huruf yang bercetak PUTIH tersebut dengan URL kursor yang sobat ingin gunakan di blogger sobat..

Jika sobat sudah mengcopy paste kan script berikut di blogger sobat maka script itu akan memberikan animasi kursor yang sudah ada di srcipt tersebut

Oke Disini saya mempunya beberapa kursor animasi yang dapat sobat gunakan di blogger sobat!

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1HSEHHFdQEMvkK18xEINVvIao84nTxFACmBI4PoX270GBkEPcsQeGbyauiwYguX5zqTyz8EGXYaYW4crFt-vn1cEILFmOd9pBQpFGpPGGwJ8TagANMC3zvssb4LBszY6a1iNv_IUOdgU/s1600/cur18.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6muj3DCa_by1kz20mB-MMxqOQxi5YKmioH0VRUEat6JMLPO66_jR7dYky3QGF0XYN_aReMIcTETaueTfPHEUq-hHCuqDpRGruxohb09a6mOBvs3OABbGsIxdif7chs4RLPwdBwD7Ndns/s1600/gam1440.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRHG7xbhxG4d8w0qHpQuOh59EUD0022Ry9y_mOf8rNNVtWaXsGEDYtTdS5jN1sPMGtVhvVuTQvWVpBKBefzERnH0GB2v6bXBK6DbSn35X3gEV_b6Zg4Sa83c_haT5NOOYt5rqcvT5LLK4/s1600/mec61.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB7BPjQ4590xoXy5HevtOIlyOAzyaOBgOcp6jhMG8uTFA0fGu9XCb1bztqRsCVdvbFFfdsUjXjPLrhy2mpMsNIfXjthBLJhqzbDwO7_IhqQO7CTacnMDqa8k9C3Da5_5wfN8Y0gFL5j9w/s1600/hol512.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQN57jTWWH2geaSc4CfNr4C5QxEk9qeyVbk4B7jsY_WoA8VFQIhfXQfuMBDEC1cmz6bm6UbnbouqwQ3sh_8z9N1jjIwMng5tyHIUA3jRabFGP0Wx2ezfCog1c-r02QnJhuKgpiPurXxb0/s1600/sym714.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidTc1CaxBXnFKJXSU79pwqCqq6gHziSRZnebEKsMoZrQ8LPu1XvnK0KdOCNx7MoT72YzBFO10fHgqBDB-HFJjQ4Gd9Zl3XHoDcz9XQYPWjrl3Jq_Ruhv53Pnd8BNr8v_0p-Qw0j4V3YsA/s1600/cur945.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF2NpQnCduzPmfIOLVzCp9soO15DAFp6I-JeY35MbegLZAMSDsB5aPipPsF4HycV2qB0eSqDAxPcECcF11jLZ6uQQ0Wt-sEpMKzmSSkKBYOml6HrYdhDSO2Qzy2TSPZsKRuB1SRzoWwcg/s1600/nat192.gif

Oke sobat sekian dulu ya artikel tentang cara mengubah kursor dengan gambar animasi bergerak semoga postingan ini dapat memberikan manfaat bagi sobat blogger yang membacanya!!
See you letter!!

MEMBUAT CURSOR SENDIRI DI BLOG.

Saya lihat tampilan cursor dari blog para tetangga sangat beragam mulai dari cursor animasi, cursor foto. Pokoke unik-unik. Salah satunya adalah cursor dengan tampilan nama sendiri. Nah kali ini saya akan memberikan cara bagaimana membuat cursor dengan tampilan nama sendiri.

Gini caranya...........

(untuk membuat 'nama' kita bisa menggunakan photoshop atau photoscape. Kali ini saya menggunakan photoscape. Soalnya di kompi program photoshop yang saya punya error ga bisa dibuka )

1. Save gambar ini

2. Buka Photoscape, klik editor, upload gambar yang disave tadi yang belum punya programnya bisa instal di sini:
http://www.photoscape.org/ps/main/download.php

3. Beri Teks sesuai dengan keinginan, save

4. Upload foto cursormu tadi ke entri di blog untuk mendapatkan link URL gambar, klik kanan , Copy Link Location

5. Pilih Tataletak

6. Tambah gadget

7. Lalu masukin url gambar upload-an kamu tadi diCopy dan paste kod ini di ruangan HTML./JavaScript

<style type="text/css">
body{cursor: url("URL CURSOR KAMU"), auto;}

</style>

8. Simpan

DOWNLOAD COREL DRAW 12 FULL VERSION

Download Corel DRAW 12 Full Version

CorelDRAW Graphics Suite 12 memperkenalkan alat desain grafis SMART untuk memproduksi lebih kreatif dan akurat. Temukan fitur-fitur canggih baru yang meningkatkan produktivitas, dan menjaga alur kerja Anda Smooth dengan kompatibilitas file standar industri. Dengan desain grafis, tata letak halaman, digital imaging dan gerakan perangkat lunak grafis, itu adalah grafis suite yang ideal untuk Windows? Ideal untuk para desainer profesional dan pebisnis, menggambar corelDRAW 12 menawarkan solusi grafis yang komprehensif. Menampilkan tiga industri terkemuka aplikasi CorelDRAW 12 untuk ilustrasi dan tata letak halaman, Corel PHOTO-Paint 12 untuk digital imaging dan Corel RAVE 3 untuk penciptaan gerakan grafis suite ini memberikan kemudahan yang luar biasa kuat penggunaan dan berbagai fungsi grafis. Anda bisa download CorelDRAW Graphics Suite 12 secara gratis dibawah ini:

Free Download Master CorelDRAW 12

Free Download Serial Number Corel DRAW 12

Perhatian!
Anda akan diarahkan ke adf.ly kemudian tunggu 5 detik selanjutnya klik tombol warna kuning bertuliskan SKIP AD

Cara Mematikan/mendisable CTRL+U / CTRL+S agar Blog menjadi Aman

Sebelumya saya akan sedikit menjelaskan fungsi dan manfaat Mematikan/mendisable CTRL+U dan CTRL+S ,, yaitu agar blog kita aman dari orang-orang yang mungkin akan meng-copas artikel yang kita buat. Emm memang terkadang sebagian besar orang tidak suka jika artikelnya di copas / copi-paste mentah-mentah tanpa perubahan bahasa penulisannya, tapi ada juga yang mempersilahkan mengcopas blognya. Tapi saya sarankan kepada kalian jika ingin membuat artikel buatlah dengan tata bahasa kalian sendiri agar terkesan lebih menarik dan membanggakan dengan apa yang telah kita buat, Sehingga yang membaca artikel kita terasa bersahabat kepada kita. Naah untuk kalian yang ingin mempraktekan totorial ini silahkan disimak sedikit uraian buat kalian tentang bagaimana cara mematikan/mendisable CTRL+U dan CTRL+S agar Blog menjadi Aman. Silahkan disimak tutorialnya dibawah ini :

Cara Mematikan/mendisable CTRL+U / CTRL+S agar Blog menjadi Aman

Login ke blogger.
Template - Edit HTML
Setelah itu cari kode <body> dan ganti dengan kode dibawah ini :

Kemudian Save Template!

Keterangan :

oncontextmenu=’return false;’ (Untuk mematikan fungsi klik kanan)
onkeydown=’return false;’ (Untuk mematikan CTRL+A dan CTRL+U)
onmousedown=’return false;’ (Untuk mematikan fungsi block pada artikel)
‘return false;’ (Untuk mengaktifkan fungsi pada masing-masing Java Script,kalau ingin dinonaktifkan salah satu ganti saja dengan ‘return true;’ )

Untuk blog/web yang berisi tutorial yang isinya berisi script-script yang harus dicopy, saya sarankan untuk menggunakan script yang seperti dibawah ini :

Cukup sekian Artikel tentang Cara Mematikan/mendisable CTRL+U / CTRL+S yang bisa saya postingkan. Tapi dengan kalian Mematikan/mendisable CTRL+U / CTRL+S itu bagi para master-master blogger tetap tidak berpengaruh, karena mereka punya tips untuk mengambil artikel dengan cara lain. Jadi kesimpulannya dengan cara ini artikel kita tidak 100% aman dari ancaman copas, jadi setiap kita buat postingan saya sarankan agar menyarankan pembaca artikel kita untuk mencantumkan Link sumber dari blog kita jika akan menyebarluaskan yang sudah kita buat, yang biasanya tertulis di Permalink Blog seperti punya saya dibawah ini! Semoga Bermanfaat.

Membuat Menu Sosial Button/Icon Di Pojok Header

Untuk Penjelasan seperti apa social network button kalian bisa lihat di gambar.
sebelumnya saya jelaskan tutorial ini hanya untuk dokumentasi pribadi karena sudah saya praktekkan dan berhasil,jadi mohon maaf jika ada yang kurang jelas bagi yang mau mencoba.karena saya menulis pokok pokoknya saja

1.Download dulu templatemu untuk jaga jaga
2.Edit html
3.Pastekan Kode ini di atas Kode ]]></b:skin>

#rightnav{float:right}
a.soicon{display:inline-block;float:left;margin-right:10px;height:24px;line-height:24px;padding-left:22px;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgejblEBaqpgQCELXVkomcUYUGbYem6xXDaGYzBcaG1IfAPDHgvaL9Pz77QcVMNgkNhbS73TXullJlt0OcNvD4rGOGf13Yg6Zw0WWxNj2Xsacc4pVUhtJw0I0sndsD4Cy_4N835DxkhlBqH/s1600/socialicons.png);background-position:0 -6px;background-repeat:no-repeat;-webkit-transition:color .4s ease-in-out;-moz-transition:color .4s ease-in-out;-o-transition:color .4s ease-in-out;-ms-transition:color .4s ease-in-out;transition:color .4s ease-in-out}
a.facebookx{background-position:0 -6px}
a.facebookx:hover{background-position:0 -150px}
a.twitterx{background-position:0 -79px}
a.twitterx:hover{background-position:0 -223px}
a.googlex{background-position:0 -43px}
a.googlex:hover{background-position:0 -187px}
a.rssx{background-position:0 -115px}
a.rssx:hover{background-position:0 -259px}
#leftnav{float:left}

4.Setelah Itu Pastekan Kode Berikut Di Bawah Kode </head>

<div id='rightnav'>
<a class='soicon facebookx' href='https://www.facebook.com/ihwan.arif' rel='nofollow' target='_blank' title='Facebook'>Facebook</a>
<a class='soicon twitterx' href='https://twitter.com/ihwanarif' rel='nofollow' target='_blank' title='Twitter'>Twitter</a>
<a class='soicon googlex' href='https://plus.google.com/u/0/' rel='nofollow' target='_blank' title='Google+'>Google+</a>
<a class='soicon rssx' href='http://feeds.feedburner.com/ihwanarif' rel='nofollow' target='_blank' title='RSS'>RSS</a>
</div>

5.Ganti Kode Link Warna Biru Dengan Kode Kamu Sendiri
6.Pratinjau Templatemu,jika sudah berhasil Simpan Template

Membuat Menu Sosial Button/Icon Di Pojok Header

Mengatasi Duplikat Konten Di Blog

1. Mengatasi Duplikat Konten Karena Halaman Label
Pastekan Kode Berikut Tepat di bawah kode <head>

<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
2.Mengatasi Duplikat Konten Karena Halaman Arsip dan Pencarian

Masuk ke dashboard blog sobat, klik blog yang ingin sobat atur, klik setelan, klikPreferensi penelusuran, scroll ke bawah dan Aktifkan tag header robot khusus. Selanjutnya tinggal sesuaikan seperti gambar di bawah ini:

3. Mengatasi Duplikat Konten Karena Halaman Versi Seluler

Cara pertama Menggunakan Meta Tag

Pastekan kode berikut tepat di bawah kode <head>

    <b:if cond='data:blog.isMobile'>
    <meta content='noindex,nofollow' name='robots'/>
    </b:if>

Cara kedua Menggunakan Settingan Robots.txt Masuk ke dashboard blog sobat, pilih blog yang ingin sobat atur, klik Setelan, klik Preferensi penelusuran, scroll ke bawah dan aktifkan robots.txt khusus. Selanjutnya tinggal sobat masukan kode robots.txt berikut ini:

    User-agent: Mediapartners-Google
    Disallow:

    User-agent: Googlebot
    Disallow: /search
    Disallow: /?m=1
    Disallow: /?m=0
    Disallow: /*?m=1
    Disallow: /*?m=0

    User-agent: *
    Disallow: /search

    Sitemap: http://trikkuampuh.blogspot.com/feeds/posts/default?orderby=UPDATED

ganti URL dengan blog kamu sendiri

referensi:

Mengatasi Duplikat Konten Di Blog

Cara Agar Blog Tidak Bisa Di CTRL U+CTRL A + CTRL C

Pertama:

1.Login ke Blog

2.Rancangan -->Edit HTML

3.Cari kode <body> Lalu Ganti Kode <body> Dengan Kode Dibawah Ini

<body oncontextmenu='return false' onmousedown='return false' onselectstart='return false'>

keterangan:
oncontextmenu=’return false;’ (Untuk mematikan fungsi klik kanan)
onkeydown=’return false;’ (Untuk mematikan CTRL+A dan CTRL+U)
onmousedown=’return false;’ (Untuk mematikan fungsi block pada artikel)

Untuk mengaktifkan salah satu fungsinya, tinggal ganti saja ’return false;’ dengan ‘return true;’

Cara Agar Blog Tidak Bisa Di CTRL U+CTRL A + CTRL C

Cara Membuat Metal Detektor Sederhana

Cara sederhana untuk membuat mainan anak-anak yang cukup menyenangkah, pembuatan dan biaya komponennya juga tidak terlalu mahal bahkan anda bisa memanfaatkan barang-barang bekas di rumah seperti karton pembungkus, kabel, lem dan peralatan seadanya.

Prinsip dari metal detector ini seperti metal detektor sebenarnya yakni kumparan elektromagnetik akan bereaksi terhadap logam dan mengirim pulsa balik ke otak rangkaian IC digital 555 yang cukup dikenal sebagai IC clock.

Ok, langsung saja yuk kita lihat komponen dan peralatan apa saja yang dibutuhkan:

IC 555

47 kΩ resistor
2μ2 F capacitor 2x
lembaran PCB
9 V battery
Switch
Kable
Buzzer
Kawat tembaga penampang email 100 m, ukuran 0,2 mm diameter
Selotip
Lem kayu warna putih

Untuk menaikkan frekuensi bunyi buzzer anda dapat menggunakan kapasitor 10 μF dan speaker (8 Ω impendence).

Peralatan:

Breadboard
Kabel
Pliers (tang pelobang kertas)
Solderan 220V
Pisau Cutter
Pensil (untuk menggambar pola)
Lem bakar

Langkah 1

Persiapakan peralatannya

Langkah 2:

Potong kardus sesuai pola dan bentuk yang anda inginkan

Langkah 3
Cermati bagian komponen dari rangkaian 555 berikut ini, rangkaian ini merupakan inti dari metal detekor yang akan kita buat.

Langkah 4
Gulung kabe email panjang kurang lebih 100m ke dalam penampang kardus yang telah kita siapkan

Langkah 5
Rangkai semua bagian menjadi satu seperti gambar di bawah ini

Langkah 6
Proses pembuatan telah selesai, kini saatnya anda menguji hasil karyanya pendeteksi logam sederhana

Jika dirasa artikel pendeteksi logam sederhana ini bermanfaat silahkan share ke teman-teman anda di sosial media
,