Jumat, 25 Maret 2011

Membuat Address Bar / Alamat Blog Bergerak

Untuk membuat Address Bar / Alamat Blog menjadi bergerak seperti blog ini yang harus dilakukan adalah :
Login dulu ke blogger nya
Setelah itu Masuk ke Tata Letak
Lalu Pilih HTML
Lalu Cari Kode seperti di bawah ini
<b:include data='blog' name='all-head-content'/>
LALU GANTI DENGAN KODE DIBAWAH INI....
<script language='JavaScript'>
var txt=&quot;<data:blog.pageTitle/>&quot;;
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout(&quot;bergerak()&quot;,kecepatan);}bergerak();
</script>
Lalu Simpan tepat dibawah kOde poin 4 tadi
Simpan dan lihat deeech hasilnya

Kamis, 24 Maret 2011

cara membuat Gadged dengan fungsi scrol

Jika posting terdahulu saya menguraikan cara menambahkan fungsi scroll pada kategori / lebel, namun pada postingan kali ini saya menguraikan cara membuat Arsip blog / Daftar isi dengan fungsi scroll. Caranya sama persis dan script kode nya pun sama, hanya penempatannya saja yang berbada.
Dibawah ini adalah screenshot pada saat posting ini saya tulis:



Bagi sobat yang ingin menampilkan widgat Arsip / Daftar isi dengan fungsi scroll silahkan ikuti tips ngeblog berikut ini:
Login terlebih dahulu mengunakan akun bloger
Buatlah Arsip blog dengan menambah Gadget pada sidebar, beri nama dengan "Arsip"  ( bisa diganti sesuai keingian )  pilih gaya hierarki
Simpan/save. sampai disini anda telah membuat Arsip ( tanpa fungsi scroll ).
Utuk menambahkan fungsi scroll pada Arsip Sekarang tuju Tata letak -- -->>Edit HTML.
Beri tanda centang pada Expand Template Widgets.
Cari Arsip yang sudah di buat tadi, dengan CTRL+F dan ketikkan kata “Arsip”, ( biasanya di pojok kanan bawah ). akan muncul kode hatml seperti di bawah ini:

<b:widget id='BlogArchive2' locked='false' title='Arsip' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho;height:200px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div></div>
<b:include name='quickedit'/>
</div>
</b:includable>

Perhatikan tulisan yang berkedip dan berwarna merah di atas, kode itulah yang harus disisipkan kedalam arsip yang telah dibuat, sedangkan tulisan yang berwarna biru pada height:200px; adalah ukuran tinggi pada fungsi scroll ( ganti angka 200 sesuai dengan keinginan )
Simpan template dan lihatlah hasilnya

Selamat mencoba.....

Twitter Delicious Facebook Digg Stumbleupon Favorites More