Tututorial membuat animasi asmaul husna di gadget

Jumpa lagi kawan-kawan...
Kali ini kita akan berbagi informasi tentang cara memasang animasi asmaul husna di gadget blogspot.
Caranya mudah saja. Kawan-kawan tinggal menambahkan gadget berupa HTML/Java script di blog kawan-kawan lalu copy paste tulisan di bawah ini. Jangan lupa disimpan ya!!
Jika masih bingung atau lupa bagaimana cara menambah gadget...hmmmm ikuti langkah-langkah berikut ini!!
Log in dulu ke blogger > Klik ikon tanda panah di samping ikon lihat blog > pilih tata letak > klik tambah gadget > pilih HTML/java sript > masukkan kode yang telah kami siapkan dibawah ini (copy paste saja)>Simpan.
Selesai deh..Selamat mencoba!!!



<a href="http://s179.photobucket.com/albums/w315/nsa1211408/?action=view&amp;current=asma.gif" target="_blank"><img src="http://i179.photobucket.com/albums/w315/nsa1211408/th_asma.gif" border="0" alt="Photobucket" /></a>

Read More

TUTORIAL MEMBUAT ANIMASI POTS RECENT

Jumpa lagi kawan....
kali ini kita akan berbagi informasi tentang tutorial cara membuat recent post dalam bentuk animasi.
Caranya mudah...
Kawan-kawan hanya perlu menambahkan gadget baru berupa HTML/Java script lalu copy dan paste script di bawah ini ke dalam gadget tersebut.
Jangan lupa...di dalam script ini ada yang perlu kawan-kawan ganti sedikit. sedikit saja. cuma memasang atau copy paste saja alamat url blogger kawan-kawan di bagian yang di cetak tebal dan berwarna merah (url blog anda)..hmmm jangan lupa disimpan ya setelah copy paste...
selamat mencoba!!

<left><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
width:220px;
height:510px;
}
#spylist ul{
width:210px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:right;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>
<script language='javascript'>

imgr = new Array();
imgr[0] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[1] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[2] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[3] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[4] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[5] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
showRandomImg = true;
boxwidth = 310;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://url blog anda.blogspot.com/";
limitspy=8
intervalspy=4000
</script>

<div id="spylist">
<script src='https://sites.google.com/site/unwanted86/javascript/animatedrecentpost.js' type='text/javascript'></script>
</div>
</left>
<small><a href="http://petunjuktutorialuntukpemula.blogspot.com/2012/10/tutorial-membuat-animasi-pots-recent.html" target="_blank">PILIH ARTIKELMU</a></small>

Read More

Tutorial membuat banner animasi

Ada banyak web yang menyediakan pembuatan banner baik yang gratis maupu yang berbayar secara online, dan banyak pula jenis banner yang ada, namun yang lagi trend saat ini adalah Banner Animasi yang berextension .GIF  dan Flash.berikut website yang meyediakan layanan Banner.

GIF Banner

• http://picasion.com
• http://www.loogix.com
• http://www.createagif.net
• http://gickr.com

Flash Banner

• http://bannersabc.com/eng/Rid_2012-04-11 
• http://www.123-banner.com
• http://www.flashbannernow.com
• http://www.quickbanner.com
• http://www.flash-banner-maker-online.com

Contoh Banner Animasi.

Ukuran 468 X 60

Ukuran 125 X 125

Untuk cara pembuatannya sangat mudah sekali, saya kira sahabat blogging sudah pasti bisa, hanya tinggal mengikuti setiap step yang ada di website tersebut.

Untuk sementara hanya ini yang bisa saya bagi buat sahabat Blogging,..semoga bermanfaat ...selamat mencoba dan SALAM SUKSES..

Read More