Membuat animasi kursor bertabur bintang di blogger

Mari kita belajar merias dan mempercantik blog kita dengan membuat dan menambahkan efek bintang bertaburan yang jatuh dari kursor atau pointer mouse yang berada di halaman blog kita. Ini adalah cara dan tutorial terbaru dan lengkap memberi animasi bintang berjatuhan dari cursor mouse Anda. Hal ini dapat kita manfaatkan untuk membuat pengunjung blog kita agar betah di blog kita.

Animasi bintang jatuh dari kursor ini akan terlihat saat pointer mouse atau kursor yang berada di halaman blog kita di gerakkan, semakin kursor sering digerakkan akan semakin banyak bintang yang jatuh berguguran. animasi ini sangat menarik sekali.

Bagi Anda yang suka mempercantik tampilan blognya dengan memodifikasi agar tampil keren, tentunya animasi bintang jatuh dari kursor ini dapat kalian terapkan di blog Anda, cara memasang animasi keren ini juga sangat mudah, tidak perlu masuk ke Edit HTML.

Jika Anda tertarik untuk memasang animasi cursor bertaburan bintang yang jatuh di blog Anda, ikuti panduan tutorial dibawah ini. Ikuti langkah demi langkah membuat dan sangat mudah sekali.

Membuat efek kursor bertabur bintang di blogger

1. Masuk ke Blogger dasboard

2. Pilih menu dropdown -> dan pilih Layout/tata letak.

3. Klik Add a Gadget dan pilih HTML/Javascript.

4. Masukkan kode berikut di dalamnya.

<script type='text/javascript'>
// <![CDATA[
var colour="#0000ff";
var sparkles=100;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="3px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="3px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

5. Kemudian klik Save untuk menyimpan.

Perhatikan kode berikut yang ada pada kode diatas: var colour="#0000ff"; itu adalah kode warna biru dari bintang yang jatuh bertaburan yang dihasilkan dari gerakan kursor Anda. Anda dapat merubahnya dengan kode warna HTML yang Anda sukai. Silahkan kunjungi halaman Kode Warna HTML untuk memilih warna html yang Anda sukai. dan jangan lupa beri Like dan +1 jika Anda suka dengan artikel ini.

JANGAN LUPA KOMENTAR YA SOOBB... :D jangan lupa JOIN THIS SITE

Read more »

Lyric, Kord Gitar Bruno Mars - Grenade

 

[Verse 1]

Dm
Easy come, easy go,
Dm
That's just how you live, oh,
Am
Take, take, take it all,
Am
But you never give.
Dm
Should've known you was trouble
Dm
From the first kiss,
Am
Had your eyes wide open.
Am
Why were they open?

[Refrain]

Dm
Gave you all I had and you tossed it in the trash,
Am
You tossed it in the trash, you did.
Dm
To give me all your love is all I ever asked, 'cause
Bb A
What you don't understand is

[Chorus]

Dm Bb F
I'd catch a grenade for ya (yeah, yeah)
C Dm Bb F
Throw my hand on a blade for ya (yeah, yeah)
C Dm Bb F
I'd jump in front of a train for ya (yeah, yeah)
C Dm Bb F - C
You know I'd do anything for ya (yeah, yeah)
(C) Bb C
Oh, oh, I would go through all of this pain,
F A Dm - C
Take a bullet straight through my brain!
(C) Bb A
Yes, I would die for ya, baby,
(A-pause)
But you won't do the same.


Dm - Dm - Am - Am
No, no no


[Verse 2]

Dm
Black, black, black and blue, beat me 'til I'm numb,
Am
Tell the devil I said "hey" when you get back to where you're from.
Dm
Mad woman, bad woman, that's just what you are,
Am
Yeah, you'll smile in my face then rip the brakes out my car

[Refrain]

Dm
Gave you all I had and you tossed it in the trash,
Am
You tossed it in the trash, yes you did.
Dm
To give me all your love is all I ever asked, 'cause
Bb A
What you don't understand is

[Chorus]

Dm Bb F
I'd catch a grenade for ya (yeah, yeah)
C Dm Bb F
Throw my hand on a blade for ya (yeah, yeah)
C Dm Bb F
I'd jump in front of a train for ya (yeah, yeah)
C Dm Bb F - C
You know I'd do anything for ya (yeah, yeah)
(C) Bb C
Oh, oh, I would go through all of this pain,
F A Dm - C
Take a bullet straight through my brain!
(C) Bb A
Yes, I would die for ya, baby,
(A-pause)
But you won't do the same.

[Bridge]

Gm
If my body was on fire,
Dm
Ooh, you'd watch me burn down in flames.
Gm
You said you loved me, you're a liar,
A
'cause you never, ever, ever did, baby!

(Dm - Dm - Am - Am/pause)

But, darling

[Chorus]

Dm Bb F
I'd still catch a grenade for ya (yeah, yeah)
C Dm Bb F
Throw my hand on a blade for ya (yeah, yeah)
C Dm Bb F
I'd jump in front of a train for ya (yeah, yeah)
C Dm Bb F - C
You know I'd do anything for ya (yeah, yeah)
(C) Bb C
Oh, oh, I would go through all of this pain,
F A Dm - C
Take a bullet straight through my brain!
(C) Bb A
Yes, I would die for ya, baby,
(A-pause)
But you won't do the same.

[Outro]

(Dm - Dm)
No, you won't do the same
(Am - Am)
You wouldn't do the same
(Dm - Dm)
Ooh, you'd never do the same
(Am - Am)
Ohh, no no no


JANGAN LUPA KOMENTAR YA SOOBB... :D jangan lupa JOIN THIS SITE

Read more »

Lyric, Kord Gitar Bondan Prakoso - Tak Terkalahkan

Reff:
C
Kau yang disana yang berjiwa lemah,
C
mendekat padaku! Raih tanganku!
C
Karena ku disini pantang menyerah,
F
bersatu kita kuat,
C
bersama kita hebat dan tak'kan terkalahkan!

C
We got to move on
bergerak on and on and on
you got to move in
com'on.. com'on.. com'on lets join! (2x)

C
bergerak, beranjak, merapat, melesat.
angkat semangatmu kawan,
kita dibarisan depan,
F
satukan tekad.. kita tak terkalahkan!
satukan langkah.. kita tak terkalahkan!

Reff:

K C
Kau yang disana yang berjiwa lemah,
C
mendekat padaku! Raih tanganku!
C
Karena ku disini pantang menyerah,
F
bersatu kita kuat,
C
bersama kita hebat dan tak'kan terkalahkan!

C
berkali kubilang khan
Jadi org harus optimis,
Mencari terang ditengah hujan,
Dont stop! jangan bergerak statis!

F
Jump..jump..Melangkah pasti
Pump..pump..ku terbang tinggi yo!
Yea that's true we can handle it
Unbreakable, we can break that shit!

C
Come on..Here We GO!
Satukan tangan, kita Let's GO!
I'm unbeatable, layaknya Chris John.
F
We gotta move on, bergerak on and on and on!
You gotta move in, come on.. come on.. come on.. lets join!

Dm
It's our time to make it right,
C Dm
to get everything tonight and fight for your rights.
Let the music take control,
G
let the music take your soul!

Reff:
K C
Kau yang disana yang berjiwa lemah,
C
mendekat padaku! Raih tanganku!
C
Karena ku disini pantang menyerah,
F
bersatu kita kuat,
C
bersama kita hebat dan tak'kan terkalahkan!

C
We got to move on
bergerak on and on and on
you got to move in
com'on.. com'on.. com'on lets join!

F
We got to move on
bergerak on and on and on
you got to move in
com'on.. com'on.. com'on lets join!

C
We got to move on
bergerak on and on and on
you got to move in
com'on.. com'on.. com'on lets join!

F
We got to move on
bergerak on and on and on
you got to move in
com'on.. com'on.. com'on lets join!

C
Tak Terkalahkan

JANGAN LUPA KOMENTAR YA SOOBB... :D jangan lupa JOIN THIS SITE

Read more »

Tutorial Mempercepat Booting/Startup Windows 7

Inilah cara dan tutorial terbaru mempercepat booting atau startup windows 7. Jika Anda memiliki Komputer atau laptop yang terinstall sistem operasi Windows 7 tentu akan sangat menjengkelkan jika PC Anda sangat lambat atau lemot, apa lagi saat pertama memulai menyalakan laptop Anda dan Anda harus menunggu waktu booting yang sangat lama yang membuat Anda sangat kesal dan jengkel.

Hal itu dapat kita atasi dengan mempercepat booting saat memulai windows 7 dengan beberapa panduan berikut ini yang dilengkapi dengan gambar tutorial yang akan memudahkan Anda. Pastilah semua orang memnginginkan agar komputer mereka dapat berjalan dengan cepat (tidak lemot) sehingga tidak menyita waktu serta tidak mengganggu aktifitas Anda.

Panduan tutorial ini telah saya coba dan terbukti laptop samsung AMD A6 saya yang menggunakan sistem operasi Windows 7 Ultimate 64-bit menjadi lebih cepat dan tidak lemot saat saya menyalakan laptop hingga masuk ke user login semua berjalan dengan cepat dan tidak memakan waktu saya. Ok langsung saja simak panduan tutorial dan langkah-langkah agar booting atau windows 7 startup menjadi lebih cepat dan ringan.

Sebenarnya terdapat banyak cara untuk menjadikan booting windows 7 tidak lemot. Namun disini saya hanya akan memberikan tutorial sesuai dengan pengalaman saya dan cara yang saya gunakan. Saya menggukan dua langkah saja dan itu sudah sangat berhasil dan maksimal di laptop saya.

Cara pertama adalah melalui konfigurasi Windows Boot Perfomance Diagnostic, Sebelum menerapkan konfigurasi ini, Anda harus mengakses group policy. Namun, sayangnya group policy ini tidak ada pada Windows 7 Starter dan Home Edition. Berikut langkahnya:

1. Klik Start - ketik "gpedit.msc" - lalu tekan Enter

2. Pada kolom sebelah kiri, pilih Computer configuration -> Administrative Template -> Systems -> Troubleshooting and Diagnostic -> Windows Boot Performance Diagnostic.

Kemudian Double klik pada Configure Scenario Execution Level yang berada disebelah kanan. 

3. Maka akan muncul kotak dialog konfigurasi Scenario Execution Level, Pilih Enabled. dan lihat pada Options: Pilih Detection Troubleshooting and Resolution.

4. Klik Ok untuk menerapkan perubahan. dan Selesai!

Namun jika dirasa dengan salah satu cara diatas masih kurang optimal atau masih sedikit lambat bootingnya. Anda dapat menerapkan cara kedua berikut ini.

Cara kedua adalah dengan melakukan konfigurasi pada Advanced Boot. Namun untuk dapat menerapkan konfigurasi ini hanya bisa dilakukan pada komputer atau laptop dengan prosesor lebih dari satu core (misalnya: dual core, core 2 duo, core i3, core i5, quad core, dll). 

Dengan menerapkan konfigurasi ini akan merubah jumlah core processor yang digunakan untuk booting. Jika secara default hanya 1 core yang digunakan, maka Anda dapat merubahnya menjadi jumlah maksimal core yang ada pada processor PC Anda. Berikut langkah-langkahnya:

1. Klik Start - ketik "gpedit.msc" - lalu tekan Enter

2. Setelah kotak dialog System Configuration terbuka, pilih tab Boot. Kemudian klik pada tombol Advanced Options...

3. Maka akan muncul kotak dialog BOOT Advanced Options, lalu klik (centang) pada Number of Processors:

4. Klik tanda panah ke bawah, dan pilih angka yang paling besar sesuai dengan jumlah maximum core.
5. Klik OK.
6. Klik OK.
7. Jika diminta restart, silahkan pilih terserah Anda. Ingin segera restart atau restart nanti.

Selesai! 

Sebenarnya lemot atau lambatnya proses booting terjadi karena beberapa fakor tertentu, Untuk itu sangat disarankan kepada anda untuk rajin melakukan perawatan komputer atau laptop anda agar tetap awet dan tidak cepat rusak. Semoga tutorial diatas bisa bermanfaat untuk Anda yang mengalami masalah seperti ini.

JANGAN LUPA KOMENTAR YA SOOBB... :D jangan lupa JOIN THIS SITE

Read more »

Cara Membuat Menu Melayang (Floating)

Cara Membuat Menu Melayang (Floating) - yaa sebener nya bukan menu sih, yang saya bagikan ini adalah judul blog melayang haha :D beda dikit gapapa,
 cara nya pun cukup mudah yuk langsung saja

• masuk ke blogger sobat
• langsung masuk template -> edit HTML
• masukan kode berikut diatas kode #header-wrapper { bla bla bla bla 

#top-menuwrapper {background: #FFFFFF;height: 60px;width: 100%;position: fixed;top: 0;left: 0;z-index: 999;overflow: hidden;border-bottom: 1px solid #f1f2f7;border-bottom: 1px solid #d2d2d2;}  #top-menuwrap, #top-menuwrap2 {width: 100%;margin: 0 auto;padding-left: 1%;padding-right: 1%;}  #top-menu {width: 100%;}  .logo {padding: 18px;float: left;font-family: 'Montserrat', Oswald;font-size: 160%;text-transform: uppercase;font-weight: 300;}  .logo a {color: #000;text-decoration: none;margin-top: -5px;}  .logo img {margin-top: 13px;}  .element {position: relative;}

•  dan sekarang untuk HTML nya masukan kode berikut dibawah kode <body>

<div id='top-menuwrapper'><div id='top-menuwrap'><div id='top-menu'><div class='logo'><a href='/'><span style='color:#FF0000;'>NAMA BLOG SAHABAT</span> - DESKRIPSI SINGKAT BLOG SAHABAT</a></div></div></div></div>

simpan template dan lihat hasil nya.
hasil nya jadi gak rapih ?
tambahkan kode margin-top: 50px; pada kode #content-wrapper
pada barisan kode #content-wrapper sudah ada kode margin ? jika sudah ada tambahkan -top: 50px pada margin
jadi nya seperti ini margin-top: 50px;
margin-top: 50px guna nya untuk mengatur jarak antara atas dan bawah
jangan lupa 50px nya diatur sendiri sehingga blog sahabat terlihat rapih

sekian dulu mohon maaf jika tulisan diatas kurang rapih / sulit di mengerti soal nya saya nulis nya buru-buru hahaha :D
jika mau tanya tanya silahkan kirim komentar :)

JANGAN LUPA KOMENTAR YA SOOBB... :D jangan lupa JOIN THIS SITE

Read more »

Mengenal Search Engine dan Cara Kerjanya

Mengenal Search Engine dan Cara Kerjanya - saya tergelitik  untuk mempelajari tentang Search Engine dan cara kerjanya. Namun daripada saya belajar sendiri, saya juga mengajak sobat untuk kita belajar bersama - sama atau bagi sobat yang sudah tahu mungkin bisa berbagi dengan memberi tambahan ilmu yang tentu sangat saya harapkan sebagai blogger amatir.

Sebelum kita lebih jauh mempelajari apa itu SEO, terlebih dahulu kita harus mengenal apa itu Search Engine dan bagaimana cara kerjannya. Hal ini penting sebagai dasar kita dalam mempelajari SEO untuk selanjutnya. Jika sobat belum mengenal Search Engine dan Cara Kerjannya maka pemahaman sobat tentang SEO tidak akan bisa maksimal meskipun sobat telah menggunakannya di dalam blog sobat.

Apakah Search Engine Itu?

Search Engine adalah suatu portal website yang menyediakan informasi pencarian data - data yang dibutuhkan pengunjung internet. Untuk mendapatkan informasi - informasi yang dibutuhkan, pengunjung internet masuk ke situs tersebut, kemudian memasukan kata kunci (keyword) pada sebuah kotak yang telah disediakan dan melakukan pencarian.

Maka setelah itu sobat akan disuguhi puluhan, ratusan hingga ribuan informasi halaman web yang sesuai dengan kata kunci yang sobat masukkan. Di internet kita mengetahui Website Search Engine yang populer adalah Google, Yahoo, Bing dan lain - lain.

Sesuai dengan fungsinya, keberadaan search engine sangat membantu kita untuk mencari suatu informasi yang berserakan di internet. Dengan search engine, sobat bisa mendapatkan informasi secara lebih spesifik tanpa harus mencari satu per satu informasi tentang website - website yang menampilkan sesuatu yang sedang sobat cari dan butuhkan itu.

Bagaimana Cara Kerja Search Engine?

Search Engine (Mesin Pencari) adalah sebuah program yang di desain untuk membaca kumpulan kata - kata yang diambil dari situs - situs web. Biasanya sebuah software (dikenal sebagai robot/spider) ditugaskan untuk membaca seluruh atau sebagian kata - kata disana (mungkin juga mengikuti link yang ada di situs tersebut). Hasilnya akan disampaikan di dalam sebuah indeks. Selain itu, Search Engine juga memperoleh keberadaansebuah situs dari URL yang di submit oleh pemiliknya. Beberapa waktu kemudian, robot/spider akan membaca situs tersebut dan hasilnya akan disimpan ke dalam indeks. Indeks inilah yang digunakan Search Engine untuk menjawab pertanyaan yang diajukan.

Bagaimana Spider Bekerja?

Spider, robot ataupun web crawler menelusuri internet dengan membaca historical list (misalnya dari daftar server yang ada di internet), kemudian membuat ranking diantara situs - situsnya. Berdasarkan urutan inilah spider menjelajah internet.

Bagaimana Search Engine Mengindeks?

Search Engine melakukan pengindeksan berdasarkan apa yang ada di situs (natural language). Tidak ada penyaringan lagi (kecuali untuk Meta Tag). Karena itulah search engine paling tepat jika digunakan untuk mencari informasi/konsep yang sudah jelas terdefinisi dan konsep tersebut sudah banyak digunakan.  Kita tinggal menyebutkan konsep/istilahnya, kemudian search engine akan memberitahukan dimana konsep itu berada. Namun ada juga search engine yang memiliki fasilitas tambahan, seperti Excite yang memiliki fasilitas penggunaan sinonim. Jadi, bila sobat mencari informasi cycling, Excite juga akan mencari bicycling di lain pihak, search engine juga memiliki informasi yang sudah tidak up-to-date lagi. Penyebabnya dalah search engine belum melakukan pengecekan ulang lagi. Keterbatasan search engine lainnya : tidak dapat memberikan informasi on-the-fly (yang dibuat karena eksekusi program).

Faktor - Faktor yang Menentukan Kehandalan Search Engine :

• Ukuran Database : Banyaknya URL dan kata - kata yang di indeks.
• Jenis Resource yang Diliput : Apakah hanya informasi dari web atau termasuk newsgroup dan ftp.
• Kedalaman Pengindeksan : Tidak mungkin seluruh internet bisa di indeks. Oleh karena itu, beberapa spider hanya membatasi pengindeksan untuk beberapa dokumen dalam satu situs. Ada juga yang hanya mencatat paragraf pertama, halaman pertama atau hanya 100 kata pertama.
• Fasilitas : Kini search Engine berlomba menawarkan penggunaan yang termudah. Mereka pun kini berlomba - lomba untuk menambah fasilitas - fasilitasnya yang lain.

Mungkin hanya ini yang bisa saya sampaikan untuk sobat semua. Jika ada dari sobat yang ingin menambahkan silahkan, karena saya juga ingin lebih mendalaminya dan untuk menambah pengetahuan saya tentang web. Semoga artikel ini dapat menambah pengetahuan dan pemahaman sobat semua. Salam blogger.

JANGAN LUPA KOMENTAR YA SOOBB... :D jangan lupa JOIN THIS SITE

Read more »

Cara membuat / memasang widget burung Twitter terbang di Blogger

Cara membuat / memasang widget burung Twitter terbang di Blogger, mungkin trik ini sudah tidak asing lagi bagi sobat dan sudah banyak sekali saya melihat blog yang sudah memasang widget burung Twitter terbang ini dengan berbagai macam style dan warna burung Twitter yang berbeda-beda, sekarang saya akan mengulas kembali khusus buat teman-teman blogger yang baru membuat blog dengan platform blogspot

Twitter adalah layanan jejaring sosial yang sangat populer sekarang ini selain Facebook dan Google+ dan tidak salah banyak orang yang beramai-ramai untuk menjalin koneksi melalui Twitter apakah itu untuk keperluan bisnis maupun hanya sekedar berteman saja, nah bagi sobat yang mempunyai blog tidak ada salahnya memasang widget burung twitter terbang ini selain membuat blog sobat cantik dan unik, widget ini juga mempermudah sobat untuk menjalin pertemanan baru dengan pembaca blog sobat, hanya dengan sekali klik pada burung twitter yang terbang maka akan otomatis terhubung dengan profile Twitter sobat,
Ok tanpa panjang lebar mari kita kupas bersama-sama cara memasang widget ini

Pertama-tama silahkan login di Blogger

• Klik Layout > Add Gadget > Html/Javascript
• Copy paste kode di bawah ini ke kolom Html/javascript

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgodevAwn838lUedpEDsURRX9zOr_AelOYHIcRCsLxHGhVTtTraLPnUA6xGYLKB8r1SMo-j1d3gW_slXasQzvoPYdh1OUwF9vAFR3fRzw_TQvQxx-X9bzYSrNLQyGV-eq5HACZ3JULmC-k/s1600/burung+twitter+terbang.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/iqbaltriyanto1";
var tweetThisText = "Twitter - UserID http://sembilanche19.blogspot.com/";
tripleflapInit();
</script>

• Ganti kode yang berwarna biru dengan nama pengguna (username) akun Twitter sobat
• Simpan dan lihat hasilnya

Warna Pilihan Burung Terbang Twitter

Untuk membuat warna burung Twitter yang lain sobat bisa mengganti kode yang berwarna merah diatas dengan kode-kode dibawah ini sesuai dengan warna pilihan yang sobat inginkan

Warna Kuning

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8mF8DZYZbSTE7GPa_LI7bgdZti3Q784t58rmnIAOXe0FPFG2L1Q5ekcLsoWGan_UCGU5nTOT4K_5JH5GeoWlkjPSgIGCTBJ7ATu-jR8sdnYHgvecPDRDFwiQ4B9hnJ-9hyphenhyphenUsm1N_oz2Y/s1600/yellow+bird.png

Warna Hitam

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9xBa3hu0llayPjozkURvGb1ssQYBf-4fvUsWHHv3smyat5_E2PxworBuqi0IJ8_9v2eOXMa2Ai-q65q5jRrRxjLlcXIbIdiq__97WK_6VL8ST9Vzr3b_vWKN31RBR4rqy51PZ74JObac/s1600/black+bird.png

Warna Biru

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMqwPaWsf_qoF4oH_uHsYif-wOVTqjF1egRaUNyZz4wtu6lTud7mhYRnRbQpmFEisXjn8DjzfzbybcMnKpBkrJY8CtB39ujcz8SwButXlGUNHKv-iNj4BAQakLWHNfN2Vgkif28lO0aXk/s1600/Blue+bird.png

Warna Coklat

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwTcLuCtftKTv5Pzaol5v4zNl-elJzz2U4ehLkGAd40QNtRbXUjnhpnlLW96BAX4e6Cpw9RgjCyFGX34UA8GXGuDyy2W2LqZTs6C7HFTb0JZjUr-v1uYOclrPAOfmrFMwD5tjuAQqskVw/s1600/brown+bird.png

Warna Hijau

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglY6S5sc0XVZLMi58nIgb1MXW4ORULX1emRVqunISQUA2LbzpKPVOjwMabnFa3YC2qnkk6eOrk6tf9_KuWe9LTND2-d2aiBvbOoe7QgS9esAjm8-_N1SdWWmizYE9FwhMU6MJ74kIRB3U/s1600/Green+bird.png

Warna Ungu

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibV5UB7X1xy83f43vtwT0D6HzR8gYAha0CnNfuWj5WckUUb6EG-p8UeY4xBeYapyUq9bn03331RSoasiIniTe7zPEMLFYwhwzglgQ47XfDuz5y6LgxlRy-7oc8W7Hck9rkQWvQpy0pu8c/s1600/purple+bird.png

Warna Putih

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpFMo2TOznj5MhbfEuBFAquBtIkMLijRyK0YNk0hqhLXgOh53_bZo7y9El9k3Rudat2ZKI8tCO7j6zU9jVTKBggjcHb5pHMWwqHuLSptz0cKuhCF2TCC4ikaCyITfqg9NHyD-IG1A5rAg/s1600/white+bird.png

Warna Merah

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKrHlx13-jvnhjd0izbL1mLoeBBfdZJqrIs8b_fG5dePE_BwoKlJ68tPVLcbTJnV1hqpBOKk9ReTDn6fXVNQHM4hwzQB78i97bCWukl0hS1eImzlKaNfq6-PI8wAeMIXBiGjJYkhgHjpA/s1600/red+bird.png

Dan terakhir jangan lupa disimpan
Good luck Sob..!

JANGAN LUPA KOMENTAR YA SOOBB... :D jangan lupa JOIN THIS SITE

Read more »

Cara Memasang Musik / Lagu AutoPlay di Blog

Berbagai macam widget dan gadget dapat dipasang di blog. Mulai dari Musik, MP3, Radio Online, Chat Box, Widget Melayang, Kalender, Animation, Game dan lain sebagainya. Pemasangan beberapa gadget tadi tergantung dengan kebutuhan pemilik blog.

Untuk anda pengguna blog dengan menggunakan blogger/blogspot, semua widget dapat dipasang dengan mudah. Tutorial Blogger kali ini akan membahas bagaimana Cara Memasang Widget Musik MP3 di Blogger. Banyak yang telah mengetahui cara pemasangan musik yang autoplay ini, karena hanya dengan menambahkan script HTML/Javascript sederhana.

Cara Memasang Widget Music / MP3 di Blog :
1. Login ke Blogger.com
2. Pilih blog anda yang ingin dipasang gadget MP3.
3. Klik Layout, lalu pilih Add a Gadget / Tambah Gadget pada elemen blog Anda.
          Disini anda dapat meletakkannya sesuai dengan keinginan. Bisa diletakkan di sidebar sebelah kanan.
4. Pilih HTML / Javascript.
5. Masukkan kode musik MP3 yang dapat anda cari di :
    Widget Musik Autoplay , Gadget Musik MP3 Blogger , Widgetbox Media Player
Untuk yang widgetbox harap lakukan registrasi untuk mendaftar terlebih dahulu.
6. Anda juga dapat menggunakan kode lagu di bawah ini jika anda menyukainya. ( Contoh Script )

# Pitbull - Give Me Everything

<center>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Get Free Music at www.divine-music.info"></a><br>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Get Free Music at www.divine-music.info"></a>
<br><br><b>
<a target="_blank" title="Get Free Music at www.divine-music.info" href="http://www.divine-music.info">Free Music</a> at divine-music.info</b><br>
<EMBED SRC="http://divine-music.info/musicfiles/01 Give Me Everything (feat. Ne-Yo,.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

Contoh diatas, saya menggunakan divine-music.info .

Cari judul lagu yang ingin anda pasang di blog, lalu copy kode nya dan paste di dalam langkah no.4 tadi.


Cara Memasang Musik / Lagu AutoPlay di Blog (Cara Kedua) :
1. Untuk mendapatkan kode lagu yang anda inginkan baik itu lagu Indonesia, Barat, Melayu, K-POP dan sebagainya. Silahkan masuk ke 4shared.com.
2. Kemudian Tuliskan dan cari lagu yang ingin anda pasang.
3. Download lagunya, lalu klik Pause. Copy link lagu tersebut dan masukkan pada kode berwarna merah disini.

<object data="http://static.4shared.com/flash/player/5.10/player.swf?file=http://dc280.4shared.com/img/3579932921/5703126b/dlink__2Fdownload_2FKjiZNVMe_3Ftsid_3D20130501-163924-ad3a3999_26dsid_3D3n6018.8e0f260b8292b888fbe862a91bd91ef3/preview.mp3&repeat=no&autostart=true" width="0" height="0" type="application/x-shockwave-flash"></object>

4. Simpan semua kode diatas dan letakkan pada widget anda. Caranya sama seperti menambahkan widget seperti diatas.

Untuk yang menggunakan IDM ( Internet Download Manager ) berikut ini adalah contoh gambar pengambilan url link. Sedangkan yang tidak menggunakannya, anda dapat mendownload lagunya terlebih dahulu, kemudian klik pause agar proses download berhenti. Setelah itu, klik kanan pilih Copy Download Link.

Dengan menambahkan widget mp3 musik ini, pengunjung dapat mendengarkan lagu dengan asyik

JANGAN LUPA KOMENTAR YA SOOBB... :D jangan lupa JOIN THIS SITE

Read more »

Cara Memasang Widget Alexa Rank di Blog

Oke, langsung saja saya akan menjelaskan bagaimana Cara Memasang Widget Alexa Rank di Blog. Caranya adalah Sebagai Berikut :

1. Langsung saja menuju situs Alexa.Com. Dan Klik Create Account di Pojok Kanan Atas.
   
   
2. Isi Form Registrasinya dengan Data diri anda yang Valid.
   
   
3. Klik Link Konfirmasi yang sudah dikirim ke Email anda.
   
   
4. Tentukan Password Anda.
   
   
5. Langsung saja menuju Dashboard. dan Klik Tombol Add it Now.
   
   
6. Pilih Plans and Pricing anda. Jika ingin Gratis, maka Pilih yang FREE. Klik tombol SIGN UP.
   
   
7. Isi dengan URL Blog anda. Contoh : sembilanche19.blogspot.com
   
   
8. Copy Kode seperti ada pada screenshoot dibawah ini (Kotak Merah). Lalu paste dibawah Tag Title <title>Judul Blog</title> pada menu Edit HTML.
   
   
9. Klik Verify My ID. Lalu Klik Continue
   
   
10. Isi Form Registrasinya.
    
    
11. Menuju ke Menu Product. Lalu Klik Tombol Seperti yang sudah ditandai Kotak merah. ada di Bawah.
    
    


12. Pilih Alexa Site Widgets.
    
    
13. Masukan URL Blog mu dan Klik Build Widget.
    
    
14. Pilih Widget yang anda suka. dan Copy Kodenya. Paste pada Widget HTML/Javascript. dan Selesai:)

JANGAN LUPA KOMENTAR YA SOOBB... :D jangan lupa JOIN THIS SITE

Read more »