SUEM: Maret 2014

BLOG GMAIL DOWN

Cara Memasang Animasi Burung Twitter Melayang di Blog

Animasi Burung Twitter Melayang di Blog anda?
Apakah anda ingin memiliki blog dengan burung twitter melayang? Kalau jawabannya iya, jangan khawatir, burung twitter akan segera terpasang di blog anda. Silahkan ikuti bagaimana cara membuat animasi burung twitter melayang di blog. Supaya animasi burung twitter bisa bekerja, anda harus mempunyai akun di twitter.com, sehingga jika pengunjung blog mengklik burung twitter yang sudah terpasang di blog maka secara otomatis akan menuju pada akun twitter anda dan mereka akan follow.

Cara Memasang Animasi Burung Twitter Melayang di Blog
1. Masuk ke Blogger.com
2. Pilih Tata Letak => Tambah Gadget
3. Pilih HTML/JavaScript dan masukkan kode berikut kedalamnya
<script type="text/javascript" src="https://sites.google.com/site/bloggerbondowosoblogspotcom/js/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidVXnFwr7C3_w0qBP0r8pvZ0ohSO694_05Pp12M6jPVljpWV8NjsoFYSC0UKAA6hR0v9zN2M6MA5-bABnHXvXrRmnQQ9dlbAEkwLIW-CufQOkWWUayldhyphenhyphenYR6bIjamXFkZQTkLzUlyhac/s1600/yellow+bird.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/nama akun twitter anda";
var tweetThisText = "Twitter - UserID";
tripleflapInit();
</script>
Keterangan :
Ganti kode warna merah dengan akun twitter anda
Dibawah ini ada beberapa Url gambar untuk burung twitter, silahkan anda ganti url gambar twitter yang berwarna biru dengan kode yang ada dibawah ini.
1. Burung Twitter Warna Putih
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFpYSCyovrEVRp6xc2vfBZOBlE7gyoNx-X6qUETZpJnNZ2yCT_4QXZL16HXhVMLFGjBL3WOPLXmBkEZ2X-veISkU5LZAawDuddTkGZbp_LZfpruvacHt3HUnc9gRhntZ4zN2S-a-3O1fo/s1600/white+bird.png
2. Burung Twitter Warna Merah
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkQ3lp0S608rP0iLvVfB_POiQq2h2g9Fb6dsIIykxELgE4LJXRKvFFfNtdKRDgFPSu5TuoUC0aW1eEkArKtZieGKJG1tjddEB9x7XG6-EqxIr3Qk-50mIuMOUDPtHUhPyCC-wwGcVSMl0/s1600/red+bird.png
3. Burung Twitter Warna Unik 1
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia7Ky0ugl6k2iYKEuyv9m66J_T19mTcHkOteFYd_xnZw2SfcXrw-ltLTOcWPBxFssYteNc6yepfJ5_KR8u5WdmxZHB7WAdnHA-sbgT8mhl0ZKbGk_oCl9gJi91XU0YG-mKhzQ4l9L3l_c/s1600/twitter+bird+unik.png
4. Burung Twitter Warna Unik 2
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSWSzOhwn7mfdvMlkp8Q6h5Mcj85BIiwUfXNZgG8OWqg5mO_EN3uryK91g3ejoTpCtCGlJUvRyyo06EDOmu5dKYsY9FVENLWfUqVOima_hHUQDOZ65QB-f4_8xB0znfYspPXe34YOhKFU/s1600/twitter-b22ird-unik.gif
Selamat mencoba , semoga ulasan yang saya share dapat bermanfaat untuk anda yang suka menghiasi blognya supaya tampil lebih menarik.
-----------------------------------------------------------------------------------------------------------------
ARTIKEL YANG LAIN SILAHKAN ANDA PILIH DALAM KOLOM DI BAWAH INI
-----------------------------------------------------------------------------------------------------------------

----------------------------------------------------------------------------------------------------------------
ARTIKEL YANG LAIN SILAHKAN ANDA PILIH DALAM KOLOM DI BAWAH INI
----------------------------------------------------------------------------------------------------------------

cara membuat link bergerak jika terkena kursor blog

Salam sejahtra buat kita semua postingan kali ini saya akan berbagi cara membuat link berjalan ketika terkena kursor, ya itung-itung membuat blog kita jadi rameeee gitu

ya tampa basah basih langsung aja kita mulai..................

Klik dasboard "Rancangan"

Klik "Edit HTML" jangan lupa centang "Expand Widget Template"

Kemudian cari kode </head>

Lalu letakan kode script di bawah ini tepat di atas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$('a').hover(function() { //mouse in
$(this).animate({ marginLeft: '12px' }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});</script>

Kemudian simpan template anda,,

OK.... sekian dulu postingan kali ini lebih dan kurang nya saya ucap kan terimah kasih atas kunjungan nya

Membuat Widget Melayang

Membuat Floating Widget /Widget Melayang

Sebelumnya saya pernah menulis tentang cara membuat ini (membuat menu floating) tapi dengan tips hanya menggunkan modifikasi CSS saja, nah berikut ini sedikit modifikasi dengan menggunakan kode javascript dan tampilan pun akan lebih dinamis, di dalamnya sobat dapat tempatkan apapun juga mis : Iklan adsense, Gambar, ataupun chat box. untuk preview coba sobat klik widget bertuliskan sponsor sebelah kanan. Buka Layout Page Element dan Klik add gadget, kemudian pilih HTML/javaScript.

<style type="text/css">
.gb_fixed{
position:fixed;
top:80px;
right:0px;
z-index:+10;
}

* html .gb_fixed {position:relative;}
#hidden_gb2 {
display:none;
border:2px solid gray;
background:#111;
padding:10px;
padding-top:0px;
}
</style>
<div class="gb_fixed">
<table id="hidden_gb2" cellpadding="0" cellspacing="0">
<tr><td>
<div> <a href="javascript:void(0)" onclick="gb_showHideGB()"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjngSXf7t64uUiZ7e9SfT1mgoBwt5yOyl2hKktNy04FNI_F4p0B9hfq0uQzuanLyTcoxkaqP8Oe_9cj6gaHdv_wxCluz1zLjz3bgaG__CmEW1WNckYbnF870cYyMLmGJvNGRRzRPVEwV0pa/s320/CloseButtonHot.bmp" /></a> </div>

tempatkan apa saja disini

<p>
<span style="font-size: 80%;">
<a href="http://jendelainfo23.blogspot.com/p/daftar-isi.html">Jendela Informasi</a></span></p>
</td></tr></table>
</div>

<script src="http://andreblog.googlecode.com/files/ordinaryhack-floatingku.js"></script>
<div style="z-index:+5" class="gb_fixed">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYNnav4ByVVEaR_cLiabINLJx9RwgyWVRWk8mftRCq5uXkIjHIFN8g-c_slRVXZFUJ6j7foTx__g6M2kPacKgzI2IYow5PwHQh1m1q9cXuCToznV6AR5yomgFLU5g4Wq1887pQzstWAqEF/s320/sponsored.png" style="filter: alpha(opacity=60);
opacity: 0.6;"
/>
</a>
</div>