Koleksi Kartu ucapan Selamat Idul Fitri (Lebaran) 1432 H

Idul Fitri insyaAllah sebentar lagi tiba, setelah hampir satu bulan kita berpuasa, berbagai amalan ibadah yang kita lakukan, kita hanya bisa berharap semoga semua amalan kita diterima Allah Azza wa jalla. Berikut koleksi kartu ucapan lebaran (selamat idul fitri), silahkan disebarkan atau dikirim ke teman atau saudara.

Salah satu ucapan atau doa yang sangat bagus adalah doa “Taqobbalallahu minna wa minkum“, semoga Allah menerima amal kami dan kamu sekalian. Karena bulan ramadhan merupakan bulan untuk banyak-banyak beramal dan pahala dilipatganakan. Kartu ucapan selamat idul fitri 1432 H berikut mungkin berbeda dengan kartu ucapan lebaran yang sudah banyak beredar, terutama dari segi ukuran. Berikut kami sediakan berbagai ukuran yang bisa di unduh (download).

Kartu ucapan ukuran 800×200, klik masing-masing gambar untuk melihat atau mengunduh versi yang lebih besar ( atau download semua file dalam satu paket melalui link yang dituliskan dibawahnya)

Download dalam satu paket : kartu-idul-fitri-800×200.zip ( 695 KB)

Berikut kartu selamat idul fitri 1432 H (ukuran gambar 800×533 pixel). Klik masing-masing gambar untuk melihat ukuran yang lebih besar atau untuk mengunduh/download.

Download dalam satu paket : kartu-idul-fitri-1432-h.zip

Kartu ucapan selamat idul fitri diatas bebas disebarluaskan atau diposting ulang diblog.

Cara Membuat Menu Horizontal Dropdown di Blogspot

Berikut cara membuat menu horizontal dropdown di blogspot :

1. Silahkan masuk dengan akun blogger sobat

2. Setelah itu menuju ke halaman "edit HTML" ("Expand Template Widget" tidak usah dicentang). Jangan lupa untuk mem-backup templatenya.

3. Cari Kode ]]></b:skin> (gunakan CTRL + F atau F3 pada Keyboard sobat) Kemudian Pastekan kode CSS berikut ini tepat di atasnya.

#subnavbar {

            background: #666;

            width: 960px;

            height: 26px;

            color: #FFF;

            margin: 0;

            padding: 0;

}

#subnav {

            margin: 0;

            padding: 0;

}

#subnav ul {

            float: left;

            list-style: none;

            margin: 0;

            padding: 0;

}

#subnav li {

            list-style: none;

            margin: 0;

            padding: 0;

}

#subnav li a, #subnav li a:link, #subnav li a:visited {

            color: #FFF;

            display: block;

            font-size: 10px;

            font-weight: bold;

            text-transform: uppercase;

            margin: 0 5px 0 0;

            padding: 6px 13px;

}

#subnav li a:hover, #subnav li a:active {

            background: #888;

            color: #FFF;

            display: block;

            text-decoration: none;

            margin: 0 5px 0 0;

            padding: 6px 13px;

}

#subnav li li a, #subnav li li a:link, #subnav li li a:visited {

            background: #666;

            width: 140px;

            float: none;

            margin: 0;

            padding: 6px 10px;

            border-bottom: 1px solid #FFF;

            border-left: 1px solid #FFF;

            border-right: 1px solid #FFF;

}

#subnav li li a:hover, #subnav li li a:active {

            background: #888;

            margin: 0;

            padding: 6px 10px;

}

#subnav li {

            float: left;

            padding: 0;

}

#subnav li ul {

            z-index: 9999;

            position: absolute;

            left: -999em;

            height: auto;

            width: 160px;

            margin: 0;

            padding: 0;

}

#subnav li ul a {

            width: 140px;

}

#subnav li ul ul {

            margin: -25px 0 0 161px;

}

#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover ul ul, #subnav li.sfhover ul ul ul {

            left: -999em;

}

#subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfhover ul, #subnav li li.sfhover ul, #subnav li li li.sfhover ul {

            left: auto;

}

#subnav li:hover, #subnav li.sfhover {

            position: static;

}

4. Setelah itu, cari kode di bawah ini

<b:widget id='Header1' locked='true' title='Blog Demo (Header)' type='Header'/>
</b:section>

Keterangan:
Yang penting dicari adalah kode warna hijau. Sementara yangberwarna merah adalah nama blog tempatku menguji coba (semacam laboratorium, heuuuuu hohoho).
Pastekan Kode berikut tepat di bawah kode yang berwarna kuning (yaitu kode</b:section>).

<div id='subnavbar'>

      <ul id='subnav'>

<li>

<a href='#'>Home</a>

<ul>

<li>

<a href='http://sdntriwungkidul1.blogspot.com/'>about</a>

</li>            

<li>

<a href='http://sdntriwungkidul1.blogspot.com/'>Kontak</a>

</li>

</ul>

</li>

<li>

<a href='#'>DAFTAR ISI</a>

</li>

<li>

<a href='#'>Antropologis</a>

<ul>

<li>

<a href='#'>Mengenal Antropologi</a>

<ul>

<li>

<a href='http://sdntriwungkidul1.blogspot.com/'>Konsep-Konsep</a>

</li>

</ul>

</li>

<li>

<a href='#'>Teori Antropologi</a>

<ul>

<li>

<a href='#'>Teori Klasik</a>

</li>

<li>

<a href='#'>Teori Modernis</a>

</li>

<li>

<a href='#'>Teori Posmodernis</a>

</li>

</ul>

</li>

<li>

<a href='#'>Metodologi Penelitian</a>

<ul>

<li>

<a href='http://sdntriwungkidul1.blogspot.com/'>Metode Penelitian Kualitatif</a>

</li>

<li>

<a href='#'>Metode Penelitian Kuantitatif</a>

</li>

</ul>

</li>

<li>

<a href='#'>Etnografi</a>

<ul>

<li>

<a href='#'>Mengenal Etnografi</a>

</li>

<li>

<a href='#'>Etnografi (Hasil Penelitian)</a>

</li>

</ul>

</li>

<li>

<a href='#'>My Reading List</a>

<ul>

<li>

<a href='http://en.wikipedia.org/wiki/Gender' target='_blank'>Gender</a>

</li>

<li>

<a href='http://en.wikipedia.org/wiki/Feminism' target='_blank'>Feminism</a>

</li>

<li>

<a href='http://www.lifepositive.com/body/nature/environmental.asp' target='_blank'>Nature - Earth crusader</a>

</li>

<li>

<a href='http://en.wikipedia.org/wiki/Ecofeminism' target='_blank'>Ecofeminism</a>

</li>

</ul>

</li>

<li>

<a href='#'>Figure</a>

<ul>

<li>

<a href='http://www.unep.org/women_env/w_details.asp?w_id=107' target='_blank'>Vandana Shiva</a>

</li>

<li>

<a href='http://soe86.blogspot.com/search/label/Parsudi%20Suparlan'>Parsudi Suparlan</a>

</li>

</ul>

</li>

</ul>

</li>

<li>

<a href='#'>Tips-Tips</a>

<ul>

<li>

<a href='http://soe86.blogspot.com/2010/07/belajar-otodidak.html'>belajar otodidak</a>

</li>

<li>

<a href='#'>tips blogger</a>

<ul>

<li>

<a href='http://soe86.blogspot.com/search/label/A.%20Tahap%20Awal%20Membuat%20Blog' target='_blank'>Tahap Awal Membuat Blog</a>

</li>

<li>

<a href='http://soe86.blogspot.com/search/label/B.%20Tahap%20Lanjutan%20dalam%20Bloging' target='_blank'>Tahap Lanjutan dalam Bloging</a>

</li>

<li>

<a href='http://soe86.blogspot.com/search/label/C.%20Tahap%20Profesional%20dalam%20Bloging' target='_blank'>Tahap Profesional dalam Bloging</a>

</li>

</ul>

</li>

<li>

<a href='http://soe86.blogspot.com/search/label/F.%20Tips%20Internet%20Murah'>internet murah</a>

</li>

</ul>

</li>

<li>

<a href='#'>Download Gratis</a>

<ul>

<li>

<a href='http://soe86.blogspot.com/2010/08/download-gratis-literatur-antropologi-1.html'>Literatur Antropologi</a>

</li>            

<li>

<a href='http://soe86.blogspot.com/2010/08/pusat-download-gratis-di-sini.html'>Software / Aplikasi</a>

</li> 

<li>

<a href='http://soe86.blogspot.com/2010/08/download-gratis-novel-1.html'>Novel</a>

</li>

<li>

<a href='http://soe86.blogspot.com/2010/08/download-gratis-masalah-kebidanan.html'>Kebidanan</a>

</li> 

<li>

<a href='http://soe86.blogspot.com/search/label/Trik%20Mendownload'>Trik Mendownload</a>

</li>

</ul>

</li>

<li>

<a href='#'>BLOG SAHABAT</a>

<ul>

<li>

<a href='http://t4belajarblogger.blogspot.com/' target='_blank'>T4 Belajar Blog</a>

</li>

<li>

<a href='http://wawanwae.blogspot.com/' target='_blank'>Blogtainment</a>

</li>

<li>

<a href='http://azgi.blogspot.com/2010/05/koreksi-error-pada-kotak-komentar.html' target='_blank'>Sunda Priangan</a>

</li>

<li>

<a href='http://jurnalkita-indonesiana.blogspot.com/' target='_blank'>Komunitas Penulis Muda</a>

</li>

<li>

<a href='http://human-fisip-unhas.blogspot.com/' target='_blank'>HUMAN FISIP UH</a>

</li>

</ul>

</li>

</ul>

</div>

Nah, langkah terakhir adalah menyimpan templatenya.
Menu yang sobat copy tersebut masih seperti menu pada blogku ini, makanya lakukan pengeditan sesuai blog dan keinginan sobat. Untuk cara mengedit menu horizontal dropdown lihat diblog tetangga ini aja dech, silahkan klik di sini.
Jika ada masalah, silahkan sobat berkomentar, mudah-mudahan saya bisa membantu.
Semoga bermanfaat....

CARA BIKIN TEKS MENGITARI MOUSE BLOG KITA

<script>
//mouse
//Circling text trail- Tim Tilton
//Website: http://www.tempermedia.com/
//Visit http://www.dynamicdrive.com for this script and more
function cursor_text_circle(){
// your message here
var msg='KHOIRUL AMIN : SDN TRIWUNG KIDUL 1'.split('').reverse().join('');


var font='Verdana,Arial';
var size=3; // up to seven
var color='#FE2EF7';


// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 for just plain rotation w/out drag
var speed=.3;


// This is the rotation speed, set it negative if you want
// it to spin clockwise
var rotation=-.2;


// Alter no variables past here!, unless you are good
//---------------------------------------------------




var ns=(document.layers);
var ie=(document.all);
var dom=document.getElementById;
msg=msg.split('');
var n=msg.length;
var a=size*13;
var currStep=0;
var ymouse=0;
var xmouse=0;
var props="<font face="+font+" size="+size+" color="+color+">";


if (ie)
window.pageYOffset=0


// writes the message
if (ns){
for (i=0; i < n; i++)
document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+msg[i]+'</font></center></layer>');
}
else if (ie||dom){
document.write('<div id="outer" style="position:absolute;top:0px;left:0px;z-index:30000;"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="iemsg'+(dom&&!ie? i:'')+'" style="position:absolute;top:0px;left:0;height:'+a+'px;width:'+a+'px;text-align:center;font-weight:normal;cursor:default">'+props+msg[i]+'</font></div>');
document.write('</div></div>');
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;


function Mouse(evnt){
ymouse = (ns||(dom&&!ie))?evnt.pageY+20-(window.pageYOffset):event.y; // y-position
xmouse = (ns||(dom&&!ie))?evnt.pageX+20:event.x-20; // x-position
}


if (ns||ie||dom)
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
var y=new Array();
var x=new Array();
var Y=new Array();
var X=new Array();
for (i=0; i < n; i++){
y[i]=0;
x[i]=0;
Y[i]=0;
X[i]=0;
}


var iecompattest=function(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}


var makecircle=function(){ // rotation properties
if (ie) outer.style.top=iecompattest().scrollTop+'px';
currStep-=rotation;
for (i=0; i < n; i++){ // makes the circle
var d=(ns)?document.layers['nsmsg'+i]:ie? iemsg[i].style:document.getElementById('iemsg'+i).style;
d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15+(ie||dom? 'px' : '');
d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2+(ie||dom? 'px' : ''); // remove *2 for just a plain circle, not oval
}
}


var drag=function(){ // makes the resistance
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (var i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);


}
makecircle();
// not rotation speed, leave at zero
setTimeout(function(){drag();},10);
}
if (ns||ie||dom)
if ( typeof window.addEventListener != "undefined" )
window.addEventListener( "load", drag, false );
else if ( typeof window.attachEvent != "undefined" )
window.attachEvent( "onload", drag );
else {
if ( window.onload != null ) {
var oldOnload = window.onload;
window.onload = function ( e ) {
oldOnload( e );
drag();
};
}
else
window.onload = drag;
}


}
cursor_text_circle();


</script>

YANG BERWARNA PINK BISA DIGANTI SESUAI KEINGINAN