breaking news ticker যুক্ত করুন ব্লগে

 

আশা করি সকলে'ই ভাল আছেন|অনেকে'ই চান নিজের ব্লগস্পট সাইড টা একটু সাজ সজ্জা করতে-তাই আমি শেয়ার করলাম  ব্রেকিং নিউজ টিকার আশা করি আপনাদের ভাল লাগবে

যেভাবে ব্লগস্পটে যুক্ত করবেন। 

✯ প্রথমে ব্লগে Login  করুন।

✯ তারপর ব্লগার  dashboard  হতে  Template > Edit Html  বাটনে ক্লিক করুন।

✯ কিবোর্ড হতে Ctrl+F চেপে </style>  কোডটি সার্চ করুন।

✯   সার্চ করে পাওয়া  </style> এর আগে নিচের CSS  কোড গুলো পেষ্ট করুন।

#beakingnews{width:980px;margin:0 auto;line-height:35px;height:35px;background:#F7F7F7;overflow:hidden;margin-top:5px;}
#beakingnews .tulisbreaking{display:block;float:left;padding:0 7px;margin:0 5px 0 0;color:#FFF;background:#FD1515}
#recentpostbreaking{float:left}
#recentpostbreaking ul,#recentpostbreaking li{list-style:none;margin:0;padding:0} 

✯ কিবোর্ড হতে Ctrl+F চেপে </body> কোডটি সার্চ করুন।

✯ সার্চ করে পাওয়া </body> কোড এর আগে নিচের  javascript কোড গুলো পেষ্ট করুন।

 <script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {

var url_blog = 'http://www.visitortunes.com/', //replace with your Domain
numpostx = 10; //Posts want to display

$.ajax({
url: '' + url_blog + '/feeds/posts/default?alt=json-in-script&max-results=' + numpostx + '',

type: 'get',
dataType: "jsonp",
success: function(data) {

var posturl, posttitle, skeleton = '',
entry = data.feed.entry;

if (entry !== undefined) {
skeleton = "<ul>";

for (var i = 0; i < entry.length; i++) {

for (var j=0; j < entry[i].link.length; j++)

{
if (entry[i].link[j].rel == "alternate")

{
posturl = entry[i].link[j].href;

break;
}
} posttitle = entry[i].title.$t;

skeleton += '<li><a href="' + posturl + '" target="_blank">' + posttitle + '</a></li>';

}
skeleton += '</ul>';
$('#recentpostbreaking').html(skeleton);

// kode untuk efek pada breaking news
function tick(){
$('#recentpostbreaking li:first').slideUp( function () { $(this).appendTo($('#recentpostbreaking ul')).slideDown(); });

}
setInterval(function(){ tick () }, 5000);

} else {
$('#recentpostbreaking').html('<span>No result!</span>');

}
},
error: function() {

$('#recentpostbreaking').html('<strong>Error Loading Feed!</strong>');
}

});
});
//]]>
</script> 

✯  বিঃদ্রঃ: উপরের  javascript কোডের  "http://www.visitortunes.com" এর জায়গায় আপনার সাইডের Home  লিস্কস: দিন
এবং  Template টি সেভ করুন

✯ এবার  ব্রেকিং নিউজ টিকার দেখানোর জন্য  dashboard > Layout এ গিয়ে একটি  HTML/Javascript

দ্বারা  Gadget  তৈরী করে নিচের HTML  কোড গুলো পেষ্ট করে সেভ করুন।

অথবা আপনার HTML নিয়ে যদি ভাল জ্ঞান থাকে তাহলে Template > Edit Html সেকশনে ও এড করতে পারেন।

<div id='beakingnews'><span class='tulisbreaking'>Breaking News:</span>
<div id='recentpostbreaking'>Loading...</div>
</div>

এখন আপনার সাইডে দেখুন ব্রেকিং নিউজ টিকার যোগ হয়ে গেছে-কোন সমস্যা হলে অবশ্যই মন্তব্য জানাবেন-টিউনটি ভাল লাগলে শেযার করতে ভূলবেন না।