Cara membuat Gadget Donasi Paypal

Paypal selain digunakan untuk mengirim dan menerima uang bisa juga digunakan  untuk menerima sumbangan atau donasi. Dan biasany tombol donasi ini dipasang di web atau blog yang menyediakan tutorial,   download software atau lainny secara gratis. Apabila Web atau Blog anda termasuk didalamny, berikut adalah tutorial singkat cara membuat tombol donasi paypal pada web atau  blog anda.

1. Login ke account Paypal anda (Pastikan account Paypal anda sudah berstatus Verified)
2. Masuk ke menu Merchant Service pada entri Key Features klik Donations
3. Isikan data data seperti 

• Organization name/service : isi dengan nama organisasi atau lainnya
• Jika ingin merubah tampilan button klik Customize text or appearance (optional)
• Currency : digunakan untuk memilih jenis mata uang untuk didonasikan
• Contribution amount : untuk menentukan jumlah sumbangan 
• Merchant account IDs : untuk keamanan sebaiknya pilih Use secure merchant account ID

      4.  Klik tombol Create Button 
      5.  Copy Kode HTML yang ada lalu login ke blogger anda
      6.  Pilih Tata Letak >>> Tambah Gadget >>> HTML/Javascript lalu pastekan kode 
      7.  Simpan dan lihat hasilny.

A Little Thing Called Love

Aka : First Love
Release Date: 12 August 2010
Release : Thailand
Genre: Comedy, Romance
Starring : Mario Maurer,Pimchanok Lerwisetpibol,Sudarat Budtporm, Peerawat Herapath,Pijitra Siriwerapan,Acharawat Ariyaritwikol,Kachamat Pormsaka Na-Sakonnakorn
Subtitle : Indonesia, English

Synopsis
The ordinary 14 years old girl name Nam. she's unattractive or simple call... the ugly! But she had secretly in love with older guy in grade 10 name Chon, a most popular student in high-school. He's hot, perfect and generous. That's make girls in school going crazy about him, including Nam too. But she doesn't give up easily. She tried do everything to made her pretty good and outstanding in school. Because she hopes him turned around at her just once more time.

Trailer

Asia Movie Collection

• A Little Thing Called Love

Kategori Download Movie

Asia Movie
Drama Movie
Indonesia Movie
Box Office Movie

Cara Membuat Menu Blog Drop Down Horizontal

Agar blog terlihat rapi dan profesional dengan cara membuat menu pada blog. Dengan adanya menu pengunjung blog akan lebih mudah untuk menjelajahi artikel pada blog anda.

Langkah langkah dalam membuat menu blog Drop Down Horizontal
1. Login to www.blogger.com
2. Setelah itu pilih Desain
3. Pada menu Template klik edit HTML button
4. Beri centang pada kotak Expand Template Widget untuk membuka semua kode.
5. Cari kode ]]></b:skin>
6. Copy kode dibawah ini dan letakkan diatas kode pada langkah 5

.preload1 {background: url(http://i864.photobucket.com/albums/ab206/kibagus/menu%20animasi/three_0a.gif);}

.preload2 {background: url(http://i864.photobucket.com/albums/ab206/kibagus/menu%20animasi/three_1a.gif);}

#nav {padding:0; margin:0; list-style:none; height:38px; background:transparent url(http://i864.photobucket.com/albums/ab206/kibagus/menu%20animasi/three_0.gif) repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}

#nav li.top {display:block; float:left;}

#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#FFD700; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(http://i864.photobucket.com/albums/ab206/kibagus/menu%20animasi/three_0.gif);}

#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(http://i864.photobucket.com/albums/ab206/kibagus/menu%20animasi/three_0.gif) right top no-repeat;}

#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(http://i864.photobucket.com/albums/ab206/kibagus/menu%20animasi/three_0a.gif) no-repeat right top;}

#nav li:hover a.top_link {color:#fff; background: url(http://i864.photobucket.com/albums/ab206/kibagus/menu%20animasi/three_1.gif) no-repeat;}

#nav li:hover a.top_link span {background:url(http://i864.photobucket.com/albums/ab206/kibagus/menu%20animasi/three_1.gif) no-repeat right top;}

#nav li:hover a.top_link span.down {background:url(http://i864.photobucket.com/albums/ab206/kibagus/menu%20animasi/three_1a.gif) no-repeat right top; padding-bottom:3px;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub

{left:1px; top:38px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; height:auto; z-index:300;}

#nav li:hover ul.sub li

{display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}

#nav li:hover ul.sub li a

{display:block; font-size:11px; height:18px; width:88px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #50b5d0;}

#nav li ul.sub li a.fly

{background:#50b5d0 url(http://i864.photobucket.com/albums/ab206/kibagus/menu%20animasi/arrow.gif) 80px 6px no-repeat;}

#nav li:hover ul.sub li a:hover

{background:#3f96a9; color:#fff; border-color:#fff;}

#nav li:hover ul.sub li a.fly:hover

{background:#3f96a9 url(http://i864.photobucket.com/albums/ab206/kibagus/menu%20animasi/arrow_over.gif) 80px 6px no-repeat; color:#fff;}

#nav li b {display:block; font-size:11px; height:18px; width:88px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#ff6; border-bottom:1px solid #ff6; cursor:default;}

#nav li:hover li:hover ul,

#nav li:hover li:hover li:hover ul,

#nav li:hover li:hover li:hover li:hover ul,

#nav li:hover li:hover li:hover li:hover li:hover ul

{left:90px; top:-4px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; z-index:400; height:auto;}

#nav ul,

#nav li:hover ul ul,

#nav li:hover li:hover ul ul,

#nav li:hover li:hover li:hover ul ul,

#nav li:hover li:hover li:hover li:hover ul ul

{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,

#nav li:hover li:hover li:hover a.fly,

#nav li:hover li:hover li:hover li:hover a.fly,

#nav li:hover li:hover li:hover li:hover li:hover a.fly

{background:#3f96a9 url(http://i864.photobucket.com/albums/ab206/kibagus/menu%20animasi/arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;}

#nav li:hover li:hover li a.fly,

#nav li:hover li:hover li:hover li a.fly,

#nav li:hover li:hover li:hover li:hover li a.fly

{background:#50b5d0 url(http://i864.photobucket.com/albums/ab206/kibagus/menu%20animasi/arrow.gif) 80px 6px no-repeat; color:#000; border-color:#50b5d0;}

setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},

controlHTML: '<img src="http://lh6.ggpht.com/_wC8_9aR_6uE/S6uJI38TreI/AAAAAAAACbY/QIXMKHei1g0/up.png" style="width:24px; height:24px" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"

controlattrs: {offsetx:15, offsety:15}, //offset of control relative to right/ bottom of window corner

anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links

7. Klik Simpan Template

8. Selanjutnya kembali kehalaman desain --> lalu klik tambah Gadget kemudian pilih HTML/JavaScript. Masukkan kode dibawah ini,

<span class="preload1"></span>

<span class="preload2"></span>

<ul id="nav">

<li class="top"><a href="#" class="top_link"><span>Home</span></a></li>

<li class="top"><a href="#" id="Menu" class="top_link"><span class="down">Menu</span></a>

<ul class="sub">

<li><b>Judul1</b></li>

<li><a href="#" class="fly">Subjudul1</a>

<ul>

<li><a href="#" target="_blank">subitem1.1</a></li>

<li><a href="#" target="_blank">subitem2.1</a></li>

<li><a href="#" target="_blank">subitem3.1</a></li>

</ul>

</li>

<li><a href="#" class="fly">Subjudul2</a>

<ul>

<li><a href="#" target="_blank">subitem1.2</a></li>

<li><a href="#" target="_blank">subitem2.2</a></li>

<li><a href="#" target="_blank">subitem3.2</a></li>

</ul>

</li>

<li><a href="#" class="fly">Subjudul3</a>

<ul>

<li><a href="#" target="_blank">subitem1.3</a></li>

<li><a href="#" target="_blank">subitem2.3</a></li>

<li><a href="#" target="_blank">subitem3.3</a></li>

<li><b>Subjudul3.1</b></li>

<li><a href="#">item1.3.1</a></li>

<li><a href="#">item2.3.1</a></li>

<li><a href="#">item3.3.1</a></li>

<li><b>Subjudul3.2</b></li>

<li><a href="#">item1.3.2</a></li>

<li><a href="#">item2.3.2</a></li>

<li><a href="#">item3.3.2</a></li>

</ul>

</li>

<li><b>Judul2</b></li>

<li><a href="#" target="_blank">subitem1.2</a></li>

<li><a href="#" target="_blank">subitem2.2</a></li>

<li><a href="#" target="_blank">subitem3.2</a></li>

</ul>

</li>

<li class="top"><a href="#" id="services" class="top_link"><span class="down">menu2</span></a>

<ul class="sub">

<li><a href="#" target="_blank">submenu1.2</a></li>

<li><a href="#" target="_blank">submenu2.2</a></li>

<li><a href="#" target="_blank">submenu3.2</a></li>

</ul>

</li>

</li>

<li class="top"><a href="#" id="services" class="top_link"><span class="down">menu3</span></a>

<ul class="sub">

<li><a href="#" target="_blank">submenu1.3</a></li>

<li><a href="#" target="_blank">submenu2.3</a></li>

<li><a href="#" target="_blank">submenu3.3</a></li>

</ul>

</li>

</li>

<li class="top"><a href="#" id="services" class="top_link"><span class="down">menu4</span></a>

<ul class="sub">

<li><a href="#" target="_blank">submenu1.4</a></li>

<li><a href="#" target="_blank">submenu2.4</a></li>

<li><a href="#" target="_blank">submenu3.4</a></li>

</ul>

</li>

<li class="top"><a href="#" id="profil" class="top_link"><span>menu5</span></a></li></li></li></ul>

9. Kemudian Save dan lihat hasilny, anda sudah berhasil mempraktekkan tutorial Cara membuat Menu Blog Drop Down Horizontal.

Ket: Untuk kode (#) ganti dengan link/Url yang dituju dan tulisan warna biru 

       Untuk judul menu ganti sesuai kebutuhan.