- Masuk ke blogger.com dan login menggunakan akun blog sobat
- Masuk pada halaman Template
- Klik Edit HTML lalu Lanjutkan
- Cari kode <title><data:blog.pageTitle/></title>, untuk mempermudah pencarian gunakan ctrl+f
- Jika kode tersebut sudah ditemukan, ganti kode tersebut dengan kode di bawah ini:
<b:include data='blog' name='all-head-content'/>
- tulisan berwarna merah adalah kode dari kecepatan gerakan judul blog. Jadi bisa sobat ganti sesuai dengan keinginan sobat.
<script language='JavaScript'>
var txt="<data:blog.pageTitle/> - ";
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>
- tulisan berwarna biru adalah kode otomatis dari judul blog sobat. Nah, bisa sobat ganti dengan mengganti kode berwarna biru tersebut dengan judul blog sobat yang diinginkan - Sebelum sobat simpan, silahkan klik Pratinjau terlebih dahulu agar judul blog berjalan sesuai dengan keinginan sobat
- Jika sudah pas dan sesuai dengan keinginan sobat silahkan klik Simpan Template
- dan lihat pa yg kan terjadi
Senin, 24 September 2012
cara Membuat Judul Blog Bergerak
tanpa basa-basi lagi silahkan sobat lihat bagaimana cara Membuat Judul blog bergerak di bawah ini.
Sabtu, 15 September 2012
Cara Memasang Animasi di Blog
Widget dibawah ini bisa sobat tempatkan dimana saja tapi umumnya di letakkan di sudut blog seperti kanan atas, kanan bawah, kiri atas dan kiri bawah blog. Di bawah ini telah di sediakan beberapa animasi yang bisa sobat gunakan dengan menkopi scriptnya dan di masukkan di HTML/Javascript di blog sobat. Bila tertarik dan di rasa berguna, silahkan di gunakan.
Cara Pemasangan :
1. Log in ke akun blog sobat.
2. Klik Rancangan --> Elemen Laman --> Tambah Gadget --> HTML Javascript.
3. Masukkan script ke dalam kotak yang di sediakan.
4. Kemudian klik save.
Tambahan :
1.Tuyul ketawa

Script:
2. Tuyul baring

Script :
3. Helikopter

Script :
4.Gajah loncat

Script:
5. Boring

Script :
6.Boneka joget

Script :
7. Panda main bola

Script :
Widget dibawah ini bisa sobat tempatkan dimana saja tapi umumnya di letakkan di sudut blog seperti kanan atas, kanan bawah, kiri atas dan kiri bawah blog. Di bawah ini telah di sediakan beberapa animasi yang bisa sobat gunakan dengan menkopi scriptnya dan di masukkan di HTML/Javascript di blog sobat. Bila tertarik dan di rasa berguna, silahkan di gunakan.
Cara Pemasangan :
1. Log in ke akun blog sobat.
2. Klik Rancangan --> Elemen Laman --> Tambah Gadget --> HTML Javascript.
3. Masukkan script ke dalam kotak yang di sediakan.
4. Kemudian klik save.
Tambahan :
- Untuk mengubah posisi animasi dari kanan ke kiri, tinggal mengubah kode right dengan left. begitu juga sebaliknya.
- Untuk mengubah posisi animasi dari bawah ke atas, sobat tinggal merubah kode bottom dengan kode Top
1.Tuyul ketawa
Script:
<div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" alt="animasi blog" /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>
2. Tuyul baring
Script :
<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>
3. Helikopter
Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>
4.Gajah loncat
Script:
<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>
5. Boring
Script :
<div style="position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif"alt="animasi blog" /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>
6.Boneka joget
Script :
<div style="position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" alt="animasi blog" /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>
7. Panda main bola
Script :
<div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" alt="animasi blog" /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>
MENGGANTI ICON BLOG
Cara Mengganti Icon Blog Pada Address Bar
Cara Mengganti Icon Blog Pada Address Bar, tuk kali ini OMZ ALE akan membagikan tutorial Blog - Cara Mengganti Icon Blog Pada Address Bar, apabila anda belum merasa puas dengan tampilan blog anda, mungkin tutorial ini akan sedikit membantu untuk memperindah blog anda. Simak Cara Mengganti Icon Blog Pada Address Bar berikut ini :
1. Log in Blogger
2. Layout
3. Pilih Edit HTML
4. Kemudian Letakkan kode berikut sebelum kode </head>
<link href='http://kendhin.890m.com/sonictrik.gif' rel='SHORTCUT ICON'/>
Silahkan ganti kode berwarna biru dengan url gambar anda , anda bisa menggunakan gambar dibawah ini :
http://img87.imageshack.us/img87/5862/image1an1.gif
http://img110.imageshack.us/img110/6218/image2ie0.gif
http://img98.imageshack.us/img98/9617/image3cr0.gif
http://img134.imageshack.us/img134/633/image4hx4.gif
http://img139.imageshack.us/img139/83/image5oa7.gif
http://img412.imageshack.us/img412/3808/image11pc0.gif
http://img100.imageshack.us/img100/4658/image12du2.gif
http://img132.imageshack.us/img132/4733/image13lj1.gif
http://img145.imageshack.us/img145/7793/image14zg9.gif
http://img412.imageshack.us/img412/4403/image15jc7.gif
http://img264.imageshack.us/img264/7575/image16kn8.gif
Demikian tutorial Cara Mengganti Icon Blog Pada Address Bar, semoga dapat membantu anda dan bermanfaat untuk anda. Terimakasih atas kunjunganya.
1. Log in Blogger
2. Layout
3. Pilih Edit HTML
4. Kemudian Letakkan kode berikut sebelum kode </head>
<link href='http://kendhin.890m.com/sonictrik.gif' rel='SHORTCUT ICON'/>
Silahkan ganti kode berwarna biru dengan url gambar anda , anda bisa menggunakan gambar dibawah ini :
Demikian tutorial Cara Mengganti Icon Blog Pada Address Bar, semoga dapat membantu anda dan bermanfaat untuk anda. Terimakasih atas kunjunganya.
cara membuat menu drop down
Banyak blogger yang berusahamempersempit tempat peletakan
menu, untuk mempesederhanakan
blogger agar tampak tertata rapi
oleh pengunjung. Karena blog yang
semerawutan, dan tak karuan akan
jarang dikunjungi oleh banyak
pengunjung. Iya kan?
Oleh karena itu ada bolehnya anda
mencoba tips sederhana dari saya
berikut ini:
1. Hal yang pertama anda musti Sign
In dulu di Blogger.com
2. Pada dashbor anda pilih Tata letak
kemudian pilih Elemen halaman
3. Kemudian anda klik "Tambahkan
Gadget" pada halaman tersebut.
4. Tunggu hingga muncul Pop Up
Windows (itu loh, jendela yang akan
muncul sebagai jendela halaman
tunggal). Kemudian anda pilih "Edit
HTML/Java Script".
5. Pada kotak java script isikan kode
berikut:
<form><select name="menu"
onchange="window.open
(this.options
[this.selectedIndex].value,'_blank')"
size="1" name="menu"><option
value="0"> Tulisan disini akan tampil
duluan</option>
<option value="isi dengan addres url
yang ingin di tuju">tulisan di sini
yang akan muncul pertama</
option>
<option value="isi dengan addres url
kedua">tulisan di sini yang akan
muncul kedua</option>
<option value="isi dengan addres url
ketiga">tulisan di sini yang akan
muncul ketiga</option>
</select></form>
Mudah bukan? Selamat mencoba!.
NB: Untuk menambah kolom baru
dibawahnya silahkan masukkan
kode yang berisi address Url diatas
setelah </option> kemudian diakhiri
dengan </select></form> Perhatikan
contoh diatas!
Selamat mencoba......!
cara memasang templates downladtan
Cara Pasang Template Hasil Download di Blogspot
Mau mempercantik tampilan blog blogspot? Banyak tersedia template blogspot gratis yang bagus. Bagaimana cara memasang template blog hasil download-an? Cara pasang template blog hasil download ke blogspot :1. Setelah didownload, template tidak bisa langsung diupload. Template harus diekstrak dulu. Biasanya file template dalam bentuk .zip atau .rar. Setelah diekstrak file custom template akan berbentuk .xml,
2. Login ke Dashboard blogger.com lalu klik Design,
3. Lalu klik tab di bawah Design yaitu Edit HTML,
4. Sebelum upload file template baru, ada baiknya Backup / Restore template lama dengan cara klik Download Full Template. Untuk jaga-jaga bila kurang puas dengan template baru. Jika ingin kembali ke template lama tinggal upload file template lama.
5. Cari file template baru yang sudah diekstrak dalam bentuk .xml yang tersimpan di komputer. Dengan cara klik Browse. Setelah file custom template ditemukan lalu klik Upload,
6. Biasanya akan muncul peringatan atau warning : Your new template does not include the following widgets, klik saja KEEP WIDGETS,
7. Lihat tampilan template baru dengan klik PREVIEW,
8. Jika sudah puas dengan tampilan template blog yang baru klik SAVE TEMPLATE, selesai.
Itulah cara pasang template blog hasil download ke blogspot.
Langganan:
Postingan (Atom)
Home