Showing posts with label Tutorial Blogger. Show all posts
Showing posts with label Tutorial Blogger. Show all posts

Cara Mengganti Tulisan Icon Pada Address Bar


1. Sign In ke Blog-mu
2. Pilih Layout/ Tata letak
3. Pilih Edit HTML
4. Cari kode </head> dengan Ctrl+F agar mudah
5. Letakkan kode dibawah ini di atas kode </head>


<link href=' http://i672.photobucket.com/albums/royhan33/Animated-Flag-Indonesia.gif ' rel='SHORTCUT ICON'/>

http://i672.photobucket.com/albums/royhan33/Animated-Flag-Indonesia.gif adalh lokasi gambarmu. ganti dengan lokasi gambar kamu.

Udah gtu aja doank caranya….




[+/-] Selengkapnya...

Membuat Tulisan Judul Blog Berjalan Pada Address Bar


1. Sign In ke Blog-mu
2. Pilih Layout/ Tata letak
3. Pilih Edit HTML
4. Cari kode </head> dengan Ctrl+F agar mudah
5. Letakkan kode dibawah ini di atas kode

<script type='text/javascript'>

//<![CDATA[

msg = " --- ROYHAN⢠The Beginner Newbie ";

msg = " | Kuliah ??!!! BSI ajaa... Ahhahahaaa... --- " + msg;pos = 0;

function scrollMSG() {

document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;

if (pos > msg.length) pos = 0

window.setTimeout("scrollMSG()",100);

}

scrollMSG();

//]]>

</script>


ganti huruf yang dicetak tebal dengan lokasi gambar pada webhost tempat anda menyimpan file gambar anda. Kamu bisa menyimpan gambarmu di photobucket dan juga di imageshack
Catatan ;
Ganti tulisan berwarna kuning dengan tulisan yang kamu suka.



[+/-] Selengkapnya...

Cara Membuat Kotak Link Exchange


Ga punya Link Exchange ??

Masa sihh ??

Hari ginii ga punya Link Exchange ??!!!

Ga usah ngeBlog klo ga punya Link Exchange(hha… Parahh!!!)

Langsung aja dehh…
Kalo kita mau tukeran link biasanya ada kotak seperti ini :



Nha trus gimana cara buat kotak tersebut?
pertama Login ke blogger trus pilih Layout --> Page Elements
trus klik Add a Gadget lalup pilih HTML/Java Script
trus kopi kode berikut ini di tempat yang disediakan.

<textarea name="textarea" cols="20"><a href="http://cyberandroyh.blogspot.com"><img src="http://i672.photobucket.com/albums/royhan33/royhcool.gif" width="90" height="17" border="0" /></a>



text yang berwarna kuning menunjukkan labar kotak, text warna biru adalah link, ganti text tersebut dengan alamat blogmu sedangkan text warna merah adalah alamat gambar beserta ukurannya, ganti text tsb dengan alamat gambar km.
terus simpan templatenya.
Hasilnya akan seperti kotak diatas, trus gambarnya mana?, gini didalam kotak tersebut

kan ada textnya tuh, nha kalo textnya itu dicopy terus di paste di blog, maka hasilnya akan menjadi gambar dan juga ada linknya.

[+/-] Selengkapnya...

Cara Menampilkan Status Off/Online Yahoo Messenger


"Bagaimana Caranya Menampilkan Status Offline/Online Yahoo Messenger". Trus fungsinya apa nih? gini, kalo ada misalnya ada penandanya seperti itu kan nanti pengunjung blogmu akan bisa langsung berinteraksi langsung denganmu, nha kalo gitu kan nanti pengunjung blogmu jadi tambah sayang ma kamu :p
Ok Langsung aja, Contohnya akan seperti ini, jika status kamu offline maka gambarnya akan seperti ini :



trus jika kamu online maka iconya akan berubah seperti ini:



Cara buatnya sangat gampang kamu tinggal copy script berikut ini trus kamu pasang di sidebar kamu, udah tahu kan cara pasanganya, itu lho seperti kalo km masang "page element", Masuk ke "Page Element" trus "Add a Gadget --> HTML/Javascript".


<a href="ymsgr:sendIM?royh_33"> <img src="http://opi.yahoo.com/online?u=royh_33&amp;m=g&amp;t=2&amp;l=us"/>
</a>



Ganti text yang warna merah (royh_33) dengan id YM kamu.
perhatikan angka "2", itu bisa kamu ganti dengan angka yang lain dan hasilnya gambar yang ditampilkan akan berbeda-beda.

[+/-] Selengkapnya...

Membuat Animasi Gambar Agar Selalu Berada Dipojok


Hhaa… pada bingung kan gambar yang dipojok blog saya…

Gini caranya….

Let’s Begin…


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

dengan Ctrl+F agar mudah

#trik_royh {
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

<div id="trik_royh">
<a href="http:// http://cyberandroyh.blogspot.com">
<img src="http://i672.photobucket.com/albums/royhan33/gambaranimasi2.gif" border="0" /></a>
</div>

" http:// http://cyberandroyh.blogspot.com " adalah link. ganti dengan link kamu.
" http://i672.photobucket.com/albums/royhan33/gambaranimasi2.gif " adalh lokasi gambarmu. ganti dengan lokasi gambar kamu.

[+/-] Selengkapnya...

Pasang Widget Translator


Memasang widget translator atau "Penerjemah" pada blog banyak sekali gunanya. Translator ini berguna apabila ada pengunjung dari negara lain yang secara sengaja maupun tidak yang melihat blog kita dan tidak tahu bahasa kita maka mereka bisa menggunakan widget ini untuk menterjemahkannya kedalam bahasa yang mereka inginkan (tentunya yang sudah ada di widget ini). Widget ini sudah support untuk bahasa Indonesia. Dan kalo kamu mau, translator ini bisa juga untuk menterjemahkan tugas dari sekolah/kampus secara mudah. Dan hasilnya bisa lebih bagus daripada software transtool lhoo…

Let’s Begin…

1. Login ke Blogger trus pilih menu "Layout" atau "Tata Letak"
2. Kemudian klik pada "Add Gadget" atau "tambah gadget=".
3. Lalu pilih HTML/Javascript"
4. Kemudian masukkan script berikut ini kedalamnya.

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=id&w=160&h=60&title=&border=&output=js"></script>

Gtu doank kok… gampank kan..!!!

[+/-] Selengkapnya...