Cara mengganti template blogger

Mau ganti template blogger ??

Karena disini saya punya beberapa template blogger yang saya bagikan gratis untuk anda, alangkah lebih lengkap lagi jika di tambah dengan tutorial cara mengganti template blogger tersebut. Tenang saja, tutorialnya cukup lengkap, mudah dan saya sudah siapkan langkah-langkah mengganti template blogger dengan gambar juga.

Silahkan download template blogger yang anda suka, cari di google atau bisa cari di www.btemplates.com . Kalau sudah dapat, langsung saja Extract file .rar atau .zip yang sudah anda download dengan cara klik kanan lalu extract file to ...

Sebagai contoh di bawah ini saya download template B-seo versi 3, lalu saya extract dan ternyata ada 2 file (.xml dan .txt) di dalam foldernya. Templatenya adalah yang berekstensi .xml

Cara Mengganti Template Blogger

1. Login dashboard blog anda lalu ke halaman Template > Cari dan klik tombol "Backup / Restore", untuk bahasa indonesia tombol "Cadangkan / Pulihkan". Letaknya di bagian pojok kanan atas seperti gambar di bawah ini.

2. Setelah anda klik "Backup / Restore" akan muncul pop up seperti di bawah ini, yang harus anda lakukan adalah :

• Download Full Template, hal ini untuk memback-up template lama anda. Menjaga hal yang mungkin tidak di inginkan pada saat mengganti dengan template baru, sehingga anda dapat dengan mudah mengembalikannya ke tampilan semula.
• Pilih file dengan extensi .xml didalam folder yang sudah anda extract tadi lalu tekan tombol Upload. Tunggu sampai loading selesai dan lihat hasilnya :)

Yang perlu anda ketahui disini, jika setelah proses upload selesai dan widget di blog anda sedikit berantakan, hal itu adalah wajar. Karena mungkin template yang baru ini tidak mempunyai widget pada template lama anda. Yang harus anda lakukan adalah mengatur kembali tata letak laman atau widget di halaman "TATA LETAK" atay "LAYOUT".

Catatan Penting :

1. Jika terjadi hal yang tidak anda inginkan ketika mengganti template, anda bisa langsung upload template lama yang sudah anda download tadi.
2. Pilih template yang paling anda sukai, jangan terlalu sering menggantinya, karena hal itu tidak baik untuk sebuah blog, lebih-lebih untuk Seo.

memasang kursor warna bertabur bintang

1. Log-in dengan akun kalian masing-masing

2. Lalu masuk ke “Rancangan/Tata Letak”

3. Kemudian “Tambah Gadget” dan pilih “HTML/JavaScrip”

4. Kalo sudah masukkan kode dibawah ini :

---

<script type='text/javascript'>
// <![CDATA[
var colour="#00FFFF";
var sparkles=65;

var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]></script>

---

Nah ini  bagian terpentingnya kode yang aku beri warna MERAH itu kalian bisa ganti dengan warna yang kamu inginkan:

• Misalnya dengan kode warna HTML kunjungi Wikipedia.org
• Atau dengan “blue,black,green, dll

5. Kemudian “Simpan” dan silahkan lihat hasilnya

*semoga berhasil*

cara membuat marquee (text berjalan)

Marquee ini bisa di buat dengan menggunakan tag <marquee>...</marquee>.

Atribut yang sering di gunakan adalah :

BGCOLOR="warna" --> Untuk mengatur warna background (latar belakang) teks

DIRECTION="left/right/up/down" --> Mengatur arah gerakan teks

BEHAVIOR="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan

Scroll --> teks bergerak berputar
Slide--> teks bergerak sekali lalu berhenti
Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)

TITLE='pesan" --> Pesan akan muncul saat mouse berada di atas teks

SCROLLMOUNT="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya.

SCROLLDELAY="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik

LOOP="angka|-1|infinite" --> Mengatur jumlah loop

WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel atau persen

Agar lebih jelas akan saya sertakan contohnya :

Contoh marquee dari gerakan :

<MARQUEE align="center" direction="right" height="200" scrollamount="2" width="30%">

marquee dari kanan ke kiri

</MARQUEE>

hasilnya :

marquee dari kanan ke kiri
ganti kata "left" dengan keinginan anda yaitu bisa : left, up, down .

Contoh marquee dari perilaku gerakan :

<MARQUEE align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="alternate">

marquee menurut perilaku

</MARQUEE>

marquee menurut perilaku

Contoh marquee dengan variasi hurup dan warna latar belakang :

<div align="left">&ltFONT FACE="georgia" color="White"><B><MARQUEE BGCOLOR="RED" width="70%" scrollamount="3" behavior="alternate">

</MARQUEE></b></FONT></div>

hasilnya :

marquee dengan variasi hurup

Ada variasi lain dari marquee ini, yakni ketika mouse sedang berada di area marquee teks akan berhenti dan ketika mouse di geser kembali ketempat lain maka teks akan bergerak kembali, ini hanya di tambahkan sedikit program pada kolom marquee.

cara mengoperasikan microsoft power point

*Dg Windows Xp Professional Office2003,
langkah-langkah yang ditempuh secara umum :
Klik Start > All Programs > Microsoft Office > Microsoft Office Powerpoint 2003.

*Mengakhiri Microsoft powerpoint :
File > exit ATAU  klik tanda close pada lembaran kerja sudut kanan atas.

*Membuka file pada Microsoft PowerPoint =  (Ctrl +O) 
File > open > tentukan di folder mana file tersebut pada look in > klik file yang 
diinginkan > open

*Menyimpan file pada Microsoft PowerPoint
Setelah pembuatan slide selesai maka langkah berikutnya adalah
menyimpan file tersebut, dengan langkah-langkah;
File > save > tentukan lokasi penyimpanan dan nama filenya 

-Save in = untuk menentukan folder penyimpanan file
-File name = nama file yang akan kita gunakan
-Save as type = type file yang akan digunakan,
sebagai contoh ;
- presentation = .ppt (default presentasi)
- powerpoint show = .pps (file show)
- Read Text File =.rtf (file berupa text) dll.

*Mencetak file pada Microsoft PowerPoint 
File> print atau tekan shortcut menu print , tapi jika anda ingin
melakukan pengaturan tersendiri maka lakukan dengan menekan tompol
keyboard (Ctrl + P).

Hal-hal yang perlu untuk diperhatikan
antara lain :
- jenis dan nama printer yang
digunakan
- print rage : seluruh slide, atau
slide tertentu
- jumlah pencetakan
- Print sebagai : slide atau
sebagai hand out
- Print dengan Gray scale atau
black white
Apabila semuanya sudah tertata
dengan benar, maka proses
pencetakan sudah dapat dilakukan.

Cara memasang jam di blog

1.Silahkan kunjungi situs http://www.clocklink.com atau http://www.hitarek.com/

2.Jika sudah berada pada situs tersebut, silahkan klik tulisan Want a clock on your Website ?

3.Silahkan anda melihat-lihat dulu model dari jam yang tersedia, yaitu mulai dari Analog, Animal, Animation, dll

4.Jika di rasa sudah menemukan model jam yang anda sukai, klik tulisan View HTML tag yang berada di bawah jam yang anda sukai tadi

5.Klik tombol yang bertuliskan Accept

6.Pilih waktu yang sesuai dengan tempat anda di samping tulisan TimeZone. Contoh : untuk indonesia bagian barat pilih GMT +7:00

7.Set ukuran jam yang anda sukai di samping tulisan size

8.Copy kode HTML yang di berikan pada notepad

9.Paste kode HTML yang di copy tadi pada tempat yang anda inginkan

10.Selesai

cara memasang kalender

1. Masuk ke situs http://www.free-blog-content.com/ atau http://www.hitarek.com/
2. Maka akan muncul halaman "free blog content" atau halaman "hitarek"
3. Pilih jenis kalender yang sesuai dengan keinginnan Anda. Kategori kalender yang disediakan, seperti Animated Calendars, Car Calendars dsb
4. Kemudian Salin (copy) kode yang terdapat dalam boks di bagian bahwa model gambar kalender, lalu pastekan pada program Notepad.

Langkah yang selanjutnya, adalah memasukan kode HTML animasi tersebut ke dalam blog Anda. Untuk cara memasukan kode HTML, adalah sebagai berikut :

1. Sign in di blogger dengan ID anda.
2. Klik Template/Layout.
3. Klik tab Elemen Halaman.
4. Klik Tambahkan sebuah Elemen Halaman.
5. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan HTML/JavaScript.
6. Copy kode gambar yang tadi di dapat, kemudian paste pada pop up window yang muncul.
7. Klik tombol SIMPAN PERUBAHAN.
8. Pindahkan elemen yang baru Anda buat tadi pada tempat yang diinginkan atau dirasa cocok.
9. Klik tombol SIMPAN yang ada di sebelah atas.
10. Selesai.

Selamat mencoba!!!!

Cara memasang pingbox

1. Buka alamat ini : http://id.messenger.yahoo.com/pingbox/studio/
2. Kalau Sobat belum login, silahkan login terlebih dahulu
3. Kalau komputer sobat belum terinstall flash player, download dulu flash player disini
4. Silahkan pilih Tema latar belakang, ukuran & warna teks, nama tampilan dan seterusnya.

5. Setelah semua langkah-langkahnya selesai, silahkan klik "Simpan"
6. Selanjutnya Copy kode yang muncul setelah klik simpan tersebut.
7. Paste kode yang Sobat dapat tadi di lokasi blog yang di inginkan. Misal di sidebar blog Sobat
8. Selesai...

Silahkan mencoba......