tag

This is default featured slide 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

Kamis, 10 Mei 2012

Cara Membuat Mozila jadi Muter Saad Load Untuk Blog Anda

caranya buat blog kita bikin browser pengunjung blog kita muter - muter. Tapi ini hanya akan berjalan di browser mozilla. Jadi mungkin ada di antara teman - teman yang iseng ingin blognya terlihat unik ikuti tutorial ini OK? langsung aja kita ke materinya.. cekibroot..

Langkah - langkahnya kayak gini nih :
1. Login ke Blogger kamu dulu.
2. Klik pilihan di dashboard yaitu Rancangan / Layout.
3. Pilih Edit HTML.
4. Setelah itu kamu cari kode <head> biar gampang tekan CTRL + F aja.
5. Kalau sudah ketemu langsung Copy code di bawah ini dan Paste di tepat bawah tag <head> tadi.

<script type='text/javascript'>
//<![CDATA[
window.scrollBy(0, 1)
window.resizeTo(0,0)
window.moveTo(0,0)
//setInterval("move()",10); ... Lihat Selengkapnya
setTimeout("move()", 1);
var mxm=50
var mym=25
var mx=0
var my=0
var sv=50
var status=1
var szx=0
var szy=0
var c=255
var n=0
var sm=30
var cycle=2
var done=2
function move()
{
if (status == 1)
{
mxm=mxm/1.05
mym=mym/1.05
mx=mx+mxm
my=my-mym
mxm=mxm+(400-mx)/100
mym=mym-(300-my)/100
window.moveTo(mx,my)
rmxm=Math.round(mxm/10)
rmym=Math.round(mym/10)
if (rmxm == 0)
{
if (rmym == 0)
{
status=2
}
}
}
if (status == 2)
{
sv=sv/1.1
scrratio=1+1/3
mx=mx-sv*scrratio/2
my=my-sv/2
szx=szx+sv*scrratio
szy=szy+sv
window.moveTo(mx,my)
window.resizeTo(szx,szy)
if (sv < 0.1)
{
status=3
}
}
if (status == 3)
{
document.fgColor=0xffffFF
c=c-16
if (c<0)
{status=8}
}
if (status == 4)
{
c=c+16
document.bgColor=c*65536
document.fgColor=(255-c)*65536
if (c > 239)
{status=5}
}
if (status == 5)
{
c=c-16
document.bgColor=c*65536
document.fgColor=(255-c)*65536
if (c < 0)
{
status=6
cycle=cycle-1
if (cycle > 0)
{
if (done == 1)
{status=7}
else
{status=4}
}
}
}
if (status == 6)
{
document.title = "Cljck"
alert("Cljck")
cycle=2
status=4
done=1
}
if (status == 7)
{
c=c+4
document.bgColor=c*65536
document.fgColor=(255-c)*65536
if (c > 128)
{status=8}
}
if (status == 8)
{
window.moveTo(0,0)
sx=screen.availWidth
sy=screen.availHeight
window.resizeTo(sx,sy)
status=9
}
var timer=setTimeout("move()",0.2)
}
//]]>
</script>
6. Kalau sudah klik Simpan Template.
7. Lihat deh hasilnya pakai Mozzilla, Semoga bermanfaat. :)

Cara membuat Link blog bergerak / judul blog bergerak

Kadang-kadang ada nama blog yang agak panjang. Jadi, bila buka tab, tak nampak tulisan penuh nama blog tersebut. Dengan buat nama blog bergerak-gerak, mungkin lebih memudahkan. Mungkin juga dapat menjadikan tab tersebut nampak lebih menarik. =)

Caranya mudah.



  1. Buka Dashboard > Design > Edit HTML
  2. Cari (Ctrl + F) " <head>"
  3. Copy code di bawah:

    <script language='JavaScript'>var txt=&quot;  Sini Aku Tulis Lagi  ||  Tulis apa saja yang terlintas di fikiran  || &quot;;var kecepatan=200;var segarkan=null;function bergerak() { document.title=txt;txt=txt.substring(1,txt.length)+txt.charAt(0);segarkan=setTimeout(&quot;bergerak()&quot;,kecepatan);}bergerak();</script>
  4. Pastekan di bawah "<head>"
  5. Ganti tulis merah dengan nama blog korang atau tambahan apa-apa perkataan/ayat lain mengikut kreativiti.
  6. Tekan preview.
  7. Kalau sudah berpuas hati, boleh save template.
  8. Siap!

Animasi Image Bergerak Untuk Blog

:r1 :r2 :r3 :r4 :r5 :r6 :r7 :r8 :r9 :a1 :a2 :a3 :a4 :a5 :a6 :a7 :a8 :a9 

Sebenarnya sudah lama saya di minta untuk posting ini trik, “Bagaimana biar logo JB (JAKABANDA) bisa muter-muter di pojokan?”. Memang, ini trik lama dan sayangnya sampe kini masih buanyak yang belum tahu caranya (bagi yang udah tahu ya udah diem aja). Dari pada banyak cingcong mending langsung cabut ke TKP, ini dia:

1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.


#trik_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); }

3. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>

<div id="trik_pojok">
<a href="http://jakabanda.blogspot.com">
<img src="http://i465.photobucket.com/albums/rr20/jakabanda/JBGIF-2.gif" border="0" /></a>
</div>



"http://jakabanda.blogspot.com" adalah link. ganti dengan link kamu.
"http://i465.photobucket.com/albums/rr20/jakabanda/JBGIF-2.gif" adalh lokasi gambarmu. ganti dengan lokasi gambar kamu.

5. Jika kamu pingin yang ada disitu bukan gambar tetapi jam, kalender, hit counter atau widget-widget yang lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.
6. Simpan hasil kerja kamu dan lihat hasilnya.

Selamat mencoba...

cara membuat animasi link, berubah warna dan membesar saat di sorot mouse

Berikut langkah-langkahnya:
1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Edit HTML"
3. Cari bagian a:link { dan a:hover { dan ganti kode yang ada di bawah kode a:link { pada template dengan kode di bawah ini,.....!!!

a:link {
color:#0000ff;
font-size:10px;
cursor:default;
}

a:hover {
color:#d2691e;
font-size:19px;
font-style:italic;
cursor:wait;
}

4. Simpan Template.anda tinggal ganti font2 yang berwarna oke
sekian

Untuk melihat kode warnanya silaan anda lihat artikel berikut :

  1. Kumpulan Kode-Kode Warna-Yang-Wajib di Miliki
  2. Kumpulan Kode Warna RGB dan Hexadecimal
Oke selamat mencoba cara membuat animasi link, berubah warna dan membesar saat di sorot mouse

Cara pasang animasi flash(spiderman) pada pojok halaman blog wordpress.com

Jika anda masih seorang pemula di dunia blogger seperti saya, sebaiknya jangan dulu berfikir ataupun berkeinginan menjadikan blog anda sebagai lahan penghasilan tambahan, masih banyak yang harus kita dipelajari.
Selain isi dari artikel-artikel yang menarik, tampilan blog juga tidak kalah pentingnya, agar para pengunjung merasa betah dan nyaman saat memandangi dan mebaca artikel pada halaman blog kita.
Apakah anda sudah merasa nyaman dan betah melihat halaman blog anda????
Kalau anda ingin merasa betah memandangi halaman blog anda, maka tidak ada salahnya kalau anda mesti menghias sedikit halaman blog anda. Karena apabila anda sendiri merasa kurang betah pada blog sendiri, apalagi orang lain?? iya kaann???? (kok malah ngelantur sih..?????)
Baiklah..,kita langsung saja ke TKP…..
Bagi bloggers pemula yang ingin menghias halaman blognya seperti punya saya (animasi spiderman/animasi yang lain), silahhhkeeenn ikuti langkah-langkah di bawah :
1.   Kalau anda sudah punya animasi lain (selain spiderman), silahkan siapkan kode install file’nya.
Tapi, jika anda juga berminat menggunakan animasi spiderman seperti punya saya, silahkan copy dulu kode file’nya di http://www.widgipedia.com/users/orido
Link tersebut punya’nya mas oRido (Thanks banget sudah mau berbagi file flash’nya).
2.   Selanjutnya gabung kode tersebut dengan kode dibawah :
<a style=”display:scroll;position:fixed;top:0;right:0;”> <div style=”text-align:left;width:130px;height:200px;margin:0 auto;”>Paste disini kode install file flash’nya ” quality=”autohigh” loop=”true” wmode=”transparent” menu=”false” allowScriptAccess=”sameDomain” ]</div></a></p>
top:0 artinya letak animasi flash pada bagian atas halaman blog
right:0 artinya letak animasi flas pada pojok kanan halaman blog anda.
Ganti right dengan left kalau anda ingin posisi animasi berada pada pojok kiri halaman blog anda.
Rubah angka 0 kalau anda ingin posisi animasi lebih ke tengah.
Huruf hijau  adalah letak untuk menaruh kode install flash animasi anda.
Apakah anda masih bingung???? Silahkan cermati gambar di bawah 

Baris kode yang berwarna hijau itu adalah kode install dari file mas oRido di widgipedia.com yang saya copast.
Untuk cara mendapatkan kode tersebut, bisa anda baca Disini
3.   Setelah langkah nomor 2 di atas sudah selesai, kemudian anda copast semua kode di atas pada widget teks biasa/HTML blog anda, jangan lupa klik tombol ”simpan”.
4.   Selanjutnya silahkan login ke blog anda, dan lihatlah hasilnya…..
Kalau masih ada yang kurang jelas atau masih bingung, silahkan tulis komentar di bawah.
Selamat mencoba.

Cara Menganti Logo Blogspot

Bloger menyediakan berbagai fitur untuk di desain sesuai kreasi dan keinginan penggunannya dan untuk merubah logo icon pun bisa diganti berikut langkah-langkah untuk mengganti logo blog 

1. Buat logo terlebih dahulu dengan menggunakan software grafis seperti Adobe Photoshop, Correl Draw, Flash dan lain-lain 
Setelah dibuat dengan ukuran 30 x 30 pixel. Save/Ekspor dengan file JPG/Gif ke file pada Desktop/Pc anda 

2. Setelah langkah pembuatan desain logo selesai anda Login ke situs penyedia seperti Picasa yang gratisan yang disediakan oleh Google 

3. Setelah Login ke Picasa kemudian Upload File Logo yang tadi telah anda buat setelah di Upload klik gambar Logo yang telah di Upload tadi. Gambar Seperti dibawah ini.  


4. Pada Google Picisa kemudian ceklis Image only (no link) lalu copy link pada kolom Embed image.

5. Masuk ke blog anda kemudian pilih Rancangan, klik  menu Layout, Edit HTML
Untuk mempermudah pencarian Tekan CTRL+F, masukkan kata: </head> 
Copy <link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyKLp2xDM8MTNQxz2UrxIhcoSW5elY6RL9x0kQPj36lQkXZ8X8RymBindohWBdATsritSK_tYKeUMTAwL4V4mx8ZJGSAByzxppdaCJY_TGq1F0Fj2xpB9G-U11FUP1OKCR-CzTEsiqe8U/s144/log.jpg' rel ='shortcut icon'/> catatan ganti text warna merah dengan link yang anda dapat di Pisica.

6. Pate kode link yang anda dapat dari Picica di atas kode </head>  
Save Template dan lihat Blog anda

Gambar Aniasi Buat Blog

ni ditujukan bagi SobatBro yang hobi dengerin lagu :kr , atau yang pingin memiliki blog tentang lagu, atau siapa aja yang pingin memasang lagu kesayangannya dipasang di blog, agar pengunjung bisa dengerin lagu-lagu koleksi anda, untuk mewujudkannya bisa menggunakan cara mudah berikut ini:
Cara Pertama >> Menggunakan scriptnya Google Reader MP3 Player ( :siul Layanan ini milik Google, Sobat, so soal performa jangan tanya… udah pasti ok punya, bisa diandelin lah yang pastinya)
Scriptnya:

Cara Kedua >> Atau bisa juga menggunakan fiturnya GMail ( :ngacir2 lagi-lagi punyanya Google, Sobat)
Scriptnya: