Footer

Photobucket

Blog

Dapatkan Berbagai Tutorial Blog Di BLOG Pada Laman

Tips

Dapatkan Tips-Tips Seru Di TIPS Pada Laman

Menarik

-Dapatkan Berbagai Hal Menarik Di MENARIK Pada Laman-

Komputer

-Dapatkan Berbagai Tutorial Komputer Di KOMPUTER Pada Laman-

Info

-Dapatkan Berbagai Info Dunia Di INFO Pada Laman-

Showing posts with label Tutorial Blog. Show all posts
Showing posts with label Tutorial Blog. Show all posts

September 25, 2012

Cara Membuat Iklan 125x125

Hallo sobat, kali ini saya akan melanjutkan postingan tentang Bisnis Online. Yaitu Cara membuat kotak iklan (Banner Ads). Berbeda dengan Iklan Internet Murah Efektif Berkualitas Indonesia, pemasangan kotak iklan ini bermanfaat jika ada orang yang ingin memasang iklan di blog sobat. Si Advertiser itu akan mengklik iklan ini dan akan dialihkan ke halaman detail tentang pemasangan iklan di blog sobat. Oke deh, cara memasangnya sederhana kok sobat. Lihat di bawah:

1. Login pada blog sobat
2. Template
3. Edit HTML lalu Lanjutkan
4. Cari kode ]]></b:skin>
5. Pasang kode di bawah ini di atas kode ]]></b:skin>
#banner-ads  {
margin: 0px;
padding: 5px;
text-align: center;
}
#banner-ads  img {
margin: 0px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #c0c0c0;
}
#banner-ads  img:hover {
margin: 0px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #333;
}
6. Simpan Template

Selanjutnya, untuk pemasangan iklan ikuti langkah ini:
1. Masuk ke halaman Tata Letak
2. Tambah Gadget
3. HTML/Javascript
4. Pasang kode ini ( album dari blognya-reggy.blogspot.com )
<div id="banner-ads">

<a target="_blank" href="http:// fordenz.blogspot.com "><img
border="0" alt="ads" src="http://i1139.photobucket.com/albums/n555/andika50/bannerads-1.png"/></a>
<a target="_blank" href="http:// fordenz.blogspot.com "><img
border="0" alt="ads" src="http://i1139.photobucket.com/albums/n555/andika50/bannerads-1.png"/></a>
<a target="_blank" href="http:// fordenz.blogspot.com "><img
border="0" alt="ads" src="http://i1139.photobucket.com/albums/n555/andika50/bannerads-1.png"/></a>
<a target="_blank" href="http:// fordenz.blogspot.com "><img
border="0" alt="ads" src="http://i1139.photobucket.com/albums/n555/andika50/bannerads-1.png"/></a>

</div>
5. Simpan dan lihat hasilnya

Keterangan:
- Untuk kode yang berwarna Merah ganti dengan alamat iklan yang ditujur
Untuk kode yang berwarna Biru, bisa sobat ganti dengan gambar sobat sendiri
- Untuk penambahan iklan sobat hanya tinggal mengcopy kode:
<a target="_blank" href="http://fordenz.blogspot.com"><img
border="0" alt="ads" src="http://i1139.photobucket.com/albums/n555/andika50/bannerads-1.png"/></a>
Di atas </div>

Sampan disini dulu ya, Selamat Mencoba!!!

Link :
Cara Membuat Iklan 125x125

September 24, 2012

Cara Membuat Pesan Selamat Datang Pada Blog

Selain Penting untuk penyambutan pengunjung Blog kita,Terkadang pesan selamat datang ini sedikit membuat kaget dan membuat pengunjung bingung .soalnya ada pesan secara tiba-tiba. Ya udah buat kamu yang berniat memasang Pesan Selamat Datang Di Blog. kamu bisa mengikuti Tutorial Cara Buat Pesan Selamat Datang Di Blogberikut ini.

1.Login Ke Blogger.

2.Klik Tata Letak.

3.Klik Edit HTML.

4.Kemudian Cari Kode </head>.lalu Copy dan paste kode berikut di atasnya.

<SCRIPT language='JavaScript'>alert(" ISI KATA SELAMAT DATANG DISINI ");</SCRIPT>

contoh :

5.Silakan Ubah Kode "Selamat Datang Di FordenZ,Dapatkan Informasi yang Anda Perlukan Disini" itu dengan kata-kata untuk pesan selamat datang di blog kamu.

6.Kalo sudah silakan klik SAVE TEMPLATE.Dan coba buka kembali blog kamu dari ulang.

Link :
Cara Membuat Pesan Selamat Datang

September 23, 2012

Cara Membuat Judul Blog Ditengah

Caranya Mudah Banget Gan,Ga salah kalo Ini adalah cara Termudah ^^
Berikut Tutornya :

1.Buka Blog agan
2.Tekan template,Sesuaikan
3.Pilih Tingkat Lanjut (paling bawah) dan pilih CSS
Contoh:

4.Masukkan Kode INI :

.titlewrapper{
text-align: center;
}

.descriptionwrapper{
text-align: center;
}

Contoh:

6.Klik Simpan !
   Agan Agan Semua udah Liat  Judul Blog nya kan? --> Sudah di Tengah ^^ <--
   Salam FordenZ ~

Link:

Menambahkan URL pada Gambar

Hai Sobat FordenZ
Kali Ini Saya Akan Mengeshare Cara Menambah URL Pada Blog loooh
Pengen Tau Caranya ? Pastinya ya heheheh
Berikut adalah Langkah Langkahnya

1.Buka Blog Agan
2.Buka Tata Letak
3.Tambah Gadged,Pilih Gambar
4.Judul = Judul GAMBAR
   Ket. Gambar = Deskripsi Gambar
   Hubungan = Nah DISINI tambahkan URL agar jika Di Klik Gambarnya akan keluar Tempat URL yang
                       kita masukkan
5.Simpan

   Contoh Gambar :
6.Nah,Sekarang Adalah Hal yang terpenting dari Semua Cara ini yaitu SELESAI
Demikianlah Cara Untuk Menambahkan URL pada gambar
Salam FordenZ~

Link:

Cara Membuat Slide Show

Cara Membuat Slide Show Foto Di Blogger /Blogspot
Sebelum Langkah - Langkahnya,agan agan sekalian harus tahu apa itu SLIDE SHOW.Slide Show adalah Gambar Yang Bertukar Tukar Sesuai dengan Gambar yang agan agan Inginkan.Dan gambar gambar itupun Bisa diisi URL , Deskripsi , dan Judul.

Langkah-langkah Membuat Slide Show Foto Di Blogger /Blogspot

1.Login ke Blog agan
2.Masuk Tata Letak dan Pilih EDIT HTML
3.Abaikan Saja Peringatannya
5.Cari kode </head> 
   NB : Ketik CTRL+F agar lebih mudah mencari Kodenya
4.Selanjutnya taruh kode dibawah ini sebelum kode </head>

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

<script type='text/javascript'>
//<![CDATA[

$(document).ready(function() {

//Execute the slideShow, set 6 seconds for each images
slideShow(3000);

});

function slideShow(speed) {


//append a LI item to the UL list for displaying caption
$('ul.slideshow').append('<li id="slideshow-caption" class="caption"><div class="slideshow-caption-container"><h3></h3><p></p></div></li>');

//Set the opacity of all images to 0
$('ul.slideshow li').css({opacity: 0.0});

//Get the first image and display it (set it to full opacity)
$('ul.slideshow li:first').css({opacity: 1.0});

//Get the caption of the first image from REL attribute and display it
$('#slideshow-caption h3').html($('ul.slideshow a:first').find('img').attr('title'));
$('#slideshow-caption p').html($('ul.slideshow a:first').find('img').attr('alt'));

//Display the caption
$('#slideshow-caption').css({opacity: 0.7, bottom:0});

//Call the gallery function to run the slideshow
var timer = setInterval('gallery()',speed);

//pause the slideshow on mouse over
$('ul.slideshow').hover(
function () {
clearInterval(timer);
},
function () {
timer = setInterval('gallery()',speed);
}
);

}

function gallery() {


//if no IMGs have the show class, grab the first image
var current = ($('ul.slideshow li.show')? $('ul.slideshow li.show') : $('#ul.slideshow li:first'));

//Get next image, if it reached the end of the slideshow, rotate it back to the first image
var next = ((current.next().length) ? ((current.next().attr('id') == 'slideshow-caption')? $('ul.slideshow li:first') :current.next()) : $('ul.slideshow li:first'));

//Get next image caption
var title = next.find('img').attr('title');
var desc = next.find('img').attr('alt');

//Set the fade in effect for the next image, show class has higher z-index
next.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 1000);

//Hide the caption first, and then set and display the caption
$('#slideshow-caption').animate({bottom:-70}, 300, function () {
//Display the content
$('#slideshow-caption h3').html(title);
$('#slideshow-caption p').html(desc);
$('#slideshow-caption').animate({bottom:0}, 500);
});

//Hide the current image
current.animate({opacity: 0.0}, 1000).removeClass('show');

}

//]]>
</script>

<style type="text/css">
ul.slideshow {
list-style:none;
width:600px;
height:240px;
overflow:hidden;
position:relative;
margin:0;
padding:0;
font-family:Arial,Helvetica,Trebuchet MS,Verdana;
;
}
ul.slideshow li {
position:absolute;
left:0;
right:0;
}
ul.slideshow li.show {
z-index:500;
}
ul img {
width:600px;
height:240px;
border:none;
}
#slideshow-caption {
width:600px;
height:70px;
position:absolute;
bottom:0;
left:0;
color:#fff;
background:#000;
z-index:500;
}
#slideshow-caption .slideshow-caption-container {
padding:5px 10px;
z-index:1000;
}
#slideshow-caption h3 {
margin:0;
padding:0;
font-size:16px;
}
#slideshow-caption p {
margin:5px 0 0 0;
padding:0;
}
</style>

5.Save/simpan.Selanjutnya sobat kembali kehalaman Tata Letak lalu klikTambah Gadget   kemudian pilih HTML/JavaScript dan masukkan kode dibawah ini:

<ul class="slideshow">

<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbFtSgKVuz0Z3QC6kVrWoyBpmHcsmD1vFyODBdZWga2EDCCQxvFDHgPqVPGlrsGAmf1n2hPrKHhCQ7Zb0FQvwvVFWu0nZwj2uKjwAhacWl3XSGd36WgmXWqtdvwtXpuYwUlINbe_nqbD0/s1600/1.jpg" title="This is featured post 1 title" alt="Replace This Text With Your Featured Post 1 Description." /></a></li>

<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWcNaTdTNxvlAO3qJDUXUDYmSLs4sH2oaFiyxqW6kdQvZzT5RjkRFizyk8SP1e2BNwFey0CKGIQugBz8U5F3bKNKTmRIbPHykcmxxCgKzkJ8gHincfKNnBhD7fVBWbYYSVSCjTeSAR8JI/s1600/2.jpg" title="This is featured post 2 title" alt="Replace This Text With Your Featured Post 2 Description." /></a></li>

<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-iHZ_ZXrwPhDBuW0bPbkPgFC_k2ZZ7_UUn-DGD9j48l5V4UHnDjEQKf-qwCOmdGmaSoVVXzUZH0TQ5o4x0kIl-aRmDmkXjD21tFc9ZTpb7LNcaRNv9oCtQvpyplu9ZN0qHvcMHyf2CPQ/s1600/3.jpg" title="This is featured post 3 title" alt="Replace This Text With Your Featured Post 3 Description." /></a></li>

<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib2b6LENoZMzAfcjdevk5wF1ylrlJyLcVmjrTVltjfBruPkkHt0fdV8HhoKAnfOaN5P7B8_M9KYIgxdhdDAZMtQ2qRBejpigd-LhUrQVtHT3uOw684xCpBG4He-I7F0zj_vQN10eaGHWQ/s1600/4.jpg" title="This is featured post 4 title" alt="Replace This Text With Your Featured Post 4 Description." /></a></li>

</ul>

6.Simpan dan lihat hasilnya Slide Show Foto Di Blogger /Blogspot.
Ket:Untuk kode yang diberi warna MERAH ganti dengan URL/link gambar sobat dan warna BIRU untuk judul dan deskripsi gambar agar bisa di indeks oleh mesin pencari Google dll. 

Sebenarnya Ada banyak Cara untuk Membuat Slide Show,Seperti Flickr,Photobucket,dll.Tapi menurut Saya Ini adalah Cara yang paling Praktis untuk Membuat Slide Show
Sekian Dari saya.Semoga bermanfaat ^^
Salam FordenZ ~

Link :
Cara Membuat Slide Show

Cara Mendisable Klik Kanan & CTRL+U pada Keyboard


Cara Mendisable Klik Kanan & CTRL+U pada Keyboard

Cara/setting untuk mematikan/menon-aktifkan klik kanan dan block/select isi blog dan penekanan select Ctrl-A bisa pake script yang belibet, maupun memanfaatkan fungsi-fungsi html itu sendiri yang sangat simpel.

Fungsi-fungsi ini berguna jika si empunya blog tidak menginginkan blognya dikopi paste secara gampangan tanpa minta ijin, alias tulisan postingan kita tidak mudah dikopi paste. Walaupun dengan usaha/cara trik-trik lain bisa membuka/memblok/mengkopi-paste isi blog juga. Tapi cara dibawah, lumayanlah bisa mengurangi tindakan korupsi eeeh... kopi-paste. Penjelasan Fungsi html yang dipakai :

oncontextmenu='return false;'
adalah untuk mematikan menu klik kanan
onkeydown='return false;'
adalah untuk mematikan tombol/keyboard Ctrl-A, Ctrl-U (page source) dan tombol keyboard lainnya eeeh... kalo ngelihat page source dari menu masih kok. Cara melihat page source pada web/blog yang mematikan fungsi klik kanan mouse, klik kiri mouse dan penekanan keyboard (Ctrl+A, Ctrl+U) adalah : jika pakai firefox, buka menu View, lalu pilih Page Source (Ctrl+U). Hasilnya adalah tulisan postingan dalam 1 baris panjaaaaang. Cari aja postingannya ndiri...
onmousedown='return false;'
adalah untuk mematikan klik select mouse
'return false'
adalah untuk mematikan fungsi yang diinginkan

Cara men-disable klik kanan dan CTRL+U pada keyboard

Masuk ke edit html
Cari <body>
Gantikan kode tersebut dengan kode dibawah INI

<body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'>

Yang Terpenting Adalah Pada Tahap Ini Yaitu
Selesai ^^

Salam FordenZ


Link : Mematikan Fungsi COPAST

September 20, 2012

Cara Membuat Read More Pada Blog


Cara Membuat Read More di Blogspot

Menampilkan Read More di BlogggerCara membuat read more di Blogspot atau bloggersangat mudah, hanya dengan manupulasi CSSdisplay:none yaitu meng-hiden teks yang tidak ingin ditampilkan di home, archive dan halaman label. Sebenarnya teknik ini bisa digunakan untuk menerapkan salah satuteknik Black Hat SEO di blogspot, untuk teknik SEO haram ini tidak akan saya bahas disini, yang berminat silakan explore dan dicoba sendiri.
Berikut ini langkah-langkah untuk membuat read more blogger
  • Silakan login ke blogger.com, klik link Layout (Tata Letak) kemudian klik link Edit HTML
  • Aktifkan list Expand Template Widget, agar source script template blogger na terlihat secara keseluruhan.
  • Tepat di atas atau sebelum tag </head> masukkan kode berikut seperti ini:
    <style>
    <b:if cond='data:blog.pageType == "item"'>
    span.hidenpost {display:inline;}
    div.hidenpost {display:inline;}
    <b:else/>
    span.hidenpost {display:none;}
    div.hidenpost {display:none;}
    </b:if>
    </style>
  • Cari <data:post.body/> dan tambahkan kode berikut tepat dibawahnya:
    <b:if cond='data:blog.pageType != "item"'>
    <a expr:href='data:post.url'> Baca selengkapnya <data:blog.pageTitle/></a>
    </b:if>
  • Selesai. Sekarang setiap posting letakkan
    <span class="hidenpost"> sisa postingan yang akan dihiden, akhiri dengan </span> (ketika memasukkan <span class="hidenpost"> dan </span> posting harus dalam mode Edit HTMLbukan Compose ) pastikan juga diantara <span class="hidenpost"> dan </span> tidak boleh ada <span> jika tidak bisa dihindarkan gunakan <div class="hidenpost"> dan </div>demikian juga sebaliknya


Link:
Cara Membuat Read More pada Blog

September 14, 2012

Animasi Mengikuti Mouse



  Cara pasang animasi yang mengkuti mouse pada blog, mungkin bagi sebagian blogger sudah pada tahu deh kayanya . atau mungkin belum tahu cara memasangnya .. sebenarnya mudah kok memasang animasi bergerak pada widget blog dan ketika mouse di arahkan ke animasi tersebut .. lalu animasi tersebut mengikuti gerak dari mouse tersebut .. gmnaa keren nggak ..coba lihat contohnya nih :

                                          
Catatan !!!
Coba anda arahkan mouse pada animasi atau bisa di sebut juga widget animasi tersebut ..!!
bagaimana . laba-laba nya ngikutin kan .. kalo engga ngikutin bererti ada yang salah dengan mata anda .. heheh.PISS .

   Basa-basi !!!
untuk anda yang memang suka dengan animasi mengikuti arah mouse tersebut sebenarnya anda dapat langsung memasangnya pada widget blog anda , pada kesempatan kali ini aldi akan menjelaskan kepada anda cara memasang animasi mengikuti mouse tersebut khusus di blogger ,.. namun tenang jika anda bukan pengguna blogger atau anda pengguna hosting blog lain seperti wordpress anda juga bisa kok memasang animasi beregerak mengikuti mouse tersebut . animasi-animasi beregerak mengikuti mouse tersebut memanglah sangat cocok untuk anda yang gemar menghias blog dengan berbagai atribut .. apa lagi yang satu ini beda kan !!! .. sebelumnya saya ingin katakan kepada anda bahwa animsi bergerak mengikuti arah mouse ini ada banyak modelnya juga . jadi bukan hanya laba-laba mengikuti arah mouse .ada juga animasi hamster yang bisa di beri umpan dan hamster tersebut akan mengikuti umpan tersebut dan akan memakan umpan yang telah anda beri sebelemnya .. enggak percaya ??? lihat nih

                                     
Catatan !!!
 Coba kalian arahkan mouse dan klik pada animasi hamster tersebut ..!!!
bagaimana hamster nya engga kelaperan lagikan .. kasih makan lagi ntuh hamsternya .. ntar mati kelaperan lagi ...heheh ..


Bukan Basa basi !!!
  Untuk yang satu ini jangan kalian kira basa-basi yee .. kali ini engga usah pake panjang lebar atau panjang apapun .. langsung aja lihat nih cara-cara pemasangan animasi bergerak mengikuti arah mouse pada blog di blogger dan di wordpress..
  • masuk atau login ke blog kalian
  • klik Rancangan / Design kemudian klik Elemen laman / page Elements
  • Lalu klik tambah gadget / add gadget , setelah di klik akan muncul banyak pilihan ..
  • pilih HTML/JAVA SCRIPT
  • lalu copy pastekan script-script berikut  ini ( sebaiknya jangan di beri judul )

untuk anda yang suka memilih milih  .. sekarang anda pilih nih .. animasi beregerak mengikuti mouse di bawah ini ..: 
langsung copas aja gann !!!


                                 
dan ini code script widget animasi hamster yang bergerak mengikuti arah mouse untuk blogger dan wordpress .. silakan copas :

untuk blogger



<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara hamster kaya gini"></a><object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf?" width="300" height="225"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param></object><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara hamster kaya gini"></a>




untuk wordpress



<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara hamster kaya gini"></a>[gigya width="300" height="225" quality="high" src="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf?" ]<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara hamster kaya gini"></a>

Untuk cara pemasangan animasi bergerak hamster mengikuti arah mouse silakan ikuti cara pemasangan seperti di atas ( untuk blogger ) .. kalo untuk wordpress mohon maaf belum ada masukan. soalnya belom pernah coba bikin blog di wordpress si .. hehe





Beda hamster beda juga laba-laba 



 

dan ini code script widget animasi laba-laba yang bergerak mengikuti arah mouse untuk blogger dan wordpress .. silakan copas :


untuk blogger



<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara laba-laba kaya gini"></a><object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/spider.swf?" width="300" height="200"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/spider.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara laba-laba kaya gini"></a>




untuk wordpress



<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara laba-laba kaya gini"></a>[gigya width="300" height="200" quality="high" src="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/spider.swf?"  scale="noscale"  salign="tl" ]<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara laba-laba kaya gini"></a>






Nah kalo yang ini lebih asik lagi nih gan !!
kita di ibaratkan melihara anjing hidup di blog .. yang bisa anda beri makan anda latih anda dan ada kamera untuk anda mengawasi pula .. 





catatan !!
coba anda mainkan fasilitas-fasilitas yang terdapat pada kotak di atas ..!!!
bagaimana ??? kerenkan .. kaya melihara anjing di blog .  

dan ini code script widget animasi anjing yang bergerak mengikuti arah mouse dan bagaikan pelihara anjing di blog untuk blogger dan wordpress .. silakan copas :



untuk blogger



<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara anjing kaya gini"></a><object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/102399522366632716596/dog.swf?" width="300" height="225"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/102399522366632716596/dog.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="bgcolor" value="FFFFFF"/></object><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara anjing kaya gini"></a>




untuk wordpress



<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara anjing kaya gini"></a>[gigya width="300" height="225" quality="high" src="http://hosting.gmodules.com/ig/gadgets/file/102399522366632716596/dog.swf?"  bgcolor="FFFFFF" ]<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara anjing kaya gini"></a>





Animasi pinguin mengikuti arah mouse

                                              

dan ini code script widget animasi pinguin yang bergerak mengikuti arah mouse dan bagaikan pelihara pinguin di blog untuk blogger dan wordpress .. silakan copas :

untuk blogger



<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara pinguin mengikuti mouse kaya gini"></a><object type="application/x-shockwave-flash" style="outline:none;" data="http://penguinsgadget.googlecode.com/svn/trunk/penguins.swf?" width="300" height="200"><param name="movie" value="http://penguinsgadget.googlecode.com/svn/trunk/penguins.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara pinguin mengikuti mouse kaya gini"></a>




untuk wordpress



<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara pinguin mengikuti mouse kaya gini"></a>[gigya width="300" height="200" quality="high" src="http://penguinsgadget.googlecode.com/svn/trunk/penguins.swf?"  scale="noscale"  salign="tl" ]<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara pinguin mengikuti mouse kaya gini"></a>






                                            

untuk blogger



<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau bola aneh kaya gini"></a><object type="application/x-shockwave-flash" style="outline:none;" data="http://ballclockgadget.googlecode.com/svn/trunk/ballClock.swf?" width="300" height="220"><param name="movie" value="http://ballclockgadget.googlecode.com/svn/trunk/ballClock.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param></object><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau bola aneh kaya gini"></a>




untuk wordpress



<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara bola aneh mengikuti mouse kaya gini"></a>[gigya width="300" height="220" quality="high" src="http://ballclockgadget.googlecode.com/svn/trunk/ballClock.swf?" ]<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau bola aneh kaya gini"></a>






                                             

untuk blogger



<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara paus mengikuti mouse kaya gini"></a><object type="application/x-shockwave-flash" style="outline:none;" data="http://stingraygadget.googlecode.com/svn/trunk/stingray.swf?" width="300" height="200"><param name="movie" value="http://stingraygadget.googlecode.com/svn/trunk/stingray.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara paus mengikuti mouse kaya gini"></a>


Untuk wordpress enggak ada !!!




                                         

untuk blogger



<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau punya bola mengikuti mouse kaya gini"></a><object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/newtonsCradle.swf?" width="300" height="225"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/newtonsCradle.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param></object><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau punya bola mengikuti mouse kaya gini"></a>




untuk wordpress



<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau punya bola mengikuti mouse kaya gini"></a>[gigya width="300" height="225" quality="high" src="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/newtonsCradle.swf?" ]<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau punya bola mengikuti mouse kaya gini"></a>







                                         
untuk blogger



<a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara kura-kura mengikuti mouse kaya gini"></a><object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/turtle.swf?" width="300" height="200"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/turtle.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object><a href="http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank" title="mau pelihara pinguin mengikuti mouse kaya gini"></a>




untuk wordpress nggak ada !!!

Link : Animasi Mengikuti Mouse

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More