Azra Nurmala Lovers

Senin, 02 Juli 2012

Cara Membuat Efek Bintang ( Sprinkle ) Pada Kursor

Cara Membuat Efek Bintang ( Sprinkle ) Pada Kursor – Pastinya
sobat blogger sudah sering melihat tampilan kursor di blog lain
dengan efek bintang yang bertaburan (sprinkle) dan
berwarna-warni bukan ? Memang efek bintang bertaburan
(sprinkle) pada kursor bisa mempercantik penampilan blog
sobat, namun disisi lain juga punya kelemahan yaitu akan
memperlambat loading blog akibat efek penggunaan javascript.
Namun tidak ada salahnya juga sih kalo memang sobat pengen tampilan blognya keren,
silahkan saja untuk mencoba membuat efek bintang bertaburan (sprinkle) ini di blognya.

Cara membuat efek bintang bertaburan pada kursor cukup mudah, sobat blogger tinggal
ikuti langkah-langkah seperti dibawah ini :
1.Login ke dashboard blogger sobat.
2.Pilih Rancangan > Elemen Halaman > Add Gadget (HTML/JavaScript).
3.Copy dan paste script dibawah ini pada gadget baru tadi.

5.Simpan dan lihat hasilnya...

Efek bintang bertaburan pada kursor ini akan terlihat jika loading telah selesai. Kalo
loadingnya jadi agak lambat ya ditunggu aja yang sabar ya. Selamat mencoba sobat.

Cara mempercantik tampilan Title Bar Cara mempercantik tampilan Title Bar

Membuat TITLE BAR berjalan pada blog. Kali
ini blogtegal akan sharing tentang cara
mempercantik tampilan TITLE BAR berjalan. Ya
ini digunakan untuk variasi aja gak terlalu
penting sebenernya, lagi pula TITLE BAR juga
gak terlalu terlihat karna berada dibagian paling atas,
Okelah langsung mawon.

Langkah membuat TITLE BAR berjalan.

login ke dashbord blog kamu.
pilih ''RANCANGAN / DESIGN''
pada halaman ''Element laman'' klik 'Tambah Gadget'
pilih widget ''HTML/Javascript'' dan tempatkan script berikut didalamnya.
terakhir klik SIMPAN

Keterangan:

" pada tulisan "WELCOME TO OUR WEBSITE" "INFORMATION ABOUT INTERNET" "AND THANKS FOR VISITING"
adalah tampilan teks, ganti sesuai keinginan kamu".
"pada tulisan yang berwarna hijau tb8_speed = 125 adalah kecepatan teks berjalan pada TITLE BAR, silahkan expresikan sesuai keinginan kamu"

Iseng-iseng posting menulis tentang membuat title bar berjalan hehehe. . .

Cara Pasang Widget SMS Gratis

Cara Pasang Widget SMS Gratis Cara Pasang Widget SMS Gratis

Short Message Service atau SMS Gratis merupakan sebuah sebuah layanan
gratis yang diberikan kepada pengunjung Blog untuk mengirimkan pesan
singkat atau SMS ke Semua Operator GSM atau CDMA di seluruh wilayah
Indonesia, dari ujung barat sampai ke ujung timur.

Untuk tutorial blog kali ini, Rinjani Lovers akan menjelaskan tentang cara
membuat Widget SMS Gratis atau Free SMS. Untuk membuat Widget SMS
gratis atau Free SMS tidaklah sulit. Sobat Blogger hanya akan
menghabiskan waktu tidak lebih dari satu menit. Ikuti langkah-langkah di
bawah ini!

Sign In atau Login ke Blog sobat di alamat http://www.blogger.com
Pilih tata letak
Klik Tambah Widget Baru
Copy kode di bawah ini

Paste atau letakkan kode tersebut di dalam kolom kedua
Klik Simpan

Tambahan:

350 adalah ukuran Tinggi dan 270 adalah ukuran lebar, silahkan sobat sesuaikan dengan keinginan dan template sobat.
Kalau sobat ingin membuatkan bingkai buat widget tersebut, silahkan sobat ganti angka 0 tersebut dengan ukuran garis bingkai yang sobat inginkan.

Minggu, 01 Juli 2012

Membuat Link Cantik Bercahaya Bintang Di Blogspot

Membuat Link Cantik Bercahaya Bintang Di Blogspot Membuat Link Cantik Bercahaya Bintang Di Blogspot

Mau link anda terlihat cantik?? Caranya gampang kok dengan memanfaatkan CSS
dan Edit HTML yang ada di blogspot, anda bisa melakukannya. Tinggal ikuti
langkah langkah berikut ini :

1. Log in blog anda seperti biasa.
3. Cari Kode ]]>
4. Pastekan kode berikut di atasnya :

a:hover {
color: #000fff;
text-transform: uppercase;
font-weight: bolder;
font-size: 15px;
background-image: url(http://i909.photobucket.com/albums/ac297/heryymanjala/th_stars1.gif);
}

5. Link anda sudah bisa terlihat kedap kedip bercahaya bintang bintang. :

Demikianlah artikel tentang Membuat Link Menjadi Bercahaya Bintang-Bintang.
Semoga bermanfaat :-)

Cara Memasang Animasi Naruto di Blog

Pernahkah sobat waktu berkunjung ke blog teman melihat gambar naruto
membuatnya, jangan kwatir kali ini solcom akan memberikan caranya
membuat blog sobat ada ada naruto yang sedang perang.oke sob langsung
aja...

Seperti biasa login ke dasbor

Buka tata letak

Pilih tambah gadget

Akan muncul pilihan, kemudian pilih HTML/Java scrip

Masukkan kode di bawah ini di dalam java scrip itu.

Terakhir, simpan

Oke sobat, selamat menikmati animasi naruto...
Semoga artikel ini bermanfa'at bagi sobat yang mau mencoba

Jumat, 29 Juni 2012

Cara Membuat Text Berputar Mengelilingi Crusor di Blog

Kali ini solcom akan membawakan artikel , cara membuat text berputar
mengelilingi crusor di blog.Text itu terus mengikuti crusor walaupun kita
gerakkan , ataupun sedang diem. Dan tanpa capek capeknya mengelilingi
crusor. Jika sobat penasaran langsung saja kita mulai caranya:

1.Login ke dashboard.
2.Pilih tata letak.
3.Lalu pilih tambah gadget ( Add gadget ).
4.Pilih HTML/ Java Scrip
5.Isikan scrip di bawah ini.

var font='Verdana,Arial';
var size=3; // up to seven
var color='#ff0000';

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 for just plain rotation w/out drag
var speed=.3;

// This is the rotation speed, set it negative if you want
// it to spin clockwise
var rotation=-.2;

// Alter no variables past here!, unless you are good
//---------------------------------------------------

var ns=(document.layers);
var ie=(document.all);
var dom=document.getElementById;
msg=msg.split('');
var n=msg.length;
var a=size*13;
var currStep=0;
var ymouse=0;
var xmouse=0;
var props="<font face="+font+" size="+size+" color="+color+">";

if (ie)
window.pageYOffset=0

// writes the message
if (ns){
for (i=0; i < n; i++)
document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+msg[i]+'</font></center></layer>');
}
else if (ie||dom){
document.write('<div id="outer" style="position:absolute;top:0px;left:0px;z-index:30000;"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="iemsg'+(dom&&!ie? i:'')+'" style="position:absolute;top:0px;left:0;height:'+a+'px;width:'+a+'px;text-align:center;font-weight:normal;cursor:default">'+props+msg[i]+'</font></div>');
document.write('</div></div>');
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;

function Mouse(evnt){
ymouse = (ns||(dom&&!ie))?evnt.pageY+20-(window.pageYOffset):event.y; // y-position
xmouse = (ns||(dom&&!ie))?evnt.pageX+20:event.x-20; // x-position
}

if (ns||ie||dom)
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
var y=new Array();
var x=new Array();
var Y=new Array();
var X=new Array();
for (i=0; i < n; i++){
y[i]=0;
x[i]=0;
Y[i]=0;
X[i]=0;
}

var iecompattest=function(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

var makecircle=function(){ // rotation properties
if (ie) outer.style.top=iecompattest().scrollTop+'px';
currStep-=rotation;
for (i=0; i < n; i++){ // makes the circle
var d=(ns)?document.layers['nsmsg'+i]:ie? iemsg[i].style:document.getElementById('iemsg'+i).style;
d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15+(ie||dom? 'px' : '');
d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2+(ie||dom? 'px' : ''); // remove *2 for just a plain circle, not oval
}
}

var drag=function(){ // makes the resistance
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (var i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);

}
makecircle();
// not rotation speed, leave at zero
setTimeout(function(){drag();},10);
}
if (ns||ie||dom)
if ( typeof window.addEventListener != "undefined" )
window.addEventListener( "load", drag, false );
else if ( typeof window.attachEvent != "undefined" )
window.attachEvent( "onload", drag );
else {
if ( window.onload != null ) {
var oldOnload = window.onload;
window.onload = function ( e ) {
oldOnload( e );
drag();
};
}
else
window.onload = drag;
}

}
cursor_text_circle();

</script>
/script>

Catatan: ubah tulisan 'AZRA NURMALA' ganti dengan tulisan sesuai keinginan sobat.
6.Simpan, dan lihat hasilnya...

Sekian dulu postingan dari saya, semoga artikel ini bermanfaat bagi sobat yang mau mencobanya...

Cara Membuat Daftar Isi Blogger

Cara Membuat Daftar Isi Blog

Daftar isi blog sangat berpungsi juga seo, saya belum bisa menjelaskan secara detail fungsinya.
Cara Membuat Daftar Isi Blog ini terdapat dua cara, cara pertama
daftar isi blog. Ini di dalalm box yang terdapat scroll box nya dan di tampilkan di widget blog. Dan cara
yang kedua daftar isi blog akan tampil secara keseluruhan tanpa scroll.

Cara Membuat Daftar Isi Blog I:
Masuk ke Blogger sobat >> Elemen Laman >> Tambah Gadget >> HTML/Javascript
Pada Kotak Judul Beri Nama DAFTAR ISI, dan kotak bawahnya isi script di bawah ini:

Perhatikan http://bloggeraziz68.blogspot.com <<< ganti dengan blog anda.
width:430px;height:120px <<< untuk scroll box bisa di ubah dan di atur sesuai dengan keinginan sobat
simpan dan lihat hasilnya.

Cara Membuat Daftar Isi Blog II:
Masuk Blogger > Entri Baru
Beri Judul beri nama DAFTAR ISI, pada kotak di bawahnya copy kan script di bawah ini

Kemudian di bawah nya lagi pada Post Option, Komentar Pembaca pilih jangan di izinkan.
Masih di post option, pada Post tanggal dan waktu pilih dijadwalkan pada. Kemudian isikan tanggal dan
tahun yang lama dari postingan terlama anda. Agar nantinya tidak tampil pada halaman pertama.
Langkah selanjutnya Terbitkan Entri.
Kemudian lihat urlnya simpan di navigasi blog anda.
Jangan lupa http://namablogkamu.blogspot.com <<< ganti dengan alamat blog kamu.
Nah, sekian posting saya mengenai cara membuat daftar isi blog. Semoga bermanfaat...

» Habis Baca Jangan Lupa Jempolnya ya sob... Thanks...