Cara Membuat Animasi Login Di Home / Beranda Blog

Cara Membuat Animasi Login Di Home / Beranda Blog-Animasi Login Di Home Blog ini memberikan efek manipulasi terhadap blog agar nampak seperti sedang login dengan Cap Jempol yang memberikan kesan menarik kepada para pengunjung ketika berada di home blog kita.. Lagi-lagi Inspirasi ini saya dapatkan dari Blog Santa Mars saat blogwalking dan tidak sengaja saya menemukan cara membuat animasi login di home pada blog,dan akan saya coba untuk men-share nya kembali kepada sobat semua,siapa tahu ada yang suka dan ingin menerapkannya pada blog mereka,oke..untuk cara-cara nya masih biasa dalam edit template pada umumnya yaitu :

• Login ke akun blog
• Edit template>>expand widget template (jangan lupa backup dulu)
• cari kode </body> (gunakan ctrl+f)

• Letakkan Element dibawah ini tepat di atas </body>
• Lihat pratinjaunya dulu,kemudian
• Save dan lihat hasilnya. 

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- Animasi Login Begin -->
<div id='animasi-loginSM' style='position:fixed;z-index:9001;background:transparent;height:100%;width:100%;left:0;top:0;'>
<script type='text/javascript'>
// ----- Gambar Ukuran 28 x 28 Pixel -----
var  Gambar_Login_Anda ='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9nGE_CpC1FNjo6JDR0DfsP9W5uSGmJJ0WDYnbHGwMJYe5x4zpj1eU2amV0QPrML24tdJi1dex0d9ST5P-vET_6ym5qFqzbXCLBjlhUvzEHHncrYuTnlyEmow4u4R69gdr2LWva0_SMDM/s28/Shutdown.png',
       Nama_Login_Anda = 'harysukasuka';
</script>
<script src='http://not-remove-admin-3.googlecode.com/files/animasi-login3.js' type='text/javascript'></script>
</div>
<div id='animasi-munyer1' style='position:fixed;z-index:9000;background:black;height:55%;width:100%;left:0;top:0;'></div>
<div id='animasi-munyer2' style='position:fixed;z-index:9000;background:black;height:55%;width:100%;left:0;bottom:0;'></div>
<div id='animasi-munyer3' style='position:fixed;z-index:9000;background:black;height:100%;width:55%;left:0;top:0;'></div>
<div id='animasi-munyer4' style='position:fixed;z-index:9000;background:black;height:100%;width:55%;right:0;bottom:0;'></div>
<!-- Animasi Login End -->
<b:else/>
</b:if>

Keterangan:
Untuk yang berwana merah di dalam kode/script silahkan bisa sobat ganti sendiri sesuai dengan keinginan dan kecocokan sobat sendiri.

Dan mungkin itu saja tutorial saya tentang Cara Membuat Animasi Login Di Home / Beranda Blog,semoga apa yang sudah saya tuliskan ini bisa bermanfaat buat sobat blogger yang membutuhkan.Terimaksih

Read More

Cara Membuat Animasi Loading Pada Blog 2013

Mungkin sobat blogger sudah pernah dengar,bahkan sudah pernah memasang atau memang sudah pernah posting tentang sebuah animasi pada sebuah blog,yaitu animasi loading yang jika kita membuka artikel satu ke yang lainnya,animasi itu baru akan berfungsi.Seperti yang kita tahu bahwa animasi ini Berbeda dengan Save Mode atau screen saver pada blog yang memang hanya sebuah aksesoris saja,sedangkan untuk animasi loading benar-benar bekerja sesuai lama atau cepatnya loading pada sebuah blog tersebut,Sekedar informasi bahwa animasi loading ini saya gunakan punya Hack4rt karena warna animasi nya bisa di rubah-rubah warnanya sesuai sengan selera kita masing-masing,dan untuk kode yang lainnya saya gunakan milik om-dayz.Nah untuk cara pembuatannya sendiri adalah dengan cara edit template blog sobat dengan cara :

• Pertama Login ke akun blog sobat.
• Klik rancangan --> Edit HTML --> Centang kotak expand template widget (jangan lupa backup template dahulu)
• Kemudian Tambahkan KODE CSS Animasi Loading Blog di bawah ini tepat diatas ]]></b:skin>

#loadhalaman {position:fixed;opacity:0.93;top:0;left:0;background-color:#000;z-index:9999;text-align:center;width:100%;height:100%;padding-top:20%;color:#000;display:none;}
.loadball {background-color: transparent;
border: 5px solid #00a3ff;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
border-radius: 50px;
box-shadow: 0 0 35px #00a3ff;
width: 50px;
height: 50px;
margin: 0 auto;
-moz-animation: spinPulse 1s infinite ease-in-out;
-webkit-animation: spinPulse 1s infinite linear;}
.loadball-2 {background-color: transparent;
border: 5px solid #00a3ff;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-radius: 50px;
box-shadow: 0 0 15px #00a3ff;
width: 30px;
height: 30px;
margin: 0 auto;
position: relative;
top: -50px;
-moz-animation: spinoffPulse 1s infinite linear;
-webkit-animation: spinoffPulse 1s infinite linear;}
@-moz-keyframes spinPulse {0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #00a3ff}50% { -moz-transform:rotate(145deg); opacity:1; }100% { -moz-transform:rotate(-320deg); opacity:0; }}
@-moz-keyframes spinoffPulse {0% { -moz-transform:rotate(0deg); } 100% { -moz-transform:rotate(360deg);  }}
@-webkit-keyframes spinPulse {0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #00a3ff} 50% { -webkit-transform:rotate(145deg); opacity:1;} 100% { -webkit-transform:rotate(-320deg); opacity:0; }}
@-webkit-keyframes spinoffPulse {0% { -webkit-transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); }}

• Kemudian Tambahkan JQuery ini diatas </head>, disini saya menggunakan Jquery versi 1.7.2 (Pasang jika belum ada Jquery di Template sobat)

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

• Langkah terakhir, pasang Script dibawah ini diatas tag </body>

<div id='loadhalaman'>
<div class='loadball'></div>
<div class='loadball-2'></div>
</div>
<script type='text/javascript'>
$(function() {
    var siteURL = "http://" + top.location.host.toString();
    var $internalLinks = $("a[href^='"+siteURL+"'], a[href^='/'], a[href^='./'], a[href^='../']");
    $internalLinks.click(function() {
        $('#loadhalaman').fadeIn(1500).delay(6000).fadeOut(1000);
    });
    // Hilangkan overlay saat diklik untuk mengatasi gangguan, terutama jika link internal diset dengan target='_blank'
    $('#loadhalaman').click(function() {
        $(this).hide();
    });
});
</script>

Penyesuaian Warna untuk CSS

Tambahan dari saya, untuk yang ingin menyesuaikan warna loading nya dengan warna lain, karena saya memakai kode #00a3ff pada loading halaman. Jika ingin mengganti warna nya, lihat kode CSS loading halaman yang paling atas tadi dan ganti kode warna yang ditulis dengan warna birumuda dengan kode warna yang diinginkan,misalnya warna merah,hijau,kuning dan lain-lain.Untuk cari kode warnanya silahkan klik DISINI.

Oke,,,mungkin itu saja dari saya tentang cara membuat animasi loading pada blog 3013,semoga apa yang sudah saya berikan ini bisa bermanfaat untuk kita semua.

Read More

Cara Memasang Musik Pada Blog

Dahulu kala waktu saya masih baru terjun di dunia bloging,saya sangat menyukai sekali dengan yang namanya efek blog,mulai dari efek salju,tulisan berputar,naruto berantem dan lain-lain seperti yang sudah saya posting di Kumpulan Efek Untuk Blog,saya juga senang memasang lagu pada blog,karena waktu itu saya belum memperhitungkan yang namanya loading blog,karena semakin banyak widget,maka semakin berat juga loading nya,mangkanya sekarang saya sudah tidak memasang widget musik lagi karena widget yang lain juga sudah banyak terpasang di blog saya ini.

Selera orang mungkin berbeda-beda,meskipun saya sudah tidak memakainya lagi siapa tahu masih ada sobat blogger kita yang memang ingin memasang musik di blognya.Untuk caranya sangatlah sederhana,tidak terlalu repot kok,kalau begitu bagi yang berminat pasang musik di blognya silahkan ikuti cara-caranya di bawah ini :

• Pertama sobat kunjungi dulu situs http://www.fullmusik.net/
• Selanjutnya sobat bisa pilih lagu nya sendiri karena di situs tersebut banyak pilihan jenis musiknya,sebagai contoh lihat gambar yang saya lingkari warna merah.

• Selanjutnya sobat akan di bawa ke halaman ini,dan disini sobat langsung saja copy kode embed lagunya yang akan sobat gunakan pada blog sobat,lihat gambar

Setelah kodeberhasil sobat ambil,langkah selanjutnya adalah menuju tahap pemasangan kode tersebut kedalam blog kita,untuk langkah-langkahnya adalah sebagai berikut :

1. Masuk ke akun blog sobat
2. Pilih menu tata letak > tambah gadget baru > html/javascript
3. Selanjutnya paste kan kode lagu yang di dapat tadi ke gadget yang sudah sobat pilih
4. Save dan lihat hasilnya.

Dengan langkah-langkah dan cara yang sudah saya tuliskan di atas,maka blog sobat pun sudah bisa di dengarkan lagunya oleh pengunjung ketika blog sobat di buka,sehingga memungkinkan pengunjung senang karena selain bisa membaca artikel blog sobat yang menarik,pengunjung juga bisa menikmati lagu yang sudah sobat sediakan.

Oke mungkin itu saja sharing saya tentang Cara Memasang Musik Pada Blog.,semoga dengan postingan saya ini bisa bermanfaat,terimakasih dan happy blogging

Read More

Script Widget Jam Islami Untuk Blog

Dalam sebuah blog terkadang memasang jam itu perlu,selain untuk mempercantik blog yang kita buat juga berguna untuk mengetahui waktu sehingga kita tidak repot-repot lagi mencari jam yang sesungguhnya,karena pada blog yang sedang kita buka saat itu juga sudah terpasang jam yang siap membantu apabila sobat membutuhkan.Disini saya sudah menyiapkan beberapa script jam tapi script yang saya bagikan ini berlatar belakang islami yang pastinya cocok di pasang di blog bertype biasa sekalipun.

Untuk cara pemasangannya sendiri sangatlah mudah karena kita cukup menaruh script yang sudah saya siapkan ini kedalam blog sobat dengan format HTML/Java Script.Untuk lebih jelasnya silahkan sobat baca cara yang sudah saya tuliskan di bawah ini:

• Pertama sobat masuk dahulu ke akun blog sobat.
• Berikutnya sobat klik tata letak >> tambah gadget baru>>HTML/JavaScript.
• Copy salah satu script di bawah ini,kemudian paste kan di gadget yang sudah sobat pilih tersebut.
• Klik save dan lihat hasilnya.

1.ORNAMENTAL BUTTON

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.11NXC/bT*xJmx*PTEzNjM*MDk3MTExMzAmcHQ9MTM2MzQwOTcxNDIyOSZwPTIzODk4MSZkPUlzbGFtaWMlMjBDbG9jayUzYSUyMGRpZ2l*/YWwtY2xvY2stb3JuYW1lbnQtYnV*dG9uLTAxJmc9MSZvZj*w.gif" /><div style="margin:0px auto;text-align:center;width:175px;height:100px;"><embed src="http://widgets.al-habib.info/images/islamiclock_digital-ornament-button01b_wpd.swf" width="175" height="100" flashvars="&col1=b7c628&col2=000000&col3=eeffcc&tzoffset=false" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /><br><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://widgets.al-habib.info/images/blank.gif?_alhacid=1363409699795"></div>

2.FREE PALESTINE

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzNjM*MTAzNjA5NjYmcHQ9MTM2MzQxMDM2MjM1MSZwPTIzODk4MSZkPUlzbGFtaWMlMjBDbG9jayUzYSUyMHBhbGVz/dGluZTAxJmc9MSZvPWRhNTRiZjZiYzZiNzQ1MjI4YzExMTJlMTY2NjkwOTNkJm9mPTA=.gif" /><div style="margin:0px auto;text-align:center;width:160px;height:180px;"><embed src="http://widgets.al-habib.info/images/islamiclock_palestine01_wpd.swf" width="160" height="180" flashvars="&col1=006633&col3=000000&yourtext=Free+Palestine!&tzoffset=false" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /><br><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://widgets.al-habib.info/images/blank.gif?_alhacid=1363410354086"></div>

3.PARTAI PKS

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzNjM*MDk3ODMyNDYmcHQ9MTM2MzQwOTc4NTQ4OCZwPTIzODk4MSZkPUlzbGFtaWMlMjBDbG9jayUzYSUyMHBhcnRh/aXBrcyZnPTEmbz1kYTU*YmY2YmM2Yjc*NTIyOGMxMTEyZTE2NjY5MDkzZCZvZj*w.gif" /><div style="margin:0px auto;text-align:center;width:150px;height:180px;"><embed src="http://widgets.al-habib.info/images/islamiclock_partaipks_wpd.swf" width="150" height="180" flashvars="&col1=ffcc00&col2=000000&col3=eeffcc&yourtext=pilih+partaiku!&tzoffset=false" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /><br><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://widgets.al-habib.info/images/blank.gif?_alhacid=1363409771050"></div>

4.GAMBAR HATI

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzNjM*MDk4MzMyOTkmcHQ9MTM2MzQwOTg*Mzk5OCZwPTIzODk4MSZkPUlzbGFtaWMlMjBDbG9jayUzYSUyMGxvdmVh/bGxhaDAxJmc9MSZvPWRhNTRiZjZiYzZiNzQ1MjI4YzExMTJlMTY2NjkwOTNkJm9mPTA=.gif" /><div style="margin:0px auto;text-align:center;width:160px;height:160px;"><embed src="http://widgets.al-habib.info/images/islamiclock_loveallah01_wpd.swf" width="160" height="160" flashvars="&col1=ffffff&col2=cccccc&col3=eeffcc&tzoffset=false" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /><br><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://widgets.al-habib.info/images/blank.gif?_alhacid=1363409831392"></div>

5. I LOVE ISLAM

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzNjM*MDk5MzU*NjImcHQ9MTM2MzQwOTkzNjk5OSZwPTIzODk4MSZkPUlzbGFtaWMlMjBDbG9jayUzYSUyMGxvdmVp/c2xhbTAxJmc9MSZvPWRhNTRiZjZiYzZiNzQ1MjI4YzExMTJlMTY2NjkwOTNkJm9mPTA=.gif" /><div style="margin:0px auto;text-align:center;width:160px;height:160px;"><embed src="http://widgets.al-habib.info/images/islamiclock_loveislam01_wpd.swf" width="160" height="160" flashvars="&col1=000000&col2=ccff00&col3=eeffcc&tzoffset=false" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /><br><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://widgets.al-habib.info/images/blank.gif?_alhacid=1363409927267"></div>

Oke kawan..apakah tertarik untuk memasang jam islami ini pada blog sobat?.jika ia,silahkan pilih salah satu jam yang sesuai dengan selera sobat,dan apabila sobat ingin memilih yang lebih banyak lagi silahkan sobat kunjungi sendiri situs aslinya dan ambil script jam islami yang cocok buat sobat di http://www.al-habib.info/
Mungkin itu saja dari saya tentang script widget jam islami untuk blog,semoga artikel ini bisa berguna untuk kita semua,terimakasih..

SEMOGA BERMANFAAT...

sumber :http://www.al-habib.info/

Read More

Kumpulan Efek Untuk Blog

Efek Blog..bicara soal efek blog mungkin sobat semua sudah pernah dengar yang namanya efek blog,yaitu efek yang bagi sebagian orang di gunakan untuk memperindah suatu blog,mungkin bagi sebagian blog efek ini tidak bermanfaat,tapi bagi sebagian lagi memang di butuhkan.

Saat ini saya sudah mempersiapkan beberapa script efek untuk blog sobat,dan tentu saja efek/widget yang di tambahkan ke blog kita ini akan berpengaruh pada loading sebuah blog,tapi tenang saja pengaruhnya tidak terlalu signifikan kok,tergantung koneksi internet nya juga.

Oke,,jika sobat ingin memasang efek pada blog sobat caranya sobat hanya butuh ;

• Login ke dasbord blog milik sobat
• Copy salah satu script yang ingin sobat pasang ( terserah mau pasang lebih dari 1 juga tidak apa-apa )
• Berikutnya klik tata letak >> tambah gadget baru >> HTML/java script
• Paste script tersebut,kemudian save dan lihat hasilnya.

Berikut pilihan efek untuk blog dari saya,silahkan di pilih

RINGAN

EFEK SALJU

<script src='http://hary-suka-suka.googlecode.com/files/efek%20snow.js' type='text/javascript'></script>

EFEK GELEMBUNG

<script src='http://hary-suka-suka.googlecode.com/files/efek-gelembung.js' type='text/javascript'></script>

HATI BERTABURAN

<script src='http://hary-suka-suka.googlecode.com/files/efek%20hati%20bertaburan.js' type='text/javascript'></script>

BINTANG BERTABURAN

<script src='http://hary-suka-suka.googlecode.com/files/bintang.js' type='text/javascript'></script>

KEMBANG API

<script src='http://hary-suka-suka.googlecode.com/files/kembangapi.js' type='text/javascript'></script>

MENENGAH

banjir

<script language="javascript">
nd_mode="flood";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://hary-suka-suka.googlecode.com/files/efek%20banjir.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://harysukasuka.blogspot.com/" target="_blank">Efek Blog</a></center></small></div>

meteor jatuh

<script language="javascript">
nd_mode="meteor";
nd_control="on";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://hary-suka-suka.googlecode.com/files/efek%20meteor%20jatuh.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://harysukasuka.blogspot.com/" target="_blank">Efek Blog</a></center></small></div>

bunga mekar

<script language="javascript">
nd_mode="flowers";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://hary-suka-suka.googlecode.com/files/efek%20bunga%20mekar.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://harysukasuka.blogspot.com/" target="_blank">Efek Blog</a></center></small></div>

 bom atom

<script language="javascript">
nd_mode="bomb";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://hary-suka-suka.googlecode.com/files/efek%20bom.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://harysukasuka.blogspot.com/" target="_blank">Efek Blog</a></center></small></div>

BERAT

KENCING SEMBARANGAN

<script language="javascript">
nd_mode="pee";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://hary-suka-suka.googlecode.com/files/kencing%20sembarangan.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://harysukasuka.blogspot.com/" target="_blank">Efek Blog</a></center></small></div>

LALAT

<script language="javascript">
nd_mode="fly";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://hary-suka-suka.googlecode.com/files/lalat.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://harysukasuka.blogspot.com/" target="_blank">Efek Blog</a></center></small></div>

MURKA

<script language="javascript">
nd_mode="god";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://hary-suka-suka.googlecode.com/files/murka.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://harysukasuka.blogspot.com/" target="_blank">Efek Blog</a></center></small></div>

SAVER

<script language="javascript">
nd_mode="shaver";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://hary-suka-suka.googlecode.com/files/saver.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://harysukasuka.blogspot.com/" target="_blank">Efek Blog</a></center></small></div>

TERBAKAR

<script language="javascript">
nd_mode="burn";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://hary-suka-suka.googlecode.com/files/terbakar.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://harysukasuka.blogspot.com/" target="_blank">Efek Blog</a></center></small></div>

Pada sebagian efek bisa kita close dengan meng klik tanda silang '' X '' yang ada di pojok kanan bawah,untuk sebagian lagi akan hilang jika widgetnya di hapus,sebagian script ini bersumber http://www.netdisaster.com/

DEMO

TERIMAKASIH,,

SEMOGA BERMANFAAT.... 

Read More