Saturday, 24 May 2014

Cara Buat Recent Comment Super Keren di Blog (New)


Recent Comment, Sobat sudah tahu apa itu Recent Comment ..? Recent Comment berfungsi untuk menampilkan Komentar terbaru pada Blog kita. Hal ini membantu kita untuk mengetahui Komentar terbaru yang ada di Blog kita, sehingga kita bisa membalas Komentar yang di berikan oleh Komentator tanpa harus LogIn ke Blogger atau membuka E-Mail kita untuk mengetahui Komentar terbaru di Blog kita. Nah kali ini Saya akan memberikan sentuhan CSS pada Recent Comment (kalo udah pake kode CSS,,jangan diragukan lagi, udah pasti keren banget.) Oke deh, Langsung menuju ke TKP :
  • Pertama LogIn dulu ke Blog Kalian.
  • Kemudian, cari Tata Letak.
  • Kemudian Klik Tambahkan Gadget".
  • Selanjutnya Copy dan Paste-kan Code di bawah ini ke dalamnya.
<style type='text/css'>#info-JmK {z-index: 1000;background:-moz-linear-gradient(top, #1F2326, #000);background: -webkit-gradient(linear, left top, left bottom, from(#1F2326), to(#000));box-shadow:-2px -2px 8px #d2ff00, 2px 2px 20px #d2ff00;-moz-box-shadow:-2px -2px 8px #d2ff00, 2px 2px 20px #d2ff00;-webkit-box-shadow:-2px -2px 8px #d2ff00, 2px 2px 20px #d2ff00;width:400px;position: fixed;top:50px;left:0;margin-left:-304px;border:1px solid #444;background-position:top right no-repeat;height:35px;font:11px Arial;color:#eee;border-top-right-radius:8px;border-bottom-right-radius:8px;-moz-border-radius-topright:8px;-moz-border-radius-bottomright:8px;-webkit-border-top-right-radius:8px;-webkit-border-bottom-right-radius:8px;}#info-JmK{-o-transition: all 1s ease-in;-moz-transition: all 1s ease-in;-webkit-transition: all 1s ease-in;} #info-JmK:hover{width:400px;opacity:1.0;margin-left:0;}.JmKinbox {border:1px solid #444;width:290px; margin:0px 90px 10px 10px;background:transparent;color:#ffffff; border-radius :20px; padding:5px 0;-moz-border-radius:20px; -webkit-border-radius:20px;-o-transition:all 2s ease-in;-moz-transition:all 2s ease-in;-webkit-transition:all 2s ease-in;opacity:0.2;}.JmKinbox:hover{opacity:1.0;box-shadow:1px 1px 15px #000; -moz-box-shadow: 1px 1px 15px #000; -webkit-box-shadow: 1px 1px 15px #000;background: #000000; -moz-opacity: 1.0; opacity: 0.8; -khtml-opacity: 0.0; -moz-border-radius-bottomleft:30px; -moz-border-radius-bottomright:30px;}.JmKinbox2 {margin:5px 10px;padding:0px 8px 10px;color:#FFFFFF;overflow:hidden;height:450px;}.JmK15 {border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;}.JmK2 ul.bom {margin: 0; padding: 0;}.JmKinbox2 li {margin-left:20px;}.JmKinbox2 li a {color: #FFFFF; line-height: 4px; font-size: 11px;font-weight: bold; text-decoration:none;}.JmKinbox2 li a:hover {color: red;text-shadow: 0 1px 1px #000;}.JmKinbox2 h2 { font: 18px Droid Serif;font-weight:bold;padding:0 8px;color: #d2ff00;text-shadow: 0px 1px 1px #ddd;border-bottom: 1px solid #FF0000;}.JmKtouch {font-size:22px;font-weight:bold;font-family:Arial Narrow;float:right;margin: 3px 10px 0 0;-o-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;text-decoration:blink;}.JmKtouch:hover{-o-transform: scale(2) rotate(720deg) translate(0px);-moz-transform: scale(2) rotate(720deg) translate(0px);-webkit-transform: scale(2) rotate(720deg) translate(0px);color: #d2ff00;}</style>
<div id='info-JmK'><span class='JmKtouch'>Komentar</span><div class='JmKinbox'><div class='JmKinbox2 JmK15'><h2>Komentar Terbaru</h2><p style='text-align:justify'>
<div style="background:transparent; border: 1px solid #FFFFFF; height: 350px; overflow: auto; padding: 5px; width: 95%;"><script style="text/javascript" src="http://jmkjs.googlecode.com/files/Recent%20Comment%20JmK.js"></script><script style="text/javascript">var numcomments = 20;var showcommentdate = true;var showposttitle = true;var numchars = 30;var standardstyling = false;</script> <script src="http://bohjak.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script></div></p></div></div></div>
Note : Tulisan yang berwarna Biru untuk jarak keluar/kedalam letak tulisan "Komentar" nya, sedangkan tulisan yang berwarna Merah itu alamat blog sobat.
  • Terakhir Klik Simpan.

    Sangat mudah bukan ??
    Setelah anda coba da lihat hasilnya, Pasti sobat bilang WAAAHHH ... hehhe (keren bgt)
BAGIKAN ARTIKEL : Facebook Twitter Google+ Linkedin

Dee Gazaa

Perhatian : Semua artikel blog ini sudah diprotect, Bagi yang ingin copy-paste artikel ini, mohon lampirkan sumber linknya. Terima Kasih!

14 komentar:

  1. Aga sulit juga ya mengaplikasikan bagi newbie seperti saya ..
    Tapi saya coba dulu ..mdanh"an bisa
    thanx ilmunya gan

    ReplyDelete
    Replies
    1. sangat mudah dan simple cara diatas,,smga sobat berhasil....klo berhasil..koment balik ya...

      Delete
  2. Kok gak bisa di copy sih gan ?

    www.nsi-fc.blogspot.com

    ReplyDelete
    Replies
    1. setelah diblok scrip'a(jgan dicopy paste),trus drag/seret ke microsoft word,,,

      Delete
  3. terima kasih atas informasi yang bermanfaat ini , sukses selalu

    ReplyDelete
  4. sip sip sip deh .... thx codenya yah

    ReplyDelete

 

Copyright @ 2015 INFORMASI DAN TEKNOLOGI.

Designed by Deddy De Gazaa | Boh Jak