Saturday, September 6, 2014

ব্লগে হট নিউজ নোটিফিকেশান বার যুক্ত করুন সহজে


ব্লগে যারা নোটিফিকেশান বার যুক্ত করতে চান, তাদের মুশকিল আসান করতে এই পোষ্ট। অনেক দিন ধরে যারা ভাবছেন ব্লগে নোটিফিকেশান বার লাগাবেন, তারা আজ নিঃসন্দেহে জুরে দিন নেজেদের ব্লগে। এই নোটিফিকেশান বার দিয়ে আপনি আপনার পছন্দের পোষ্ট কিংবা বিজ্ঞাপন দিতে পারবেন। তাতে আপনার সাইটের বাড়তি জায়গার প্রয়োজন নেই। তবে আর দেরি কেন? এক্ষুনি লাগিয়ে নিন। আর যারা লেখা লেখি ভালোবাসেন, এক মিনিটও সময় নষ্ট না করে লেগে পড়ুন।   

কিভাবে যুক্ত করবেন marquee notification বার?



  • Gmail অ্যাকাউন্ট Password দিয়ে ব্লগে প্রবেশ করুন
  • তারপর Blogger Dashboard প্রবেশ করুন।
  • এরপর Add a gadget অপশনে ক্লিক করুন।নিচের ছবিটির মতো দেখতে পাবেন।


  • এরপর HTML/JavaScript Gadget ক্লিক করুন।নিচের ছবিটির মতো দেখতে পাবেন।


  • এরপর নিচের কোডটি কপি করে 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="#" target="_blank"><b>How to change mouse cursor in blogger blog to animated cursors</b></a>
| <a href="#" target="_blank"><b>Numbered Page Navigation For Blogger New Script</b></a>
| <a href="#" target="_blank"><b>Animated Recent posts for Blogger with Thumbnails - Simple Spy</b></a>
| <a href="#" target="_blank"><b>17+ Featured Content Slider for Blogger Using jQuery</b></a>
</p>
</marquee>
</div>
<div>
এর পর সাইটটিকে ওপেন করে দেখুন, ঠিক-ঠাক কাজ করছে কিনা। কিছু পরিবর্তন করতে চাইলে নিচের দেওয়া নোট লক্ষ্য করুন। সমস্যা হলে কমেন্ট করুন। ভালো লাগলে শেয়ার করতে ভুলবেনা প্লিস। ধন্যবাদ।
নোটঃ-

  • # চিহ্নে নিজের URL টাইপ করুন
  • সবুজ লেখাগুলির জায়গায় নিজের পছন্দের Text টাইপ করুন।
  • উপরে হলে top এবং নিচে হলে bottom টাইপ করুন। 


Previous Post
Next Post