Membuat Efek NudgingPada Link Archive Blog

Jika Tertarik Silanhkan Ikuti Langkah berikut :
1. Login Blogger
2. Klik Menu Rancangan
3. Klik Menu Edit HTML
4. Copy Kode Dibawah Ini, Lalu Pastekan di atas Kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$(&#39;#BlogArchive1 li&#39;).hover(function() { //mouse in
$(this).animate({ marginLeft: &#39;12px&#39; }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});
</script>

5. Klik Simpan Template

- Coba Arahkan Kursormu Pada Sembarang Link yang Ada di Widget Arsip Blog.

Komentar

Posting Komentar

Postingan populer dari blog ini

Membuat Tampilan Komentar Owner Berbeda

Tampilan Komentar Owner atau pemilik blog berbeda ini sudah menjadi pernak-pernik blog yang popular karena dengan trik ini pembaca komentar bisa membedakan author dengan user di komentar artikel. 1. Masuk pada menu Design -> Edit HTML dan centang "Expand Widget Templates" 2. Taruh Code CSS dibawah ini diatas code ]]></b:skin> .comment-body-author { background: #fff29; /* Warna Background */ border:1px dotted #6aa84f; /*Border*/ margin:0; padding:0 0 0 20px; } 3. Kemudian cari code yang berwarna hitam lalu sisipkan code yang berwarna hijau , seperti dibawah ini. <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'> <b:if cond='data:comment.favicon'> <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/> </b:if> <a expr:name='data:comment.anchorName'/> <b:if cond='dat...
Baca selengkapnya

Daftar URL Blog ke Google

Gambar
Banyak cara supaya blog yang kita kelola dapat dikenal di seluruh dunia. Dan sayapun kadang jadi bingung, dari hasil blog walking saking banyaknya info yang berhubungan dengan tip supaya blog dikenal, saya harus prioritaskan yang mana? Mengingat memang blog baru beberapa bulan saya kelola. Setelah proses perenungan yang matang, akhirnya diputuskan untuk mendaftarkan terlebih dahulu blog ke Google Addurl. Saya kira proses pendaftaran akan begitu rumit. Eh, ternyata sangat mudah sekali. Pertama, saya membuat link dalam bentuk blogroll ke Google Addurl terlebih dahulu di sidebar. Kedua, link di blogroll adalah link dua jendela—bukan satu jendela ( ini untuk memudahkan proses pendaftaran supaya lebih cepat. Ketiga, saya klik link blogroll dua jendela tersebut yang menuju ke http://www.google.com/addurl/ Keempat, sampai disana ada tampilan seperti ini : Kelima, Di kotak isian URL, isi dengan url blog kita. Contoh: http://Beendemic.blogspot.com Di kotak isian Comments, isi dengan deskripsi b...
Baca selengkapnya

Cara membuat Navbar Blog Auto Hide

Gambar
Auto hide magsudnya apabila anda mengarahkan pointer mouse anda pada bagian atas Blogger maka Navbar akan terlihat, sedangkan apabila pointer tidak diarahkan pada bagian atas Blogger maka Navbar akan tersembunyi. Contohnya pada blog ini, langsung saja akan saya jelaskan : 1. Login ke Blog anda. 2. Klik Rancangan pada Dashboard. 3. Klik tab Edit Html (jangan lupa centang box Expand Widget Templatenya atau kalau perlu Download Templete Lengkap untuk mempermudah mencari). 4. Setelah itu tekan ctrl+F dan cari kode ]]></b:skin> 5. Letakan kode di bawah ini pada bagian atas kode ]]></b:skin>, ini kodenya : /* hilangkan navbar ----------------------------- */ #navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)} #navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)} 6. Lalu simpan Template, dan lihat hasilnya. Semoga bermanfaat.
Baca selengkapnya