Welcome !!!: Menambah Tombol Add Comment jQuery

Menambah Tombol Add Comment jQuery - Prosedur ini sangat cocok bagi Blog yang mempunyai komentar banyak. Para pembaca umumnya sangat kesal, karena pembaca harus menarik kebawah slider atau scrool kebawah untuk memulai menulis komentar. Hal ini memang menyebalkan. Tapi tenang saja. Hal tersebut dapat dipecahkan dengan Menambahkan Tombol Add Comment efek jQuery. Berikut langkah langkah untuk menambahkannya.

Lihat screenshot :

Cara menambahkannya :
1. Login ke blogger.com
2. Klik Rancangan / Design >> Klik Edit HTML
3. Centang Expand Widget Template
4. Cari kode ]]></b:skin>
5. Masukkan kode CSS dibawah ini diatas kode ]]></b:skin>

6. Cari kode <b:includable id='comments' var='post'>
7. Masukkkan kode dibawah ini dibawah kode <b:includable id='comments' var='post'>

<b:if cond='data:blog.pageType == "item"'>
<a class='add_comment' href='#comment-form'>Add a comment</a>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>$('.add_comment').click(function(){$('html,body').animate({scrollTop:$(".comment-form").offset().top},1000);});</script></b:if>

Note :
- Ganti Add a comment dengan kata yang ingin ditampilkan.
- 1000 adalah angka kecepatan Slider jQuery.

8. Klik SIMPAN TEMPLATE

Welcome !!!

Welcome to My Blog

Menambah Tombol Add Comment jQuery

0 komentar:

Posting Komentar

Follow My Twitter

Categories

Tag Cloud

Followers

Blog Archive

Resent Post

Popular Posts