Cara Mudah Pasang Recent Comentar Cantik

Posted by : Stiker Jalingkut

Seperti Biasa Mas Pada Kesempatan Kali,ini Kami Mau Berbagi 
Mungkin Sudah Gak Asing Lagi Buat Para Master Modifikasi 
Css Atau Pun javascript Soalnya Hampir 90% Blogger Indonesia
Pintar2 Modifikasi Atau Desain Lain2 Xixixi..
Sebenarnya Agak Maulu Kami Cuma Bisa Modifikasi Gak
Bisa Merancang Sendri Yang Belom Ada Di Blog hehe.
Yadah Seperti Postingan Kami Kali,ini

Cara Pasang Recent Comentar Hasil Modifikasi

Tampilannya,s Kalu Menurut Kami Yang Obrak-Abrik Bagus Tau Pendapat 
Sobat Semuah. Kami Bilang Bagus Soalnya Kami Yang Modifikasi Css
Jadi Menurut Kami Pribadi'y Bagus Punya Ndiri'y Di Bilang Bagus,lah Heheh.
Seperti Biasa Lihat Dulu Demonya Mas Gak Asik Kalu Gak Ada Demonya
Kami'j Kalu Gak Ada Demonya Jadi Bingung Kalu Mau Di Modifikasi Ulangnya.,..





 Silakan Ikuti Langkah-Langkahnya Di Bawah Mas
Langkah Pertama Sobat Masuk Ke Blog Sobat
Pilih Tambahkan Gadget Pilih Html javascript 
Buat Sobat Yang Berminat Langsung Saja Copy Code Di Bawah

<style type="text/css">
#komentar {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7M2QSvPFAEJhzfYiDWO3DrbUeF7M5R5lzOtFZkvW01Oepw5LmfpndZ1uv5-8YSaQH34VJUZxPVjUMbxLNFJhOYkSGGB26ZX3tz3yoUWiG6hoJfLnuNc2cBKIMIbX0n6pQgr8cda6C5Z5K/s1600/petir.GIF); border:2px solid #8181F7;-moz-border-radius-bottomright:10px;-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;margin:5px 0;padding:5px;}
#komentar ul{margin:0;padding:0px;list-style: none;}
#komentar ul li:first-child {border-top:none;}
#komentar ul li {height:46px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisOi3nQYH7yM6mCFjQF1ddlgRMmHMwdiT6a9GQUEbWG_GyCGHSfxvaY6DDwp_8PHf-o-csRghg2Yz-DKOoRjOEKoMZIgGaevkZ1eBmhrekUHb9r7pR7SgoWmV7xky-jr61AMuWFaX3WZM/s200/Batik+Selladrt.jpg); list-style-type: none; margin:0 0 5px 0px; padding:5px 5px 5px 5px !important;font-size:12px!important;font-weight:550; border:3px solid #8181F7;-moz-border-radius-bottomright:10px;-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;margin:5px 0;padding:5px;}
   
#komentar ul li:last-child {border-bottom: none;}
#komentar ul li:hover {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmBpHREnfvZ_-9q3b27ZjPveXdGEm0JMkCFAa-BwnZABSwa0wTgNGcUG-loAMExMLNI-BllGODVCsM87LnkL8gk9xLm5WpdbsPgkzZUVz5DhmC41p7d5qRPtnx2kCaFCeZm7i7l_EuKoe3/s1600/Blu+Red+Sella.jpg);
-moz-border-radius-bottomright:10px;-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;margin:5px 0;padding:5px;}
#komentar a, #komentar a:link, #komentar a:visited {clear:both;color:#222;display:block;text-decoration:none;}
#komentar .gamen {display: block;float: left;height: 42px;left: 4px;margin-right: 15px;position: relative;width: 42px;}
#komentar .gamen>img { border: 2px solid #ffffff;-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px;box-shadow: 0 1px 2px #222222;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjbmVfmk7-xvpkk1Z56Jkkk6bwsLu-xQgWIw1q8EKAoAY39nf_fc0_4MpJMOeUZK6sBVD2EuqrbqXFT-ptrjVUbSvSj2O6sAA_I57KBVu4YGNf7hdwUXgTbL-OMVDPAmaADqzcpzKqU50p/s1600/Recent+Comments.GIF)repeat-x;}
#komentar ul li div.ismen {color:#0000FF;text-shadow:-2px -2px 2px #FFFF00;}
#komentar .ismen {display: block;font-size: 1em;font-style: italic;line-height: 1.2;padding: 2px 4px 2px 0;}
#komentar .gamen>span{width: 150px;height: auto;line-height: 20px;padding: 5px;left: 115px;margin-left: -64px;font-size: 1em;font-weight:bold;color: #212121;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);text-align: center;border: 4px solid #5858FA;background: rgba(255,255,255,0.7);text-indent: 0px;border-radius: 5px;position: absolute;pointer-events: none;bottom: 100px;opacity: 0;box-shadow: 1px 1px 2px rgba(0,0,0,0.2);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#komentar .gamen>span:before, #komentar .gamen>span:after{content: '';position: absolute;bottom: -15px;left: 50%;margin-left: -9px;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid rgba(0,0,0,0.1);}
#komentar .gamen>span:after{bottom: -14px;margin-left: -10px;border-top: 10px solid #5858FA;}
#komentar .gamen:hover>span{opacity: 0.9;bottom: 55px;}
</style>

Kalu Langkah Di Atas Sudah Sobat Silakan Copy javascript Nya Di BAwah

<div style='overflow:auto; padding:5px; width:230px; height:300px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN9DxET7mqihGF0JVeB1UNYNlvAksjbCCQMt0OFkWSE-ja5hhfmmsscfi1Vs9PcfFufRw1rekMyU1vEyGZ0tgkDW-H_aethalje7Jitz1IcEdBtBC7dp3MHYOt5le-NZxhn_GgsWfZMmW2/s1600/Robot+Selladrt.jpg)   ; border:4px solid #0000FF;'>
<div id="komentar">
<ul>
<script type="text/javascript">
//<![CDATA[
var Selladrtkomentar = 20;
var Selladrtkarakter = 60;
//]]></script>
<script src="http://selladrt11.jw.lt/Recent Selladrt Comments Style.js" type="text/javascript"></script>
<script src="http://bingkaiframes.blogspot.com/feeds/comments/default?alt=json&amp;callback=tampilkankomentar" type="text/javascript"></script>
</ul>
</div>
<small></small><br />
<div style="font-size: 90%; text-align: right; text-shadow: 2px 2px 2px #adadad;">
<small></small></div></div>

Perhatian Warna Biru Di Atas Di Ganti Dengan URL Punya Sobat.
Kalu Sobat Mau Merubag Css Nya Atau  javascript.
Contoh Div Yang Di Bawah
var Selladrtkomentar = 20;
var Selladrtkarakter = 60; 

Sobat Ganti Misalnya Contoh Di Bawah

var Blah-blahkomentar = 20;
var Blah-blahkarakter = 60;

Ituh Gak Bakalan Spot Malah Merusak Mas Atau Gak Bakalan Tampil
Recent Comentar Nya Malah Yang Tampil Grandong Heheheh...
Jadi Yang Harus Sobat Edit Lagi  javascript
Terletak Di Dalam  Code http://selladrt11.jw.lt/Recent Selladrt Comments Style.js
Soalnya Kalu Sudah Modifikasian Kalu Di Rubah Satu Bisa Mengakibatkan
Gak Spot Atau Tampilanya pun Gak Bakalan Sempurna Wkwkwkw.

 Sikian Dulu Dari Kami Mas Semoga Membantu Buat Yang Membutuhkannya




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

  1. Marizka Zuverzeck26 Januari 2013 pukul 08.14

    kunjungan malam gan,...
    kok,,,postingan kita bisa sama ya,,,
    sama2 membahas cara membuat recent comment,,,

    heheh....

    BalasHapus
    Balasan
    1. Stiker Jalingkut26 Januari 2013 pukul 08.16

      hehehehe mungkin lgi rame mas postingan comen wkwkwk

      Hapus
  2. kk ps26 Januari 2013 pukul 09.16

    Perasaan tadi saya sudah komentar tapi ga ada ya.ataw salah masuk....

    BalasHapus
  3. Unknown26 Januari 2013 pukul 10.17

    Selamat pagi sobat, tampilannya benar-benar cantik sob. semua tutorial di blog ini siap untuk dikoleksi dan saya bungkus sob. terima kasih

    BalasHapus
  4. vlog media news26 Januari 2013 pukul 12.42

    Wah disini kalau soal ngedit css ternyata sudah ahlinya ya... Keren bro recent komenya mantab

    BalasHapus
  5. Kang Muroi26 Januari 2013 pukul 13.21

    Wah jadi ada bacgroundnya ya bang, cantik yah, tapi biasa sob, saya koleksi ddulu scriptnya

    BalasHapus
  6. zigzoor26 Januari 2013 pukul 15.36

    bener-bener keren mas,disimpan dulu ya mas,siapa tahu kedepan bisa saya pakai.terima kasih kunjungan balik sekalian saja follow,jngn lupa untuk memfollow blog saya.

    BalasHapus
    Balasan
    1. Stiker Jalingkut26 Januari 2013 pukul 19.00

      met siang mas trmksih knjungannya jga Fllow nya. ok sob lngsung terbang hehehe

      Hapus
  7. Unknown26 Januari 2013 pukul 16.20

    selamat pagi sobat..
    I lik it sob..
    :D
    semangat and sukses selalu buat sobat.. :)

    BalasHapus
  8. Unknown26 Januari 2013 pukul 16.59

    kunjungan pagi sob ^_^

    BalasHapus
  9. Unknown26 Januari 2013 pukul 17.04

    Kunjungan sobat.
    Jangan lupa follback sobat,blog sobat sudah saya follow

    BalasHapus
    Balasan
    1. Stiker Jalingkut26 Januari 2013 pukul 19.05

      oh'y mas trmksih knjungannya. ok mas ane fllow balik tnggu'y hehehe

      Hapus
  10. abang ichal26 Januari 2013 pukul 18.06

    kunjungan...
    eh tanya apa bedanya yg pake > dgn tidak pake >
    contoh:
    pake: #komentar .gamen>span
    klo yg ini: #komentar .gamen span ???
    tapi sy coba juga dah cari pemahamannya di situs luar.

    BalasHapus
    Balasan
    1. Stiker Jalingkut26 Januari 2013 pukul 19.09

      klu menurut kami,s sama'j mas. coma bedanya klu di ksih, mungkin membudahkan kita di mana mengetahui komentar di postingan manah hehehe..

      Hapus
    2. abang ichal27 Januari 2013 pukul 22.09

      oo mengetahui kment di post mana...
      ok ok

      Hapus
  11. Unknown26 Januari 2013 pukul 18.47

    sipp deh, terimakasih sharenya yaa....
    selamat hari Minggu :)

    BalasHapus
    Balasan
    1. Stiker Jalingkut26 Januari 2013 pukul 19.16

      selamat hari minggu jga mabk. trmksih spot nya mbk

      Hapus
  12. Yogi Prasetian26 Januari 2013 pukul 21.10

    aku udah pasang gan,.
    jadi absen aja deh,. :D

    BalasHapus
  13. PS Holic26 Januari 2013 pukul 21.34

    mampir lagi nii :)
    tapi font nya jadi segede itu semua kang iia?!?!?
    hmm... keren kang keren :)

    Belajar Photoshop

    BalasHapus
  14. Rohis Facebook26 Januari 2013 pukul 21.42

    silau bro harus pake kacamata ni tuk melihatnya *smile

    BalasHapus
    Balasan
    1. Stiker Jalingkut27 Januari 2013 pukul 01.15

      hehehehe pke kcamata kuda mas biar gk silau wkwkwkwkw

      Hapus
  15. Nova26 Januari 2013 pukul 23.06

    Huaaa keren banget gaaan

    BalasHapus
  16. AZLA26 Januari 2013 pukul 23.14

    selamat siang kawan
    tutorial ini sangat berguna dan bermanfaat
    terima kasih asudah berbagi

    BalasHapus
    Balasan
    1. Stiker Jalingkut27 Januari 2013 pukul 01.22

      met sore mas trmksih bnyk spotnya jga knjungan siangnya mas.

      Hapus
    2. AZLA27 Januari 2013 pukul 05.05

      sama sama genk
      terima kasih sudah berbagi ilmu
      met malam, met rahat genk
      sukses yah

      Hapus
  17. Anonim27 Januari 2013 pukul 00.31

    Boleh dicoba nihh gan.terima kasih ya tutorialnya.mantabbb

    BalasHapus
    Balasan
    1. Stiker Jalingkut27 Januari 2013 pukul 01.24

      silakan mas di cuba asal jngan nyoba anak orang hahahaha.

      Hapus
  18. Staff Administrator27 Januari 2013 pukul 01.19

    di jamin ga berat ya mas loadingnya...asyik deh hehe :)
    mav mas..baru nongol :)

    BalasHapus
    Balasan
    1. Stiker Jalingkut27 Januari 2013 pukul 01.27

      hehehehe met sore mas. klu berat biar kami bantu bawahka'y hehhe. gk pa2 mas tuh dah nongol kyk paijo gkggkgkgkgkgkgkgkgk.

      Hapus
    2. Staff Administrator28 Januari 2013 pukul 07.25

      itu..tetangga baru ku loh mas..hehe :)

      Hapus
  19. Masnady27 Januari 2013 pukul 03.13

    waduh saya ketinggalan nih sobat.. hmm..gara gara koneksi eror, saya jadi ketinggalan tips membuat recent coment cantik nih hehehehe

    makasih nih sobat tipsnya..?

    BalasHapus
  20. Misbah27 Januari 2013 pukul 05.13

    keren genk,tp di blog saya udah ada genk,jadi ya ga hrs pke yang ada di blog saya genk,..hehehehe
    nice share

    BalasHapus
  21. miss yatie27 Januari 2013 pukul 05.55

    mbak dah lama lihat di blog teman2, cantik juga, terfikir nak letak, tapi belum masanya, apa2 pun thanks nanti KY tahu di mana harus cari tutorianya

    BalasHapus
  22. Admin27 Januari 2013 pukul 08.17

    selalu menarik tutornya.mantap..

    BalasHapus
  23. Anonim27 Januari 2013 pukul 08.40

    Mampir sob.. n thanks dah share infonya nih

    BalasHapus
  24. Unknown27 Januari 2013 pukul 13.10

    Kujungan malam, sob.
    share donk sob, cara membuat populer post bergerak

    BalasHapus
  25. Asuka27 Januari 2013 pukul 14.42

    Keren nih sob. Thanks sudah berbagi tips

    BalasHapus
  26. Icah Banjarmasin27 Januari 2013 pukul 16.42

    Manteeffff bang sipppp aku sedot ya bang..hahahahyyyyy

    BalasHapus
  27. Unknown27 Januari 2013 pukul 22.01

    makin manteb aja nih blognya mas genk..

    BalasHapus
  28. Ave Ry27 Januari 2013 pukul 23.34

    Waduhh, kolom komennya sesuatu sekali :p

    saya sudah pasang (^.^)/

    BalasHapus
  29. Luhur Fatah28 Januari 2013 pukul 02.01

    makasih bang atas infonya

    BalasHapus
  30. AZLA28 Januari 2013 pukul 21.43

    Selamat siang genk, masih perlu disimak kembali ini genk, mumpung sempat..
    terima kasih tutorialnya

    BalasHapus
  31. Rizal Uye29 Januari 2013 pukul 01.12

    dipahami dulu mas

    BalasHapus
  32. Aghnam23 Februari 2013 pukul 20.28

    Lumayan rumit tapi bekerja

    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 "

Diberdayakan oleh Blogger.
►

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