Cara Mudah Membuat Scroll Pada Archive Blogspot

Rabu, 09 November 2011




Membuat Scroll Pada Archive Blog memang ini merupakan tips dan trik blogspot lama alias jadul. Tapi gak ada salahnya kalau saya sampaikan disini kembali mengingat banyak teman-teman yang saat ini belajar ngeblog dengan blogspot dan tertarik untuk Membuat Scroll Pada Archive Blog mereka. Jangan tanya bagaimana di wordpress.com karena judulnya Cara Mudah Membuat Scroll Pada Archive Blogspot, ya ini untuk blogspot :mrgreen:
Oke langsung saja ya, soalnya saya juga g hobi ngoceh panjang-panjang, lagian masih banyak kerjaan :D . Ingat Cara Mudah Membuat Scroll Pada Archive Blogspot ini hanya untuk pengguna blogspot, dan baca baik-baik caranya berikut ini
Untuk  jelasnya langsung saja langkahnya seperti ini :
  1. Masuk dulu ke Acount Blogger atau Dashboard
  2. Pilih Layout , lalu klik Edit HTML
  3. Centang dulu  Expand Widget Templates
  4. Cari kode yang seperti ini : <div id=’ArchiveList’>  atau kata Archive.
  5. Untuk memudahkan mencarinya , pakai saja Ctrl +F , terus ketik kata yang dicari dikotak yang disediakan, lalu klik next. 
  6. Kalau sudah,  tambahkan kode warna merah itu sebagai scollnya
  7. Lengkapnya kode tersebut seperti dibawah ini :
<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>
Sampai disini, masih ada yang bingung dan ingin ditanyakan ? sebagai catatan saja angka 200 tersebut merupakan ukuran dari tinggi kotak scroll itu, kalian bisa merubahnya sendiri sesuai dengan selera masing-masing dan silahkan disesuaikan.
Mudah bukan ?
Sumber: klikdisini

cara buat kursor animasi pada blog

 

Cara membuat kursor animasi pada blog caranya sangat gampang sekali tinggal copy paste kursor sobat sudah keren , mungkin teman2 ingin mempercantik dengan kursor animasi dan bosen dengan kursor yang putih melulu ok langsung saja ke TKP gan.


  1. Login ke aku blogger
  2. Ke rancangan
  3. klik tambah gedget
  4. klik HTML/JAVA SECRIPT

copy kode di bawah ini:

<style type="text/css">body, a, a:hover {cursor: url(alamat kursor), progress;}</style>


Ganti yang bertuliskan " alamat kursor " dengan alamat animasi yang sobat inginkan. belum punya alamat animasi emmm tenang saja, ada beberapa situs yang menyediakan alamat kursor keren dan menarik, tapi kali ini yang saya rekomendasikan cuma satau saja namanya "CURSORS-4U" langsung saja menuju ke website.
Cara pasangnya sangat mudah lihat kode animasi di bawah ini.

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-3/cur204.ani), progress;}</style><a href="http://www.cursors-4u.com/cursor/2009/04/22/flaming-arrow.html" target="_blank" title="Flaming Arrow"><img src="http://cursors-4u.com/cursor.png" border="0" alt="Flaming Arrow" style="position:absolute; top: 0px; right: 0px;" /></a>

Copy kode yang berwarna biru saja ke tempat yang saya jelaskan di atas tadi.gimana sangat mudah kan, semoga bermanfaat.
Related Posts Plugin for WordPress, Blogger...