Senin, 28 Februari 2011

Kalimat Penenang Saat Bertengkar

Couple in an argument (ThinkStock)
IchsanX news - Bertengkar dengan pasangan tidak harus selalu berakhir buruk. Banyak cara yang bisa Anda lakukan agar hubungan kembali hangat setelah pertengkaran terjadi.
Pertengkaran merupakan hal wajar bagi tiap pasangan. Tetapi yang terpenting adalah bagaimana Anda dan pasangan melewati proses tersebut dan kembali menjalani hubungan.
Berikut 22 kalimat yang bisa Anda ungkapkan, untuk menenangkan emosi, seperti dilansir dari Shine. Katakan saja salah satu dari kalimat berikut saat bertengkar dengan pasangan untuk menenangkan situasi dan menghangatkan hubungan kembali.
1. Cobalah mengerti sudut pandangku
2. Tunggu, bisa aku tarik lagi ?
3. Kamu tidak harus menyelesaikannya, cukup bagiku untuk berbicara denganmu.
4. Ini sangat penting untukku, tolong dengarkan.
5. Maaf, aku bereaksi berlebihan.
6. Aku melihatmu dalam posisi yang sulit.
7. Aku bisa melihat bagianku dalam hal ini.
8. Aku tidak berpikir seperti itu sebelumnya.
9. Aku bisa saja salah.
10. Kita bisa setuju atau tidak setuju dalam hal ini.
11. Ini bukan hanya masalah kamu, tapi masalah kita.
12. Aku merasa tidak dihargai.
13. Kita sudah keluar dari masalah utama.
14. Kamu telah meyakinkanku.
15. Tolong, tetaplah berbicara denganku.
16. Aku sadar ini bukan kesalahanmu.
17. Semuanya terkadang terlihat salah.
18. Aku juga membuat masalah makin besar.
19. Sebenarnya apa yang kita perdebatkan ?
20. Bagaimana caranya agar aku bisa membuat keadaan jadi lebih baik?
21. Maafkan aku.
22. Aku sayang kamu

USB Flashdisk Dengan Personal Pin Atau Password


Personal Pocket Safe USB Drive With PIN Protection Jika kamu seorang pelupa alias pikun, atau jika kamu sering berkunjung ke warnet dan flashdisk kamu tertinggal di tempat dimanapun dan ditemukan oleh seseorang, tentu saja flashdisk kamu pun sudah lenyap dan susah untuk kembali lagi.

Orang yang menemukan pun penasaran apa saja yang ada di dalam flashdisk yang ditemukan? Mungkin ini bukan masalah bagi sebagian orang, tapi bagi orang-orang yang sering menyimpan video filae rahasia dan data pribadi atau gambar-gambar XXX di Flashdisknya, itu adalah masalah besar, karena hal itu bisa membuat rahasia mereka terbongkar (rahasia suka menyimpan video porno, hehehehe).

Tapi jangan takut, kini ganti ajah flashdisk kamu dengan flashdisk personal PIN. buat kamu yang ingin kerahasiaan kamu aman di Flashdisk, kini sudah hadir Personal Pocket Safe USB Drive With PIN ProtectionUSB Flashdisk yang hanya bisa digunakan dengan menggunakan nomer PIN yang tentunya hanya kita yang tahu.

PIN USB flashdisk ini akan otomatis membuka semua lock data yang ada di dalam flashdisk, jadi tanpa menggunakan pin, semua data yang ada di dalam flashdisk tak akan bisa dibuka. Lalu bagaimana jika kita lupa kode PIN nya? jangan takut, kita bisa merestorenya di situs produsen flashdisk tadi.

Jadi buat kamu yang hobi menyimpan sesuatu yang rahasia, USB Flashdisk ini rasanya cocok untuk kamu, harga Personal Pocket Safe USB Drive With PIN Protection $99 atau sekitar 800 ribuan dengan kapasitas 8 giga, lumayan kan ? tapi jangan sampai hilang jaga baik-baik walau bagaimanapun...tetap ajah sayang iyakan...!

Jumat, 25 Februari 2011

10 Foto Profil Facebook Dengan Kreasi Yang Unik

Dari beberapa pengguna Facebook ada yang menunjukkan kreativitas unik dan oke dengan menggunakan tata letak pada halaman foto profil baru. Artis Prancis Alexandre Oudin (di bawah) telah diidentifikasi sebagai pencipta foto profil yang keren ini, dan desain seperti ini pun semakin banyak digandrungi para facebook maniac.

Banyak Orang telah menunjukan kreatifitas dengan pics profil mereka sejak foto profil pertama kali diluncurkan, dengan desain lainnya yang baru memungkinkan mereka untuk menciptakan animasi, tipografi dan sihir fotografi.

Mari kita lihat 10 dari profil Facebook terbaik dengan berbagai kreasi keren yang akan buat kamu sedikit terpukau, lihat di bawah ini. Dan jika kamu,agan-agan,facebook maniac mempunyai ide lebih gila lagi..coba tunjukan, ada yang lebih kreatif lagi dari profil-profil dibawah ini..? cekibrot..!










Gambar Yang Terakhir Dhaniels juga mencoba kreasi photo profil..hehe agak ribet juga sih..tapi hasilnya lumayan deh..!




Refrensi: http://www.dhaniels.com/2011/02/10-foto-profil-facebook-dengan-kreasi.html#ixzz1Ey3hj5y6

Cara Buat Foto Profil Jadi Animasi Di Twitter Dan Facebook

Cara membuat Foto Profil Di Twitter dan facebook Menjadi Foto Bergerak atau Animasi. sangat mudah sekali..cukup buat animasi dengan mengunakan 4 foto anda atau lebih untuk dibuat atau digabungkan menjadi animasi, jika tidak bisa membuat animasi kamu bisa memanfaatkan situs ini untuk membuat foto animasi gratis klik disini. Kemudian ikuti langkah berikut di bawah ini.

1. Buat foto animasi kamu di klik disini

2. Jika sudah selesai simpan foto animasi kamu dengan ukuran 128 x 128 dengan file.GIF

3. Masuk ke Account Twitter kamu lalu ganti foto profil kamu di twitter dengan foto animasi yang baru saja kamu buat.

4. Selamat Foto profile kamu sudah menjadi animasi

5. Kamu juga bisa lihat foto profile animasi Dhaniels di sini jangan lupa Followers yah thanks!!

Refrensi : http://www.dhaniels.com

Cara Buat Foto Profile Di Facebook Jadi Menyatu Dengan Foto Dinding

Artikel tentang " 10 dari profile Facebook terbaik bisa lihat disini", Terbesit ide untuk bikin tutorialnya, cara membuat Foto profil dan tata letak foto dinding jadi menyatu menjadi satu bagian. membuat foto Profil dan tata letak dinding jadi keren..

1. Pertama Print Screenshot FB kamu caranya tekan tombol Printscreen di keyboard. kemudian buka program PAINT di komputer kamu Start-Accsesories-Paint lalu tekan tombol Ctrl + V di keyboard kamu..screen shot sudah ada di program paint, lalu simpan file gambar file-save as dalam bentuk JPG

Klik gambar untuk perbesar
2.Sekarang buka program photoshop, kalau enggak punya bisa download Photoshop portable nya disini. jika sudah, buka file gambar screenshot FB kamu yang barusan kamu buat dengan nama layer Background.

Klik gambar untuk perbesar
3. Siapkan foto yang mau di edit dengan ukuran yang sesuai dengan area foto profil dan tata letak foto dinding di facebook kamu. lalu buka di photoshop, beri nama layer sesuka kamu kalau saya layer 1



Klik gambar untuk perbesar
4. Nah sekarang tinggal di edit atau digabungkan dengan screenshot FB.

5. Geser foto profile kamu, dengan menggunakan tool di sebelah kiri (Move tools) ke gambar screenshot Fb (layer background) untuk memperbesar kecil foto bisa menggunakan tombol Ctrl+T atau pada menu Edit-Free Transform. tinggal disesuaikan dengan area foto profile FB.

Klik gambar untuk perbesar
6. Kemudian di kotak layer isi nilai berikut ini dengan posisi pada layer 1, agar posisi foto dan screenshoot bisa sesuai (Foto menjadi transparant)

Klik gambar untuk perbesar
7. Jika sudah, kita potong satu-satu foto profile, dengan menggunakan Tool Rectangular marquee tool yang ada disebelah\kiri lalu buat area di setiap foto profil kamu lalu satu-persatu (lihat Garis-garis berkedip), caranya satu area satu layer, dengan menekan tombol Ctrl+C kemudian Ctrl+V. layer akan tercipta sendiri dengan nama layer,2,3,4,5,6,7 dengan layer 1

Klik gambar untuk perbesar
8. kemudian tekan layer 1 dan hilangkan gambar mata yang ada di sebelah teks layer 1, lihat gambar layer 2,3,4,5,6,7 sudah pada posisi masing-masing.

Klik gambar untuk perbesar
9. Untuk menyimpan gambar layer 2,3,4,5,6,7, tekan layer 2 lalu tekan tombol Ctrl+C kemudian file-New-pada kotak dialog langsung tekan tombol ok.





Klik gambar untuk perbesar
10. jika sudah, tekan tombol Ctrl+V. kemudian simpan gambar kamu dengan file.jgp. untuk layer 3,4,5,6,7 lakukan dengan langkah yang sama.


11. Sekarang kamu tinggal Upload Foto ke FB kamu.

12. Caranya tekan/ganti foto profil kamu, pada kotak dialog, upload foto kamu yang sudah dipotong-potong di Photoshop satu persatu dengan urutan yang sesuai (ingat urutannya harus sesuai) jika sudah, kembali ke Profil kamu..selesai deh..!

Klik gambar untuk perbesar
13.Jika foto pada tata letak dinding sudah ada foto terdahulu, tinggal hapus dengan menekan tombol X pada tata letak foto dinding kamu....

Klik gambar untuk perbesar
Untuk kreasi lainnya bisa lihat contoh-contoh Foto Profile Facebook yang unik dan keren lainnya klik disini


Refrensi : http://www.dhaniels.com

Menu Edit HTML Blogger Bermasalah

Ini tidak ada kaitannya dengan Belajar SEO Blogger seperti yang saya posting kemarin, tapi tentang menu Edit HTML blogger yang bermasalah.
Terjadinya sekitar kemarin sore, semua tombol yang ada pada menu Edit HTML bermasalah, yaitu jika di klik tidak berfungsi sama sekali. Tombol yang di maksud adalah tombol BERSIHKAN EDIT, PRATINJAU, dan SIMPAN TEMPLATE. Atau jika sedang mengupload template, tombol-tombol seperti PERTAHANKAN WIDGET, HAPUS WIDGET, serta tombol BATAL semuanya diam seribu bahasa walaupun di klik dengan menggunakan tenaga super.
tombol-blogger
Sudah menggunakan beberapa browser seperti Firefox, Google Chrome, serta Internet Explorer tetap saja. Sewaktu menggunakan internet explorer disana terdeteksi bahwa ada javascript yang error pada mesin blogger.
Ada yang mengalami? Ada solusi?
Pagi ini berharap masalah sudah selesai, namun ternyata masih tetap bermasalah. Coba jalan-jalan ke forum blogger, aih.. ternyata banyak yang mengalami hal yang sama.
Jika anda mengalami hal ini, tolong laporkan pada thread berikut :


Semakin banyak laporan, tentunya akan semakin di perhatikan sama pihak pengembang blogger karena menganggap masalah ini adalah masalah yang krusial dan tentunya akan segera di perbaiki.

Kamis, 24 Februari 2011

MEMASANG WIDGET ALEXA RANKS BUAT BLOG MENGGUNAKAN PONSEL

Sudahkah teman-teman memasang Widget Alexa Traffick Ranks diblog? kayanya kalau dilihat-lihat sich para blogger di wp.com sudah banyak yang pasang tuh, ya walaupun peringkatnya ada yang masih diatas 3 jutaan! Peringkat segitu sudah cukup lumayan lah untuk peringkat sebuah blog di wordpress.com, tapi banyak juga ko yang peringkatnya sudah di bawah 1jutaan. Berapapun peringkatnya gak ada yang larang buat pasang ni widget, makanya bagi yang belum… Buruan pasang sekarang juga! hehe :)
Baik, langsung saja ke pokok bahasan Bagaimanakah caranya memasang Widget Alexa Traffick Ranks Dengan Menggunakan Ponsel? ingat ini lewat ponsel bukan lewat komputer, sebab kalau lewat komputer ada trik tersendiri untuk memasangnya yiatu dengan memblok widget gambar tersebut dan seterusnya. Lagian sudah terlalu banyak blog yang membahasnya! :)
Kali ini saya akan coba membahas cara memasangnya dengan menggunakan ponsel.
Untuk kode widget Alexa Traffick Ranks sendiri memang berupa javascript dan kita ketahui bersama untuk blog wordpress.com tidak diperbolehkan untuk memasang jenis kode tersebut.
Lalu bagaimana trik memasangnya?
* Langkah Pertama
Kita dapat memasang Widget Alexa Traffick Ranks di blog menggunakan ponsel hanya dengan bantuan browser operamini 4.2 (minimal) download operamini Disini, dan cara-cara pasang widget Alexa Traffick Ranks ada dibawah ini :
1. Seperti biasa jalankan browser opera mini di ponsel anda kemudian log in ke Alexahttp://www.alexa.com/login/, jika belum punya akun Alexa silahkan mendaftar terlebih dahuluhttp://www.alexa.com/register/
2. Jika sudah login lalu klik menu Services → Get Traffick Widgets
3. Setelah itu masukan alamat url blog anda pada bagian kolom Alexa Site Stats Button
4. Terakhir klik tombol Build Widget.
Maka terbuka halaman baru dan tampilah 3 pilihan gambar beserta kodenya masing-masing, yang dimana kode tersebut berjenis javascript.
* Langkah Kedua
Abaikan saja kode javascript yang diberikan kemudian alihkan pandangan anda ke 3 pilihan gambar di samping kanan. Lalu pilih gambar/widget mana yang akan dipajang di blog nantinya, dengan cara :
1. Arahkan virtual mouse Operamini ke gambar yang akan anda pilih ( jangan diklik, arahkan saja tepat pada gambarnya )
2. tekan tombol angka 1 (satu) di ponsel anda
3. Pilih Buka gambar, maka otomatis membuka halaman baru untuk mendownload widget gambar tersebut, tapi jangan anda download ya.
4. Tekan lagi tombol angka 1 (satu) di ponsel anda → pilih Info Halaman terus Catat Alamat Url yang ditampilkan dilayar ponsel anda.
( Cara dilangkah kedua ini bisa diterapkan untuk mengambil/menampilkan gambar lainya yang berkode javascript )
* Langkah terakhir
Jika anda sudah mencatatnya, sekarang waktunya masuk atau login ke Dasboard/wp-admin blog anda, Kemudian langsung saja masukan url dibawah ini kedalam Widget Teks.
Dengan catatan :
ganti url berwarna Merah dengan Alamat Url yang telah anda catat tadi dan yang berwarna Hijau ganti dengan alamat url blog anda ) :

<a href="http://www.alexa.com/siteinfo/http://zankjex.wordpress.com“>
<img src="http://xsltcache.alexa.com/site_stats/gif/s/a/aHR0cDovL3phbmtqZXgud29yZHByZXNzLmNvbQ==/s.gif“></a>

5. Setelah itu, klik simpan dan lihat hasilnya.
Jika berhasil maka hasilnya seperti di bawah :
Mudahkan ! Kalo begitu, sekian dan selamat mencoba. :)
Simpan
dan
bagikan :

CARA MEMBUAT TAG CLOUD part II

Tag cloud sama dengan Label atau biasa disebut label cloud yaitu merupakan daftar kategori semua label yang digunakan untuk menandai suatu artikel. Untuk membuat tag cloud, anda harus pasang gadget label terlebih dahulu lalu membuat label pada setiap artikel atau postingan pada blog anda. Cara pasang gadget label dan cara membuat label, anda bisa lihatDISINI.

OK.... sekarang kita langsung cara membuat Tag cloud, Silahkan anda ikuti langkah - langkah dibawah ini:
1. Login ke blogger dengan ID anda.
2. Klik Rancangan.




3. KLik tab Edit HTML.





4. Klik tulisan Download Template Lengkap (back-up Template) agar template aman, bila terjadi kesalahan.
5. Klik tombol "Expand Widget Templates"





6. Cari kode di bawah ini atau yang mirip dengan kode ini :
]]></b:skin>

7. Copy kode di bawah ini dan taruh tepat diatas kode ]]></b:skin> :
/* Label Cloud Styles
----------------------------------------------- */
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:"" !important}

8. Kalau tadi diatasnya sekarang Copy kode di bawah ini dan taruh tepat dibawahnya kode ]]></b:skin>
<script type='text/javascript'>
// Label Cloud User Variables
var cloudMin = 1;
var maxFontSize = 20;
var maxColor = [0,0,255];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;
</script>

9. Simpan template.

10. Masih pada Edit HTML, silahkan anda cari kode yang mirip dengan kode di bawah ini (biasanya yang berbeda pada  id='Label1'). Dan alangkah baiknya backup terlebih dahulu template ke komputer anda agar template aman, bila terjadi kesalahan. :
<b:widget id='Label1' locked='false' title='cloud' type='Label'>
&lt b:includable id='main'>
<b:if cond='data:title'>
<h2></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>
</a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

11. Ganti kode diatas dengan kode di bawah ini :
<b:widget id='Label1' locked='false' title='Label Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>

<div class='widget-content'>
<div id='labelCloud'/>
<script type='text/javascript'>

// Don't change anything past this point -----------------
// Cloud function s() ripped from del.icio.us
function s(a,b,i,x){
if(a&gt;b){
var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
}
else{
var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)
}
return v
}

var c=[];
var labelCount = new Array();
var ts = new Object;
<b:loop values='data:labels' var='label'>
var theName = &quot;<data:label.name/>&quot;;
ts[theName] = <data:label.count/>;
</b:loop>
for (t in ts){
if (!labelCount[ts[t]]){
labelCount[ts[t]] = new Array(ts[t])
}
}
var ta=cloudMin-1;
tz = labelCount.length - cloudMin;
lc2 = document.getElementById('labelCloud');
ul = document.createElement('ul');
ul.className = 'label-cloud';
for(var t in ts){
if(ts[t] &lt; cloudMin){
continue;
}
for (var i=0;3 &gt; i;i++) {
c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
}
var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
li = document.createElement('li');
li.style.fontSize = fs+'px';
li.style.lineHeight = '1';
a = document.createElement('a');
a.title = ts[t]+' Posts in '+t;
a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';
a.href = '/search/label/'+encodeURIComponent(t);
if (lcShowCount){
span = document.createElement('span');
span.innerHTML = '('+ts[t]+') ';
span.className = 'label-count';
a.appendChild(document.createTextNode(t));
li.appendChild(a);
li.appendChild(span);
}
else {
a.appendChild(document.createTextNode(t));
li.appendChild(a);
}
ul.appendChild(li);
abnk = document.createTextNode(' ');
ul.appendChild(abnk);
}
lc2.appendChild(ul);
</script>

<noscript>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
</noscript>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

12. Simpan Template!
Selesai ! waaaah..... panjang bangeeeet........ (Jangan khawatir setiap tutorial blog Html Noer sudah teruji keberhasilannya).

Nah ..., sekarang Selamat Mencoba...
Semoga bermanfaat.

Mohon luangkan waktu anda untuk meninggalkan komentar anda ya..... Terima kasih.

Cara mudah Membuat Tag Cloud 3D untuk Blogger ( BARU / New Version !!! )

Selamat Datang di Weblog saya,Situs Web IchsanX
Dulu saya sampai pusing muter-muter cari cara untuk membuat Tag Cloud yang seperti Wordpress.3D yang bisa berputar-putar.kelihatan menarik jika dipandang.
heuheu,namun saya banyak menemukan artikel yang tidak bekerja (mungkin tutorialnya kadaluarsa)heuheu..
jadi saya coba buka Plugin WP Culumus.
dan cari perbedaan antara WP dan BLOGGER.(padahal pengen cari yang ringkes)heuheu..
Dan Alhamdulillah saya coba-coba berhasil juga..hehe.
Artikel ini saya buat untuk Anda yang hampir putus asa mencari cara membuat Tag Cloud 3D.
heuheu..
Langsung saya ya...tanpa basa-basi.
Buka Blogger Anda.
Pilih Design-->Page Elements
Pastikan Bahwa Anda telah membuat Tag Cloud(standart dari Blogger)seperti pada gambar.

Kalau Anda sudah pasang Tag Cloud Standart.
Tambahkan Gadget dengan cara klik Add a Gadget pada Page Elements
dan pilih Html/JavaSript

Sudah??
Masukan Kode ini

<center><h2 class="title">Tag Cloud</h2>
<div class="widget-content">

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<div id="wpcumuluscontent5733682">Flash tag cloud requires <a href="http://www.ichsanx.blogspot.com/">Flash Player</a> 9 atau lebih.
<script type="text/javascript">

/*
Tag Cloud untuk Blogger Buatan IchsanX.Blogspot.com
Email: ichsan.saputra@gmail.com
*/

var flashvars = {
tcolor: "0x000000",
tcolor2: "0x000000",
hicolor: "0x000000",
tspeed: "50",
distr: "true",
mode: "tags"
};
var params = {
allowScriptAccess: "always"
};

params.wmode = "transparent";

x = document.getElementById("Label1").getElementsByTagName("a");
trans = document.getElementById("Label1").style.display="none";

var tagcloud;

var url = "http://" + document.domain + "/search/label/";

for (var i = 0; i < x.length - 1; i++)
{
tagcloud = tagcloud + "<a href='"+encodeURIComponent(url + encodeURIComponent(x[i].innerHTML))+"' class='tag-link-24' title='15 topics' style='font-size: 8pt;'>"+x[i].innerHTML+"</a>";
}

flashvars.tagcloud = "<tags>"+tagcloud+"</tags>";

swfobject.embedSWF("http://www.taiphanmem.org/wp-content/plugins/wp-cumulus/tagcloud.swf?r=2520752", "wpcumuluscontent5733682", "245", "245", "9", "expressInstall.swf", flashvars, params);</script></div>
<span style="color: red; font-family: &quot;Trebuchet MS&quot;,sans-serif; font-size: xx-small;"><u><b></b></u></span><div style="color: red; font-family: &quot;Trebuchet MS&quot;,sans-serif;">
<span style="font-size: xx-small;"><u><b>Widget by: <a href="http://www.ichsanx.blogspot.com/">ichsanx.blogspot.com</a></b></u></span></div>
</div></center>

Letakkan kode diatas tepat dibawah Element Category/Label yg kamu pasang sebelumnya

Dan Lihatlah hasilnya..

Saya akan Update jika terjadi kerusakan pada Script.



Membuat Cursor Bertaburan Bintang

Membuat Cursor Bertaburan Bintang
Ada banyak sekali untuk meodifikasi atau membuat pernak-pernaik tentang cursor, yang sudah kita bahas saja ada mengubah cursor dengan gambar membuat teks yang berputar mengelilingi cursor. Dan kali ini belajar membuat cursor yang bertaburan bintang. jadi saat cursor kita bergerak akan turun bintang-bintang dari cursor. Ada beberapa warna bintang yang bisa kita pilih untuk ditampilkan di blog kita.

Cara Membuat Cursor Bertaburan Bintang
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan salah satu kode HTML sesuai warna yang kita inginkan berikut ini:

<script src="http://www.geocities.com/adestd40/bintangputih.js" type="text/javascript"></script>

<script src="http://www.geocities.com/adestd40/bintangbiru.js" type="text/javascript"></script>

<script src="http://www.geocities.com/adestd40/bintangmerah.js" type="text/javascript"></script>

<script src="http://www.geocities.com/adestd40/bintangungu.js" type="text/javascript"></script>

<script src="http://www.geocities.com/adestd40/bintanghijau.js" type="text/javascript"></script>

5. Simpan jika sudah selesai. 

Membuat Teks yang Berputar Mengelilingi Cursor

Setelah dulu kita telah belajar bersama bagaiamana mengganti cursor yang ada di blog kita dengan gambar, sekarang bagaimana kalau kita belajar yang masih terkait dengan cursor? Setuju :D

Ya kita kali ini akan belajar membuat teks yang berputar-putar mengelilingi cursor kita di blog. Tulisan yang yang mengikuti cursor yang kita gerak-gerakan kemana saja atau bahkan cursor itu diam. Dengan membuat teks yang berputar mengelilingi cursormembuat blog kita semakin indah dan cantik :)

Cara Membuat Teks yang Berputar Mengelilingi Cursor
1. Login ke blogger
2. Pilih tata letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:


<script>
//mouse
//Circling text trail- Tim Tilton
//Website: http://www.tempermedia.com/
//Visit http://www.dynamicdrive.com for this script and more
function cursor_text_circle(){
// your message here
var msg='Membuat Teks yang Berputar Mengelilingi Cursor'.split('').reverse().join('');

var font='Verdana,Arial';
var size=3; // up to seven
var color='#ff0000';

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 for just plain rotation w/out drag
var speed=.3;

// This is the rotation speed, set it negative if you want
// it to spin clockwise
var rotation=-.2;

// Alter no variables past here!, unless you are good
//---------------------------------------------------


var ns=(document.layers);
var ie=(document.all);
var dom=document.getElementById;
msg=msg.split('');
var n=msg.length;
var a=size*13;
var currStep=0;
var ymouse=0;
var xmouse=0;
var props="<font face="+font+" size="+size+" color="+color+">";

if (ie)
window.pageYOffset=0

// writes the message
if (ns){
for (i=0; i < n; i++)
document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+msg[i]+'</font></center></layer>');
}
else if (ie||dom){
document.write('<div id="outer" style="position:absolute;top:0px;left:0px;z-index:30000;"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="iemsg'+(dom&&!ie? i:'')+'" style="position:absolute;top:0px;left:0;height:'+a+'px;width:'+a+'px;text-align:center;font-weight:normal;cursor:default">'+props+msg[i]+'</font></div>');
document.write('</div></div>');
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;

function Mouse(evnt){
ymouse = (ns||(dom&&!ie))?evnt.pageY+20-(window.pageYOffset):event.y; // y-position
xmouse = (ns||(dom&&!ie))?evnt.pageX+20:event.x-20; // x-position
}

if (ns||ie||dom)
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
var y=new Array();
var x=new Array();
var Y=new Array();
var X=new Array();
for (i=0; i < n; i++){
y[i]=0;
x[i]=0;
Y[i]=0;
X[i]=0;
}

var iecompattest=function(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

var makecircle=function(){ // rotation properties
if (ie) outer.style.top=iecompattest().scrollTop+'px';
currStep-=rotation;
for (i=0; i < n; i++){ // makes the circle
var d=(ns)?document.layers['nsmsg'+i]:ie? iemsg[i].style:document.getElementById('iemsg'+i).style;
d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15+(ie||dom? 'px' : '');
d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2+(ie||dom? 'px' : ''); // remove *2 for just a plain circle, not oval
}
}

var drag=function(){ // makes the resistance
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (var i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);

}
makecircle();
// not rotation speed, leave at zero
setTimeout(function(){drag();},10);
}
if (ns||ie||dom)
if ( typeof window.addEventListener != "undefined" )
window.addEventListener( "load", drag, false );
else if ( typeof window.attachEvent != "undefined" )
window.attachEvent( "onload", drag );
else {
if ( window.onload != null ) {
var oldOnload = window.onload;
window.onload = function ( e ) {
oldOnload( e );
drag();
};
}
else
window.onload = drag;
}

}
cursor_text_circle();

</script>

5. Sebelum disimpan, ganti tulisan Membuat Teks yang Berputar Mengelilingi Cursor dengan teks/tulisan yang kita inginkan. 

Komentator Blog Ini