Ihgilailmam: Scroll

Tampilkan postingan dengan label Scroll. Tampilkan semua postingan

Membuat Back To Top [Scroll]

Posted in Label: Scroll |

Back To Top - Merupakan Tool yang berfungsi untuk memanjakan pengunjung, setelah sampai pada bawah halaman blog anda, pengunjung tinggal klik icon yang berada di pojok bawah dengan simbol arah panah keatas atau simbol yang lainya karena bisa di rubah sesuai keinginan kita. Penerapanya pun sangat mudah dan simple, ga ribet seperti membuat tool yang lain. Langsung ke pokok pembahasan.

Pemasangan Tool Back To Top

1. Masuk Blogger
2. Pilih Rancangan/Design
3. Pilih EditHTML lalu centang "Expand Template Widget"
4. Cari Kode <head>
5. Copy kode dibawah ini tepat di bawah kode <head>

6. S A V E Template

Silahkan anda Reload/Refresh Halaman Blog anda dan lihat hasil operasi HTML anda. Mudah kan?... Selamat mencoba Mudah-mudahan berhasil ..

Read Users' Comments (1)komentar

Membuat Daftar Isi Berdasarkan Arsip

Posted in Label: Khusus, Scroll |

Hari ini di ihgilailmam akan menerbitkan postingan tentang "membuat daftar isi berdasarkan arsip" ada juga membuat daftar isi blog dengan berdasarkan label . Nah,sekarang akan membuatnya dengan berdasarkan Arsip . Maksudnya adalah judul-judul itu dikelompokkan dengan bulan terbitnya

Salah satu hal terpenting dalam blog itu adalah Navigasi yang mudah , artinya orang akan menemukan dengan mudah apa yang akan mereka cari disitu . Makannya itu salah satu fungsi dari daftar isi berdasarkan arsip ini.

Cara Membuat Daftar Isi Blog Berdasarkan Arsip
1. Login ke blogger
2. Pilih Entri Baru
3. Isi kolom judul, misal "Daftar Isi Blog"
4. Pilih opsi Edit HTML dalam menulis, bukan Compose
5. Masukan script berikut sebagai isi postingan;

6. Ganti yang berwarna merah dengan URL blogmu sendiri.
7. Jika sudah Terbitkan Entri.

Semoga bermanfaat bagi yang membaca artikel ini...

Read Users' Comments (1)komentar

Untuk Membuat Arsip Scroll Dan Merefreshnya Kembali

Posted in Label: Scroll, Triks dan Tips |

Awalnya saya kaget dan takut , karena arsip saya sudah menjadi scroll dan tak bisa menjadi awal lagi , tetapi setelah saya mengutak - atik HTML saya dah saya centang Expand Template Widget ternyata saya menemukannya...ternyata ada script yang harus dihapus jika kalian ingin menjadikannya kembali dengan tidak adanya scroll
langsung saja :

1. cari code berikut

2. lalu hapus code seperti diatas
3. selesai
Jika ingin membuat menjadi scroll , itu kebalikannya :
1. Klik rancangan --> edit HTML
2. Pilih centang Expand Template Widget
3. cari code :
<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'>
code lengkapnya sih seperti ini :

<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' 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 + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div></div>
<b:include name='quickedit'/>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul>
<li expr:class='"archivedate " + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=close&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=open&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == "rtl"'>
◄
<b:else/>
►
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url'><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
</b:widget>

4. Lalu kamu selipkan code yang berwarna biru tadi disitu...
5. Simpan

NB : yang berwarna merah itu adalah tingginya , kamu bebas memasukan tingginya sesukamu
Membuat scroll memang susah tetapi kenyataannya seperti ini

Read Users' Comments (0)