nantikan peluncuran tampilan terbaru dari blog ini dalam waktu

Jumat, 26 November 2010

Widget sederhana update Twitter

Hemmm... ada sedikit tutorial ini buat pembaca setia blog saia yang sederhana ini. :)
buat kalian yang mau menampilkan update terakhir ststus twitter seperti punya sayang yang berada di pojok kanan header itu,


mudah banget kok caranya.
silahkan baca tutorial ini

1. Login blog
2. Rancangan
3. Tambah Gadget
4. pilih HTML/JavaScript
kemudian masukan code ini :

<div id="twitter_div" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWnfMHQVDMJQUALourr5PxjyQ21z4MA42vBX5mnKnHNYAlFJehhowf-ebAOdQzeQQ_DV5q9C0m-Wg1Nqu_8VEdMRZU7viDTl3Tm9yGRLLOW_NivesBZHwEnBCAxAjvxemLWtVcd0elnL8/s320/single-bird-icon-1.png) top left no-repeat; color:#FFFFFF; font-size:14px; font-color:#FFFFFF; padding-left: 50px;"><ul id="twitter_update_list"></ul>
</div>
<a href="http://twitter.com/username_kamu" target="_blank">Follow Me</a>
<font color="#FFFFFF">
<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
<script src="http://twitter.com/statuses/user_timeline/username_kamu.json?callback=twitterCallback2&count=2" type="text/javascript"></script></font>


Keterangan :
Untuk yang berwana meran dan tebal -username_kamu- ganti dengan username akun twitter anda.
yang berwarna kuning -2-, angka 2 menunjukan jumlah twet yang akan ditampilkan.

gud lak. semoga bermanfaat baggi pembaca setia blog saia ini. :)
ada request ? monggo tinggalkan komentar.

Membuat Gambar Melayang Di Pojok

tau maksutnya g nih ?
hahahahha.... kalo g tau, silahkan anda mampir ke blognya Nuria saja.
eits, sebelum mampir kesitu. baca dulu ini.
pada blognya nuria lihat bagian pojok kiri bawah. ada apa itu ?
snoopy melompat-lompat ya ?
dan selanjutnya lihay pojok kanan atas. ada siapa disitu ?
twitty ya ?
sekarang coba kalian scroll kebawah/keatas, pasti mereka tetep berada disitu ya ?
hahhaha, request lagi dari Sinta pembaca setia blog saya ini. heheheh....

langsung saja saia kasih tau caranya.
1. hal yang wajib. (Login blog :D)
2. seperti biasanya (Rancangan > Edit HTML)
3. caro code ini :

]]></b:skin>


4. kemudian letakkan kode berikut ini tepat berada di atasnya code ]]></b:skin> :

#hanif_gambar_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }


5. jangan simpan dulu templatenya. sekarang tugas kamu adalah, cari code

</body>

6. klo udah ketemu taruh code berikut ini tepat berada pada atasnya

<div id="hanif_gambar_pojok">
<img src="URL GAMBAR YANG MAU KAMU TAMPILKAN TARUH DISINI" border="0" /></a>
</div>


ket :
untu yang berkedip silahkan ganti URL gambar yang kamu inginkan
contoh : http://google.com/gambardoraemon.jpg

setelah itu, silahkan di simpan....
bingung mau kasih gambar apa ?
nih saia punya sedikit koleksi.
silahkan di ambil....

ini gambar terkhusus buat Sinta hhehehehe...

Url : http://i.mnpls.com/1031/103123.gif


Url : http://bima.ipb.ac.id/~anita/peanut.gif


Url : http://bima.ipb.ac.id/~anita/images/WinnieThePooh50.gif


Url : http://bima.ipb.ac.id/~anita/Mimicing.gif


Url : http://bima.ipb.ac.id/~anita/butterfly.gif

mau gambar apa lagi ? silahkan request ya.
makasih.
Komentnya ditunggu :D

Cara membuat READ MORE

Request lagi nih dari Sinta. hehehhe, lagi-lagi Sinta, g ada yang laen apa ya ? hehehehe.....
sedikit info nih buat si Sinta atau buat yang baca ini tutorial.
g semua template itu bisa dikasih "Baca Selengkapnya" klo istilah Cepu itu Read More. hahahahaha......
agak sulit sebenarnya. tapi kalau kalian mau mencoba pasti bisa. 
terus ada lagi template yang Auto Read More. contohnya ? banyak..... nyari aja sendiri,
tapi kalau kasusnya kayak templatenya si Sinta ya wajib baca tutorial ini sampek abis. hehehe.
Untuk blognya si Sinta ini dia menggunakan template Doraemon. terus, itu template belom ada Read Morenya. nah.... sekarang ane kasih tau deh cara bikin itu Read More. kalau bahasanya si Sinta dari Jombang itu "Baca Selengkapnya" kwwkwkkwkwkw (Peace Sint).

udahlah, langsung aja kita ke TKP.
1. Login Blog. Ya iyalah, masak muw login FB ? hahahah...
2. Masuh ke Rancangan
3. Pilih "Edit HTML"
4. Centang tulisan "Expand Template Widget"

Klik untuk memperbesar
 5.  cari code ini  :

<p><data:post.body/></p>

klo g ada cari ini

<data:post.body/>

6. Udah ketemu ? terus ganti code seperti ini :

<b:if cond='data:blog.pageType == "item"'>
<style>.hanifreadmore{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.hanifreadmore{display:none;}</style>

<p><data:post.body/></p>

<a expr:href='data:post.url'>Read More......</a>
</b:if>

Ket :
untuk text warna merah itu bisa kamu ganti menjadi "Baca Selangkapnya..." atao apa lah, suka suka. :D

7. udah belom ? kalo udah buang aja ke jalan. hahahaha. klo udah, di Simpan hasil editan templatenya ya. udah tau kan caranya ? tinggal pencet tulisan "SIMPAN TEMPLATE"
8. terus.... pilih PENGATURAN (setting), kemudian FORMAT (formatting)
9. Pada kotak Template Entri (Post Template) isi code berikut :

<span class="hanifreadmore">


</span>


10. kemudian simpan.
11. Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", Naaaaahhhh kamu pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :

<span class="hanifreadmore">


</span>


8. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore") diatas kode ini :
<span class="hanifreadmore">

terus, setelah itu kelanjutan artikelnya taruh di bawahnya. atau di antara <span class="hanifreadmore"> dan </span>

faham ? atau bingung ?

ini contohnya :

INI CONTOH ARTIKEL YANG AKAN DITAMPILKAN SEBELUM TULISAN READMORE. NAH, JADI ARTIKEL YANG TAMPIL HANYA YANG BERADA DISINI SAJA
<span class="hanifreadmore">
TERUS, UNTUK ARTIKEL YANG BERADA DISINI, AKAN MUNCUL SETELAH READ MORE DI KLIK. FAHAM KAN?

</span>


masih bingung ?
hahahha.
silahkan hubungi yang punya blog ini saja,

semoga sukses kawan.....
di tunggu komennya :D

Cara Membuat Buku Tamu Melayang

Ada request ini dari temen ku si Sinta. kemaren malem dia abis nanya tentang cara bikin buku tamu yg di klik terus muncul itu loh yang ada di pinggir kanan.
rencana mau ane remote biar tau cara bikinnya. eeehhh koneksi tak bersahabat dengan kita. ya g sint ??? heheheh....
terus, mau ane posting tuh tutorial, eee lagi males :D
nonton TiPi deh. terus kagak tidur sampek pagi ini.
mumpung nganggur, plus bete, nulis tutorial deh buat temen-temen dan terkhusus dari yang request.

langsung saja masuk ke dasboard blogspot kalian. baca nih petunjuknya, jangan sampek kelewatan ya.
1. Pilih Rancangan
2. Elemen Halaman
3. Tambah Gadget
4. Pilih HTML/JavaScript
5.Terus untuk Judul g usah diisi, untuk konten silahkan isi sourcecode berikut ini :

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpUuHdBo2s-gqNoC0lEzSw05Qg4E6oR_OI_eyAtyunjF4HSW3-yAozskUvdTe-rwc1R3RStBLm8eFQNXY9ZUba3uyROmDtl0nKhCuZGXdMVtXbyacJT_8AmCO_ZskWWRsiFFop8rab2HY_/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<center>
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div><iframe frameborder="0" marginheight="2" marginwidth="2" height="350" src="http://www3.cbox.ws/box/?boxid=3031749&amp;boxtag=8848&amp;sec=main" id="cboxmain" style="border: 1px solid rgb(218, 218, 218);" scrolling="auto" width="95%" allowtransparency="yes" name="cboxmain"></iframe></div>
<div><iframe frameborder="0" marginheight="2" marginwidth="2" height="95" src="http://www3.cbox.ws/box/?boxid=3031749&amp;boxtag=8848&amp;sec=form" id="cboxform" style="border-style: none solid solid; border-color: -moz-use-text-color rgb(218, 218, 218) rgb(218, 218, 218); border-width: 0px 1px 1px;" scrolling="no" width="95%" allowtransparency="yes" name="cboxform"></iframe></div>
<!-- END CBOX --></center>

<br/>
<font color="00000">
Anda berminat buat Buku Tamu seperti ini?<br/>
Klik di
<a href="http://hanifspd.blogspot.com/2010/11/cara-membuat-buku-tamu-melayang.html">
sini </a></font>

<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>

</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>


Keterangan :
Untuk Kode yang berwarna merah

<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div><iframe frameborder="0" marginheight="2" marginwidth="2" height="350" src="http://www3.cbox.ws/box/?boxid=3031749&amp;boxtag=8848&amp;sec=main" id="cboxmain" style="border: 1px solid rgb(218, 218, 218);" scrolling="auto" width="95%" allowtransparency="yes" name="cboxmain"></iframe></div>
<div><iframe frameborder="0" marginheight="2" marginwidth="2" height="95" src="http://www3.cbox.ws/box/?boxid=3031749&amp;boxtag=8848&amp;sec=form" id="cboxform" style="border-style: none solid solid; border-color: -moz-use-text-color rgb(218, 218, 218) rgb(218, 218, 218); border-width: 0px 1px 1px;" scrolling="no" width="95%" allowtransparency="yes" name="cboxform"></iframe></div>
<!-- END CBOX -->


ganti dengan SourceCode Shoutbox kalian.
untuk daftar shoutbox silahkan baca artikel yang ini.

buat sinta, semoga sukses ya.
kalo masih bingung silahkan tanya lagi.

jangan lupa komentarnya kawan...

10 Fakta Fisika Yang Jarang Kamu Ketahui

http://scidiv.bellevuecollege.edu/physics/images/Physics4.GIF

Orang yang beranggapan sains membosankan, mereka salah. Berikut 10 alasan mengapa sains tak membosankan.

Menurut penulis We Need to Talk About Kevin, Marcus Crown, berikut 10 fakta fisika aneh itu:

1. Jika matahari terbuat dari pisang.
Matahari panas karena beratnya yang luar biasa, sekitar bermiliar-miliar ton dan membuatnya menjadi inti tekanan kolosal. Tekanan besar menimbulkan temperatur besar. Jika matahari terbuat dari pisang, maka beratnya akan bermiliar-miliar ton dan memiliki efek yang sama dengan matahari.

2. Semua materi pembuat ras manusia dapat masuk dalam kotak gula.
Atom merupakan 99,9999999999999999% ruang kosong. Jika semua atom dipaksa bersatu dan menghilangkan ruang di antaranya seperti kotak gula, maka massanya sekitar 10 kali massa manusia hidup. Hal ini serupa yang terjadi pada bintang netron, massa super padat peninggalan supernova.

3. Peristiwa di masa depan dapat mempengaruhi peristiwa di masa lalu.
Keanehan dunia kuantum didokumentasikan. Tetapi keanehan itu semakin aneh. Menurut eksperimen fisikawan John Wheeler dan peneliti lain pada 2007, perubahan partikel masa kini dapat mengubah partikel pada masa lalu.

4. Hampir sebagian besar semesta menghilang
Kemungkinan terdapat lebih dari 100 miliar galaksi di kosmos. Setiap galaksi memiliki 10 juta bintang. Matahari kita memiliki berat bermiliar-miliar ton. Materi ini merupakan materi terlihat di semesta.

Materi lain disebut 'materi gelap'. Materi ini masih butuh penjelasan dan tampaknya materi ini merupakan perluasan semesta.

5. Benda dapat bergerak lebih cepat dari cahaya.
Kecepatan cahaya konstan pada ruang hampa adalah 300 ribu km/detik, dan cahaya tak selalu melewati ruang hampa. Dalam air, foton bergerak sepertiga kecepatan awal. Dalam reaktor nuklir, beberapa partikel dipaksa bergerak dalam kecepatan tinggi bahkan lebih cepat dari cahaya.

6. Ada jumlah tak terbatas saat menulis dan membaca
Menurut standar model kosmologi saat ini, jumlah semesta yang dapat dihitung pun tak ada batasnya seperti buih. Namun, jumlah kemungkinan sejarah terbatas karena jumlah peristiwa terjadi juga terbatas.

7. Lubang Hitam tidak hitam
Lubang hitam memang sangat gelap, tapi tak hitam. Mereka bersinar dan memberi sedikit spektrum cahaya, temasuk cahaya yang dapat dilihat.

8. Penjelasan mendasar dari semesta tak termasuk masa lalu, kini atau masa depan
Menurut teori relativitas, tak ada hal seperti masa kini atau masa depan atau masa lalu. Bingkai waktu sangat relatif. Waktu kita sama karena kita bergerak pada kecepatan yang sama. Jika kita bergerak pada kecepatan berbeda, kita akan menemukan bahwa kita menua lebih cepat.

9. Partikel dapat mempengaruhi sisi lain semesta dalam sekejab
Ketika elektron bertemu kembaran antimateri, keduanya akan hancur dalam kilatan energi dan dua foton akan terbang dari ledakan itu.

Kembaran itu akan mulai berputar pada arah sebaliknya, dan secara instan kembaran di sisi lain semesta juga ikut berputar.

10. Semakin cepat bergerak, semakin berat
Jika Anda berlari dengan cepat, berat Anda akan bertambah. Tak permanen, tapi secara sesaat akan menambah sedikit berat. Menurut teori relativitas, massa dan energi adalah sama. Semakin banyak energi yang dikeluarkan, semakin berat massanya.

source: http://forum.vivanews.com/showthread.php?t=49955

Sekedar coretan untuk belajar bersam. disini saya tidak untuk bersaing, namun saya disini untuk melengkapi dan aling belajar bersama

About Me

Diberdayakan oleh Blogger.

Blog Archive

Rubrik

Follower

Shout

Layanan RSS Vivanews.com dapat diakses pada URL-URL berikut:

http://rss.vivanews.com/ Free Download Movie :