যারা ব্লগিং করেন তারা হয়ত হ্যালো বারের নাম শুনে থাকবেন।আমাদের সাইটের ঠিক উপরে একটি অটো নিউজ আপডেট স্ক্রল করছে এটিই হল স্টিকি বার।আর মাধ্যমে আপনি আপনার সাইটের রিসেন্ট পোস্ট গুলো ভিজিটরের সামনে তুলে ধরতে পারবেন।সবচেয়ে মজা হল এটাকে ইচ্ছা মত কাস্টমাইয করা যায় এবং ভিজিটর ইচ্ছা করলে এটা বন্ধ করে দিতে পারবে।
এটি আপনার সাইটে যুক্ত করতে প্রথমে আপনার টেম্পলেটে যান এবং এডিট টেমপ্লেট>প্রসিড
নিচের কোড টা খুজে বের করুন shift+F এর সাহায্য
আবার নিচের কোড খুজে বের করুন
উপরের কোড এর ঠিক পরে নিচের কোড দিন
টেমপ্লেট সাভ করুন।
পরিবর্তনঃ
আমাদের সাইটে যা স্টিকিবার দেখছেন তা আমরা কাস্টমাইয করে নিয়েছি।আপনি ইচ্ছা করলে আপনার মত করে কাস্টমাইয করে নিতে পারেন।
000000 ব্যাকগ্রাউন্ড কালার
F40045 বুলেটের কালার
FFFFFF লিঙ্কের কালার
bdtechtoday.blogspot.com আপনার সাইটের এ্যড্রেস দিয়ে রিপ্লেস করে দিন
10 পোস্ট যে কয়টা দেখাতে চান
100 স্ক্রলিং এর গতি বারান বা কমানো
কালার কোড জানার জন্য এখান থেকে দেখতে পারেন
এটি আপনার সাইটে যুক্ত করতে প্রথমে আপনার টেম্পলেটে যান এবং এডিট টেমপ্লেট>প্রসিড
নিচের কোড টা খুজে বের করুন shift+F এর সাহায্য
]]></b:skin>নিচের কোড দিয়ে উপরের কোড রিপ্লেস করে দিন
#latesthack-stickybar{background:#000000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPYgXnLqChLkCefG8SIJDq1l0C1imZLBM1qBWwDBvzw23zcUpamSm7peVlz7bwuPqq_FLbzae1uhfwET158IQLoD8_8WcRKuxYYAhREUogfOVD92E9ST-8xoj_-f0mSZkEgoUy8ZAt9GA/s1600/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;}
#latesthack-stickybar a{text-decoration:none;color:#FFFFFF;font-size:13px;font-weight:bold;font-family:arial,"Helvetica",sans-serif;line-height:24px;}
#latesthack-stickybar a:hover{text-decoration:underline;}
#latesthack-stickybar p{margin:0;list-style:none;}
#latesthack-stickybar img{vertical-align:middle;margin-right:6px;}
#latesthackclose{padding:0px;float:right;cursor:hand;cursor:pointer;color:#ddd!important;}
]]></b:skin>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
<script src="http://js.howtouses.com/blogger/latesthackstickybar.js"></script>
<script src="http://js.howtouses.com/blogger/latesthackstickybar1.js"></script>
আবার নিচের কোড খুজে বের করুন
<body>
উপরের কোড এর ঠিক পরে নিচের কোড দিন
<div id='latesthack-stickybar'>
<script>
var nMaxPosts = 10;var nWidth = 95;var nScrollDelay = 100;var sDirection = "left";var sOpenLinkLocation = "N";var sBulletChar = ">>";
</script>
<script src="http://bdtechtoday.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2&max-results=10 " >
</script>
<a href="#" id="latesthackclose" onclick="return false;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwHfkuYBA-KlLKpwk7yhX4CJLNWwtjR3baEM1rsY5SxechkugVA2j5amSkdpAqt6IuDAQ1rVG87bE-1RX1hFlDvi6-oQ2oAbQXUfL88ohWsy06rAIKw-IN-urQaH_CdnMIObsz2isbF5c/s1600/cancel.png"/>
</a>
</div>
টেমপ্লেট সাভ করুন।
পরিবর্তনঃ
আমাদের সাইটে যা স্টিকিবার দেখছেন তা আমরা কাস্টমাইয করে নিয়েছি।আপনি ইচ্ছা করলে আপনার মত করে কাস্টমাইয করে নিতে পারেন।
000000 ব্যাকগ্রাউন্ড কালার
F40045 বুলেটের কালার
FFFFFF লিঙ্কের কালার
bdtechtoday.blogspot.com আপনার সাইটের এ্যড্রেস দিয়ে রিপ্লেস করে দিন
10 পোস্ট যে কয়টা দেখাতে চান
100 স্ক্রলিং এর গতি বারান বা কমানো
কালার কোড জানার জন্য এখান থেকে দেখতে পারেন
|
ইমেইলের মাধ্যমে প্রতিদিনের আপডেট নিন |
Follow us! 
|
0 মন্তব্য(গুলি):
একটি মন্তব্য পোস্ট করুন