Membuat Link Bergoyang Saat Disorot Mouse

1. Buka www.blogger.com dan Log in
2. Masuk Dasbor buka Rancangan
3. Klik Tambah Gadget pada Tata Letak
4. Pilih HTML/Java Script
5. Masukkan Kode ini

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script><script type='text/javascript'> $(document).ready(function()  { $('a').hover(function() { $(this).animate({ marginLeft:  '10px' }, 400); }, function() { $(this).animate({ marginLeft: 0 }, 400); }); });</script>

6. Save!

Tips Mempercepat Download IDM

Cara menjalankan IDM Optimizer:
1. Pastikan IDM sudah dirunning.
2. Jalankan IDMOptimizer.exe maka akan muncul 2 pilihan button.
>Maximize Now! (memaksimalkan kecepatan download IDM)
>Restore Default (mengembalikan setting IDM kepada keadaan standar)
3.Pilih Maximize Now! Maka akan muncul perintah untuk merestart IDM, klik OK lalu keluar dari IDM Optimizer dan matikan program IDM
4. Ketika IDM dijalankan kembali dan berjalan di systemtray maka kecepatan download Anda akan berubah kearah maksimal dengan sendirinya

meningkatkan kecepatan download idm

Bagi yang ingin men-download software idm optimizer bisa menuju link di bawah ini:

di sini

Membuat Artikel Terkait Dengan Gambar di Blogger

1. Masuk ke akun blogger sobat
2. Klik design kemudian edit HTML
3. Centang kotak kecil di kanan atas Expand Widget Templates
4. Untuk menghindari kesalahan sebaiknya download full template dulu
5. Setelah itu letakkan kode berikut di atas </head>

<!--Related Posts with thumbnails Scripts and Styles Start-->

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<style type="text/css">

#related-posts {

float:center;

text-transform:none;

height:100%;

min-height:100%;

padding-top:5px;

padding-left:5px;

}



#related-posts h2{

font-size: 1.6em;

font-weight: bold;

color: black;

font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;

margin-bottom: 0.75em;

margin-top: 0em;

padding-top: 0em;

}

#related-posts a{

color:black;

}

#related-posts a:hover{

color:black;

}



#related-posts a:hover {

background-color:#d4eaf2;

}

</style>

<script src='http://belajarblogging.googlecode.com/files/releatedimage.js' type='text/javascript'/>

</b:if>

<!--Related Posts with thumbnails Scripts and Styles End-->

Kalau sudah, cari kode berikut

<div class='post-footer-line post-footer-line-1'>

Dan letakkan kode di bawah ini di BAWAH kode di atas

<!-- Related Posts with Thumbnails Code Start-->

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div id='related-posts'>

<b:loop values='data:post.labels' var='label'>

<b:if cond='data:label.isLast != &quot;true&quot;'>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href=' http://www.kutulis.com/2012/04/cara-membuat-artikel-terkait-dengan.html ' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger widgets</a>

<script type='text/javascript'>

var currentposturl=&quot;<data:post.url/>&quot;;

var maxresults=5;

var relatedpoststitle="Artikel Terkait";

removeRelatedDuplicates_thumbs();

printRelatedLabels_thumbs();

</script>

</div><div style='clear:both'/>

</b:if>

<!-- Related Posts with Thumbnails Code End-->

Simpan dan lihat hasilnya.

Membuat Burung Twitter Terbang di Blogger

Beberapa waktu yang lalu Tim Java Creativity memperoleh beberapa email dari para pengunjung yang berisi sebuah saran agar Java Creativity memposting artikel yang membahas tentang Blog atau website. Ehhhmmm….saran yang sangat bagus sekali, lagipula agar isi blog ini tidak hanya terfokus pada software saja.

Nah, kali ini kami akan memposting Trik sederhana untuk Blogger yaitu membuat Burung Animasi Twitter yang melayang kesana-kemari, tidak hanya bisa melayang-layang saja lhooo tetapi Burung Cucak Rowo ini eeehhhh salah Burung Twitter maksud kami ^_^ juga akan sangat bermanfaat untuk menarik pengunjung blog sekaligus mencari Follower pada Akun Twitter anda. Nggak percaya?? Berikut ini akan kami uraikan secara detail.

Ada banyak sekali cara untuk mempopulerkan sebuah isi blog. Salah satunya adalah dengan menggunakan situs jejaring sosial. Salah satu jejaring sosial yang cukup terkenal adalah twitter. Dengan mengandalkan trafik dari twitter maka anda bisa menghasilkan trafik yang lumayan juga pada blog. Hanya sayangnya kadang kita terkendala dengan cara mempromosikan isi artikel dari blog kita. Salah satu metode yang banyak dipakai oleh kalangan blogger adalah dengan membuat animasi burung terbang dalam blog. Jadi burung terbang itu akan terbang kesana kemari mengukuti pergerakan halaman. Jika nanti burung tersebut diklik, maka artikel tersebut bisa langsung ter-share ke twitter.

Lalu bagaimana sih cara pembuatannya? Berikut ini tutorialnya :

• 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/AVvXsEgKOKqpRnE_c_eePsahXg1QBejpAQDCidmCG2g8JZISKWVqBov4Mbb5Y9DPRfq3YHFGkPyMsvhPPFT13irKKxsq-OSxZkyeW6lfTxa2Cph-DmQc-uV3kUvbf2zu_ZqaRldErXQB5WadiNg6/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/AVvXsEgKOKqpRnE_c_eePsahXg1QBejpAQDCidmCG2g8JZISKWVqBov4Mbb5Y9DPRfq3YHFGkPyMsvhPPFT13irKKxsq-OSxZkyeW6lfTxa2Cph-DmQc-uV3kUvbf2zu_ZqaRldErXQB5WadiNg6/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/AVvXsEiHaxNQDJF3DaQvyvhI4PtFGlcAV3APymnX1wBV32voldbIaNp95BnvUDjQ1FvH7_0nQWSAqldC1zwNx7lQa7L3B3fMkP-a5r7YzR1_hhdV0t1HpJVMOmFE5f5mWvcp5qFSvRUNHByZESF1/s1600/purple.png


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

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFbPv86IpYSeDPMi7ZWCEsEpu7MoWlXlps-jfdY0rDbEr_zwqhXDnH2m_794zoqzqHXtqmkkN_8aVFblq57fODSiOMhAYYAGIfCkoL-v2l1nmRffGIO4gfXADN0BAz1RLZ0Yz5khUivt1C/s1600/green.png


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

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvc1wAR1kru3fECl0zntaPczMPu4dTzDUm-4UMO8MXSGTdJfd305fPsLH3ISSeIeLLrupeWq0XcHuYMlDBd9m6nJTXVXPozlG9HiBiZXFRIhFvhPMMxQft7lxNYnaRU2W9B-9tQSRXFb7V/s1600/blue.png


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

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM8M7zDU4fxh3bNzI4PAm-f0-W3v3egcCqLA1Q90mpz2Ps8bU2IzN-CZzb3qSOd8ZCLO2k1D8nQ30c38Ua4kgV0pfe_1sH9B76HiRtvyesxO_ekMNjZ005WFoO9Jqyizj7gcOyzz92OGap/s1600/pink.png

Membuat Animasi Twitter Flash di Blogger

Cara memasang Widget Flash Animated Follow Me Twitter Bird:

1. Masuk ke dashboard > Design/Rancangan > Add/tambah gadget > Pilih HTML/Javascript.

2. Copy salah satu script di atas. Ganti azmisurvivor dengan nama account twitter-mu.

3. Paste ke dalam kotak HTML/Javascript dan save. Posisikan (drag and drop) gadget ke posisi yang diinginkan lalu save lagi.

4. Done!

 

Ada tiga jenis widget animated twitter bird yang bisa dipake, pilih salah satu, salah tiga juga boleh lah. Nih contohnya:

Scriptnya:

<object data="http://www.buzzbuttons.com/BUTTON6/twitbutton.swf" height="80" type="application/x-shockwave-flash" width="180"><param name="movie"

value="http://www.buzzbuttons.com/BUTTON6/twitbutton.swf" />
<param name="allowscriptaccess" value="always"/><param name="menu" value="false"/><param name="wmode" value="transparent"/>

<param name="flashvars" value="username=azmisurvivor"/><a href="http://www.gamblinginsider.ca" title="gambling">gambling</a><embed src="http://www.buzzbuttons.com/BUTTON6/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="180" height="80" menu="false" wmode="transparent" flashvars="username=azmisurvivor"></embed></object>

Scriptnya:

<object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON3/twitbutton.swf" width="100" height="100"><param name="movie" value="http://www.buzzbuttons.com/BUTTON3/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=azmisurvivor"></param><a href="http://www.gamblinginsider.ca" title="online gambling insider.ca">online gambling insider.ca</a><embed src="http://www.buzzbuttons.com/BUTTON3/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="100" height="100" menu="false" wmode="transparent" flashvars="username= azmisurvivor"></embed></object>

Scriptnya:

<object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON8/twitbutton.swf" width="200" height="200"><param name="movie" value="http://www.buzzbuttons.com/BUTTON8/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=azmisurvivor"></param><a href="http://www.dreambingo.co.uk/" title="http://www.dreambingo.co.uk/">http://www.dreambingo.co.uk/</a><embed src="http://www.buzzbuttons.com/BUTTON8/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="200" height="200" menu="false" wmode="transparent" flashvars="username=azmisurvivor"></embed></object>