** এই কাজটি করতে প্রথমে ব্লগার ডেসবোর্ডে লগ ইন করুন,
তারপর layout এ ক্লিক করুন,
** এবার আপনি add a gadget এ ক্লিক করুন
** এবার HTML/Java script এ ক্লিক করুন,
** টাইটেল বক্সে
কিছু না লিখলেও চলবে
এবং content বক্সে নিচের
কোডগুলো কপি করে পেস্ট করুন...
<style>
#wcnot-cont
{
top:0px;
left:0px;
z-index:9999999;
position:fixed;
width:100%;
background:#222222;
color:#ffffff;
font:16px georgia;
box-shadow:2px 2px 5px #444444;
-moz-box-shadow:2px 2px 5px #444444;
-web-kit-box-shadow:2px 2px 5px #444444;
-goog-ms-box-shadow:2px 2px 5px #444444;
}
#wc-movtext
{
text-align:center;
padding:8px;
font-family: Verdana,”Times New Roman”,Georgia,Serif;
font-size:12px;
color: #ffffff;
}
#wc-movtext a
{
color:#ffffff;
text-decoration:none;
font:16px georgia;
}
#wc-movtext a:hover
{
color:yellow;
text-decoration:none;
}
</style>
<div id=’wcnot-cont’>
<div id=”wc-movtext”>
<marquee behavior=’alternate’ direction=”left”
onmouseover=”this.stop();”
onmouseout=”this.start();”>
<p>
<a href=”http://Link” target=”_blank”><b>Your Text 1</b></a>
| <a href=”http://Link” target=”_blank”><b>Your Text 2</b></a>
| <a href=”http://Link” target=”_blank”><b>Your Text 3</b></a>
| <a href=”http://Link” target=”_blank”><b>Your Text 4</b></a>
</p>
</marquee>
</div>
<div>
Post-
তারপর layout এ ক্লিক করুন,
** এবার আপনি add a gadget এ ক্লিক করুন
** এবার HTML/Java script এ ক্লিক করুন,
** টাইটেল বক্সে
কিছু না লিখলেও চলবে
এবং content বক্সে নিচের
কোডগুলো কপি করে পেস্ট করুন...
<style>
#wcnot-cont
{
top:0px;
left:0px;
z-index:9999999;
position:fixed;
width:100%;
background:#222222;
color:#ffffff;
font:16px georgia;
box-shadow:2px 2px 5px #444444;
-moz-box-shadow:2px 2px 5px #444444;
-web-kit-box-shadow:2px 2px 5px #444444;
-goog-ms-box-shadow:2px 2px 5px #444444;
}
#wc-movtext
{
text-align:center;
padding:8px;
font-family: Verdana,”Times New Roman”,Georgia,Serif;
font-size:12px;
color: #ffffff;
}
#wc-movtext a
{
color:#ffffff;
text-decoration:none;
font:16px georgia;
}
#wc-movtext a:hover
{
color:yellow;
text-decoration:none;
}
</style>
<div id=’wcnot-cont’>
<div id=”wc-movtext”>
<marquee behavior=’alternate’ direction=”left”
onmouseover=”this.stop();”
onmouseout=”this.start();”>
<p>
<a href=”http://Link” target=”_blank”><b>Your Text 1</b></a>
| <a href=”http://Link” target=”_blank”><b>Your Text 2</b></a>
| <a href=”http://Link” target=”_blank”><b>Your Text 3</b></a>
| <a href=”http://Link” target=”_blank”><b>Your Text 4</b></a>
</p>
</marquee>
</div>
<div>
উপরে কোড গুলোতে লক্ষ্য করুন সবুজ কালার ও নীল কালারের লেখা গুলো ইডিট করতে হবে । সবুজ কালারের http://Link এর জায়গায় আপনার লেখার নিংক দিন মানে আপনার যে কোন লিখার , বা পোষ্ট, বা যে কোন ওয়েব সাইটের লিংক দিতে পারেন। এবং নীল কালারের Your Text 1 এর জায়গায় আপনার লেখা গুলো লিখে দিন মানে আপনি যে লিখাটিকে স্ক্রল করাতে চান সেটা। দেখুন উপরে লেখার চারটি কোড দেওয়া আছে, আপনি চাইলে আরো বাড়াতে পারেন অথবা চাইলে আরো কমাতেও পারেন।
এবার আপনি সর্বশেষ save বাটনে ক্লিক করুন, এবং আপনার যেখানে রাখতে ইচ্ছে হয় সেখানে রাখুন। এবার আপনার ব্লগে ডুকে দেখুন।
Post-
0 comments:
Post a Comment
Thanks For Comments