ভিজিট করুন নতুন ও স্হায়ী ব্লগ www.alomoy.com, it.alomoy.com

ফিডবার্নারের সাম্প্রতিক পোস্ট স্ক্রোল করে ও কাস্টোমাইজ করে দেখাবার কৌশল

কোন ফিডস থেকে সাম্প্রতিক পোস্ট তালিকা দেখাতে হলে ব্লগারে একটি টুল আছে। কিন্তু তাতে আবার ৫টির  বেশি দেওয়া যায়না। তাই আরো বেশি পোস্ট দেখাতে ফিডবার্নারে নিবন্ধন করে ভালো সুবিধা পাওয়া যায়। না জানলে পড়ে আসুন। তাতে আরেকটি খারাপ দেখা যায়- সেটি হলো তাদের লোগো। এবার আমরা জানব কীভাবে ফিডবার্নারের লোগোকে তাড়াতে হবে। এবং কীভাবে কাস্টোমাইজ করে স্ক্রোলিং রিসেন্ট পোস্ট তালিকা দেখানো যাবে।
কাজটি আপনার ভাবনার চেয়েও সহজ!!
১. লেআউটে গিয়ে একটি গ্যাজেট যুক্ত করুন- এ ক্লিক করুন।
২. HTML/JavaScript এ ক্লিক করুন।
৩. নিচের কোড পেস্ট করুন।
৪. স্ক্রোলিং ইফেক্ট পরিবর্তন করতে এ পোস্ট পড়ুন। (কীভাবে স্ক্রোলিং টেক্সট  বা চলমান লেখা তৈরি করতে হয়)
৫.  গ্যাজেট সঞ্চয় করুন।
 কাস্টোমাইজেশনঃ
 #লাল কালির background: url যেকোন ছবি দিতে পারেন।
# একেবারে নিচের লাল কালির লেখায় আপনার ব্লগের ফিডবার্নার ঠিকানা দিন। (ফিডবার্নার ঠিকানা কি-না বুঝলে ক্লিক করুন)
কোড:
 <style>
/* ============ Feedburner Buzzboost Widget Customization Style By helperblogger.com ============= */

div.feedburnerFeedBlock ul li {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEislZOSeBhCILOY7H2Z2EiDP-e2vHWw_21t4r2LYTa4Sff9Hl-s9rtwxZbc1FPTbXFGtpMzXmPvcb79d0eCrgYoNtxcjJcdwEKbWN5gxqqLhHd7mkJ8DLUmCcDT0PkhsVpL_GsakVmbTNN3/s1600/feed.png) no-repeat 2px;
    list-style-type: none;
    margin: 0 0 5px 0px;
    padding: 5px 5px 5px 30px !important;
    border: 1px solid #dddddd;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
 }

div.feedburnerFeedBlock ul li:hover {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEislZOSeBhCILOY7H2Z2EiDP-e2vHWw_21t4r2LYTa4Sff9Hl-s9rtwxZbc1FPTbXFGtpMzXmPvcb79d0eCrgYoNtxcjJcdwEKbWN5gxqqLhHd7mkJ8DLUmCcDT0PkhsVpL_GsakVmbTNN3/s1600/feed.png) no-repeat 2px;
    border: 1px dashed #848484;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

div.feedburnerFeedBlock ul li a:hover {
    text-decoration: none;
}

div  #creditfooter {
    display: none;
}

/* ============ Feedburner Buzzboost Widget Customization Style By helperblogger.com ============= */

</style>
 <marquee  behavior="scroll" direction="up" onmouseover="this.stop();" onmouseout="this.start();"scrollamount="3"><script src="http://feeds.feedburner.com/Truth-on-Top?format=sigpro" type="text/javascript" ></script><noscript><p>
Subscribe to RSS headline updates from: <a href="http://feeds.feedburner.com/Truth-on-Top"></a><br/>Powered by FeedBurner</p>
</noscript></marquee>

0 টি মন্তব্য:

একটি মন্তব্য পোস্ট করুন