ब्रेकिंग न्यूज़ बार को वेबसाइट या ब्लॉग पोस्ट में कैसे दिखाएं :
अपनी वेबसाइट पर, ब्रेकिंग न्यूज़ बार लगाना चाहते हो! जिससे आपके वेबसाइट की इंपॉर्टेंट "पोस्ट" हो या कोई "टॉपिक" हो, उन्हें ब्रेकिंग न्यूज़ बार द्वारा लोगों को आसानी से पता चल सके, वैसे तो ब्रेकिंग न्यूज़ बार बनाने के बहुत सारे फायदे होते हैं.
1. वेबसाइट के पोस्ट को दिखाना
2. इंपॉर्टेंट अपडेट देना.
3. रीसेंट पोस्ट दिखाना
4. वेबसाइट पोस्ट अट्रैक्टिव दिखाना
ब्रेकिंग न्यूज़ बार, अलग-अलग तरह के होते हैं, कोई ब्रेकिंग न्यूज़ बार, "थीम" में पहले से ही होते हैं उसमें कस्टमाइजेशन करने की कोई जरूरत नहीं होती है, तो किसी में "जरूरी चीजें" दिखाने के लिए ब्रेकिंग न्यूज़ बार लगाने पड़ते हैं.
ब्रेकिंग न्यूज़ बार क्या होता है, उसे कैसे हम अपनी वेबसाइट या ब्लॉग पोस्ट पर लगाते हैं, उसके बारे मैं आपको स्टेप बाय स्टेप समझाने वाला हूं, ऊपर दिखाएं स्क्रीनशॉट में आप लोग ब्रेकिंग न्यूज़ बार देख सकते हैं, उसी तरह का ब्रेकिंग न्यूज़ बार आप अपने ब्लॉग पोस्ट पर लगाना चाहते हैं तो मैंने नीचे दिए स्टेप्स को फॉलो करें.
स्टेप 1
सबसे पहले " थीम" के "html" पर आकर वहां "Crl+F" फाइंड करें उसके बाद आपके सामने एक सर्च बॉक्स आएगा जिसमें आपको </body> फाइंड करना है, जैसे मैंने ऊपर दिए गए स्क्रीनशॉट में दिखाया है उसी तरह आप स्टेप फॉलो कर सकते हैं,
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
var url_blog = 'PASTE YOUR URL HERE', //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> उसके बाद मैंने ऊपर दिए हुए कोड को आप लोग कॉपी करें, फिर "थीम" के "html" मेंआए,और कॉपी किए हुए कोड को </body> टैग के ऊपर पेस्ट करें और थीम को सेव करें, यहां आपका फर्स्ट स्टेप कंप्लीट हुआ.
टिप : ध्यान में रखें ! ऊपर दिए गए कोड में आपको "paste your url here " की जगह आप अपने वेबसाइट का"url" डालें तभी ऊपर दिया गया कोड काम करेगा नहीं तो वह कोड काम नहीं करेगा.
स्टेप 2
फिर से " थीम" के "html" में आ जाए, वहां आपको Ctrl+F सर्च करना है, और सर्च बॉक्स में आपको </head> टैग को फाइंड करना है, जिस तरह का मैंने ऊपर दिए गए स्क्रीनशॉट में दिखाया है.
<style type='text/css'>
#beakingnews{width:980px;margin:0 auto;line-height:25px;height:25px;background:#F7F7F7;overflow:hidden;margin-top:5px;}
#beakingnews .tulisbreaking{display:block;float:left;padding:0 7px;margin:0 5px 0 0;color:#FCFCFC;background:#5F0000}
#recentpostbreaking{float:left}
#recentpostbreaking ul,#recentpostbreaking li{list-style:none;margin:0;padding:0}
</style> ब्लॉगर थीम में </head> यह फाइंड करने के बाद ऊपर दिए गए "html" कोड को कॉपी करना है, और उस कोड को एग्जैक्ट </head> के ऊपर पेस्ट कर देना है, और थीम सेव कर देनी है. उसके बाद आपका स्टेप-2 खत्म हो जाता है.
<div id='beakingnews'><span class='tulisbreaking'>Breaking News</span><!-- tag pembuka tempat Breaking News-->
<div id='recentpostbreaking'>Loading...</div><!-- tag tempat daftar Breaking News ditampilkan-->
</div><!-- tag penutup tempat Breaking News-->
</b:if></b:if>
<div style='clear: both;'/> स्टेप 3
यह एक फाइनल ,आखिरी स्टेप है, जिसमें, आपको मैंने ऊपर दिए गए,"html" कोड कॉपी करना है और उस कोड को आप अपने पोस्ट में जहां "ब्रेकिंग न्यूज़ बार" दिखाना चाहते हो, उस जगह पेस्ट करना है, और थीम को "सेव" कर देना है. ध्यान रहे की ऊपर के कोड को आप "थीम" के "html" में नहीं पेस्ट कर देना बल्कि उसे आपको पोस्ट में जहां दिखाना है वहां पेस्ट कर देना है.
यदि आपको यह आर्टिकल अच्छा लगा हो या आपके पोस्ट में "ब्रेकिंग न्यूज़ बार" शो नहीं कर रहा है, तो मुझे आप नीचे दिए कमेंट में, जरूर बता दे, जिससे मैं आपके समस्या का सॉल्यूशन दे सकूं,आप मुझे हमेशा आपके कमेंट के "थ्रू" सुझाव देते रहे.
