resep blogs

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 .....



Posting kali ini Blog tutorial lagi, tentang cara membuat tulisan mengikuti icon cursor ya sebagai berikutlah langkah-langkahnya:

Login ke Blogger
Klik Rancangan ( Yang dulunya Tata Letak )
Klik tab Edit HTML
Klik tulisan Download Template Lengkap.
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
Beri tanda centang pada kotak di samping tulisan Expand Template Widget ,
Kemudian cari kode </head>
Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol Ctrl + F atau (F3).
Kalau sudah ketemu, Copy Paste kode berikut dan letakkan diatasnya.


<style type='text/css'>
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #0000ff; /* warna huruf */
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
</style>

<script type='text/javascript'>
//<![CDATA[
;(function(){
// Your message here (QUOTED STRING)
var msg = "ejhalisdha21"; /* tulisan yang muncul */
/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */
// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size =20; /* ukuran huruf */
// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;
// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;
// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;
// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;
// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;
////////////////////// Stop Editing //////////////////////
if (!window.addEventListener && !window.attachEvent || !document.createElement) return;
msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement
:
document.body,
mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},
makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) +
'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},
drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},
init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},
ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};
o.id = 'outerCircleText'; o.style.fontSize = size + 'px';
if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};
})();
//]]>
</script>

Yang berwarna MERAH adalah warna Tulisannya
Yang berwarna BIRU adalah tulisanya tinggal ganti dengan tulisan anda

GOOD LUCK................^_^

 

 

Panduan BloGGeR Spesial Cursor: Cara Membuat Cursor Animasi Naga Terbang

Panduan BloGGeR Special Cursor ini merupakan posting serial tentang berbagai cursor animasi yang dapat digunakan di BloGGeR. Cursor Animasi Naga Terbang adalah sebuah cursor yang dibangun menggunakan javascript untuk membuat animasi teks yang dapat di isi dengan identitas blogger atau kata-kata yang lain. Sangat menarik karena kompatibel dengan semua browser yang ada dan selaman ini menjadi browser terpopuler di Indonesia, seperti Opera, Mozzila dan Internet Explorer.
Teks animasi pada cursor animasi Naga Terbang didesain membentuk sebuah lingkaran seperti layaknya bumi yang berputar mengelilingi semesta. Saat cursor digerakkan maka teks akan bergerak mengikuti gerak mouse laksana naga yang sedang terbang dengan penuh keanggunan layaknya penari Bali yang sedang menggeliat menarikan Pendet dan Legong, atau seperti prawan Jawa sedang menarikan Serimpi. Sinaga Terbang pun akan  berdiam diri dengan mengangguk-angguk sambil berputar-putar mengitari ujung cursor, ketika jemari menghentikan gerak si cursor naga terbang.   Sangat indah dan pastinya sangat menarik untuk coba digunakan di blog sebagai penambah keindahan.

Cara membuat dan memasang Cursor Animasi Naga Terbang:

  1. Login : Login ke BloGGer dan lanjutkan KLIK “Tata Letak” (masuk Elemen Laman), kemudian KLIK “Tambah Gadget”.
  2. HTML/Javascript : KLIK untuk menambahkan widget baru (cursor Animasi Naga Terbang).
  3. Copy paste Kode CSS dan Javascript berikut dalam box widget (HTML/Javascript) yang tersedia.
  4. Kode CSS dan Javascript cursor animasi Naga Terbang :
  5. <style type=”text/css”> /* http://gubhugreyot.blogdetik.com */ #outerCircleText { font-weight: bold; font-family: cursive; color: #0000cc; position:absolute; top:0; left:0; z-index:3000; } #outerCircleText div { position: relative; } #outerCircleText div div { position: absolute; top:0; left:0; text-align:center; } </style> <script type=”text/javascript”> Letakkan Javascript di sini setelah download </script>
  6. Download Javascript :KLIK link di bawah ini untuk download javascript cursor animasi Naga Terbang :
    download-gr width=
  7. SIMPAN : KLIK “Simpan”, kemudian buka blog untuk melihat penampilan cursor animasi Naga Terbang.
  8. Ganti Teks : Untuk menampilkan identitas sampeyan di blog, ganti teks yang bertuliskan “gubhuhreyot-blogspot-com*bgsGR*” dengan teks yang sesuai dengan blog atau identitas sampeyan.
  9. Tutorial Lain : Berbagai tutorial dan panduan blogger dan blogDETIK dapat sampeyan buka dengan 
» Happy Blogging «

 

 

Cara Mengganti Shortcut Icon Blogger Dengan Foto Sendiri

Dalam membuat Shortcut icon atau dikenal juga dengan sebutan favicon adalah shortcut yang nampak pada tab Mozilla Firefox, Google Chrome atau browser lainnya. Biasanya shortcut tersebut berbentuk logo dari situs yang kita buka. Misalnya, jika kita membuka situs blogger.com maka akan muncul shortcut berbentuk huruf B yang merupakan logo situs tersebut. Demikian juga jika kita membuka blog-blog yang dibuat melalui situs blogger.com ini akan menampilkan shortcut icon yang sama.
Sebenarnya kita bisa mengubah shortcut icon (disebut juga favicon) tersebut dengan logo atau foto kita sehingga nantinya yang nampak pada tab tersebut bukan lagi logo blogger melainkan logo atau gambar yang menandakan blog miliki kita, seperti contoh pada gambar berikut:



Berbeda dengan Wordpress, jika pada Wordpress, untuk mengubah shortcut icon tersebut cukup mengedit avatar pada profil kita, sedangkan pada Blogger/Blogspot kita harus mengubah HTML template blog kita. Cara untuk mengubahnya cukup mudah, yaitu sebagai berikut:
  • Login terlebih dahulu ke blogger kamu
  • Pada halaman dashboard, klik Tataletak (Layout)
  • Selanjutnya klik Edit HTML
  • Pada kotak HTML, carilah kode ini (gunakan Control F untuk memudahkan pencarian):

    ]]></b:skin>
  • Kemudian masukkan kode yang terdapat pada kotak di bawah dan letakkan di bawah kode ]]></b:skin>, atau antara ]]></b:skin> dan </head>:

    <link href="URL Logo atau Foto kamu" rel="shortcut icon" type="image/x-icon"/>
Untuk melihat hasil perubahan tersebut, klik Pratinjau (Preview) dan pastikan sudah melakukan editing HTML dengan benar.


- cara mengubah logo GOOGLE dengan logo sendiri
Bosan dengan tampilan logo Google yang itu-itu saja? Jika Anda bosan dengan tampilan logo tersebut, Anda bisa membuat halaman seperti Google dengan nama kreasi Anda sendiri. Caranya sangat mudah. Cukup klik-klik saja logo dan style yang diinginkan, dalam sekejap Anda akan bisa memiliki halaman mesin cari seperti Google dengan nama kreasi Anda sendiri. Simak langkahnya :
1. Buka situs http://www.funnylogo.info/create.asp
2. Masukan nama yang Anda inginkan pada situs tersebut.
3. Tentukan style tulisan yang diinginkan, misal: Google Style.
4. Klik “Create My Search Engine”.
5. Setelah itu akan muncul tampilan “Situs Google” dengan logo yang kita inginkan.
Untuk membuat tampilan tersebut menjadi halaman default ketika Anda membuka browser, copy alamat yang tertera pada Address.
Untuk Browser Internet Explorer (IE):
1. Klik menu Tools – Internet Options
2. Pilih tab General, lalu ubah field Home Page dengan alamat tersebut.
Untuk Browser Mozila:
1. Klik menu Tools – Options
2. Pilih tab Main, lalu ubah field Home Page dengan alamat tersebut.
3. Pada field When Firefox starts, pilih settingan Show my home page, lalu klik OK.
Setelah semua langkah dilakukan, Anda bisa mencoba membuka browser dan melihat hasilnya.

 

- cara membuat judul blogs bergerak


Mungkin anda sudah mendapat sedikit gambaran saat membaca judul di atas, karena pada artikel lalu saya telah membuat artikel yang ber judul (CARA MEMBUAT TEKT BERJALAN,MARQUEE). Okelah kalo begitu saya tidak akan berlama - lama lagi , langsung saja ke tutorial 

Langkah Pertama / First Step

  • Seperti biasa langkah pertama silahkan anda login terlebih dahulu.
  • Setelah itu silahkan ke halaman Tata letak - Edit html
  • Lalu beri centang pada Expand Template Widget
  • Setelah itu Download template lengkap untuk menghindari kesalahan.
Langkah Kedua / Second Step

  • Silahkan cari kode <data:title/> dengan menggunakan Ctrl + F.
  • Kode dalam keadan awal
Kode awal
<b:if cond='data:blog.url == data:blog.homepageUrl'>
 <data:title/>
  <b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
  </b:if>

Setelah ditambahkan

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<marquee behaviour='alternate' direction='right' scrolldelay='5' width='100%'> <data:title/></marquee>   
  <b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
  </b:if>

Langkah Ketiga / Third Step

  • Pada langkah ketiga adalah bagaimana cara memodifikasinya, yaitu anda tinggal membaca terlebih dahulu pada artikel sebelumnya di Cara Membuat Text Berjalan (Marquee)
  • Anda cukup mengganti kode yang saya tandai dengan warna merah dengan kode marquee lainnya sesuka hati anda.
Contoh
Jika anda ingin mengganti kode marquee di atas dengan kode yang lainnya anda bisa mengikuti saran ini, akan tetapi jika tidak , jangan diganti.
Hapus semua kode ini
<marquee behaviour='alternate' direction='right' scrolldelay='5' width='100%'> <data:title/></marquee>

Lalu gantikan dengan kode ini

<marquee direction="down" height="200" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3" width="300px">Taruh Text Yang Anda Inginkan</marquee>

Keterangan : Ganti kode hijau dengan kode  <data:title/>.

Saya benar - benar menyarankan anda untuk membaca Cara Membuat Text Berjalan (Marquee), supaya anda bisa bermain - main dan memodif sendiri marquee anda.

Keterangan
Kode ini hanya berlaku pada halaman home saja, setelah anda mengklik judul artikel maka judul blog tidak akan bergerak lagi, jika kamu ingin keduanya bergerak silahkan ulangi langkah yang sama pada kode berwarna biru.

 selamat  mencoba ... ^_^

 

- cara memasang lagu di dalam blogs


 


Sahabat blogger pasti pernah menjumpai salah satu atau beberapa blog teman anda yang akan menyairkan sebuah lagu ketika blog tersebut telah selesai meload elemen-elemen blognya.Gimana, menurut kamu bagus nggak model blog yang disertai syairan lagu tersebut ? kalau menurut kamu bagus dan menarik ya apa salahnya kalau kamu tambahkan elemen lagu itu ke dalam blog mu.sebenarnya cara yang harus kita lakukan untuk memasukan lagu kedalam blog itu sangatlah mudah, ya, langkahnya hampir sama dengan langkah-langkah yang harus kita kerjakan jika kita ingin memasukkan lagu ke dalam friendster.

Nah kalau kamu memang ingin memasukkan sebuah lagu kedalam blog kamu silahkan ikuti tutorial berikut ini :

1.seperti biasanya sign in duluh kedalam account blogger kamu

2.kemudian copy dan paste kode dibawah ini kedalam page element baru blog anda. Caranya : Di [Dashboard] klik tab [Tata Letak] kemudian tambah sebuah page element baru dengan mengklik tombol [Add a GadGad]>>>[html/java script]


<div align='center' style='font:bold 11px Verdana; width:310px'><a style='background-color:#eeeeee;display:block;width:310px;border:solid 2px black; padding:5px' href="http://www.codelagu.com/index.php?search=Nidji+-+Laskar+Pelangi&source=all" target='_blank' title='Nidji - Laskar Pelangi.mp3'>Nidji - Laskar Pelangi.mp3<br/><img border='0' src='http://img232.imageshack.us/img232/1337/iconmusicxc5.gif' width='310' height='51'><br/><embed name='RAOCXplayer' src='http://kodelagu.net/Playing/Nidji - Laskar Pelangi.Codes' type='application/x-mplayer2' width='310' height='45' autoplay='true' ShowStatusBar='0' ShowControls='1' EnableContextMenu='0' DisplaySize='1' loop='false' pluginspage='http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/' autostart='1' ></embed></a><div align='center'><a href='http://www.musik-live.net' target='_blank' title='Free Mp3 at www.musik-live.net'>Free Mp3 Codes Indo at www.musik-live.net</a></div></div>


Catatan :
“Kode yang tertera diatas adalah kode untuk lagu Laskar Pelangi Dari Nidji. lagu ini akan diputar secara otomatis ketika halaman blog anda dibuka.kalau anda mau anda juga dapat menggantinya dengan kode lagu lain, kodenya bisa anda dapatkan dari beberapa situs penyedianya secara gratis,diantara dari situs penyedia kode lagu tersebut adalah : http://www.musik-live.net/.”

3.setelah kode lagu tersebut di paste kedalam page elemen baru kamu tadi tekan tombol [save]

4.Selamat mencoba…!!!