Mengenal Adobe flash CS3

CARA MEMBUKA

Untuk membuka program Adobe Flash CS3 Professional, kamu dapat melakukan salah satu cara berikut:
# Klik icon Adobe Flash CS3 Professional pada dekstop (Layar monitor)

# Klik Start Menu All Programs Adobe Design premium CS3 lalu pilih Adobe Flash CS3 Professional. Beberapa saat akan muncul jendela dialog seperti berikut :

# Untuk memulai membuat file baru, pilih Flash File (ActionScript 2.0),
# Untuk membuka file flash pilih Open a Recent New – Open,

MENGENAL JENDELA KERJA
1. Mengenal Menu Dasar
Layar Flash terbagi dalam 7 area utama, yaitu menubar, layer, panel properties, toolbar, timeline, stage, dan panel,.
Berikut merupakan tampilan standar jendela kerja Adobe Flash CS3 Professional, saat Anda memulai membuat file baru.

Jendela kerja Adobe Flash CS3 terdiri atas :

* Menubar
Berisi kumpulan menu atau perintah-perintah yang digunakan dalam Adobe Flash CS3.

*Toolbar
Toolbar Adalah panel berisi berbagai macam tool. Tool-tool tersebut dikelompokkan menjadi empat kelompok : Tools
; berisi tombol-tombol untuk membuat dan mengedit gambar, View; untuk mengatur tampilan lembar kerja, Colors; menentukan warna yang dipakai saat mengedit, Option; alat bantu lain untuk mengedit gambar.
Dan berikut fungsi dari Tools pada Flash :

 

*Timeline
Timeline/garis waktu merupakan komponen yang digunakan untuk mengatur atau mengontrol jalannya animasi. Timeline terdiri dari beberapa layer. Layer digunakan untuk menempatkan satu atau beberapa objek dalam stage agar dapat diolah dengan objek lain. Setiap layer terdiri dari frame-frame yang digunakan untuk mengatur kecepatan animasi. Semakin panjang frame dalam layer, maka semakin lama animasi akan berjalan.

*Stage
Stage digunakan untuk memainkan objek-objek yang akan diberi animasi. Dalam stage kita dapat membuat gambar, teks, memberi warna dan lain-lain.

*Panel
Beberapa panel penting dalam Adobe Flash CS3 Professional, diantaranya panel: Properties, Filters & Parameters, Actions,
Library, Color dan Align & Info & Transform

*Properties
Panel Properties akan berubah tampilan dan fungsinya mengikuti bagian mana yang sedang diaktifkan. Misalnya Anda sedang mengaktifkan Line tool, maka yang muncul pada jendela properties adalah fungsi-fungsi untuk mengatur line/garis seperti besarnya garis, bentuk garis, dan warna garis.

*Library
Panel Library mempunyai fungsi sebagai perpustakaan simbol/media yang digunakan dalam animasi yang sedang dibuat. Simbol merupakan kumpulan gambar baik movie, tombol (button), sound, dan gambar statis (graphic).

2. Document Properties
Fungsi Document Properties adalah untuk melakukan pengaturan ukuran layar, warna background, framerate, dan dimensi dari animasi yang akan dibuat. Untuk memanggil kotak dialog Document Properties, pilih jendela Properties di bawah layar, kemudian pilih tombol Size.

 

Selamat Mencoba...

Read More

Cara menginstall Office 2007

Microsoft office adalah aplikasi  buatan microsoft yang terdapat beberapa fungsi antara lain: microsoft word (untuk mengelola data), microsoft  excel (mengelola angka ), microsoft power point (presentasi) dll.  Banyak orang yang membutuhkan yang namanya microsoft office,, dari kalangan pejabat, perkantoran, pelajar, dll. Tetapi masih banyak orang yang belum bisa menginstall microsoft office. Microsoft  ini mempunyai  beberapa versi yaitu versi 2004, 2007, 2010, 2012. di artikel ini saya akan menjelaskan tentang langkah – langkah menginstall microsoft office 2007.

1.Siapkan folder instalasi  microsoft office 2007
2.Buka folder tersebut
3.Cari setup.exe dan double-klik pada setup.exe
4.Maka akan muncul gambar seperti dibawah
5.Kemudian Anda akan diharuskan untuk mengisi “ PRODUCT KEY “, PRODUCT KEY adalah angka untuk mengetahui program tersebut asli atau tidak dan jika tidak  di isi maka aplikasi tersebut hanya bisa digunakan selama 30 hari saja. Product key biasanya terdapat di cd master, jika Anda menginstall dengan cara mendownload masternya maka akan mendapatkan serial number.

6.Selanjutnya Anda baca syarat – syarat perjanjian, jika Anda setuju klik “ I accept the terms this of greement “, jika anda tidak setuju maka anda tidak dapat menginstall microsoft office 2007/ proses instalasi berhenti.

7.Klik Continue

8.Klik “ install now “ untuk menginstall microsoft office

9.Instalasi  microsoft office 2007 akan berjalan dan tidak membutuhkan waktu yang cukup lama.

10.Klik “ close “ untuk menyelesaikan proses instalasi

Read More

Catatan Kelas 8

Kisi-Kisi Ujian Semester Ganjil :

1. Blog adalah halaman web yang memuat posting berupa tulisan-tulisan sesuai dengan topik dan tujuan dari penulis blog tersebut yang dapat diakses oleh  semua pengguna internet sering disebut dengan catatan/buku harian online.
2. Orang yang pertama kali mempopulerkan blog adalah John Barger pada tahun 1953
3. John Barger memposting pertama kalinya yang berjudul robot wisdom
4. Blogging adalah aktivitas mengisi artikel blog,mengupdate isi blog dan memperbaiki blog
5. Blogger adalah orang yang mengisi artikel blog
6. Blogsphere adalah kumpulan dari semua blog diseluruh dunia.
7. Blaudience adalah pengunjung atau pembaca blog.
8. Blogstorm adalah kumpulan gelombang aktivitas,informasi dan opini yang sangat besar serta berulang kali muncul untuk beberapa subject / sangat kontroversial terjadi dalam blogosphere.
9. Instansi penyediaan blog adalah Multiply,blogger,wordpress,tumblr
10. Blog sastra (Litblog / Literary blog) adalah blog yang berisi tentang sastra.
11. Blog pengganggu (splog / spam blog) adalah blog yang berisi promosi bisnis affiliate.
12. Blog artis ( Celeblog / celebrity blog ) adalah blog yang banyak menulis tentang kehidupan para selebritis, bintang film, musisi dan lainnya yang berhubungan dengan dunia hiburan.
13. Blog hukum ( blawg / Law Blog ) adalah blog yang berisi tentang persoalan yang berusan tentang hukum
14. Blog petunjuk (directory Blog) adalah blog yang berisi ratusan link halaman website. 
15. fungsi dari new post(Entri baru) adalah menambah posting baru
16. Fungsi dari Ikhtisar adalah untuk memonitor atau melihat berapa banyak pengunjung blog kita, berapa banyak pos ( artikel )  yang sudah kita buat, berapa banyak komentar yang ada di blog kita dan masih banyak lagi yang lain. Intinya menu ini untuk Menampilkan statistik blog secara ringkas.
17. Fungsi dari Edit entri(edit) adalah untuk mengedit posting blog anda yang sebelumnya telah anda buat maupun yang masih berupa draft.
18. Fungsi dari Pos (Posting) adalah untuk Menampilkan semua postingan pada blog kita, yang sudah di terbitkan maupun yang belum di terbitkan. 
19. Fungsi dari Laman ( page ) adalah untuk membuat sebuah halaman atau page, Laman ini bisa juga disebut menu pada blog kita. 
20. Fungsi dari komentar adalah untuk menampilkan semua komentar pada blog. 
21. Fungsi dari Google+ adalah untuk menambahkan blog anda ke dalam profil Google+ anda.
22. Fungsi dari Statistik adalah untuk Menampilkan statistik blog secara lengkap.
23. Fungsi dari Tata Letak.adalah untuk Menampilkan dan mengatur tata letak widget pada blog.
24. Fungsi dari Template adalah Untuk mengganti atau mengedit template blog. Untuk lebih jelasnya mengenai template anda bisa baca artikel mengenai Pengenalan dan pengertian template blog.
25. Fungsi dari Setelan adalah untuk pengaturan blog yang meliputi bahasa,jumlah pos,komentar,menganti judul blog dan lain-lain. 
26. Fungsi dari View blog adalah untuk melihat tampilan blog anda
27. Fungsi dari Publikasikan(Terbitkan entri) adalah Posting/artikel yang kita posting bisa dilihat oleh orang lain
28. Fungsi dari         adalah untuk  memasukan gambar kedalam blog  
    
    
29. Fungsi dari        adalah untuk memasukan video kedalam blog
    
    
30. Penemu email adalah Ray tomlinson
31.  Instansi penyediaan email adalah Yahoo,Gmail,Hotmail
32.  Kepanjangan email adalah Elektronik Mail
33. Instansi penyediaan chating adalah Facebook,LINE,Wechat,Kakao talk,Google Talk,What's app,Meebo,Yahoo Messanger,BBM,MiRC,AIM.
34. Fungsi Draft  pada email adalahTempat Penyimpan email yang blm di dikirim
35. Fungsi Trash pada email adalah Tempat Pembuangan email sementara yang sudah tidak pakai lagi
36. Fungsi dari Sign In pada email adalah untuk masuk kedalam akun email
37. Fungsi dari Sign Out pada email adalah untuk keluar dari akun email
38.  Fungsi attach File pada email adalah untuk melampirkan file kedalam email

Read More

Cara membuat Tulisan berjalan(Marquee) pada blog

Cara membuat tulisan berjalan (Marquee) di blog memang sangatlah mudah. Kenapa tulisan berjalan juga disebut Marquee? karena untuk membuat tulisan berjalan itu menggunakan kode Marquee. Marquee berguna untuk mempercantik tampilan blog sehingga pengunjung bisa lebih suka dengan blog anda.

Perlu anda ketahui bahwa kode dasar Marquee adalah..

<marquee>TEKS YANG BERGERAK</marquee>  

Kode diatas menjadi seperti ini
TEKS YANG BERGERAK  
Jadi, dengan mengerti kode dasar diatas, anda bisa membuat bermacam-macam variasi kode Marquee.. Sebelum membahas ke variasi kode Marquee. Mari kita bahas terlebih dahulu cara pemasangannya.. Ada 2 tempat untuk pemasangan kode Marquee ini, yaitu untuk Widget dan artikel..

Cara pemasangan kode Marquee pada artikel

1. Di bagian edit entri atau entri baru, silahkan ubah dari Mode Compose ke mode HTML
2. Silahkan masukkan kode Marquee di mode HTML
3. Cek posisi teks di mode Compose
4. Untuk melihat apakah kode berjalan, silahkan klik Pratinjau. 

Cara pemasangan kode Marquee pada widget

1. Login ke akun blogger anda
2. Masuk ke menu Tata Letak, Klik tambahkan gadget
3. Silahkan pilih HTML/Java Script
4. Masukkan kode Marquee yang anda pilih
5. Silahkan klik Simpan
6. Kemudian silahkan cek apakah kode sudah bekerja.

Supaya lebih jelas dan tidak bingung, kita bahas terlebih dahulu cara mengubah warna , huruf, dan ukuran pada teks. Ikuti langkah-lenglah berikut..

Kode dasarnya adalah
style="font-family: Arial; font-size:20px; color:#800C0C;"

1. Arial adalah jenis huruf
2. 20px adalah ukuran huruf
3. #f2f2f2 adalah warna huruf

Silahkan ubah sesuai dengan keinginan anda

Contoh kode nya seperti ini..
<marquee bgcolor="pink" style="font-family: Arial; font-size:20px; color:#800C0C;">CONTOH BACKGROUND AREA TEKS</marquee>

Hasilnya akan terlihat seperti ini..
CONTOH BACKGROUND AREA TEKS

Jadi, mari kita bahas saja variasi kode Marquee ini. Berikut ini adalah varias-variasi kode Marquee nya..

Kode Marquee untuk mengatur pengulangan Rotasi

kode loop="angka|-1|infinite" digunakan untuk pengulangan berotasi pada Marquee.. Setelah berotasi sesuai angka yang ditentukan, maka teks tersebut akan hilang.
Contoh kodenya seperti ini:
<marquee loop="6">TEKS BEROTASI 6 KALI</marquee>

Hasilnya akan terlihat seperti ini..
TEKS BEROTASI 6 KALI

Kode Marquee untuk mengatur lebar teks

Kode width="angka lebar" berguna untuk mengatur lebar dari kode teks yang yang akan berjalan. Bisa anda atur 50% untuk setengah bidang saja, atau bisa 25% untuk seperempat bidang teks berjalan saja.

Contoh kodenya seperti ini:
<marquee width="50%">LEBAR TEKS BERJALAN HANYA SETENGAH BIDANG</marquee>

Keterangan: Angka 50% bisa anda ganti sesuai lebar bidang yang anda inginkan.

Hasilnya akan terlihat seperti ini
LEBAR TEKS BERJALAN HANYA SETENGAH BIDANG

Kode Marquee untuk memberi link pada teks

Kode dasar seperti ini..
onmouseover="this.stop()" onmouseout="this.start()"

Contoh kodenya seperti ini:
<marquee direction="left"onmouseover="this.stop()" onmouseout="this.start()"><a href="http://seoterpadu.blogspot.com/2013/07/cara-membuat-tulisan-berjalan-marquee.html">CARA MEMBUAT TULISAN BERJALAN</a></marquee>

Hasilnya akan terlihat seperti ini..
CARA MEMBUAT TULISAN BERJALAN

Kode Marquee untuk mengatur background pada jalur teks

Kode bgcolor="warna" berguna untuk memberikan warna background pada area teks berjalan.

Contoh kodenya seperti ini:
<marquee bgcolor="pink">CONTOH BACKGROUND AREA TEKS</marquee>

Keterangan: pink bisa anda ganti sesuai warna yang anda inginkan. Misalnya blue, yellow, red, dan lain-lain.

Hasilnya akan terlihat seperti ini
CONTOH BACKGROUND AREA TEKS

Kode Marquee untuk mengatur kecepatan jeda

Kode scrolldelay="angka jeda" berfungi untuk mengatur kecepatan jeda dalam milidetik.

Contoh kodenya seperti ini:
<marquee scrolldelay="750">TEKS BERJALAN DALAM JEDA 0,75 DETIK</marquee>

Keterangan: Angka 750 itu untuk jeda dalam 0,75 detik. Jadi silahkan ganti 1000 untuk 1 detik, 2000 untuk 2 detik, dan seterusnya..

Hasilnya akan terlihat seperti ini..
TEKS BERJALAN DALAM JEDA 0,75 DETIK

Kode Marquee untuk memberi Alt Title pada area teks berjalan

Kode title="pesan" berfungsi untuk memberi pesan pada saat kursor diarahkan ke area teks berjalan. Atau nama lainnya yaitu Alt Title.

Contoh kodenya seperti ini:
<marquee title="TEKS YANG AKAN MUNCUL JIKA KURSOR DIARAHKAN KE AREA TEKS BERJALAN">TEKS YANG BERJALAN DENGAN PESAN</marquee>

Hasilnya seperti ini..
TEKS YANG BERJALAN DENGAN PESAN

Kode Marquee untuk mengatur kecepatan teks berjalan

Kode scrollamount="angka" berguna untuk mengatur kecepatan laju teks yang berjalan.

Contoh kodenya seperti ini:
<marquee scrollamount="12">KECEPATAN TEKS YANG BERJALAN 12</marquee>

Keterangan: angka 12 bisa anda ganti sesuai kecepatan yang anda sukai. Semakin besar angka maka akan semakin cepat.

Hasilnya akan terlihat seperti ini..
KECEPATAN TEKS YANG BERJALAN 12

Kode Marquee untuk mengatur arah teks bergerak

Kode direction="left/right/up/down" berguna untuk mengatur arah pergerakan teks.

Contoh kode nya seperti ini:
<marquee direction="left">TEKS AKAN BERGERAK KE KIRI</marquee>

Keterangan: left bisa anda ganti sesuai arah teks berjalan yang anda inginkan.

Hasilnya akan terlihat seperti ini..
TEKS AKAN BERGERAK KE KIRI

Kode Marquee untuk mengatur teks berhenti jika dilintasi mouse

Kode dasar untuk mengatur teks agar berhenti jika dilintasi mouse adalah
onmouseover="this.stop()" onmouseout="this.start()"

Contoh kodenya seperti ini:
<marquee direction="left"onmouseover="this.stop()" onmouseout="this.start()">TEKS BERGERAK KE KIRI DAN AKAN BERHENTI JIKA DILINTASI MOUSE</marquee>

Hasilnya akan terlihat seperti ini..
TEKS BERGERAK KE KIRI DAN AKAN BERHENTI JIKA DILINTASI MOUSE

Jadi itulah, beberapa macam variasi kode Marquee. Semoga bermanfaat untuk anda. Dan terima kasih sudah mau berkunjung ke blog ini.

Read More

CARA MEMBUAT TEKS BERJALAN DI HEADER BLOG

Pada postingan kali ini, saya akan share cara membuat teks berjalan di atas header pada blog, teks berjalan itu menggunakan script efek marquee, ada banyak jenis marquee, namun yang kita gunakan saat ini adalah marquee yang berfungsi memberi efek berjalan ke arah kiri dan tidak berhenti saat didekati mouse, nah langsung saja silahkan ikuti langkah-langkahnya:
1. Log In ke Blogger.

2. Pilih Template => Edit Html.
3. Cari kode script </head>, Untuk mempermudah mencari silahkan tekan ctrl+F pada keyboard dan silahkan tulis kode di atas.

4. Setelah dapat, letakkan kode di bawah ini tepat di bawah kode tadi !!!

<marquee direction='left' scrollamount='5'><font color='black' size='3'>Tuliskan Deskripsi Yang Akan Anda Tampilkan</font></marquee>

Keterangan:
left => arah Teks berjalan yaitu dari kiri ke kanan. Anda dapat merubah left menjadi right
5 => kecepatan Teks berjalan, semakin tinggi angkanya maka akan semakin cepat pula mode action marquenya
black => warna font. Untuk memilih warna lain, silahkan lihat disini : Daftar kode warna HTML
3 => ukuran font (size)

Read More

Cara membuat animasi Loading berputar pada blog

Mungkin sobat blogger sudah pernah dengar,bahkan sudah pernah memasang atau memang sudah pernah posting tentang sebuah animasi pada sebuah blog,yaitu animasi loading yang jika kita membuka artikel satu ke yang lainnya,animasi itu baru akan berfungsi.Seperti yang kita tahu bahwa animasi ini Berbeda dengan Save Mode atau screen saver pada blog yang memang hanya sebuah aksesoris saja,sedangkan untuk animasi loading benar-benar bekerja sesuai lama atau cepatnya loading pada sebuah blog tersebut,Sekedar informasi bahwa animasi loading ini saya gunakan punya Hack4rt karena warna animasi nya bisa di rubah-rubah warnanya sesuai sengan selera kita masing-masing,dan untuk kode yang lainnya saya gunakan milik om-dayz.Nah untuk cara pembuatannya sendiri adalah dengan cara edit template blog sobat dengan cara :

• Pertama Login ke akun blog sobat.
• Klik rancangan --> Edit HTML --> Centang kotak expand template widget (jangan lupa backup template dahulu)
• Kemudian Tambahkan KODE CSS Animasi Loading Blog di bawah ini tepat diatas ]]></b:skin>

#loadhalaman {position:fixed;opacity:0.93;top:0;left:0;background-color:#000;z-index:9999;text-align:center;width:100%;height:100%;padding-top:20%;color:#000;display:none;}
.loadball {background-color: transparent;
border: 5px solid #00a3ff;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
border-radius: 50px;
box-shadow: 0 0 35px #00a3ff;
width: 50px;
height: 50px;
margin: 0 auto;
-moz-animation: spinPulse 1s infinite ease-in-out;
-webkit-animation: spinPulse 1s infinite linear;}
.loadball-2 {background-color: transparent;
border: 5px solid #00a3ff;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-radius: 50px;
box-shadow: 0 0 15px #00a3ff;
width: 30px;
height: 30px;
margin: 0 auto;
position: relative;
top: -50px;
-moz-animation: spinoffPulse 1s infinite linear;
-webkit-animation: spinoffPulse 1s infinite linear;}
@-moz-keyframes spinPulse {0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #00a3ff}50% { -moz-transform:rotate(145deg); opacity:1; }100% { -moz-transform:rotate(-320deg); opacity:0; }}
@-moz-keyframes spinoffPulse {0% { -moz-transform:rotate(0deg); } 100% { -moz-transform:rotate(360deg);  }}
@-webkit-keyframes spinPulse {0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #00a3ff} 50% { -webkit-transform:rotate(145deg); opacity:1;} 100% { -webkit-transform:rotate(-320deg); opacity:0; }}
@-webkit-keyframes spinoffPulse {0% { -webkit-transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); }}

• Kemudian Tambahkan JQuery ini diatas </head>, disini saya menggunakan Jquery versi 1.7.2 (Pasang jika belum ada Jquery di Template sobat)

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>

• Langkah terakhir, pasang Script dibawah ini diatas tag </body>

<div id='loadhalaman'>
<div class='loadball'></div>
<div class='loadball-2'></div>
</div>
<script type='text/javascript'>
$(function() {
    var siteURL = "http://" + top.location.host.toString();
    var $internalLinks = $("a[href^='"+siteURL+"'], a[href^='/'], a[href^='./'], a[href^='../']");
    $internalLinks.click(function() {
        $('#loadhalaman').fadeIn(1500).delay(6000).fadeOut(1000);
    });
    // Hilangkan overlay saat diklik untuk mengatasi gangguan, terutama jika link internal diset dengan target='_blank'
    $('#loadhalaman').click(function() {
        $(this).hide();
    });
});
</script>

Read More

Membuat burung twitter pada blog

• Silahkan anda login dulu ke dalam Blog anda
• Pilih Rancangan >> Elemen Laman >> Tambah Gadget >> pilih Html/ java script
• Masukkan kode berikut :

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://p4r46h-blog.googlecode.com/files/twitterfloat.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIE2j39gsg4tEQyuYMXZ1IFcYII0CBNRtC_FUCpNqABG-eDj6rl8fVmaMsWigFaI2t-7Zf1Fb-QAvAg5BdiU5KR-Bbsi2nPz-6nQwi69CC0qUR-ML3BxNNHi4sFKT0b053uYZJno9eC6Mt/s1600/original.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button",
"select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/#!/AkunTwitterAnda";var tweetThisText = "Twitter - AkunTwitterAnda http://javacreativity.com/";tripleflapInit();
</script>

• Tampilannya seperti berikut kemudian klik Simpan

• Lihatlah Hasilnya

Keterangan:
Ganti http://twitter.com/#!/ AkunTwitterAnda dengan URL Profil Twitter anda

Ganti http://javacreativity.com/ dengan URL Blog Anda

Ganti AkunTwitterAnda dengan IdTwitter anda


Tambahan:

Warna Burung bisa diganti dengan warna lainnya. Caranya: ganti kode https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIE2j39gsg4tEQyuYMXZ1IFcYII0CBNRtC_FUCpNqABG-eDj6rl8fVmaMsWigFaI2t-7Zf1Fb-QAvAg5BdiU5KR-Bbsi2nPz-6nQwi69CC0qUR-ML3BxNNHi4sFKT0b053uYZJno9eC6Mt/s1600/original.png dengan kode burung dibawah ini:

Jika ingin Burung Twitternya berwarna Ungu, maka silahkan gunakan kode berikut ini :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS6dqzvzVzt7xdBYgY740f-T0QrNznAP9y4WRiSKlGmEPl2kWBWxFChdWcPWq4eXz5RYaiOn_-8NPr6eecIXnmt5VpYLfp0auevx7jYVGSlDaIDxgORzCwRdxAA19jDFoebZCnhyTqvjcX/s1600/purple.png


Jika ingin Burung Twitternya berwarna Hijau, maka silahkan gunakan kode berikut ini :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv8qadVDRzeyvY2uECb8oweMapTD9MjNYFdXQRN4u7BGmyHD4lFjfpQV8Qn6ef25LKIQSiSnpCGQVGSWP01WY9F32LVpZAP32O3l63C-yJzxXwUyiyYjU5bjQbGm89S9MDVkOsITzGA0yS/s1600/green.png


Jika ingin Burung Twitternya berwarna Biru, maka silahkan gunakan kode berikut ini :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSxzyiZb3mKUSz3RnmStD81Mq6QfepjV8MmLuacPV341G8DccBz3lQFKZClQj2W819cQXlkVky4gNWmMA_go8HVi_Z1l0yFZK0yozT8ZHUYb6cc4N3XVHF3LqE6Wvd9lhNu3KZ9htH6lQO/s1600/blue.png


Jika ingin Burung Twitternya berwarna Pink, maka silahkan gunakan kode berikut ini :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhbk2eh2DJKrFlxewB0k_EAmtrgYLyC33bTkHxL0bHLNb_RQscbtjiis0PSKBl7DYV4zX4Mnyjz44125EppMavb-NX8tumA7e_5KJx-CNEChAOV1lXcFtShfaaQ-cI5IvbjdJXBLZprlkv/s1600/pink.png

Read More

Tulisan Mengikuti cursor pada blog

1.    Login ke dashboard blogger anda.
2.    Pilih Rancangan > Elemen Laman > Add gadget (HTML/Javascript).
3.    Copy script dibawah ini dan paste pada gadget.

<style type='text/css'>
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #a4336a;
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
</style>

<script type='text/javascript'>
//<![CDATA[
;(function(){
// Your message here (QUOTED STRING)
var msg = "Tulis teks anda disini";
/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */
// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size =20;
// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;
// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;
// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 15;
// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.3;
// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.2;
////////////////////// Stop Editing //////////////////////
if (!window.addEventListener && !window.attachEvent || !document.createElement) return;
msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement
:
document.body,
mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},
makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) +
'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},
drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},
init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},
ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};
o.id = 'outerCircleText'; o.style.fontSize = size + 'px';
if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};
})();
//]]>
</script>

4.    Save/Simpan dan lihat hasilnya.
5.    Sobat dapat mengganti jenis dan warna font pada bagian yang ditandai dengan warna biru.
6.    Tulis teks yang anda inginkan pada “Tulis teks disini” yang berwarna merah.
7.   Sekedar mengingatkan lagi saja, trik paling mudah untuk mencoba script seperti ini adalah copy dan paste script pada notepad. Kemudian klik Save as dan beri nama apa saja diikuti ekstensi .html. Misalnya beri nama file notepad tadi teks-kursor.html dan pada pilihan Save as type pilih All Files. Terakhir double klik file html yang baru disimpan tadi, maka sobat akan langsung dapat melihat hasilnya pada brows

Read More