Showing posts with label Javascript. Show all posts
Showing posts with label Javascript. Show all posts

Burung Twitter Terbang


Cara membuat / memasang widget burung Twitter terbang di Blogger, mungkin trik ini sudah tidak asing lagi bagi sobat dan sudah banyak sekali saya melihat blog yang sudah memasang widget burung Twitter terbang ini dengan berbagai macam style dan warna burung Twitter yang berbeda-beda, sekarang saya akan mengulas kembali khusus buat teman-teman blogger yang baru membuat blog dengan platform blogspot


Memasang Burung Twitter Terbang di Blogspot
Twitter adalah layanan jejaring sosial yang sangat populer sekarang ini selain Facebook dan Google+ dan tidak salah banyak orang yang beramai-ramai untuk menjalin koneksi melalui Twitter apakah itu untuk keperluan bisnis maupun hanya sekedar berteman saja, nah bagi sobat yang mempunyai blog tidak ada salahnya memasang widget menarik ini selain membuat blog sobat cantik dan unik, widget ini juga mempermudah sobat untuk menjalin pertemanan baru dengan pembaca blog sobat, hanya dengan sekali klik pada burung twitter yang terbang maka akan otomatis terhubung dengan profile Twitter sobat,
Ok tanpa panjang lebar mari kita kupas bersama-sama cara memasang widget ini

Pertama-tama silahkan login di Blogger

  • Klik Design > Page Element > Add Gadget > Html/Javascript
  • Copy paste kode di bawah ini ke kolom Html/javascript

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHRL9Wsz7po6zCmXPlFNSzZzGyyksQrbwqIBVvDHekRBv4PBLNCty4DpuUeSjZXNFFC9tot16AgnLQrBrj_UWitNBNO9WpqnAL3jPamhySSZPqmwVU2JUOvFSeOoigLucVGisLGngUsEA/s1600/burung+twitter+terbang.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/Akun Twitter sobat";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>



  • Ganti kode yang berwarna biru dengan akun Twitter sobat
  • Simpan dan lihat hasilnya

Warna Pilihan Burung Terbang Twitter

Rubah Warna Burung Twitter

Untuk membuat warna burung twitter yang lain sobat bisa mengganti kode yang berwarna merah diatas dengan kode-kode dibawah ini sesuai dengan warna pilihan yang sobat inginkan

Warna Kuning

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo9bAXGXZtnLxjEV1fEJte34JSINLwxQ4j5nLMQ72AQbYxCk8tjH6H7h0N3GjIPTwHS0tRtD0zkiftPO8U7xFdYKzWx-188XQVRMyuazmSCvaWkzisddDSbf0ZIuejImP70eE0aK03sEo/s1600/yellow+bird.png
Warna Hitam

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcV7fhwGuHBQyi3WQXQmzzOVc9fz2Dz3g4FWY4vPB0qVNZdPCI-fIKTXT1ySzA8c-98fWmDHTw-WaXZ94-HIHYHro8tTVLXk73x84TNA2O_ra8NQ2Pw6PY1B0zMJuw5nnthwI2SbJWWFk/s1600/black+bird.png
Warna Biru

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh53TauVR0tTv-KyYm1FQBczmj-kGuR-lFCEYRMCxN6ExHThqBZM44NHnrFACnCMQ8EGkCRjx05x19KcbGK0XGZ4PoRtRx_MDBwbZiwRi5MBUnx6p6Obb3-Wo5Fr4VYTFwCSdICmbs6ZDE/s1600/Blue+bird.png
Warna Coklat

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi899DH3AOwwNv08aa5Y6CZbVn8nmeuijJguYWxwPE2cFWb19JbqG1x5uINKeQFOX_gQioOQkAq4ELlPX3doCxSRF-q4xSjFlx8gBnugD87FeukKSPbQFHxtVfsuKZn5cRXF9gwD5b2Qwo/s1600/brown+bird.png
Warna Hijau

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQmSXioy8mNVezwz-EvIw73j-J1-WPgnvFgxh4u56c6fDk-slAYdE6h6uOTliQUS9AK6H-5EzHp-mktthLfwCK_Nhv1Uym-UYQiSDPem1KG2ZfOINOAqAm2py_-hVSddZ6McS3y0M6IDc/s1600/Green+bird.png
Warna Ungu

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYB8Pm_P1NgGFzVwII8oTgl3c5kvbicPchdz3swgjLEJqmyJse0-EyZLk3ErvGwNgolIArB_ldK-co9TetXixsL5VKESK4N9ukhTBMz4d0o2u9BFcbOxv8Wf38DZot5VtdZ16HQyymyCY/s1600/purple+bird.png
Warna Putih

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDZoEJOTBsO9dAVHAaEn9XcdNP4396Y5TsjWzXJaoY5VoTArXIF38EiL6i1GqFWeMt04Ie9SnhBix2JKXreFY5LJYtZ30nZl9aCta3FLL02RhFJMB9YRSNp38dS6M1v-dzWwqgIlCbCH4/s1600/white+bird.png
Warna Merah

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2Sa30UdjFwOlCBnyJeYN0xTXjDnDCK6y1ErEs-gpE1_9JGvHrscZ1QtBPXYUkeN7qGpDpVTcjPpyFB6lYfBFTFHMzhBD159aA3ekeCzyECW6kTEbqWYzPh-hCXPJBCz97O1MpB4bSBkI/s1600/red+bird.png

Dan terakhir jangan lupa disimpan
Good luck Sob..!

Memasang Musik Player Pada Blog(1)

pakah anda seorang penggemar musik,ingin selalu mendengar musik,dari Komputer,Handphone,atau dari MP3 Player,.a’ha itu sudah biasa,bagaimana kalau mencoba mendengarkan lagu dari blog,udah coba belum.

Dengan memasang Musik Player diblog anda,maka blog anda serasa akan hidup,anda bisa langsung mendengarkan lagu kesayangan anda,tidak cuman anda,pengunjung pun juga bisa menikmatinya.Widget ini sangat berguna bagi Blog yang berhubungan dengan Musik.

Kali ini kita akan menggunakan widget dari Musik-live.net [screenshoot-nya seperti ini]



1.Buka browser anda dan ketikan http://www.musik-live.net/

2.Lalu klik Skin Mp3 Player

3.Pilih Skin/tampilan yang anda inginkan,klik Preview skin untuk melihat tampilannya

4.Copy kodenya

5.Masuk ke Blogger dengan ID anda

6.Klik menu Layout -> Page Elements

7.Klik add widget template

8.Pilih HTML/Javascript

9.Pastekan pada kota HTML/Javascript

10.Save,selesai

Note:Ohya pada cara diatas lagu yang muncul adalah lagu yang sudah disediakan,jika anda ingin memilih sendiri lagu yang ingin ditampilkan berikut caranya:

1. Pada halaman depan Musik-Live, cari lagu favorit anda dengan kotak pencari.

2. Lalu klik Play & Embed code untuk menampilkan kodenya

3. Copy kodenya lalu paste ke menu HTML/ Javascript blogger anda.

4. Selesai

Note: Cara ini hanya bisa untuk memutar 1 lagu saja. Jika anda ingin memutar banyak lagu maka gunakan eSnips.

Cara memasang musik player dari eSnips akan dibahas pada postingan selanjutnya

Jika anda orang baik tinggalkan komentar untuk kedewasaan blog ini,thank’s

membuat pengunjung blog kamu tahu jika kamu sedang online

cara supaya pengunjung blog, friendster, atau website kita tau ketika kita sedang online adalah menggunakan feature yahoo messengger, dan tentunya kita harus punya yahoo id.
setelah dua syarat tadi terpenuhi kita tinggal copy kode di bawah ini (piilh yang suka)

jika online, jika offline

jika online, jika offline




Apa itu Javascript ?

Apa sich itu Javascript ?

Kalau pengertian Javascript menurut Pelajaran Blog,yaitu kode yang mempunyai tugas unruk membedakan suatu variable.keliatanya sich kaya gitu..Pelajaran Blog
Secara umum kode ini akan menjalankan suatu tugas yang mana kode ini sangatlah "sensitive",
Maksudnya? Lain seperti HTML yang tidak terpengaruh adanya tulisan <b> dan </b> (tanda "/" pada kode).
Javascript,tidak mempunyai tolerant dengan kode seperti diatas,contoh lain; penulisan kata "var" tidak bisa ditulis "VAR" maupun "Var".
Jika anda pusing seperti habis kena angin Puting Beliung Pelajaran Blog,karena baca arttikel ini,
ya dech...di bawah ini hasil pengertian Javascript oleh Bp.Supono,alamatnya di :

"JavaScript adalah bahasa pemrograman yang khusus untuk halaman web agar halaman web menjadi lebih hidup. Kalau dilihat dari suku katanya terdiri dari dua suku kata, yaitu Java dan Script. Java adalah Bahasa pemrograman berorientasi objek, sedangkan Script adalah serangkaian instruksi program.
Hal-Hal Yang Harus DiperhatikanAda beberapa hal yang harus diperhatikan dalam pengelolaan pemrograman JavaScript, diantaranya JavaScript adalah “case sensitive”, yang artinya JavaScript membedakan huruf besar dan huruf kecil, Jika Anda pernah belajar bahasa pemrograman seperti Turbo C atau C++, maka sama seperti bahasa pemrograman tersebut, dimana huruf T tidak sama dengan huruf t. Dalam bahasa pemrograman JavaScript juga, sebagai contoh fungsi perintah var tidak boleh ditulis Var dan juga tidak boleh ditulis VAR (huruf besar semua), yang benar adalah var (huruf kecil semua). Perintah lain adalah new Date tidak boleh ditulis new date (huruf kecil semua), dan banyak yang lainnya
."


Gimana?sudah lebih jelas? Pelajaran Blog
Nah contoh javascript bisa anda lihat seperti hasil postingan dari :


Sebagai contoh KLIK DI SINI. Source script-nya DOWNLOAD DI SINI

Postingan ga modal,he...Pelajaran BlogPelajaran Blog
Semoga,penjelasan yang sedikit Njlimet ini bisa diterima,Amin !! Pelajaran Blog

Search