Cara Membuat Lagu AutoPlay Pada Blog

Sob kali ini gua akan bahas tentang cara membuat lagu auto play pada blogspot, gua sebenernya gak pengen berbagi tips ini karena jika udah masang lagu di blog, pasti blogspot itu menjadi loadingnya lama kalo di buka, tetapi terserah sobat-sobat aja klo sobat suka ya pake aja.....

Langsung aja sobb, nih caranya :

• Kita ke web nya yaitu KLIK DISINI

• Cari penyanyi yang sobat suka (hanya lagu internasional yang ada disini....jadi lagu indonesia ga ada disini...)

• Misal gua milih Bruno Mars,maka setelah itu akan muncul lagu" bruno mars

• Pilih 1 lagu yang sobat suka lalu copy code script tersebut

• Lalu pergi ke Blog > Tata Letak > Add Gadget > HTML/JavaScript

• Lalu pastekan code script lagu tadi ke HTML

• Selesai.....skrng visitor blog sobat dapat mendengarkan lagu yang sobat pilih....

Selamat Mencoba !!
Klo tetep ga bisa silahkan nanya gua di kelas

Read More

Cara Membuat Burung Twitter Dengan Berbagai Warna Berterbangan Di Blog

Kali ini kita akan bahas cara membuat burung yg beterbangan itu lhoo, gunanya untuk melihat twitter si admin, tanpa banyak ngomong nih gua kasih tau caranya :

1. Login kedalam akun blogger sobat
2. Buka tata letak
3. Tambah gadget (yang mana aja )
4. Pilih widget HTML/javascript 



5. Copy code dibawah ini

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://kangdadang.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://lh4.googleusercontent.com/-bf-9emzQDPw/TW-GN51FkjI/AAAAAAAAASM/MLKWWIn_U1s/s1600/birdsprite.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 = "https://twitter.com/Username";var tweetThisText = "Twitter - UserID http://URL.blogspot.com/";tripleflapInit();
</script

ganti tulisan berwarna MERAH dengan code warna burung yang sobat suka

ganti tulisan berwarna HIJAU dengan user name twitter sobat

ganti tulisan berwarna KUNING dengan url blog sobat

• original

 

http://4.bp.blogspot.com/-Gq2BI4WhlN8/TZTMt0C0FQI/AAAAAAAAAWg/BC8PKRw3S14/s1600/original.png

• ungu

 

http://4.bp.blogspot.com/-wBxVv0pnUXk/TZTPaPQnLlI/AAAAAAAAAWw/mG0WP4R0fUs/s1600/purple.png

• pink

http://1.bp.blogspot.com/-NSycBLY8vjw/TZTPC2xFd9I/AAAAAAAAAWs/uJtGe9R8vFs/s1600/pink.png

• blue

http://3.bp.blogspot.com/-rACdArBSvf4/TZTNzX8CzEI/AAAAAAAAAWo/TMyO1xnL71U/s1600/blue.png

• green

 

http://2.bp.blogspot.com/-aYn7gDUrA50/TZTNFhT6INI/AAAAAAAAAWk/RJZyVKjLXIU/s1600/green.png

• biru  tua

 

http://3.bp.blogspot.com/-o4UXTtWbEuw/Tk_YgP35YxI/AAAAAAAABVI/WCed-hTu0y4/s1600/u-sup-Blue.png

• red

http://1.bp.blogspot.com/-Ubs0elhrJ7U/Tk_czfvGnvI/AAAAAAAABVw/iHjtJdJihBM/s320/u-sup-red.png

• hitam

 

http://4.bp.blogspot.com/--VVn07xwLx4/Tk_YZWjS2QI/AAAAAAAABVE/NKWXizpAViA/s1600/u-sup-black.png

• kuning

 

http://1.bp.blogspot.com/-PKS3MOEheU8/Tk_Z5z8C0UI/AAAAAAAABVo/2NfvEq1n_YI/s1600/u-sup-yellow.png

• putih transparan

 

http://2.bp.blogspot.com/-aOtYtgcHXT8/Tk_ZAhPZ3YI/AAAAAAAABVY/phAI1idc7Co/s1600/u-sup-transparan.png

• coklat

http://4.bp.blogspot.com/-ew1ys1HCFcM/Tk_YnpD4ZtI/AAAAAAAABVM/wpKqoCMUJqg/s1600/u-sup-brown.png

• ungu orange

http://2.bp.blogspot.com/-rBz_gBwRM0s/Tk_fmfOs0QI/AAAAAAAABV0/jNwG_ZAXaTI/s1600/u-sup-ungu-orange.png

Terakhir save dan lihat hasilnya ....
 
demikian lah cara merubah warna burung twitter terbang di blog, semoga bermanfaat,,

klo tetep gabisa silahkan nanya gua di kelas ....
hahahahahaahahahaaa ... 

Read More

Cara Mengubah Tampilan Cursor Pada Blog

Buat pembaca setia blog gua, kali ini kita akan bahas tentang cara mengubah tampilan cursor/tanda panah yg biasa digunakan sebagai penanda/tanda bergeraknya mouse di komputer kita, kalian bisa lihat blog punya gua, gua menggunakan tampilan cursor bergambar kelelawar, nah biasanya tampilan cursor diubah agar bisa terlihat lebih menarik, cozz nih langsung gue kasih tau caranya
Nih, Langkah-langkahnya:

• Kunjungi salah satu situs yg menyediakan tampilan cursor KLIK DISINI

• Disana sobat akan disugukan banyak contoh dari kursornya.
• Sobat dapat memilih berdasarkan kategori yang ada.

• Silakan sobat pilih salah satu gambar yang sobat ingin gunakan pada Blog sobat.

• Jika sobat telah menentukan kursor mana yang akan sobat gunakan, klik gambar tersebut untuk mendapatkan kode dari kursornya.
• Sekarang copy kode yang diberikan untuk kursor yang telah anda pilih. (Option #1 - Universal CSS/HTML Code)

• Nah sobat sekarang telah mendapatkan kodenya

• Untuk memasangnya di Blog sobat, Pilih Tata Letak >> Tambahkan Gadget >> HTML/Javascript.

• Paste konten dengan kode yang sebelumnya telah sobat copy.
• Jika sudah klik "Simpan".

Sekarang sobat akan menemukan perubahan yang terjadi pada cursor mouse yang ada Blog sobat.

Sekian tutorial dari gua mengenai cara mudah mengganti kursor blog dengan animasi, Semoga bermanfaat.

klo tetep gabisa silahkan nanya gua di kelass ...
hahahahahhahahahah 

Read More

Cara Memasang Widged Animasi Naruto Bergerak

 Udah lama gua gak ngepost nih, biasalah gua kan orang sibuk jadi banyak banget pekerjaan, sesibuk sibuknya gua pasti gua akan nyempetin berbagi tips untuk pembaca setia blog gua, ok kali ini gua akan ngepost tentang cara membuat efek gambar bergerak naruto di blog, kenapa harus naruto??ya karna gua sendiri seneng banget sma naruto.

Tanpa basa basi nih caranya sob :

• Login ke blog sobat
• Pilih menu tata letak
• Pilih Tambah Gadget (terserah yang dimana aja)
• Pilih Html/Java Script

• Lalu copy kode Html animasi yang sobat ingin pasang di blog. Kodenya ada di bawah, sobat bisa memilih sesuai keinginan sobat.
• Pastekan kode tadi di Html/java script tadi.
• Simpan, dan selesai

Catatan !! sobat bisa mengatur dimana sobat ingin meletakan animasi tersebuat sesuai keinginan. Caranya dengan mengedit tulisan yang berwarna merah pada script tersebut.

bottom (bawah), top (atas), left ( kiri), right (kanan),

Contoh : jika sobat ingin memasang di pojok kanan atas, berarti sobat harus mengubahnya menjadi top dan right. Mudah bukan ? selamat mencoba..

1.Jiraiya

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src=" http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/JiraiyaSummoned.gif" title="lihat lebih banyak animasi naruto bergerak". alt="kumpulan animasi naruto bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

2.Daidara

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://i1107.photobucket.com/albums/h385/bogel4/DeidaraBird.gif " title="lihat lebih banyak animasi naruto bergerak." /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

3.kisame

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src=" http://i446.photobucket.com/albums/qq182/kisot06/Akatsuki%20gif/KisameWater.gif" title="lihat lebih banyak animasi naruto bergerak." /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

4.Kiba

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/KibaAkamaru.gif " title="lihat lebih banyak animasi naruto bergerak". alt="kumpulan animasi naruto bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

5.Akatsuki

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://th244.photobucket.com/albums/gg10/spider-man155/th_Akatsuki.gif " title="Kumpulan animasi Naruto bergerak gif" alt="cara memasang naruto bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

6.Sakura

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Sakura2.gif " title="Kumpulan animasi Naruto bergerak gif" alt="cara memasang animasi naruto bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

7.Kakuzu

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343009.jpg " title="Kumpulan animasi Naruto bergerak gif" alt="cara memasang animasi naruto bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

8.Tobi

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://pic60.picturetrail.com/VOL1698/12134860/21581772/355351427.jpg " title="Kumpulan animasi Naruto bergerak gif" alt="cara pasang animasi naruto bergerak gif di blog" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

9.Hinata

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src=" http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/HinatavsNaruto.gif" title="
Kumpulan animasi Naruto bergerak gif" alt="cara pasang animasi naruto bergerak gif di blog"  /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

10.Temari

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Temari.gif " title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

11.Kankuro

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Kankuro.gif " title="Kumpulan animasi Naruto dan gara bergerak gif" alt="cara pasang animasi naruto bergerak gif di blog"  /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

12.Sasuke

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://th217.photobucket.com/albums/cc54/ivandra79/Naruto/th_SASUKE_GIF.gif" title="Kumpulan animasi sasuke bergerak gif" 
 alt="cara pasang animasi naruto dan sasukebergerak gif di blog"  /></a><small>
<center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

13.Itachi

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343243.jpg " title="Kumpulan animasi Naruto hitachi bergerak gif" alt="cara pasang animasi naruto dan hitachi bergerak gif di blog"  /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

14.Pain

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src=" http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343104.jpg" title="Kumpulan animasi Naruto bergerak gif" alt="cara pasang animasi naruto bergerak gif di blog"  /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

15.Kakuzu

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src=" http://i446.photobucket.com/albums/qq182/kisot06/Akatsuki%20gif/Kakuzu.gif" title="lihat lebih banyak animasi naruto bergerak" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

16.Gaara vs daidara

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/GaaraDeidara.gif " title="lihat lebih banyak animasi naruto bergerak." /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

17.Gaara

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src=" http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/GaaraSkill.gif" title="Kumpulan animasi gara bergerak gif" alt="cara pasang animasi gara bergerak gif di blog"  /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

18.Neji

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/NejiStrikes.gif " title="kumpulan animasi bergerak" alt="animasi beregerak naruto" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

 19.Rock lee

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Leecombo.gif " title="lihat lebih banyak animasi naruto bergerak." alt="animasi beregerak naruto"/></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

20.Zetsu

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343266.jpg " title="lihat lebih banyak animasi naruto bergerak."alt="animasi beregerak naruto" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

21.Sasori

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src=" http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343137.jpg" title="lihat lebih banyak animasi naruto bergerak." alt="animasi beregerak naruto"/></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

22.Kakashi

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Kakashi.gif " title="kumpulan cartoon bergerak." alt="animasi beregerak naruto"/></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

23.Sarutobi

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/3rdHokage.gif " title="klik kumpulan Widget Animasi naruto " alt="animasi beregerak naruto"/></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

24.Kisame

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src=" http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343066.jpg" title="lihat kumpulan Widget Animasi Naruto " alt="animasi beregerak naruto"/></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div> 

Kalo tetep gak bisa silahkan nanya gua di kelas ....

wkwkwkwkwkwkwkwk .....

Read More

Membuat Efek Bintang Jatuh Pada Cursor

Wah udah lama nih gua ngga ngepost kali ini gua akan bahas tentang cara membuat efek Bintang Jatuh pada cursor, bagi yang belum tau, ni gua kasih tau, efek bintang jatuh pada cursor itu adalah efek yang muncul ketika kita menggerakkan mouse/cursor, nah efek yang muncul adalah tanda + yang berjatuhan, contohnya coba sobat gerakan mouse yang sobat gunakan di blog saya, pasti nanti ada tanda + yang jatuh setelah mouse/cursor digerakkan.
 Tanpa basa basi langsung aja gua kasih tau caranya

Untuk membuat efek bintang berjatuhan pada blog sobat dapat memasangnya pada widget HTML/JavaScript blog sobat.

Login Ke Blogger. Pilih Menu Tata Letak.
Klik Add a Gadget / Tambah Gadget, Cari yang ada tulisan HTML/JavaScript.

 

 
Masukkan kode berikut ke dalam area konten.

<script src='http://wadah-tutorial.googlecode.com/files/red_star.js' type='text/javascript'/></script>

Warna bintang diatas berwarna merah. Sobat dapat menggantinya dengan warna lain. Caranya adalah mengganti tulisan berwarna putih diatas dengan warna kesukaan sobat.

Berikut beberapa contoh dengan warna lain :
<script src='http://wadah-tutorial.googlecode.com/files/blue_star.js' type='text/javascript'/></script> 
*Untuk Warna Hijau
 <script src='http://wadah-tutorial.googlecode.com/files/green_star.js' type='text/javascript'/></script> *Untuk Warna Biru

Terakhir klik Simpan / Save.

walaupun sedikit semoga tips ini bermanfaat .....
kalo tetep gabisa silahkan nanya gua di kelas ...
wokwokwokwokwokwokwokwok ....

Read More