cara mengubah pointer atau cursor di Blog

Saya yakin, Anda pasti bosan dengan cursor berbentuk panah itu. Dengan trik kali ini, Anda bisa mengganti cursor panah tersebut dengan gambar-gambar yang menarik setiap kali blog Anda dibuka. Caranya pun sangat mudah.

Langsung saja, begini caranya:

1. Pilih tab “Tata Letak”.
2. Klik “tambah gadget” baik itu berada di bawah, atas atau samping.
3. Pilih “HTML/JavaScript”
4. Copy kode di bawah ini pada tempat pengetikan:


<style type="text/css">body {cursor:url("http://www.123cursors.com/freecursors/7676.gif"),default}</style>


5. Nah, ganti alamat cursor http://www.123cursors.com/freecursors/7676.gif tersebut dengan alamat cursor yang lain. Untuk mengetahui alamat cursor yang lain, kunjungilah www.123cursors.com dan pilih cursor yang Anda inginkan. Supaya lebih mudah, cari berdasarkan kategori. Bila Anda sudah menemukan, copy alamat cursornya dengan cara klik kanan pada gambar cursor tersebut, lalu pilih “copy image location”.
Mudah kan?

Baca Selengkapnya»»

cara membuat tulisan berjalan

Bagi para blogger yang doyan ngotak-ngatik blog-nya supaya tampil aktraktif, ciamik dan penuh daya tarik (tukang becak kali...), mungkin kepingin ada tampilan tulisan yang berkerak atau berjalan. Sebenarnya gampang saja kok membuat supaya tulisan tersebut bergerak/berjalan, kamu hanya cukup menambahkan perintah <marquee> di depan tulisan kamu dan menutupnya dengan perintah </marquee>.contohnya seperti ini

<marquee>TULISAN BERJALAN</marquee>

Masih belum puas? Ok, berikut akan disajikan tulisan seputar "Tulisan Bergerak" secara komplit supaya kamu bener-bener ngerti dan merasa puas.

Mengatur tingkat kecepatan

Untuk mengatur tingkat kecepatan bergerak, kamu tinggal menambahkan perintah scrollamount setelah perintah marquee, dengan nilai scrollamount ≠ 0 (jika nol tidak akan bergerak)contohnya/codenya:

<marquee scrollamount="2">TULISAN BERJALAN</marquee>
<marquee scrollamount="3">TULISAN BERJALAN</marquee>
<marquee scrollamount="4">TULISAN BERJALAN</marquee>

Semakin besar nilai scrollamount-nya, akan semakin cepat bergeraknya, demikian sebaliknya.

Mengatur arah pergerakan

Arah pergerakan marquee secara default akan bergerak dari kanan ke kiri (left). Kamu dapat mengatur arah pergerakannya dengan menambahkan perintah direction, seperti contoh berikut:

<marquee scrollamount="2" direction="right">TULISAN BERJALAN</marquee>
<marquee scrollamount="2" direction="up" width="100%" height="50">TULISAN BERJALAN</marquee>
<marquee scrollamount="2" direction="down" width="100%" height="50">TULISAN BERJALAN</marquee>

Khusus untuk perintah arah atas (up) dan bawah (down), sebaiknya kamu menambahkan perintah pengaturan lebar (width) dan tinggi (height) supaya tidak terlalu tinggi atau terlalu pendek.

Membuat tulisan bolak-balik

Bagaimana dengan tulisan bolak-balik? Untuk tulisan seperti ini kamu tinggal menambahkan behavior="alternate".contoh codenya seperti ini:

<marquee behavior="alternate">TULISAN BOLAK-BALIK</marquee>

Kamu juga dapat melakukan pengaturan tingkat kecepatan dan arah pergerakan pada tulisan bolak-balik ini. Caranya seperti yang dijelaskan di atas.

Membuat tulisan bergerak menjadi diam dan bergerak lagi

Jika tulisan bergerak kamu ingin diam jika ditunjuk oleh pointer mouse dan bergerak lagi setelah pointer mouse itu dijauhkan maka kamu harus menambahkan onmouseover="this.stop()" (perintah supaya berhenti) dan onmouseout="this.start()" (perintah supaya bergerak lagi) pada perintah-perintah tadi.contohnya codenya seperti ini:

<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">TULISAN BOLAK-BALIK</marquee>

Menambahkan background warna

Untuk menambahkan backgound pada tulisan, kamu cukup menambahkan perintah bgcolor="warna" (warna: red, blue, orange, green, dll) atau perintah bgcolor="#kode warna" (mengenai kode warna silahkan baca artikel ini) pada perintah-perintah tadi, seperti contoh berikut:

<marquee behavior="alternate" direction="left" bgcolor="orange"><b>TULISAN BOLAK-BALIK</b></marquee>
<marquee behavior="alternate" direction="right" bgcolor="#FDEAE8"><b>TULISAN BOLAK-BALIK</b></marquee>

Penambahan perintah <b> dan penutup </b> pada tulisan, supaya tercetak tebal. Jika kamu mau tulisan tercetak miring tambahkan <i>, dan garis bawah tambahkan perintah <u>.

Nah, sekarang sudah jelas kan? Kalo masih belum jelas, kebangetan tuh!!! Hehehe...
Ok deh, selamat mencobanya....

Baca Selengkapnya»»

Cara Memasukan Gambar Melayang Pada Blog atau Web

 Apa Kabar Sobat (AdaSpot) Kali ini saya akan membahas tentang gambar melayang.. contohnya seperti yang ada di kiri pojok bawah coba aja klik ... mau kan...
caranya mudah tinggal copas aja nih codenya ,,eeitz  jangan lupa simpan codenya dibawah </body> ..!!!

<script language="JavaScript" src="http://dinarcool.blogspot.com/" type="text/javascript"></script><script language="JavaScript" type="text/javascript">eXl1lXc('http://www.adiwidget.com/flash/dis-2.swf','bottom','0px','right','0px','123256','150','350','transparent','ffffff');</script>

Untuk Text yang berwarna merah anda bisa mengubahnya sesuai keinginan anda..
Dan untuk Text yang berwarna ungu anda bisa mengubahnya di adiwidget .

Selamat mencoba....Jangan Lupa Bilang Alhamdulilah kalau berhasil....bye-bye..

Baca Selengkapnya»»

Cara Menambahkan Read more/selengkapnya pada Blog

(Revisi: Solusi tanpa hosting file .JS) Fungsi Read More kali ini emang agak berbeda. Bila versi terdahulu kita harus meng-cut tulisan menggunakan cara manual dengan melakukan pemangilan fungsi <div class="fullpost">..</div> atau <span class="fullpost">..</span> dimana kode ini biasanya kita tanamkan secara manual kedalam halaman postingan. Untuk versi Auto Read More terbaru kali ini sepertinya lebih canggih lagi, karena fungsi pemenggalan kalimat langsung bekerja secara otomatis tanpa harus menambahkan kode diatas.


Trus..hebatnya lagi, fungsi Read More ini mampu menampilkan image pertama dalam postingan dan mem-fload image tersebut di awal paragraf awal, meskipun gambar yang kita letakan berada di tengah atau akhir postingan. Mungki lebih nyaman saya sebut saja dengan fasilitas image thumbnail.

Tidak hanya itu saja, kita dapat juga pengatur jumlah karakter yang ditampilkan. Disini ada 2 pilihan untuk jumlah karakter. Yang pertama, jumlah karakter yang ditampilkan jika ada image yang diikutsertakan dalam postingan dan yang kedua jumlah karakter tanpa image. Masih bingung maksudnya? sama..yang jelasin juga puyeng wkwkwkw  Ya sudah, biar sama2 gak pusing langsung ke tutorialnya saja ok.

Penting! Yang sudah memasang Read More versi lama sebaiknya di kodenya kembalikan dulu ke seperti semula, caranya hapus kode yang berwarna merah dibawah ini (Setiap template mungkin berbeda, jadi tinggal disesuaikan saja)


<div class='post-header-line-1'/>
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Readmore</a>
</b:if>
<div style='clear: both;'/>

OK, kalo sudah tinggal lanjutkan dengan tutorial dibawah.

Pertama, silahkan tuju langsung ke halaman EDIT HTML, Beri tanda checklist pada "Expand widget template" , Lalu Cari kode </head> kemudian letakan script dibawah ini di atas kode </head> Kalo sudah, jangan lupa di simpan terlebih dahulu.

Langsung copy paste aja kode dibawah ini:


<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>

<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

Masih pada halaman EDIT HTML, lalu temukan kode seperti dibawah

<data:post.body/>

Kalo sudah, ganti kode <data:post.body/> dengan semua kode dibawah ini

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

silahkan disimpan dan lihat hasilnya :)

Keterangan:

var thumbnail_mode = "float";  (kita dapat memutuskan apakah letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (no-float)
summary_noimg = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail)
summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail)
img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)
img_thumb_width = 120; (Thumbnail 'lebar dalam piksel)

Baca Selengkapnya»»

4 Manusia Teraneh Di Dunia (Versi AdaSpot)

1. Juan Baptista dos Santos – Pria dengan Dua Penis

Jean (atau Juan) Baptista dos Santos dikatakan telah menjadi seorang “Gipsey”, lahir di Faro, Portugal di 1843. dari suami-istri normal dengan dua anak normal lainnya. Karirnya di pertunjukkan diawasi oleh tim medis. Tahun 1865, dia menghasilkan 200 franc untuk tampil dengan sirkus di Perancis selama dua tahun. Dia memiliki dua penis yang berfungsi dan tigascrota, dua bagian yang punya satu testis. Dos Santos mengatakan dulunya dalam scrotum tengahnya juga terdapat sepasang testis, tapi sekarang telah menyatu dengan perut saat dia berumur 10 tahun.

2. Myrtle Corbin – Wanita Berkaki Empat

Josephine Myrtle Corbin lahir di Lincoln Country, Tennesee tahun 1868. Dia lahir di Pygus, punya dua panggul terpusah bersebelahan dari pinggang. Kaki tambahan ini adalah bagian dari kembarannya yang nggak terpisah dengan benar, seperti Frank Lentini yang punya tiga kaki. Setiap kaki kecilnya sepasang dengan kaki yang besar, Dia mengatakan bisa menggerakkan kaki kecilnya, tapi nggak cukup kuat buat berjalan. Dia memiliki 4 orang putri dan 1 orang putra.

3. Mary Ann Bevan – Wanita Terjelek

Mary Ann Webster lahir di London, Inggris tahun 1874, dengan 7 orang saudara. Saat muda, dia bekerja sebagai perawat dan tahun 1903 menikah dengan seorang penjual sayuran, Thomas Bevan. Tidak lama setelah menikah, Mary Ann mulai memperlihatkan gejala acromegaly, pembesaran karena pertumbuhan abnormal dan kelainan fungsi di wajah, seperti sakit kepala, penglihatan kabur dan sakit otot dan sendi. Dia punya 4 orang anak sebelum Thomas (suaminya) meninggal dunia di tahun 1914.

4. Madame Clofullia – Wanita Berjanggut

Madame Clofullia lahir dengan nama Josephine Boisdechene di Switzerland. Kata orang, dia lahir dengan tubuh berambut dan punya janggut setebal 2 inci di umur 8 tahun. Di umur delapan, dia mulai melakukan tur di Eropa bersama ayahnya. Di Paris, dia bertemu pelukisFortube Clofullia dan lalu menikah dengannya. Dia menjadi terkenal karena menunjukkan janggutnya saat meniru punya Napoleon III. Lalu, penguasa daerah itu memberinya permata yang sangat besar.

Baca Selengkapnya»»