Kirana

<li><a href=/><span>Homepage</span></a></li>
<li><a href=http://aiizahh.blogspot.com/ target=_blank><span>Menu 1</span>Tanpa Sub Menu</a></li>

<li><a class=arrow href=#><span>Menu 2</span>Dengan Sub Menu</a>
<ul>
<li><a href=http://aiizahh.blogspot.com/ target=_blank>Sub Menu 1</a></li>
<li class=hr/>
<li><a href=http://aiizahh.blogspot.com/ target=_blank>Sub Menu 2</a></li>
<li class=hr/>
</ul>
</li>

<li><a class=arrow href=#><span>Menu 3</span>Dengan Sub Menu</a>
<ul>
<li><a href=http://aiizahh.blogspot.com/ target=_blank>Sub Menu 1</a></li>
<li class=hr/>
<li><a href=http://aiizahh.blogspot.com/ target=_blank>Sub Menu 2</a></li>
<li class=hr/>
<li><a href=http://aiizahh.blogspot.com/ target=_blank>Sub Menu 3</a></li>
<li class=hr/>
</ul>
</li>

• widget dilengkapi dengan tombol sosial sepert facebook, twitter dan google+.
• menggunakan jQuery yang sederhana sehingga lebih cepat saat load
• mengapung sampai bagian komentar blog
• sebuah ikon link komentar yang akan mengarahkan pengunjung ke kotak komentar
  
  
  

#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); }}

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

<div id=loadhalaman>
<div class=loadball/>
<div class=loadball-2/>
</div>
<script type=text/javascript>
$(function() {
    var siteURL = &quot;http://&quot; + top.location.host.toString();
    var $internalLinks = 
$(&quot;a[href^=&#39;&quot;+siteURL+&quot;&#39;], 
a[href^=&#39;/&#39;], a[href^=&#39;./&#39;], 
a[href^=&#39;../&#39;]&quot;);
    $internalLinks.click(function() {
        $(&#39;#loadhalaman&#39;).fadeIn(1500).delay(6000).fadeOut(1000);
    });

    // Hilangkan overlay saat diklik untuk mengatasi gangguan, terutama 
jika link internal diset dengan target=&#39;_blank&#39;

    $(&#39;#loadhalaman&#39;).click(function() {
        $(this).hide();

    });
});

</script>

• telor ayam kampung 3 butir
• teh 2 ons
• gula batu secukupya

• rebuslah teh tersebut atau cukup rendam degan air panas satu setengah gelas kemdian saringlah air tersebut,
• masukkan telor yang ada kedalam air teh tersebut dan aduklah,
• tambahkan gula batu secukupnya dan aduk hingga rata,
• minumlah ramuan tersebut.

<center><style type="text/css">
#rp_plus_img{height:300px;overflow:hidden;border:solid 0px #fff;padding:6px 10px 24px 5px;background-color:transparent;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:1px; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:60px;padding:5px;list-style:none;}
#rp_plus_img a{color:#F68629;}
#rp_plus_img .news-title{display:block;font-size:14px;font-weight:bold !important;color:#F68629;text-align:justify;}
#rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#000000;text-align:justify;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #F68629;width:95px;height:55px;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
</script>
<script src="http://theplick.googlecode.com/files/newsticker-plick.js" type="text/javascript">
</script>
<script type="text/javascript">
var speed = 1000;
var pause = 2500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img"><script>
var numposts = 20;
var numchars = 0;
</script> <script src="http://www.aeroaxel.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
</script> </ul>
</center>

Untuk Linux, setelah didownload, extract, buka folder tools, jalankan file android (terkoneksi internet juga) lalu di Available Package installah Android platform di repository dan Third Party addon. Kalo saya memilih Sony Ericsson Third Party-nya karena kebetulan HP saya itu.

Setelah menginstall SDK mungkin anda ingin mengujinya terlebih dahulu, pertama buatlah android virtual device (AVD). Jalankan kembali SDK Manager.exe, pada bagian Virtual Device, klik New,

https://dl-ssl.google.com/android/eclipse/

Klik OK, maka akan muncul Developer Tools di daftar, beri centang, klik Next ikuti sampai selesai.

Langkah selanjutnya menghubungkan Eclipse IDE dengan Android SDK. Dari aplikasi eclipse, klik menu Window > Preferences, pilih Android, browse lokasi folder dimana anda menyimpan folder SDK tadi, pilih versi platform android.

Klik OK atau apply. Sekarang anda sudah dapat mengembangkan aplikasi android melalui IDE eclipse.

PhoneGap

Untuk dapat mengembangkan program android menggunakan kode HTML, masih ada lagi yang harus diinstall yaitu Phonegap development framework. Alamat situs resminya di http://www.phonegap.com/, disitu anda bisa langsung mendownload frameworknya.

Phonegap disini hanyalah berupa library untuk pengembangan software android dan platform mobile yang lain. Jadi tidak masalah ingin diterapkan di SDK windows, linux maupun Mac OS. Dalam satu paket download anda langsung mendapatkan bermacam-macam framewok seperti Android, Blackberry, Apple iPhone dan sebagainya. Tetapi disini saya hanya akan membahas lebih rinci untuk platform android saja.

Setelah anda download, extract, diadalamnya terdapat bermacam-macam folder, anda hanya cukup menggunakan yang ada di dalam folder Android saja. Pada tutorial ini saya akan mencontohkan membuat sebuah program dengan nama Identifikasi Wajah.

A. Langkah pertama buatlah sebuah project baru menggunakan eclipse dari mene File > New > Android Project.

• /libs
• /assets/www (karena folder assets sudah ada, buatlah folder www didalam folder asset ini)

• tambahkan syntax import com.phonegap.*;
• Ubah class extend dari Activity menjadi DroidGap
• Ubah baris setContentView() dengan super.loadUrl("file:///android_asset/www/index.html");
• Hapus baris import android.app.Activity;

• Klik kanan folder libs pada gambar diatas Build Paths > Configure Build Paths. Pada tab Libraries tambahkan phonegap-1.0.0.jar ke project dengan cara Add Jars

• Klik kanan AndroidManifest.xml, Open With > Text Editor
• Ketik kode dibawah ini pada bagian dibawah versionName

• Tambahkan syntax android:configChanges="orientation|keyboardHidden" pada tag Activity di AndroidManifest (lihat gambar dibawah

• Ketik Code ini tag activity dibawah ini tepat setelah tag diatas (lihat gambar diatas)