Cara Menambahkan Widget Keren di Blog Part 1

Sekarang saya akan memposting tentang blog.
langsung mulai!

Kelelawar

<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('dfcab698-79a0-40a6-915c-1952eb162878');</script>
<noscript>Get the <a href="http://www.widgetbox.com/widget/bunnyhero-labs-pet">cyber-pet</a> widget and many other <a href="http://www.widgetbox.com/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>! Not seeing a widget? (<a href="http://support.widgetbox.com/">More info</a>)</noscript>

Kelinci

<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('8e0933d2-34e7-4b7c-8d33-d0049ac6fec7');</script>
<noscript>Get the <a href="http://www.widgetbox.com/widget/bunnyhero-labs-pet">cyber-pet</a> widget and many other <a href="http://www.widgetbox.com/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>! Not seeing a widget? (<a href="http://support.widgetbox.com/">More info</a>)</noscript>

Bebek

<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('7027fb6e-3e93-48db-a309-ed58a1d426c8');</script>
<noscript>Get the <a href="http://www.widgetbox.com/widget/bunnyhero-labs-pet">cyber-pet</a> widget and many other <a href="http://www.widgetbox.com/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>! Not seeing a widget? (<a href="http://support.widgetbox.com/">More info</a>)</noscript>

Ikan

<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('69b2fb7e-b239-44f2-87c0-79d47a1215bf');</script>
<noscript>Get the <a href="http://www.widgetbox.com/widget/bunnyhero-labs-pet">cyber-pet</a> widget and many other <a href="http://www.widgetbox.com/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>! Not seeing a widget? (<a href="http://support.widgetbox.com/">More info</a>)</noscript>

Hamster

<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('812bb8a8-9f43-463b-b08c-213f114d12fc');</script>
<noscript>Get the <a href="http://www.widgetbox.com/widget/bunnyhero-labs-pet">cyber-pet</a> widget and many other <a href="http://www.widgetbox.com/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>! Not seeing a widget? (<a href="http://support.widgetbox.com/">More info</a>)</noscript>

Landak

<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('6ac8ad7a-ecb7-4339-b53f-0ad2404c70e2');</script>
<noscript>Get the <a href="http://www.widgetbox.com/widget/bunnyhero-labs-pet">cyber-pet</a> widget and many other <a href="http://www.widgetbox.com/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>! Not seeing a widget? (<a href="http://support.widgetbox.com/">More info</a>)</noscript>

Kucing Kecil

<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('24842df0-a995-4388-93fd-b5769f62a034');</script>
<noscript>Get the <a href="http://www.widgetbox.com/widget/bunnyhero-labs-pet">cyber-pet</a> widget and many other <a href="http://www.widgetbox.com/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>! Not seeing a widget? (<a href="http://support.widgetbox.com/">More info</a>)</noscript>

Llama

<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('b1011ecd-22f8-4804-8e5c-7dc8a9d56b1c');</script>
<noscript>Get the <a href="http://www.widgetbox.com/widget/bunnyhero-labs-pet">cyber-pet</a> widget and many other <a href="http://www.widgetbox.com/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>! Not seeing a widget? (<a href="http://support.widgetbox.com/">More info</a>)</noscript>

Sebenarnya masih banyak lagi disini
Terimakasih atas kunjungannya dan please follow, hehehe

Cara Membuat Chatting Buka Tutup Di Blog

Sekarang saya akan memposting artikel tentang blog.
Yang sekarang kita bahas adalah cara membuat surat tamu atau chatting.

Hasilnya Seperti ini

1. pertama-tama, kita harus membuka website cbox disini.

2. setelah itu login atau daftar.

3. setelah itu, dapatkan kode chattingnya.

4. buka dasbor, tata letak, dan tambahkan gadget.

5. setelah itu muncul windows baru. klik HTML/javascript.

6. copy kode dibawah ini:

<style type="text/css">
#gb{
position:fixed;
top:20px;
z-index:+1000;
}* html #gb{position:relative;}

.gbtab{
height:150px;
width:50px;
float:left;
background:url('http://i1108.photobucket.com/albums/h405/christian410/ghtrf.png') no-repeat;
}

.gbcontent {
float:left;
border:1px solid #000000;
-moz-border-radius-bottomleft:5px;
-webkit-border-radius-bottomleft:5px;
-o-border-radius-bottomleft:5px;
-khtml-border-radius-bottomleft:5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
background: #F2F2F2; url() no-repeat bottom;
padding:10px;
}

</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);
gb.opened = !gb.opened;
}function moveGB(x0, xf){

var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 25 ? 25 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 5);}
}</script>

<div id="gb">
<div class="gbtab" onmouseover="showHideGB()">
 </div>
<div class="gbcontent">
<center>
Letakkan Kode Chatting Disini
<br />
<div style="text-align:center">
<span style="float:right; color:#000000;">Daptkan<a target="_blank" href="http://azmi-muhammad.blogspot.com/2013/04/cara-membuat-chatting-buka-tutup-di-blog.html"> Widget Ini! </a></span>
</div>
</center>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script>

</div>

7. setelah itu paste kode di HTML/javascript.

Catatan: di kode cbox ada tulisan berwarna merah atau Letakkan Kode Cbox Disini. ganti tulisan itu dengan kode Chatting sobat. 

Simpan dan lihat Hasilnya!

Cara Membuat Mobil di Google Sketchup

Sekarang saya akan mengeshare tentang tutorial sketchup.
Pertama-tama kita harus membuka blueprintsnya dulu Disini.
setelah itu, pilih gambar mobil yang akan dibuat.
gambar yang akan diupload seperti gambar dibawah ini.
save gambar blueprints di folder.
 buka google sketchup, file, import, dan klik gambar yang sudah di save tadi.

Cara Membuat Alert Ketika Ada Pengunjung Datang ke Blog Kita

akhirnya, utak-atik saya tentang blog berhasil berhasil setelah susah menemui rintangan yang berat.
sekarang, ayo kita mulai.


1. buka dasbor blog.
2. buka tata letak dan tambah gadget.
3. buka html/javascript.
4. copy kode dibawah.

<script type='text/javascript'>
var name = prompt('Boleh Tahu Nama Sobat?','Nama Sobat');
alert('Selamat Datang Di Blog Saya!, '+name)</script>

5. paste kode dan selesai!

Note: tulisan berwarna merah bisa diganti sesuai dengan keinginan sobat

Cara Membuat Widget Club di Blog

Caranya :
1. Buka Tata Letak
2. Tambah Gadget
3. Copy Link

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://bukanakgo.blogspot.com/2012/09/animasi-pojok-blog-part-iv-animasi-klub.html" target="_blank"><img border="0" src="
http://animationsa2z.com/attachments/Image/spongebob/spongebob10.gif" title="lihat lebih banyak animasi klub bergerak". alt="lihat lebih banyak animasi klub bergerak" /></a><small><center><a href="http://bukanakgo.blogspot.com/2012/09/animasi-pojok-blog-part-iv-animasi-klub.html" target="_blank" title="Cara Memasang Widget Animasi Klub di Pojok Blog">Animasi Klub Bola</a></center></small></div>

Link berwarna merah tersebut kamu ganti dengan URL di bawah ini

NP:
- Link berwarna biru bisa kamu ubah
Bottom = Bawah
Top = Atas
Left = Kiri
Right = Kanan

Silahkan pilih animasinya :

1. Manchester United Logo Flip
http://th1223.photobucket.com/albums/dd515/myieshamiya/th_manchesterUnit.gif


2. Manchester United Heart
http://th1000.photobucket.com/albums/af129/SuNeZ01/BeatingHearts/th_manchesterunitedheart.gif

3. Chelsea Grin



http://www.deviantart.com/download/195156394/chelsea_grin_gif_by_xxnattypatattyxx-d386vmy.gif


4. Manchester United Flag
http://th1000.photobucket.com/albums/af129/SuNeZ01/animatedflags/th_manchesterflagsmall.gif


5. Manchester United Logo Flip

http://th1000.photobucket.com/albums/af129/SuNeZ01/3dlogo/th_mu.gif


6. Real Madrid Hala



http://px6.streetfire.net/0001/87/65/1457856_100.gif


7. Real Madrid Spin



http://www.gifmania.co.uk/association-football/real_madrid/Real_anime.gif


8. Chelsea Heart

http://th1000.photobucket.com/albums/af129/SuNeZ01/BeatingHearts/th_chelseaheart.gif

9. Chelsea Flag

http://th1000.photobucket.com/albums/af129/SuNeZ01/animatedflags/th_chelseasmallflag.gif


10. Chelsea Logo Flip

http://th1000.photobucket.com/albums/af129/SuNeZ01/3dlogo/th_chelsea.gif

11. Barcelona Heart

http://th1000.photobucket.com/albums/af129/SuNeZ01/BeatingHearts/th_barcelonaheart.gif

12. Intermilan Heart

http://i1000.photobucket.com/albums/af129/SuNeZ01/BeatingHearts/interheart.gif

13. Real Madrid Heart

http://i1000.photobucket.com/albums/af129/SuNeZ01/BeatingHearts/realheart.gif

14. Real Madrid Flag

http://i1000.photobucket.com/albums/af129/SuNeZ01/animatedflags/th_realmadridflagsmall.gif

15. Inter Milan Flag

http://i1000.photobucket.com/albums/af129/SuNeZ01/animatedflags/th_intersmall.gif

16. Intermilan Logo Flip

http://i1000.photobucket.com/albums/af129/SuNeZ01/3dlogo/th_intermilan.gif

17. Bayern Munchen Logo Flip

http://i1000.photobucket.com/albums/af129/SuNeZ01/3dlogo/th_BayernMnchen.gif

18. Barcelona Logo

http://i1000.photobucket.com/albums/af129/SuNeZ01/3dlogo/th_fcb.gif

19. Real Madrid Logo

http://i1000.photobucket.com/albums/af129/SuNeZ01/3dlogo/th_real.gif

20. Arsenal Logo

http://i1000.photobucket.com/albums/af129/SuNeZ01/3dlogo/th_arsenal.gif

21. LiverPool Logo

http://i1000.photobucket.com/albums/af129/SuNeZ01/3dlogo/th_liverpool.gif

22. Intermilan Old Logo

http://i1000.photobucket.com/albums/af129/SuNeZ01/3dlogo/th_inter2.gif

23. AC Milan Logo

http://i1000.photobucket.com/albums/af129/SuNeZ01/3dlogo/th_milan.gif

24. Juventus Logo

http://i1000.photobucket.com/albums/af129/SuNeZ01/3dlogo/th_juve.gif

25. AS Roma Logo

http://i1000.photobucket.com/albums/af129/SuNeZ01/3dlogo/th_roma.gif

26. Manchester United Forever

http://i300.photobucket.com/albums/nn28/dae_jelek/MU.gif

27. Leader Of The Match United

http://i205.photobucket.com/albums/bb264/p1h2i3l4/m_671e2902bd46eb5e086b37bbddf42038.gif

28. Chelsea trying to win Premier League

http://mharteens.files.wordpress.com/2008/02/viva-mu.gif




Sumber:  http://bukanakgo.blogspot.com/2012/09/animasi-pojok-blog-part-iv-animasi-klub.html 

Cara menambahkan widget di blog

nahh... sekarang saya mengeshare lagi tentang blogging. langsung mulai ya..

• Spongebob      
•                                                                                                                                   <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://azmi-muhammad.blogspot.com/2013/04/cara-menambahkan-widget-di-blog.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1028/th/102882.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://azmi-muhammad.blogspot.com/" target="_blank">My Widget</a></center></small></div>
• Tengkorak                                  
•                                                                                                                                                                    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://azmi-muhammad.blogspot.com/2013/04/cara-menambahkan-widget-di-blog.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1/th/152.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://azmi-muhammad.blogspot.com/" target="_blank">My Widget</a></center></small></div>      
• Bayi Tertawa 
•                                                                                                                                                                                                             <div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"><a href="http://azmi-muhammad.blogspot.com/2013/04/cara-menambahkan-widget-di-blog.html"http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" border="0" /></a><small><center><a href="http://azmi-muhammad.blogspot.com/" target="_blank">Widget-Animasi</a></center></small></div>     
• Anjing Laut 
•                                                                                                                                         <div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://azmi-muhammad.blogspot.com/2013/04/cara-menambahkan-widget-di-blog.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203B5.gif" title="Click to get more." /></a><small><center><a href="http://azmi-muhammad.blogspot.com/" target="_blank">Widget Animasi</a></center></small></div>
• Bayi Tertawa 2  
•                                                                                                                                                <div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="http://azmi-muhammad.blogspot.com/2013/04/cara-menambahkan-widget-di-blog.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Click to get more." /></a><small><center><a href="http://azmi-muhammad.blogspot.com/" target="_blank">Widget-Animasi</a></center></small></div>
• Gajah Loncat    
•                                                                                                                                                                                                                   <div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://azmi-muhammad.blogspot.com/2013/04/cara-menambahkan-widget-di-blog.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a><small><center><a href="http://azmi-muhammad.blogspot.com/" target="_blank">Widget-Animasi</a></center></small></div> 
• Doraemon  
•                                                                                                                                                     <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://azmi-muhammad.blogspot.com/2013/04/cara-menambahkan-widget-di-blog.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1031/th/103123.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://azmi-muhammad.blogspot.com/" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>    
• Spiderman 
•                                                                                                                                        <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://azmi-muhammad.blogspot.com/2013/04/cara-menambahkan-widget-di-blog.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/3/th/312.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://azmi-muhammad.blogspot.com/" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>
• Ekspresi Muka  
•                                                                                                                                   <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://azmi-muhammad.blogspot.com/2013/04/cara-menambahkan-widget-di-blog.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/742/th/74214.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://azmi-muhammad.blogspot.com/"_blank" title="Cara Memasang Widget Animasi">Ekspresi</a></center></small></div>     
• Patrick
•                                                                                                                                          <div style="position: fixed; bottom: 0px; left: 13px;width:160px;height:190px;"><a href="http://azmi-muhammad.blogspot.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjczKuMshQz8dRup1LEo5h9kfwWa5NTDXbibhcKNIFafyOYrJBY5lDheuPh5wwL-1sBFC3qmoj35haPwJ0wiDtrp7C9dZmA7aFrCTegJPapwrcsbg8JUDd_3s9JiEoDOy1O6zQ7V9yzxMIN/" title="Lihat Lebih Banyak Widget Animasi Bergerak". alt="kumpulan animasi naruto bergerak gif" /></a><small><center><a href="http://azmi-muhammad.blogspot.com/" target="_blank" title="Cara Memasang Widget Animasi Sponge bob di Pojok Blog">Animasi SpongeBob</a></center></small></div>     

• Note: Sobat bisa menaruh Widget. caranya dengan mengedit:  Bottom (bawah), Top (Atas), Left (kiri), Right (kanan)           

Nah sudah tahu, kan? kalau belum tahu silahkan bertanya di komentar.                                                                                                               

Cara Membuat Cursor di Blog

sekarang saya akan memberi tahu tentang cara membuat cursor yang seperti ada di blog saya ini.

1. Buka Website ini: http://www.cursors-4u.com/ pilih salah satu cursor disitu.
2. Setelah memilih salah satu cursor dan mengkliknya, Copy kode yang berada dibawah tulisan seperti ini .

   Option #1 - Universal CSS/HTML Code

3. Buka dasbor, tata letak, dan tambahkan gadget.
4. Pilih HTML/Javascript dan masukkan kode yang sudah dicopy tadi.
5. Klik simpan!

Sudah mengerti? kalau belum mengerti silahkan bertanya.

Cara Gampang Membuat Hamster Bergerak di Blog

Sekarang setelah saya mengarang mencari-cari di google, akhirnya ketemu juga. Mulai ya....!!

1. buka dasbor blog, tata letak dan tambahkan gadget.
2. klik html/javascript dan copy code dibawah

<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>

3. klik save dan lihat hasilnya.

sudah yaa.... sudah sore kapan-kapan saya akan nge-share tutorial lagi! BYEE!!!!