Recent posts සහිත අපූරු sticky bar එකක් ඔබේ blog එකට එකතු කරගමු

ඉතින් අද මම අරන් ඇවිත් තියෙන්නේ තවත් එක බොහොම අපූරු Sticky Bar එකක්. ඔබේ blog එකේ recent posts, scroll වෙන විදියට තමයි මේ sticky bar එක නිර්මාණය කර තියෙන්නේ.

කොහොමද මෙය ඔබේ බ්ලොග් එකට එකතු කරගන්නේ?

මෙය ඔබේ බ්ලොග් එකට එකතු කරගන්න එක හරිම පහසුයි.

මුලින්ම ඔයා මේ  පහත තියන කෝඩ් එක සම්පූර්ණවම copy කරගන්න.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script><script style="" src="https://googledrive.com/host/0BwFUphO65uAuX29LOTd0QVVQbW8"> </script><script src="https://onivlab.googlecode.com/svn/trunk/sticky2.js"> </script><style>#md-stickybar{background:#000000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3cNNDF7b2jDIemG1A8h81RYcJDPc5YCaw5c9ExgveZkdbnoNRPt-TiXykdkmfN-_Uyxdxc8W75Bo9GHAw7TZZ1rzz2hk8DBvaaVkV4vuIVpg34VlsP_iCxmmBrcn2bcnGut7bUIin-m4/s400/stickybar.png') repeat-x;width:100%;margin:0 auto;text-align:center;padding:0px 0;top:0px;color:#F40045;border-bottom:2px solid #000;/*box-shadow*/-webkit-box-shadow:#666666 0px 1px 3px;-moz-box-shadow:#666666 0px 1px 3px;box-shadow:#666666 0px 1px 3px;z-index:999; display:none;height:28px;position:absolute;line-height:1.85em;vertical-align:baseline;letter-spacing:1px;}#md-stickybar a{text-decoration:none;color:#FFFFFF;font-size:13px;font-weight:bold;font-family:arial,"Helvetica",sans-serif;line-height:24px;}#md-stickybar a:hover{text-decoration:underline;}#md-stickybar p{margin:0;list-style:none;}#md-stickybar img{vertical-align:middle;margin-right:6px;}#mdclose{padding:0px;float:right;cursor:hand;cursor:pointer;color:#ddd!important;} </style><div id='md-stickybar'> <script>var nMaxPosts = 10;var nWidth = 95;var nScrollDelay = 175;var sDirection = "left";var sOpenLinkLocation = "N";var sBulletChar = ">>"; </script><script style="" src="http://yourblogname.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2&max-results=10 " ></script> <noscript><a href="http://webgadgematiclanka.blogspot.com/2014/06/recent-posts-sticky-bar-blog.html">+ Grab this Widget</a></noscript><a href="#" id="mdclose" onclick="return false;"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2AAC6BlPhVmithLzX8LWVvaFSuGAiH_oJTu1QgJVF8SLXFLwcye1NnTS_-BPiLNUsQEYzDu3Ee1FTUfsVVeK6p60oUr9Xhq3Y5rhG1oMcwQeXW-czt-i_Dx7ZE4AepN2HntClTZuWVFI/s400/cancel.png"/></a></div id='md-stickybar'>

• 
  

• ඔබ ඉහත පියවරයන්ගෙන් පසුව Blogger –> Layout වෙත පැමිණ “Add a gadget” යන්න ක්ලික් කරන්න.
• 
  

•  HTML/Javascript යන්න තෝරා පහත දී ඇති cods ටික copy/past කර http://yourblogname.blogspot.com කියන තැනට ඔයාගෙ බ්ලොග් URL එක යොදන්න.
• 
  
•  nMaxPosts = 10 කියන තැනට ඔයාට මේ wiget එකට එන්න ඕන උපරිම post ගාන සදහන් කරන්න.දැන් save කරන්න.
• වැඩේ කොහොමද මරු නේද? :)

දැන් ඔබ සාර්ථකව මෙම අපූරු  wiget  එක ඔබේ බ්ලොග් එකට එකතු කරගෙන හමාරයි. එහෙමනම් මේ සම්බන්දව ඔබට යම් ගැටළුවක් වේ නම් comment කරන්න.

මේ ගැන ඔයාලගෙ අදහස් මොනවද?