Cara Membuat Kotak Script Dengan Scroll di Posting Blog

kali ini Admin Fikri Imani Kamil akan memposting Cara Membuat Kotak Script Dengan Scroll di PostingBlog

hehehee... mau tau bagaimana cara membuatnya ; tapi sebelum itu coba liat contoh gambar scrip dengan scroll dibawah ini ;

Gimana sobat tampilan Kotak Script Dengan Scroll di Posting Blog Bagus kan ..? Yuk mari kita lihat bagai mana cara Membuat Kotak Script Dengan Scroll di Posting Blog ini ;

Login Ke Blogger

• Pilih Post >> Entri Baru
  ketikkan postingan anda
• Masukan Script yg ingin di buat Kotak Script
• Di pojok kiri atas ada 2 opsi, yaitu Compose dan HTML, 
  Pilih yg HTML
  
  
  

  

  
  
  
• Copy paste script berikut ini pada bagian yg ingin di buatkan kotak script
  dan setelah itu jangan lupa kembali compose lagi ya !! dan satu lagi sebelum kembali ke compose setelah mempaste script ini anda harus clik Enter dan ketikkan sesuatu <alasanya adalah agar sobat bisa meneruskan mengetik posting berikutnya> 

<div style="overflow:auto; width:100%px; height:200px; padding:10px; border:1px solid #999999;"> masukkan Kode / Script yg ingin di masukan </ div>

• Simpan
  
  Silahkan Lihat contohnya dibawah, itu contohnya script recent comment :)

<style type="text/css" scoped>
ul.kangismet_recent{list-style:none;margin:0;padding:0;}
.kangismet_recent li{background:none !important;margin:0 0 6px !important;padding:3px
!important;display:block;clear:both;overflow:hidden;list-style:none; border: 1px solid transparent;
border-radius:9px; max-height: 100px;}
.kangismet_recent li:hover{border: 1px solid #ddd;}
.kangismet_recent a {text-decoration:none;}
.avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px
#ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;width:35px;height:35px}
.kangismet_recent li span{margin-top:4px;color: #222;display: block;font-size: 12px;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    var
 numComments  = 10,
 showAvatar  = true,
 avatarSize  = 35,
 roundAvatar = true,
 characters  = 40,
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
 maxfeeds=50,
 adminBlog='Fikri Imani Kamil';
//]]>
</script>
<script type="text/javascript" src="https://kang-is.googlecode.com/svn/trunk/javascript/recentcomments2.js"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&amp;callback=kangismet_recent&amp;&amp;max-results=50">
</script>