Isnin, 18 Mac 2013

Cara Membuat Label Dengan Fungsi Scroll

Dan juga Cara Membuat Label Dengan Fungsi Scroll
maka untuk kali ini bang germi akan bahas mengenai cara membuat arsip blog / daftar isi dengan fungsi scroll
  1. Login terlebih dahulu mengunakan akun bloger
  2. Buatlah Arsip blog dengan menambah Gadget pada sidebar, beri nama dengan "Arsip" ( bisa diganti sesuai keingian ) pilih gaya hierarki
  3. Simpan/save. sampai disini anda telah membuat Arsip ( tanpa fungsi scroll ).
  4. Utuk menambahkan fungsi scroll pada Arsip Sekarang tuju Tata letak -- -->>Edit HTML.
  5. Beri tanda centang pada Expand Template Widgets.
  6. 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>
  7. Lihat tulisan yang 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 )
  8. Simpan template dan lihatlah hasilnya
Desmikian tulisab abang tentang cara membuat arsip blog / daftar isi dengan fungsi scroll semoga membantu.

Source: http://germo-ndeso.blogspot.com/2012/01/cara-membuat-arsip-blog-daftar-isi.html#ixzz2Nuau8b1v

Memodifikasi Arrow atau Panah Pada Arship Blog

Memodifikasi Arrow atau Panah Pada Arship Blog ini pasti akan membuat panah pada arsip kita semakin cantik dan terlihat bagus, panah pada arsip pernah liat kan. . .?

 biasanya terdapat pada bulan yang ada pada arsip misalnya bulan januari - desember nah di samping bulan2 pada arsip itu kan ada icon kecil yang seperti arah panah, nah itu dia yang akan di modifikasi, caranya mudah.

1. Login ke Blog==>Template==>Edit HTML
2. Cari Kode ]]><b:skin>
3. Tambahkan kode di bawah ini di atas kode ]]><b:skin>



span.zippy {
color:blue;
border:1px solid #666;
padding-left:4px;
margin-right:8px;
text-shadow:0 1px 1px #888;
-webkit-text-shadow:0 1px 1px #888;
-moz-text-shadow:0 1px 1px #888;
box-shadow:0px 1px 1px #888; 
-moz-box-shadow:0px 1px 1px #888;
-webkit-box-shadow:0px 1px 1px #888;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-goog-ms-border-radius:4px;
}
span.zippy:hover {
color:red;
border:1px solid blue;
}

6. Kemudian SIMPAN TEMPLATE dan lihat Arsip di blog anda.
selamat mencoba semoga berhasil

Follow by Email