- Back to Home »
- Blog »
- আপনার ব্লগে চলন্ত লেখা যুক্ত করুন
Thursday, January 30, 2014
এই কাজটি করতে প্রথমে ব্লগার ডেসবোর্ডে লগ ইন করুন, তারপর layout এ ক্লিক করুন, নিচে দেখুন......
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 বাটনে ক্লিক করুন, এবং আপনার যেখানে রাখতে ইচ্ছে হয় সেখানে রাখুন। এবার আপনার ব্লগে ডুকে দেখুন।
তাহলে আজকের মত বিদায়, সবাই ভাল থাকুন, সুস্থ থাকুন, আল্লাহ হাফেজ।
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 বাটনে ক্লিক করুন, এবং আপনার যেখানে রাখতে ইচ্ছে হয় সেখানে রাখুন। এবার আপনার ব্লগে ডুকে দেখুন।
তাহলে আজকের মত বিদায়, সবাই ভাল থাকুন, সুস্থ থাকুন, আল্লাহ হাফেজ।