Tampilkan postingan dengan label blogger. Tampilkan semua postingan
Tampilkan postingan dengan label blogger. Tampilkan semua postingan

Rabu, 22 Juni 2011

0 cara mengganti logo blogger.

Pernah lihat logo para blogger yang memakai logo sendiri (default logo blogger.com mirip huruf B)??? Lama-lama jadi pingin juga ganti logo pakai image buatan sendiri, jadi sekarang kubuat logo atau gambar dengan ukuran width : 20px dan height : 20px, simpan dengan format gif.
Kemudian upload photo/gambar yang sudah diedit tadi ke situs penyimpan gambar. Supaya ga usah daftar lagi gunakan aja yang punya google, picasaweb.google.com tinggal masukkan ID Email dan sandi gmail.
Atau bisa juga disimpan di photobucket.com dan yang lainnya.
Copy / ambil kode link gambar yang sudah anda upload

(misal : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwyytsxyufdjf5Akt7CpRayGPdWrLm0-mmhYCTx2OH5uMkcGKx7hf1ex3Q6oOY4OSHrb1bpdhmjzXrrK3eG0x6HcijOIBQnyrKLErlIR0VTYrcKgvqvoLhtrmyW8yNJPUTDaca1CzE40g/s800/bendera%20indonesia.gif )

Cari kode html berikut di template blog anda :

<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[

(untuk lebih cepat gunakan ctrl F saat mencari di Edit HTML blog anda)

Copykan kode berikut diantara kedua kode diatas :

Jumat, 10 Juni 2011

0 JuduL blog Keren

mau buat judul blog loe lebih keren kaya' judul blog gue tu...
cara nya gampang ko'
langsung aja :

-login dulu
-pilih tata letak letak
-pilih edit html
-beri tanda centang pada Expand Template Widget
-copy script di bawah :


<script type="text/javascript">
//<![CDATA[

var message = new Array() // leave this as is

message[0] = "Welcome to my Blogger !";
message[1] = "yOu Was EnTeREd To HeLL aReA";
message[2] = "bUt, YoU wIll nOt DeAtH hErE";
message[3] = "jUst keEp EnJoY !!";
message[4] = "Don't fOrgEt...";
message[5] = "LeaVe mE a cOoL cOmment !!";

var reps = 2

var speed = 100

var p=message.length;
var T="";
var C=0;
var mC=0;
var s=0;
var sT=null;
if(reps<1)reps=1;
function doTheThing(){
T=message[mC];
A();}
function A(){
s++
if(s>9){s=1}

if(s==1){document.title='[D====] '+T+' [====D]'}
if(s==2){document.title='[=E===] '+T+' [===E=]'}
if(s==3){document.title='[==D==] '+T+' [==D==]'}
if(s==4){document.title='[===Y=] '+T+' [=Y===]'}
if(s==5){document.title='[====>] '+T+' [<====]'}
if(s==6){document.title='[===Y=] '+T+' [=Y===]'}
if(s==7){document.title='[==D==] '+T+' [==D==]'}
if(s==8){document.title='[=E===] '+T+' [===E=]'}
if(s==9){document.title='[D====] '+T+' [====D]'}
if(C<(8*reps)){
sT=setTimeout("A()",speed);
C++
}else{
C=0;
s=0;
mC++
if(mC>p-1)mC=0;
sT=null;
doTheThing();}}
doTheThing();
//]]>

</script>


-letak kodenya diatas <head>
-lihat hasilnya .....

Selasa, 07 Juni 2011

0 Cara Memberi Background pada Komentar Admin Blogger.com

Apakah tampilan komentar pada blog anda sama saja antara anda sebagai admin dengan para pengunjung? Sehingga pengunjung yang baru mampir ke blog anda dan ingin mengikuti alur diskusi jadi bingung menebak siapa sebenarnya pemilik dari blog anda. Begitu juga mereka yang ingin melilhat balasan anda jadi sulit melihat secara sepintas dibaris mana balasan dari komentar anda. Tapi dengan membedakan backgroundnya, maka dengan sekilas pandang baik pengunjung apalagi anda akan sangat mudah menebaknya.

Nah, jika anda tertarik, anda bisa ikuti beberapa langkah dibawah ini:

1. Masuklah ke halaman
Dasbor blog anda lalu klik Rancangan.

Cara Memberi Background pada Komentar Admin Blogger.com

2. Kemudian klik pada
Edit HTML.

Cara Memberi Background pada Komentar Admin Blogger.com

3. Untuk berjaga-jaga jika terjadi kesalahan sebaiknya backup dulu template anda dengan mengklik
Download Template Lengkap.

Cara Memberi Background pada Komentar Admin Blogger.com

4. Kemudian carilah kode:
]]></b:skin>
6. Kemudian copylah kode dibawah ini tepat di atas kode tersebut:

.comment-body-admin{background:#edf0f3;border:0px solid #dddddd;margin:0.3em 0;padding-top:1px;padding-right:15px;padding-bottom:3px;padding-left:35px;font-weight:normal;font-size:11px;color:#000000;line-height:15px;text-align:justify;letter-spacing:-0.02em;}

8. Jika sudah jangan lupa klik SIMPAN TEMPLATE dan tunggu hingga proses selesai.

Cara Memberi Background pada Komentar Admin Blogger.com

9. Sekarang anda sudah bisa melihat hasilnya dengan mengklik
Lihat Blog.

Cara Memberi Background pada Komentar Admin Blogger.com

9. Sebagai contoh hasilnya akan terlihat seperti di bawah ini:

Cara Memberi Background pada Komentar Admin Blogger.com

Selamat mencoba dan semoga berhasil!

2 Cara Memasang Tombol Share Facebook dan Twitter pada Blog

Tombol share ini sangat penting artinya pada sebuah blog. Jika tulisan anda sangat bermanfaat dan berarti bagi pengunjung, maka refleks biasanya mereka juga akan tertarik untuk mensharenya pada teman-temannya yang ada di situs jejaring sosial yang dia ikuti (Facebook dan Twitter). Maka semakin banyak pengunjung yang melakukan hal ini maka juga akan semakin banyak kemungkinan pengunjung masuk ke blog kita.

Secara default sebenarnya blogger,com sudah menyediakan tombol share ini. Tapi ketika blog kita sudah ganti template dari pihak ketiga, ada kalanya pada template tersebut tidak menampilkan tombol share. Untuk itu bisa kita akali dengan cara melakukan penyisipan ke dalam template tersebut. Caranya adalah sebagai berikut:

1. Masuklah ke halaman
Dasbor blog anda lalu klik Rancangan.

Cara Memasang Tombol Share Facebook dan Twitter pada Blog

2. Kemudian klik pada
Edit HTML.

Cara Memasang Tombol Share Facebook dan Twitter pada Blog

3. Untuk berjaga-jaga jika terjadi kesalahan sebaiknya backup dulu template anda dengan mengklik
Download Template Lengkap.

Cara Memasang Tombol Share Facebook dan Twitter pada Blog

4. Kemudian jangan lupa centang pada


Cara Memasang Tombol Share Facebook dan Twitter pada Blog

5. Kemudian carilah kode:
<data:post.body/>
6. Agar lebih mudah mencarinya tekan (Ctrl + F) pada keyboard lalu tekan Enter. Maka akan muncul kotak Find. Ketiklah kode yang akan dicari pada kotak tersebut lalu tekanEnter, maka secara otomatis akan muncul kode yang dicari dalam keadaan terseleksi dengan warna hijau.


7. Kemudian copylah semua kode di bawah ini tepat di bawah kode tersebut:

<br><a expr:href='&quot;http://www.facebook.com/share.php?u=&quot;+data:post.url' expr:title='&quot;click to share on facebook: &quot;+data:post.title' rel='nofollow' target='_blank'><img alt='share on facebook' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzmQndVBGSROTPYcXjioDNlqhyYjY4GzMM7LsdmOBLUfEacynMTN48BRyaOhqfAxCvuSw7vOgMOtDhcnvugCKUGgpgcWKOW5lMvV0OZ1CX06PbaNk4GV1_V_Lk4TTQe-5s4T3lG6f4H8Dv/s1600/jiox-fshare.gif'/></a><a class='twitter-share-button' expr:data-url='data:post.url' expr:title='&quot;share on twitter: &quot;+data:post.title' href='http://twitter.com/share' rel='nofollow' target='_blank'><img alt='share on twitter' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivbKzC9-cYhumwknl0eWLc1CFMHTy0lcCYVpvIY21JsuL4fTWdBFpN0kKkk37cerctYYeovsm_o9Vr0QzzlZNohv5rjAfb19cFvx57EXaLJTTPLpmUYUss50STNbmFJZCHeRomf2YSdSvV/s1600/jiox-tshare.gif'/></a></br>

8. Sehingga hasilnya menjadi seperti ini:

<br><a expr:href='&quot;http://www.facebook.com/share.php?u=&quot;+data:post.url' expr:title='&quot;click to share on facebook: &quot;+data:post.title' rel='nofollow' target='_blank'><img alt='share on facebook' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzmQndVBGSROTPYcXjioDNlqhyYjY4GzMM7LsdmOBLUfEacynMTN48BRyaOhqfAxCvuSw7vOgMOtDhcnvugCKUGgpgcWKOW5lMvV0OZ1CX06PbaNk4GV1_V_Lk4TTQe-5s4T3lG6f4H8Dv/s1600/jiox-fshare.gif'/></a><a class='twitter-share-button' expr:data-url='data:post.url' expr:title='&quot;share on twitter: &quot;+data:post.title' href='http://twitter.com/share' rel='nofollow' target='_blank'><img alt='share on twitter' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivbKzC9-cYhumwknl0eWLc1CFMHTy0lcCYVpvIY21JsuL4fTWdBFpN0kKkk37cerctYYeovsm_o9Vr0QzzlZNohv5rjAfb19cFvx57EXaLJTTPLpmUYUss50STNbmFJZCHeRomf2YSdSvV/s1600/jiox-tshare.gif'/></a></br>

9. Jika sudah jangan lupa klik SIMPAN TEMPLATE dan tunggu hingga proses selesai.

Cara Memasang Tombol Share Facebook dan Twitter pada Blog

10. Sekarang anda sudah bisa melihat hasilnya dengan mengklik
Lihat Blog.

Cara Memasang Tombol Share Facebook dan Twitter pada Blog

11. Sebagai contoh hasilnya akan terlihat seperti di bawah ini:

 Cara Memasang Tombol Share Facebook dan Twitter pada Blogborder=


Selamat mencoba dan semoga berhasil!

Senin, 06 Juni 2011

0 memasang tombol share to facebook

Selain facebook like yang sudah pernah saya bahas sebelumnya,Facebook juga memperkenalkan widget lain yang cukup terkenal yaituFacebook share.

Sesuai namanya, widget ini berguna untuk membagikan sebuah halaman situs ke
profil facebook.

Lalu apa bedanya antara Facebook like dan Facebook share?


Secara umum kedua widget tersebut sama-sama berguna untuk membagikan sebuah halaman situs ke Facebook. Sebagai contoh anda menyukai postingan ini maka anda bisa membagikan halaman ini ke teman facebook anda dengan menekan tombol facebook like atau facebook share.

Nah yang berbeda adalah cara penyajiannya. Jika anda membagikan melaluifacebook like maka halaman ini akan muncul pada menu 'recent activity' sedangkan dengan facebook share halaman akan muncul pada menu 'News Feed'.

Agar lebih jelas perhatikan screenshot berikut:

Contoh tampilan posting yang dibagikan melalui facebook like

facebook like
Contoh tampilan posting yang dibagikan melalui facebook share

facebook share
Ok... sudah jelas ya perbedaannya. Sekarang mari kita pelajari cara memasang tombol facebook share dalam postingan blog. Untuk cara memasang tombolfacebook like bisa anda baca
disini.

1. Buka blogger. Masuk ke menu
Design->Edit HTML

2. Beri centang pada 'Expand widget templates'

3. Cari kode
<data:post.body/>

4. Kalau anda menemukan
dua kode <data:post.body/> maka pilih yang pertama

5. Letakkan salah satu kode tombol facebook share berikut ini dibawah kode
<data:post.body/> jika anda ingin memasang tombol fshare dibawah postingan atau letakkan diatas <data:post.body/> jika anda ingin memasang diatas postingan.

Tombol Fshare tanpa counter

tombol fshare tanpa counter

Kode:

<a name="fb_share" type="button" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

0 Memasang Tombol Like Facebook Di Blog

Beberapa waktu yang lalu saya pernah mengulas tentang cara mempromosi blog dengan memasang feed blog di Facebook.

Dengan cara ini maka semua postingan blog anda akan muncul di halaman profil Facebook sehingga dapat dinikmati oleh teman facebook anda.

Pada postingan ini saya akan membahas tentang teknik lain untuk menyebarkan artikel blog anda di Facebook yaitu dengan
memasang tombol like Facebook pada postingan blog anda.

Keuntungan memasang tombol like ini adalah pembaca dapat dengan mudah berbagi postingan yang mereka sukai kepada teman facebook mereka hanya dengan satu
klik. Dan sebagai pemilik blog, anda juga mendapat keuntungan berupa tambahan trafik dari pembaca yang mengelink artikel anda di profilFacebook mereka.

Nah bagi anda yang tertarik memasang tombol like ini, silahkan ikuti langkah- langkah dibawah ini:

1. Buka Blogger. Masuk ke menu
Design -> Edit HTML

2. Beri centang pada "Expand Widget Templates"

3. Cari kode
<data:post.body/>

4. Jika anda menemukan
dua kode <data:post.body/> maka pilih yang pertama

5. Letakkan kode berikut ini dibawah
<data:post.body/> jika anda ingin memasang tombol like dibawah posting atau letakkan diatas <data:post.body/> jika anda ingin memasang tombol like diatas posting

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' height='30' scrolling='no' style='border:none; overflow:hidden; '/>

0 Cara Membuat Modus Hemat Energi (Stand By) Di Blog


Saya kira cuma listrik yang bisa hemat energi, ternyata di blog jg ada istilah hemat energi, hahaa... entah apa pengertian rincinya tentang hemat energi ini, tapi menurut saya ini seperti mode stand by gitu. kalau sobat masih bingung coba aja open new tab blog saya ini dan biarkan kira-kira 1menit, dan lihat kembali tab yang td di buka, contohnya seperti itu. bila sobat berminat silahkan ikuti langkah-langkah berikut ini.

Gambar


Langkah-langkahnya :

1. Login ke akun blogger Sobat

2. Pilih Rancangan

3. Klik Edit HTML, dan centang pada kotak "Expand Template Widget"

4. Carilah kode </head>

5. Copy pastekan kode di bawah ini tepat di atas kode </head>

<script language="javascript" type="text/javascript" src="https://sites.google.com/site/kodeblogger/javascript/energy.js?lang=id"> </script>

0 Membuat Spoiler Sederhana Pada Blog

Mungkin sudah banyak yang membahas tentang cara membuat spoiler. Coba saja search di Mbah Google. Namun saya akan mencoba membahas dengan cara saya yang lain. Ketika kita menulis artikel yang lumayan panjang dan mencantumkan beberapa gambar, apalagi gambar tersebut memakan memori yang cukup besar a.k.a BW a.k.a Bandwith Killer. Yaitu menyebabkan loading menjadi lama alias lama.

Kalau kita melihat di forum-forum seperti : Kaskus, Indowebster, dll. Maka, untuk mengatasi hal tersebut di buatlah spoiler. Jika di Kaskus untuk menampilkan sebuah spoiler hanya mengetikan tulisan :
[spoiler=judul spoiler] isi judul [/spoiler]. Apakah bisa kita terapkan hal seperti itu di blog? Jawabannya tentu bisa, kita hanya perlu mengcopy-paste artikel di bawah ini :

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i>Judul Spoiler </i><input value="Show" style="margin: 0px; padding: 0px; width: 80px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="">

Isi Posting / Artikel

</div></div></div></div>

contoh


Judul Spoiler




Isi Posting / Artikel

1 Cara pasang gadget translator di blog

widget translate google ini penting untuk dipasang di blog kita, karena siapa tau ada orang bule atau negro yang nyasar ke blog kita, trus mampir untuk meliht-lihat isi dri blog kita, nah lho.. Selain itu translate ini bisa juga kita gunakan untuk belajar bahasa asing, mantap khan. kemudian google translate ini juga lumayan untuk memperganteng (mempercantik dah biasa) blog kita.

Ada dua variasi gambar yang bisa sobat pasang di blog.

pertama translate dengan gambar bendera dengan efeks bayangan
silahkan copy script translate bendera berkibar
disini

cara pasangnya
1. Masuk blogger
2. Rancangan (Design)
3. Tambah Gadget ->lalu klik 'HTML/JavaScript Tambah'
4. Simpan (paste) script yang dicopy tadi di atas.
5. Klik simpan.. selesai

semoga berguna sobat..

0 Membuat link pelangi pada blog

Link merupakan salah satu bagian blog yang paling banyak modifikasinya. Salah satunya adalah memberikan efek pelangi begitu lnik disorot. Bagi yang inginmembuatnya langsung saja ikuti trik di bawah ini:

1. Tata Letak
2. Edit HTML
3. Cari kode
</head>
4. Tambahkan script berikut di atasnya

<script language="javascript" src="http://zianxfly.250free.com/js/linkpelangi.js"></script>.

0 cara membuat link berkedip

Silahkan ikuti langkah-langkah berikut ini :

1. Masuk ke Blogger

2. Klik Tata Letak

3. Klik Edit HTML

4. Beri tanda centang pada kotak kecil Expand Template Widget

5. Silahkan cari kode </head> di dalam template anda

6. Tambahkan script berikut ini sebelum kode tersebut


<script type="text/javascript">
function blinklink()
{
if (!document.getElementById('blink').style.color)
{
document.getElementById('blink').style.color="red";
}
if (document.getElementById('blink').style.color=="red")
{
document.getElementById('blink').style.color="yellow";
}
else
{
document.getElementById('blink').style.color="red";
}
timer=setTimeout("blinklink()",100);
}
function stoptimer()
{
clearTimeout(timer);
}
</script>

7. Kode adalah menyatakan warna link tersebut dan kode adalah warna
garis bawahnya

8. Silahkan anda variasikan sesuai dengan warna kesukaan anda

9. Klik Simpan Template

10. Selesai dan lihat hasilnya.


semoga bermamfaat.. ^_^

0 tulisan selamat datang pada atas blog


Gimana keren kan??


1. Buka Layout (Tata Letak) » Page Elements (Elemen Laman).
2. Klik Add a Gadget (Tambah gadget).


3. Pilih gadget HTML/JavaScript.

Lalu Copy-paste script berikut ke dalam gadget tadi.


<style type="text/css">
#gb{
position:fixed; _position:absolute; top:0px; right:0px; clip:inherit; z-index:+1000;}
}
* html #gb{position:relative;}

.gbcontent{
float:right;
border:0px solid red;
background:transparent url(http://i864.photobucket.com/albums/ab206/kibagus/animation/indonesIAFLAG.gif) no-repeat ;
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.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

0 cara menghilangkan navbar blog

Sobat Ihsan mengajukan pertanyaan yang di tulis melalui shoutbox. Beliau menanyakan bagaimana cara menghilangkan Navbar Blogger, dan kali ini saya akan mencoba membahasnya. Apa itu Navbar Blogger? navbar blogger adalah suatu frame yang berukuran kecil miliknya blogger yang terdapat di bagian atas blog. frame ini berfungsi untuk login ke blogger atau bisa juga sebagai jalan untuk melihat blog lain atau bisa juga untuk menandai blog yang sekiranya melanggar TOS blogger seperti blog yang mengandung unsur SARA ataupun pornografi untuk dilaporkan ke pihak blogger.

Apakah kita bisa menghilangkan Navbar Blogger? jika pertanyaannya seperti itu maka tentu jawabanya adalah bisa, akan tetapi sebelum menghilangkan navbar tersebut ada baiknya sobat berfikir-fikir dahulu dan silahkan baca TOS blogger secara seksama, karena resiko yang akan di pikul sangatlah berat yaitu akan di tutupnya account blogger sobat atau dengan kata lain sobat akan kehilangan blog kesayanangannya. Lumayan mengerikan bukan? memang beberapa waktu yang lalu tersiar kabar bahwa pernah ada yang menanyakan ke pihak blogger apakah boleh menghilangkan navbar blogger atau tidak? dan katanya sekarang pihak blogger membolehkan untuk menghapus navbar, tapi entahlah apakah berita tersebut benar atau tidak yang jelas sobat harus selalu membaca TOS secara seksama.

Masih bersikeras untuk menghilangkan navbar blogger? jika masih akan saya beritahu, akan tetapi resiko di tanggung masing-masing, saya tidak bertanggung jawab jika di kemudian hari terjadi sesuatu dengan blog sobat.

1. cari code <body>
2.taruh kode berikut persis di bawah kode <body> :

<style type='text/css'>
#navbar-iframe {display:none;}
</style>

selamat mencoba ^_^

1 cara memasukkan jam digital unik ke blog

1. Buka Layout (Tata Letak) » Page Elements (Elemen Laman).
2. Klik Add a Gadget (Tambah gadget).


3. Pilih gadget HTML/JavaScript.

Lalu Copy-paste script berikut ke dalam gadget tadi.


<embed src="http://www.clocklink.com/clocks/5010-red.swf?TimeZone=GMT0710&" width="222" height="66" wmode="transparent" type="application/x-shockwave-flash"></embed>

3 cara memasukkan musik ke dalam blog

kali ini saya akan menunjukkan cara memasukan musik pada blogger,,,
lagu yang saya gunakan adalad GREENDAY american idiot.."

1. Buka Layout (Tata Letak) » Page Elements (Elemen Laman).
2. Klik Add a Gadget (Tambah gadget).


3. Pilih gadget HTML/JavaScript.

Lalu Copy-paste script berikut ke dalam gadget tadi.

kode script nya:




<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/Jason Mraz - Im Yours.swf" autostart="TRUE" loop="TRUE" width="1" height="1" align="CENTER"></embed></center>





1 cara mengganti pointer blog

kali ini saya akan menunjukkan cara mengganti pointer pada blog, kali ini dengan pointer berbentuk spongebob...

Gimana keren kan??


1. Buka Layout (Tata Letak) » Page Elements (Elemen Laman).
2. Klik Add a Gadget (Tambah gadget).


3. Pilih gadget HTML/JavaScript.

Lalu Copy-paste script berikut ke dalam gadget tadi.

<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/spongebob-ani.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/spongebob-ani.gif"), auto;}
</style>

1 membuat pointer bergelembung

Kali ini saya ingin memberikan trik cara 'Membuat Efek Bubble Pada Cursor',.Tapi kali ini tentang Efek Bubble atau bisa disebut dengan gelembung.
Efek ini secara otomatis akan muncul setelah sobat" menggerak"an kursor sobat. untuk contoh sobat bisa lihat pada posting ini.

Gimana keren kan??


1. Buka Layout (Tata Letak) » Page Elements (Elemen Laman).
2. Klik Add a Gadget (Tambah gadget).


3. Pilih gadget HTML/JavaScript.

Lalu Copy-paste script berikut ke dalam gadget tadi.



<noscript></noscript><!-- --><script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script type="text/javascript">
// <![CDATA[
var colours=new Array("#070DAB", "#F781BE", "#A2101A", "#F781BE", "#F781BE"); // colours for top, right, bottom and left borders and background of bubbles
var bubbles=800; // maximum number of bubbles on screen

0 Cara Membuat Efek Bintang Berjatuhan Dari Cursor

Cara Membuat Kursor Bertabur Bintang

1.
Log in ke Blog anda
2. Klik tab
layout (Tata Letak)
3. Pada elemen halaman, klik
Tambah Gadget(dimana saja), pilih HTML/Javascript.
4. Copy salah satu kode di bawah ini, lalu letakkan di gadget yang tadi.

> Bintang yang bertaburan berwarna "
Coklat"
<script src="http://h1.ripway.com/ichal13/bintangcoklat.js" type="text/javascript"></script>

> Bintang yang bertaburan berwarna "
hijau"
<script src="http://h1.ripway.com/ichal13/bintanghijau.js" type="text/javascript"></script>

> Bintang yang bertaburan berwarna "
hitam"
<script src="http://h1.ripway.com/ichal13/bintanghitam.js" type="text/javascript"></script>

> Bintang yang bertaburan berwarna "
kuning"
<script src="http://h1.ripway.com/ichal13/bintangkuning.js" type="text/javascript"></script>

5. Klik
simpan...

Selesai^_^

selamat mencoba... ^_^

0 cara membuat efek salju pada blog

Nah kali ini saya akan membahas Cara Membuat Efek Salju Pada Blog

1.Cari kode

2.Paste kode ini dibawahnya


<script src="http://www.rhc-forum.com/salju.js">

Supaya gak berebut dengan satu link silahkan tulisan warna merah bisa diganti dengan:http://www.rhc-forum.com/salju.js

  • http://www.rhc-forum.com/salju.js
  • http://www.rhc-forum.com/salju2.js
  • http://www.rhc-forum.com/salju3.js
  • http://www.rhc-forum.com/salju4.js
  • http://www.rhc-forum.com/salju5.js