Cara Membuat Tombol Show/hide Area Komentar

Salam sukses selalu buat sobat semua, Belajar Komputer Melalui Internet saat ini akan sedikit membahas tentang Cara Membuat Tombol Show/hide Area Komentar dan semoga artikel ini bermanfaat.


Cara Membuat Tombol Show/hide Area Komentar sebenarnya sudah saya pakai pada blog ini namun baru kali ini saya share buat sobat semua, jadi buat lihat hasil sobat bisa lihat pada kotak komentar blog ini. pada tutorial ini saya menggunakan hosting kode javascript blog saya yang lain jadi bila sobat mau menggunakannya langsung tanpa menghosting sendiripun akan aman karena masih dalam pengawasan saya, perlu sobat ketahui kenapa hal ini saya jelaskan? karena bila kita menggunakan kode yang dihosting oleh penyedia tutorial itu ga ada jaminan sepenuhnya yang tentunya dengan berbagai alasan yang diantaranya; bila yang menggunakan kode tersebut dalam jumlah banyak secara bersamaan maka ada kemungkinan akan terjadinya overload sehingga mungkin akan mengganggu kinerja kode tersebut atau bisa juga situs hostingan tersebut ditutup karena berbagai alasan atau mungkin file kode tersebut dihapus pemiliknya, nah dengan berbagai alasan diatas alangkah lebih baiknya bila sobat menghosting sendiri kode yang perlu di hosting misalnya kode javascript namun buat yang menggunakan hostingan dari tutorial blog ini saya jamin sehingga bila tidak menghosting sendiripun ga apa-apa.
Ok, kita langsung saja ya pada pokok bahasan yaitu Cara Membuat Tombol Show/hide Area Komentar. 

saya tidak akan menjelaskan dari awal login karena mungkin sobat sudah pada paham bagaimana caranya kalau mau mengedit template.
Sobat letakan kode CSS berikut tepat diatas kode ]]></b:skin>
a.bukacoment {
  display:block;
  clear:both;
  width:auto;
  padding:0px 0px;
  text-align:center;
  font-size:14px;
  font-weight:bold;
  line-height:30px;
  background-color:#000;
  color:white;
  text-decoration:none;
  margin:0px 0px;
  position:relative;
}
a.bukacoment em {
  width:0px;
  height:0px;
  display:block;
  position:absolute;
  top:10px;
  right:10px;
  border:6px solid transparent;
  border-top-color:white;
}
a.bukacoment.active {background-color:#900;}
a.bukacoment.active em {
  top:6px;
  border-color:transparent transparent white transparent;
}
div.btsbawah {
  height:0px;
  border-bottom:4px solid #ff0000;
}
div.jqcoment {
  padding:0px;
  margin:0px 0px !important;
 Kemudian sobat letakan kode Javascript berikut tepat diatas kode </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var panelSelector          = '#comments',
    openPanelText          = "Poskan Komentar",
    closePanelText          = "Tutup Komentar",
    slideDownPanelSpeed = 600,
    slideUpPanelSpeed      = 400;
//]]>
</script><script src='http://elina.googlecode.com/files/Buka-coment.js' type='text/javascript'/>
Perhatikan kode yang diberi garis bawah, itu library JQuery bila template sobat sudah ada kode tersebut maka kode bergaris bawah tersebut hapus saja.
#comments ini adalah ID area komentar bila ID area komentar sobat berbeda silahkan ganti dengan kode ID area komentar sobat.
Poskan Komentar ini kalimat yang tampil sebelum diklik, sobat bisa ganti sesuai keinginan
Tutup Komentar ini kalimat yang tampil setelah diklik, sobat bisa sesuaikan.

600 dan 400 adalah kecepatan membuka dan menutup kotak komentar.
Sebagai tambahan bila pada template sobat menggunakan Library Jquery versi dibawah 1.7.2 maka sobat ganti saja Jquery tersebut dengan JQuery 1.7.2.

Mungkin sampai disini dulu Belajar Komputer Melalui Internet tentang Cara Membuat Tombol Show/hide Area Komentar kali ini, semoga bermanfaat bagi Anda.

DAPATKAN ARTIKEL VIA EMAIL

Masukan Alamat Email Sobat:

Delivered
feedburner

Dipublish oleh : Abdul Kohar - Jatinangor Rating 5 Belajar Komputer Melalui Internet, Updated at: 01:43

8 komentar :

  1. Boleh Juga Nih Trik Nya Kawan,Ijin Nyimak Yupz

    BalasHapus
  2. Balasan
    1. kalau pake mozilla klik kanan kemudian klik inspeksi elemen kemudian klik inspeksi yang ada disebelah kiri bawah dan sorot lokasi komentar.

      Hapus
    2. aku tak pernah terlintas sedikit pun di benakku untuk bisa merasakan yg namanya tembus 3D,namun berkat bantuan dari OM AGUS semua itu kini bukan hanya mimpi belaka,saya sudah benar2 merasakan yg namanya tembus 3D.gini ceritanya,tadi mlm saya coba browsing2 di internet,dan saya melihat banyak temen2 kita yg tembus 3D dan 4D SGP/HK SD.saya pun mencoba menghubungi nomer yg di posting di situ 085397766615 atas nama OM AGUS .setelah saya bergabung jadi member dan memenuhi persyaratannya di kasih 3D 2 line (045)(077)untk HK ( .angka di berikan pun saya langsung pasang di bandar dekat rumah,dan ternyata result HK: (3045)SAH.saya jatuh bangun rasanya karena untuk kali pertama sya merasakan yg namanya tembus 4D seumur hidup saya.dan buat temen2 semua yg mau seperti saya,sikahkan anda menghubungi langsung bpk OM AGUS degan nomor. 085397766615 tTERIMA KASIH BANYAK OM AGUS DAN TERIMA KASIH JUGA KEPADA arianto putra bugis dan yusliani hasra yg memberikan informasi

      Hapus
  3. Tutorial bagus sob. Izin dicoba dan terima kasih sharenya.

    BalasHapus
  4. Slots.io Casino App - JSM Hub
    Find the best casinos online 경주 출장샵 and download Slots.io Casino App. Discover 충주 출장마사지 the best online slots.io Casino App. Discover 강원도 출장마사지 the 수원 출장안마 best 시흥 출장마사지 online slots.io Casino

    BalasHapus
Silahkan Tinggalkan jejak sobat, bila mau menggunakan emotion silahkan klik emotionnya kemudian copy dengan ctrl+c dan paste kodenya didalam kotak komentar...

close
GUESTBOOK
Google PageRank Checker Powered by  MyPagerank.Net
backlink
Dashboard
| Copyright © 2012 |
| Belajar Komputer Melalui Internet |
| Desain by: Abdul Kohar | Powered by: Blogger |