Posted by : Stiker Jalingkut


apa kabar sobat pada postingan kali ini kami mau berbagi
Cara Pasang openpanel komentar ada 2 pilihan yang sudah kami modivikasi
mungkin cara ini sangat simpel karna menyempitkan ruang
komentar sobat yang banyak jadi dengan adanya
Cara Pasang openpanel komentar ini memudahkan 
pengunjung kita..

Sebelumnya kami mau ngasih tau buat sobat yang mau
pasang Cara Pasang openpanel komentar
seharusnya gak usah di Edit lagi karna namanya juga
sudah di modivikash jadi yang perlu sobat ketahui
kalo mau di Edit lagi sobat harus di Edit bagian 
Css nya dan javascript juga bagian Div nya
karna salah satu mereka di ubah satu Text sajah
tidak bakalan spot  openpanel komentar itu sendiri karna udah
di modiv semuahnya hehehehe.

'y dah buat sobat yang mau pasang silakan ikuti langkah2 nya di bawah
Langkah pertama sobat masuk dulu di blogger sobat pilih Tempelate
lalu klik edit Html
Kalu Langkah di atas sudah di kopi Css di bawah pastekan pas di atas Code ]]></b:skin>

a.sella-openpanel-drt {
    background:-moz-linear-gradient(top,  #000099, #000000);border-right:1px solid #FF6600;border-bottom:1px solid #FF6600;border-top:1px solid #00FFFF;border-left:1px solid #00FFFF;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;box-shadow:0 0 3px #FFFF00;display:block;width:100%;height:40px;padding:0px 0px;text-align:center;font-weight:bold;line-height:30px;no-repeat;-webkit-transition: all .15s ease-in-out;-webkit-transform-origin: 50% 1px;position:relative ;font-size:30px;}


Kalu sobat mau di ganti dengan Gambar sobat ganti Warna merah sampai akhir 
warna merah.
Buat yang gak pake  background atau Gambar silakan di Kopi Css Yang kedua bos

a.sella-openpanel-drt {display:block;width:100%;height:40px;padding:0px 0px;text-align:center;font-weight:bold;line-height:30px;15s ease-in-out;-webkit-transform-origin: 50% 1px;position:relative ;font-size:30px;}

Dan Langkah selanjutnya sobat cari Code </body> lalu di kopi code di bawah
pastekan pas di atas Code </body>

<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',
    openselladrtPanelText          = "Openpanel Komentar ",
    closeselladrtPanelText          = "Tutup Openpanel  Komentar",
    slideDownPanelSpeed = 1000,
    slideUpPanelSpeed      = 1000;
//]]>
</script>
<script src='http://selladrt.googlecode.com/files/openpanel%20selladrt%20setyle%202013.js' type='text/javascript'/>


Sekian dulu dari kami semoga bermanfaat buat sobat yang membutuhkannya






{ 65 comentários... read them below or Comment }

  1. Balasan
    1. tenang sob kalu berat biar kami bantu panggul'y xixixix

      Hapus
    2. xixixi, jangan di panggul.. Pake'in dongkrak hehehe

      Hapus
    3. heheheh bisa'j emang mau ndongkrak kontener P: xixixix

      Hapus
  2. Wah..disini banyak pelajaran seputar blog. keren....ijin save mas, ora popo toh?

    BalasHapus
    Balasan
    1. ko kyk sekolah pelajaran xixixi.. silakan sobat ora po2 gratis loh xixixi. trmksih kunjungan pginya kawan

      Hapus
  3. Sambil Balikin gelas Kosong lain kali jangan kebanyakn gula Mas broer

    BalasHapus
  4. ternyata ini kode dan caranya. memang betul ruangan tampak lebih tertata dengan cara ini karena koment-koment tidak memanjang kebawah. ijin bookmark dulu gan. Saya salut dengan kode CSS diblog ini, keren-keren. Ijin copas untuk kode Css nya.

    BalasHapus
    Balasan
    1. trmksih sob spot dan kopinya xixixi silakan kalu minat heheh.. kan banyak yang sudah posting ginian cuma kami dari pada kosong postingan heheheh

      Hapus
  5. sebenernya saya juga pengen pasang openpanel seperti ini sobat, tapi kalau pake utak atik scip, ampun dech saya, pake hp susah banget sobat.. karna terlalu banyak scrip pada tempalate. hp saya jadi lemot bgt.hehehe

    BalasHapus
    Balasan
    1. oh jadi begitu'y sob aq ko baru tahu heheheh..

      Hapus
  6. siang mas!script nya di bungkus dulu.kapan2 bisa coba di pasang .trimakasih!

    BalasHapus
    Balasan
    1. kyk roti di bungkus ndul hahahah

      Hapus
    2. xixi...warna script nya kuning jadi kami sangka, roti!

      Hapus
  7. dari dulu penasaran sob kotak komen yang seperti ini

    BalasHapus
  8. wah mantap ni sob tutornya,saya amankan dulu ya :)

    BalasHapus
    Balasan
    1. silakan sob di amankan sebelom di amankan pak polisi heheheeh

      Hapus
  9. owh gitu ya mas..tapi cape yah buke tutupnya hehehe....

    BalasHapus
    Balasan
    1. biar gak capek di biarkan ntar juga buka sendiri hehehe

      Hapus
  10. slmt pagi BL...kotak komenter yg cantik lagi ni...

    BalasHapus
    Balasan
    1. 'y spa dulu donk yng komen'aja cantik ko heheheh

      Hapus
  11. hmmz.., di save dulu ajah deh tutorialnya.., ntar kalau berminat pasang.., gx perlu cari-cari lagi tutorial nya..!

    BalasHapus
    Balasan
    1. heheheeh silakan buat kolek,zi jga lebih baik hahahaha

      Hapus
  12. iia kang.. saiia sebenernya pingin pake.. tapi kebetulan uda di luar.. nanti mungkin saiia balik lagi kang.. makasii kang iia ;)

    Belajar Photoshop

    BalasHapus
  13. info yang sangat sayang untuk di lewatkan..hehe

    mksh infonya sob

    BalasHapus
  14. selamat siang sob,sudah ngopi belum.saya kayaknya nggak bisa pakai open panel,soalnya beda kode script komentarnya.

    BalasHapus
    Balasan
    1. waduh kalu soal script komentarnya semuah beda mas gak ada yang sama kalu sama ntar malah jeruk makan jeruk dunk bos. yang sama cuma namanya sajah Komentar xixixxi

      Hapus
  15. lihat tutornya kelihatannya ribet ni
    kalau masang ini bakalan berat kagak ni sob

    BalasHapus
    Balasan
    1. masa,s sob ribet wah kalu berat biar ntar temen kami yang bantu bawain'y xixixxi.. trmksih knjungannya sobat

      Hapus
    2. xixixi...saya sekeluarga disini pada ketawa!ada yang lucu!emang mau bantu bawain apa??loading blog saya tolong bantu bawain juga

      Hapus
    3. bantu bawain gula bos buat bikin kopi hahahah

      Hapus
    4. kayak nya sehari habis satu ton ya!soal nya semua blogger se indonesia mas kirimin kopi xixi..

      Hapus
  16. langsung amankan dulu ah.hehehe

    BalasHapus
  17. Mau coba sebenarnya Mas,tapi ditambah CSS sekarang jadi agak lambat loading blognya,tapi untuk script cssnya seep Mas :)

    BalasHapus
    Balasan
    1. 'y sibang bisa aja Klau gak ada Cssnya apa bisa spot dan bisa fungsing bang xixixi openpanelnya. wah kalu ada trik itu jago banget tuh bang yang bikin wkwkwkwk...?

      Hapus
  18. ehh templetnya responsive pake width:% persen itu blum cukup.
    bagusnya pake @media handheld,only screen

    BalasHapus
    Balasan
    1. 'y yang penting dah bisa di buka daripada susah2 cari xxixixix

      Hapus
    2. wehehe... ini kan blog tutorial

      Hapus
  19. sob sebelumnya maaf sudah lama gk kesini tp kemaren akun saya di baned google dan baru diaktfkan td siang, untuk postingan di atas saya kasih 2 jempol tp kalau boleh saya ingin minta template yang sobat gunakan saat ini..

    BalasHapus
    Balasan
    1. wah sukur sob kalu dah sembuh kembali. wah bagusan Template sobat dari pada template ane sob

      Hapus
    2. bukan masalah bagus tidaknya sob, mau saya jadikan koleksi sebagai kenang2an dari teman blogger

      Hapus
    3. 'y bisa aja sibos,ni kan banyak bos di mbh google sob heheh

      Hapus
  20. malam bos mau balikin gelas kopi nih!wah domain nya sudah ganti ya.slamat menempuh hidup baru !semoga cepet2 dikasih momongan xixi,,..

    BalasHapus
    Balasan
    1. 'y si bos ko anak,si pacar Napa hehehe

      Hapus
    2. ooo...jadi mau nambah pacar!sudahlah mas,pacar mas kan sudah banyak .kasian anak orang jangan di sakitin

      Hapus
  21. mkasih sob ats info yg sngat bermanfaat ini

    BalasHapus
    Balasan
    1. trmksih kawan dah meluwangkan waktu untuk berkunjung di blog kami

      Hapus
    2. oh'y mbk sekilas mau mirim mbk kyk temen aq di paciran heheh

      Hapus
  22. open atau close panel..tak jadi masaalah yang penting meninggalkan jejak komentar dulu.. sambil mencari segelas kopi dengan sepiring nasi kuning :-)

    BalasHapus
  23. Ane simpen dulu om,nanti kalo ada waktu ane coba :v

    BalasHapus
  24. met mlm sob..
    mantap nih tutorialnya,,smoga mkin sukses trus ya sob

    BalasHapus
  25. Wah, sudah lama saya tidak kesini, ternyata blog-nya makin mantapp, + Ganti domain eaa sobt, hehe

    BalasHapus
  26. mantaap sob ...ini yg saya cari

    BalasHapus

1. Komentar SPAM Akan secepatnya dihapus
2. Pastikan untuk " Berlangganan Lewat Email "Atu FACEBOOK Selladrt"
3. Cek komentar masuk sebelum bertanya.
4. Link aktiv tidak akan berpungsi.
5. Bebas menyebarluaskan artikel tanpa persetujuan dari saya.
7. Bergabung dengan kami untuk menjadi member Klik " Join to Member "

- Copyright © TUTORIAL™ - Blogger Templates - Powered by Blogger - Designed by Sella -