নিজের ব্লগটাকে সাজাতে কে ন চায়? সবাই নতুন নতুন গেজেট ব্যবহার করে থাকি
নিজের ব্লগটিকে সাজিয়ে তুলতে। আজ আপনাদেরকে দেখাবো কিভাবে আপনার পছন্দের
লিখাটিকে খবরের শিরোনামের মত স্ক্রল করাবেন।
মানে ধরুন আমি চাইতেছি “এই ওয়েবসাইটটি আপনাকে সাধরে গ্রহণ করলো। নিয়মিত ভিজিট করতে থাকুন আশা করি উপকৃত হবেন।”
লিখাটি আমার ব্লগের সবার উপরে চলমান থাকবে মানে খবরের শিরোনামের মত ঘুরতে থাকবে।এই ব্লগের উপরে যা দেখতেছেন তাই।
এই কাজটি করতে প্রথমে ব্লগার ডেসবোর্ডে লগ ইন করুন, তারপর 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 এ ক্লিক করুন, নিচে দেখুন......
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 বাটনে ক্লিক করুন, এবং আপনার যেখানে রাখতে ইচ্ছে হয় সেখানে রাখুন। এবার আপনার ব্লগে ডুকে দেখুন।
তাহলে আজকের মত বিদায়, সবাই ভাল থাকুন, সুস্থ থাকুন, আল্লাহ হাফেজ।
ভাল লাগলে অবশ্যই জানাবেন।
ভাল লাগল আপনার পোস্ট টি। এটা মারকিউ কোড এর মাধ্যমে আর সহজ করে করা যায়। জাই হোক, আমি একজন অ্যাডসেন্স অ্যাপ্রুভার। মাত্র ২ ঘণ্টায় একটি হোস্টেড অ্যাডসেন্স অ্যাপ্রুভ আকাউন্ট পেতে যোগাযোগ করুন।
ReplyDeleteঅ্যাডসেন্সের জন্যতো জানি ইংলিশ ব্লগ বা সাইট হতে হয়। সে ক্ষেত্রে বাংলা ব্লগ বা সাইট অ্যাপ্রুভ হবে কি না?
ReplyDeleteami lekher coller change korbo ki vabe?
ReplyDeleteখুবি সহজ কাজ, আপনি যে লিখাটি কালার করবেন সে লিখাটি সিলেক্ট করে উপরে ডান পাশে তাকিয়ে দেখুন কালারের অপশন আছে।
ReplyDeletevery nice Tutorial Thanks http://freeknowledgebd.blogspot.com
ReplyDelete