আপনার ব্লগার ব্লগে যুক্ত করে নিন sticky bar with scroling recent post

• আল্লার নাম নিয়ে আজকের এই পোস্ট শুরু করছি । আজকে আমি আপনাদেরকে  দারুন কয়েকটি  Animation text  উপহার দেবো , যেগুলো আপনাদের খুব পছন্দ হবে এবং আপনার ব্লগকে আরও সুন্দর করে তুলবে । কিভাবে যুক্ত করবেন সব কিছু পেতে একটু কষ্ট করে নিচে যান ।

• প্রথমে আপনার ব্লগ লগ অন করুন, তারপর Layout অপশন এ যান , তারপর Add a Gadget অপশন এ যান । নীচের চিত্রে দেখুন ।

•  Add a Gadget এ ক্লিক করার পর একটি নতুন উইন্ডো ওপেন হবে সেখান থেকে HTML/JavaScript অপশন এ যান । নীচের চিত্রে দেখুন । 

 

•   HTML/JavaScript এ ক্লিক করলেই আর একটি উইন্ডো ওপেন হবে , সেখানে Title ঘরটা ফাকা রাখুন এবার Content ঘরে নীচের  কোড  কপি করে পেস্ট করুন তারপর Save বটনে ক্লিক করে বেরিয়ে আসুন ।নীচের চিত্রে দেখুন ।

• কোড পেতে নিচে যান ।

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script><script style="" src="https://rafiblog.googlecode.com/svn/trunk/recensticky.js"></script><script src="https://rafiblog.googlecode.com/svn/trunk/sticky2.js"></script><style>#md-stickybar{background:#000000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv9KeKmSl1POGRlc5Gpl09xKvQ3HqkQXjFmuPjcayPLTrvDipGA1gjyAI5a5PH0tB1h23GuI46npoiwZbtC5NsHpJ9Qp5vV5Jr3SkMkRZIx3X1hmxlaujsLaTrSZ3jQZjZAv7mnir2xbc/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://desitechtunes.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=RecentPostsScrollerv2&amp;max-results=10 " ></script> <noscript><a href="http://www.edutechnology.net/add-sticky-bar-with-auto-scrolling-recent-post-widget-to-blogger/">+ Grab this Widget</a></noscript><a href="#" id="mdclose"  onclick="return false;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9Bjk_kuyCp3K8wpnv3jloxUO_krxKvkdp2HRLygNDTwIFDFzkIhb8KzhSspJErcEovXwKL2pT_vCrpo54Fh7hyphenhyphenLOaPvXN5J1JiPUCE1T6cR_10N2_t7Q8z4QAAo4A2e7tzIel5mDzcyo/s400/cancel.png"/></a></div id='md-stickybar'>

* উপরের সবুজ লিখাতে http://desitechtunes.blogspot.com ফেলে আপনার সাইটের নাম দিন ।


* আমার এই পোস্ট আপনার ক্যামন লাগলো কমেন্ট করে জানাতে ভুলবেন না । তাহলে আজকের মতো এই পর্যন্ত ভাল থাকবেন । আল্লা হাফেজ ।