Is this the first question?

Yes, this is the first question.

गोण्डा लाइव न्यूज एक प्रोफेशनल वेब मीडिया है। जो समाज में घटित किसी भी घटना-दुघर्टना "✿" समसामायिक घटना"✿" राजनैतिक घटनाक्रम "✿" भ्रष्ट्राचार "✿" सामाजिक समस्या "✿" खोजी खबरे "✿" संपादकीय "✿" ब्लाग "✿" सामाजिक "✿" हास्य "✿" व्यंग "✿" लेख "✿" खेल "✿" मनोरंजन "✿" स्वास्थ्य "✿" शिक्षा एंव किसान जागरूकता सम्बन्धित लेख आदि से सम्बन्धित खबरे ही निःशुल्क प्रकाशित करती है। एवं राजनैतिक , समाजसेवी , निजी खबरे आदि जैसी खबरो का एक निश्चित शुल्क भुगतान के उपरान्त ही खबरो का प्रकाशन किया जाता है। पोर्टल हिंदी क्षेत्र के साथ-साथ विदेशों में हिंदी भाषी क्षेत्रों के लोगों के बीच बहुत लोकप्रिय है और भारत में उत्तर प्रदेश गोण्डा जनपद में स्थित है। पोर्टल का फोकस राजनीतिक और सामाजिक मुद्दों को उठाना है और आम लोगों की आवाज बनना है जो अपने अधिकारों से वंचित हैं। यदि आप अपना नाम पत्रकारिता के क्षेत्र में देश-दुनिया में विश्व स्तर पर ख्याति स्थापित करना चाहते है। अपने अन्दर की छुपी हुई प्रतिभा को उजागर कर एक नई पहचान देना चाहते है। तो ऐसे में आप आज से ही नही बल्कि अभी से ही बनिये गोण्डा लाइव न्यूज के एक सशक्त सहयोगी। अपने आस-पास घटित होने वाले किसी भी प्रकार की घटनाक्रम पर रखे पैनी नजर। और उसे झट लिख भेजिए गोण्डा लाइव न्यूज के Email-gondalivenews@gmail.com पर या दूरभाष-8303799009 -पर सम्पर्क करें।

blogger me Jquery News Ticker Widget kaise lagaye

मित्रो हमने आप लोगो को पिछले आर्टिकल में ब्लॉगर साइडबार में मल्टी मेनू टैब विजेट को एड करने के बारे में जानकारी उपलब्ध कराया था। और आज हम आप लोगो को ब्लॉगर में ब्लॉगर में जक्वेरी न्यूज टिकर विजेट लगाने के बारे में जानकारी देने जा रहे है। ब्लॉगर टेम्पलेट में कंट्रोलर ऑप्शंस के साथ लाइट वेट Jquery News टिकर विजेट कैसे जोड़ें ? न्यूज टिकर विजेट समाचार ब्लॉग के लिए बहुत ही आवश्यक है। हालाँकि, न्यूज वेबसाइट के अलावा भी अलग-अलग कई तरह के साइट से कई ब्लागर अभी भी न्यूज टिकर का उपयोग कर रहे हैं। यह विजेट आपके आगंतुकों को आपकी नवीनतम पोस्ट के बारे में एक त्वरित विचार प्रदान करता है। समाचार टिकर विजेट आसानी से किसी भी ब्लॉगर टेम्पलेट पर काम करता है। और आप देखेंगे कि नवीनतम ब्लॉग पोस्ट की सुर्खियाँ एक-एक करके जादुई रूप से बदल रही हैं। टिकर कंट्रोलर के कारण इस विजेट में Jquery शामिल था। सबसे आश्चर्यजनक हिस्सा आप टिकर नियंत्रक पर क्लिक करके तुरंत पिछली और अगली खबर पर जा सकते हैं। तो अब आप सभी हेडलाइन को आराम से पढ़ और देख सकते हैं। हां यदि आप भी अपने ब्लाग या वेबसाइट में जक्वेरी न्यूज टिकर विजेट एड करना चाहते है तो आपक लिए यह आर्टिकल बहुत ही महत्वपूर्ण है।

ब्लॉगर में जक्वेरी न्यूज टिकर विजेट कैसे लगाये ?

यदि आप ब्लागर ब्लाग में जक्वेरी न्यूज टिकर विजेट लगाना चाहते है तो आपको इसके लिए दिये गये स्टेप को फालो करना होगा। जिससे आपको ब्लाग या वेबसाइट में जक्वेरी न्यूज टिकर विजेट लगाने में आसानी हो सके।

स्टेप-01

ब्लाग या वेबसाइट में जक्वेरी न्यूज टिकर विजेट लगाने के लिए आप नीचे दिये गये जक्वेरी न्यूज टिकर विजेट के सभी कोडो को सुरक्षित वायरस मुक्त डाउनलोड करने के लिए क्लिक कर डाउनलोड कर ले।

[[ Jquery News Ticker Widget-CODE-DOWNLOAD HERE ]]

स्टेप-संख्या-02

सबसे पहले आप ब्लागर डेशबोर्ड में लागिंन करे।
अब आप Theme पर क्लिक करे।
अब आप Customize पर क्लिक करे।
अब आप EDIT HTML पर क्लिक करे इसके बाद एक नया पप अप विंडो ओपन होगा ।

स्टेप-संख्या-03

सबसे पहले आप नीचे दिये गये ब्लॉगर में जक्वेरी न्यूज टिकर विजेट के कोड को <head> में लगाने के लिए कापी पेस्ट कर ले ।

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'></script> 
<link href='//netdna.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'/>

अब Search Box में (CTRL + F) दबाकर आप <head> को सर्च करें ।
अंत में मार्कअप की लाइन का अनुसरण करें और इसे <head> के नीचे पेस्ट करें ।

उसके बाद Save Theme पर क्लिक कर परिवर्तनों को सहेजे और अब आपका काम हो गया ।

स्टेप-संख्या-04

सबसे पहले आप नीचे दिये गये ब्लॉगर में जक्वेरी न्यूज टिकर विजेट के कोड को ]]></b:skin> में लगाने के लिए कापी पेस्ट कर ले ।

#spicenewsticker.loading{display:none}
.left .news-ticker-controls,.left .ticker-content,.left .BloggerSpice-ticker-title,.left .ticker{float:left}
.right .news-ticker-controls,.right .ticker-content,.right .BloggerSpice-ticker-title,.right .ticker{float:right}
.ticker-wrapper.has-js{font-family:'Helvetica',Arial,sans-serif;width:80%;height:28px;overflow:hidden;border:1px solid #f1f1f1;margin:10px 50px 0;line-height:28px;background-color:#FFFFFF;float:none;color:#252525;position:relative}
.ticker{position:relative;overflow:hidden;width:100%}
.ticker a{color:#333}
.BloggerSpice-ticker-title{font-size:12px;text-transform:uppercase;background-color:#252525;padding:0 10px;color:#FFFFFF;font-weight:bold}
.BloggerSpice-ticker-title:before{font-family:FontAwesome;content:"\f0e7";color:#FFF;margin-right:5px}
.ticker-content{text-transform:uppercase;margin:0;position:absolute;font-weight:bold;overflow:hidden;white-space:nowrap;line-height:26px;padding:0 10px;font-size:12px}
.ticker-content .date{padding:0 5px 0 0;border-right:1px dotted #252525}
.rabbi-ticker-swipe{position:absolute;top:0;background-color:#FFFFFF;color:#252525;display:block;width:100%;height:28px}
.rabbi-ticker-swipe span{margin-left:1px;background-color:#FFFFFF;color:#252525;height:28px;width:7px;display:block}
.news-ticker-controls{padding:0;margin:0;list-style-type:none;position:absolute;right:5px;top:0}
.news-ticker-controls li{padding:0;margin-left:5px;float:left;cursor:pointer;height:16px;width:16px;display:block}
.news-ticker-controls li{font-family:FontAwesome;color:#666666;position:relative}
.news-ticker-controls li.hover{color:#252525}
.news-ticker-controls li.down{color:#252525}
.news-ticker-controls li:before{top:0;left:0;line-height:20px}
.news-ticker-controls li.bs-play-pause:before{content:"\f04b"}
.news-ticker-controls li.bs-play-pause.paused:before{content:"\f04c"}
.news-ticker-controls li.bs-prev:before{content:"\f04a"}
.news-ticker-controls li.bs-next:before{content:"\f04e"}
.js-hidden{display:none}

अब Search Box में (CTRL + F) दबाकर आप ]]></b:skin> को सर्च करें ।
उसके बाद कॉपी किए गए कोड को ]]></b:skin> के ठीक ऊपर Paste दे ।

उसके बाद Save Theme पर क्लिक कर परिवर्तनों को सहेजे और अब आपका काम हो गया ।

स्टेप-संख्या-05

सबसे पहले आप नीचे दिये गये ब्लॉगर में जक्वेरी न्यूज टिकर विजेट के कोड को </head> में लगाने के लिए कापी पेस्ट कर ले ।

<script type='text/javascript'>
//<![CDATA[
// News Ticker with Controller by http://www.bloggerspice.com 
(function(a){a.fn.ticker=function(c){var e=a.extend({},a.fn.ticker.defaults,c);if(a(this).length==0){if(window.console&&window.console.log){window.console.log("Element does not exist in DOM!")}else{alert("Element does not exist in DOM!")}return false}var b="#"+a(this).attr("id");var d=a(this).get(0).tagName;return this.each(function(){var g=o();var i={position:0,time:0,distance:0,newsArr:{},play:true,paused:false,contentLoaded:false,dom:{contentID:"#ticker-content-"+g,titleID:"#BloggerSpice-ticker-title-"+g,titleElem:"#BloggerSpice-ticker-title-"+g+" SPAN",tickerID:"#ticker-"+g,wrapperID:"#ticker-wrapper-"+g,revealID:"#rabbi-ticker-swipe-"+g,revealElem:"#rabbi-ticker-swipe-"+g+" SPAN",controlsID:"#news-ticker-controls-"+g,prevID:"#prev-"+g,nextID:"#next-"+g,playPauseID:"#play-pause-"+g}};if(d!="UL"&&d!="OL"&&e.htmlFeed===true){q("Cannot use <"+d.toLowerCase()+"> type of element for this plugin - must of type <ul> or <ol>");return false}e.direction=="rtl"?e.direction="right":e.direction="left";f();function l(u){var t=0,s;for(s in u){if(u.hasOwnProperty(s)){t++}}return t}function o(){var s=new Date;return s.getTime()}function q(s){if(e.debugMode){if(window.console&&window.console.log){window.console.log(s)}else{alert(s)}}}function f(){m();a(b).wrap('<div id="'+i.dom.wrapperID.replace("#","")+'"></div>');a(i.dom.wrapperID).children().remove();a(i.dom.wrapperID).append('<div id="'+i.dom.tickerID.replace("#","")+'" class="ticker"><div id="'+i.dom.titleID.replace("#","")+'" class="BloggerSpice-ticker-title"><span><!-- --></span></div><p id="'+i.dom.contentID.replace("#","")+'" class="ticker-content"></p><div id="'+i.dom.revealID.replace("#","")+'" class="rabbi-ticker-swipe"><span><!-- --></span></div></div>');a(i.dom.wrapperID).removeClass("no-js").addClass("ticker-wrapper has-js "+e.direction);a(i.dom.tickerElem+","+i.dom.contentID).hide();if(e.controls){a(i.dom.controlsID).live("click mouseover mousedown mouseout mouseup",function(t){var s=t.target.id;if(t.type=="click"){switch(s){case i.dom.prevID.replace("#",""):i.paused=true;a(i.dom.playPauseID).addClass("paused");n("prev");break;case i.dom.nextID.replace("#",""):i.paused=true;a(i.dom.playPauseID).addClass("paused");n("next");break;case i.dom.playPauseID.replace("#",""):if(i.play==true){i.paused=true;a(i.dom.playPauseID).addClass("paused");j()}else{i.paused=false;a(i.dom.playPauseID).removeClass("paused");p()}break}}else{if(t.type=="mouseover"&&a("#"+s).hasClass("controls")){a("#"+s).addClass("over")}else{if(t.type=="mousedown"&&a("#"+s).hasClass("controls")){a("#"+s).addClass("down")}else{if(t.type=="mouseup"&&a("#"+s).hasClass("controls")){a("#"+s).removeClass("down")}else{if(t.type=="mouseout"&&a("#"+s).hasClass("controls")){a("#"+s).removeClass("over")}}}}}});a(i.dom.wrapperID).append('<ul id="'+i.dom.controlsID.replace("#","")+'" class="news-ticker-controls"><li id="'+i.dom.playPauseID.replace("#","")+'" class="bs-play-pause controls"><a href=""><!-- --></a></li><li id="'+i.dom.prevID.replace("#","")+'" class="bs-prev controls"><a href=""><!-- --></a></li><li id="'+i.dom.nextID.replace("#","")+'" class="bs-next controls"><a href=""><!-- --></a></li></ul>')}if(e.displayType!="fade"){a(i.dom.contentID).mouseover(function(){if(i.paused==false){j()}}).mouseout(function(){if(i.paused==false){p()}})}if(!e.ajaxFeed){r()}}function m(){if(i.contentLoaded==false){if(e.ajaxFeed){if(e.feedType=="xml"){a.ajax({url:e.feedUrl,cache:false,dataType:e.feedType,async:true,success:function(w){count=0;for(var t=0;t<w.childNodes.length;t++){if(w.childNodes[t].nodeName=="rss"){xmlContent=w.childNodes[t]}}for(var u=0;u<xmlContent.childNodes.length;u++){if(xmlContent.childNodes[u].nodeName=="channel"){xmlChannel=xmlContent.childNodes[u]}}for(var s=0;s<xmlChannel.childNodes.length;s++){if(xmlChannel.childNodes[s].nodeName=="item"){xmlItems=xmlChannel.childNodes[s];var z,v=false;for(var A=0;A<xmlItems.childNodes.length;A++){if(xmlItems.childNodes[A].nodeName=="title"){z=xmlItems.childNodes[A].lastChild.nodeValue}else{if(xmlItems.childNodes[A].nodeName=="link"){v=xmlItems.childNodes[A].lastChild.nodeValue}}if((z!==false&&z!="")&&v!==false){i.newsArr["item-"+count]={type:e.titleText,content:'<a href="'+v+'">'+z+"</a>"};count++;z=false;v=false}}}}if(l(i.newsArr<1)){q("Couldn't find any content from the XML feed for the ticker to use!");return false}i.contentLoaded=true;r()}})}else{q("Code Me!")}}else{if(e.htmlFeed){if(a(b+" LI").length>0){a(b+" LI").each(function(s){i.newsArr["item-"+s]={type:e.titleText,content:a(this).html()}})}else{q("Couldn't find HTML any content for the ticker to use!");return false}}else{q("The ticker is set to not use any types of content! Check the settings for the ticker.");return false}}}}function r(){i.contentLoaded=true;a(i.dom.titleElem).html(i.newsArr["item-"+i.position].type);a(i.dom.contentID).html(i.newsArr["item-"+i.position].content);if(i.position==(l(i.newsArr)-1)){i.position=0}else{i.position++}distance=a(i.dom.contentID).width();time=distance/e.speed;h()}function h(){a(i.dom.contentID).css("opacity","1");if(i.play){var s=a(i.dom.titleID).width()+20;a(i.dom.revealID).css(e.direction,s+"px");if(e.displayType=="fade"){a(i.dom.revealID).hide(0,function(){a(i.dom.contentID).css(e.direction,s+"px").fadeIn(e.fadeInSpeed,k)})}else{if(e.displayType=="scroll"){}else{a(i.dom.revealElem).show(0,function(){a(i.dom.contentID).css(e.direction,s+"px").show();animationAction=e.direction=="right"?{marginRight:distance+"px"}:{marginLeft:distance+"px"};a(i.dom.revealID).css("margin-"+e.direction,"0px").delay(20).animate(animationAction,time,"linear",k)})}}}else{return false}}function k(){if(i.play){a(i.dom.contentID).delay(e.pauseOnItems).fadeOut(e.fadeOutSpeed);if(e.displayType=="fade"){a(i.dom.contentID).fadeOut(e.fadeOutSpeed,function(){a(i.dom.wrapperID).find(i.dom.revealElem+","+i.dom.contentID).hide().end().find(i.dom.tickerID+","+i.dom.revealID).show().end().find(i.dom.tickerID+","+i.dom.revealID).removeAttr("style");r()})}else{a(i.dom.revealID).hide(0,function(){a(i.dom.contentID).fadeOut(e.fadeOutSpeed,function(){a(i.dom.wrapperID).find(i.dom.revealElem+","+i.dom.contentID).hide().end().find(i.dom.tickerID+","+i.dom.revealID).show().end().find(i.dom.tickerID+","+i.dom.revealID).removeAttr("style");r()})})}}else{a(i.dom.revealElem).hide()}}function j(){i.play=false;a(i.dom.tickerID+","+i.dom.revealID+","+i.dom.titleID+","+i.dom.titleElem+","+i.dom.revealElem+","+i.dom.contentID).stop(true,true);a(i.dom.revealID+","+i.dom.revealElem).hide();a(i.dom.wrapperID).find(i.dom.titleID+","+i.dom.titleElem).show().end().find(i.dom.contentID).show()}function p(){i.play=true;i.paused=false;k()}function n(s){j();switch(s){case"prev":if(i.position==0){i.position=l(i.newsArr)-2}else{if(i.position==1){i.position=l(i.newsArr)-1}else{i.position=i.position-2}}a(i.dom.titleElem).html(i.newsArr["item-"+i.position].type);a(i.dom.contentID).html(i.newsArr["item-"+i.position].content);break;case"next":a(i.dom.titleElem).html(i.newsArr["item-"+i.position].type);a(i.dom.contentID).html(i.newsArr["item-"+i.position].content);break}if(i.position==(l(i.newsArr)-1)){i.position=0}else{i.position++}}})};a.fn.ticker.defaults={speed:0.1,ajaxFeed:false,feedUrl:"",feedType:"xml",displayType:"reveal",htmlFeed:true,debugMode:true,controls:true,titleText:"Breaking News",direction:"ltr",pauseOnItems:3000,fadeInSpeed:600,fadeOutSpeed:300}})(jQuery);
function spicenewsticker(a){(function(b){var c={blogURL:"",MaxPost:10,Speed:0.1,Summarylength:150,titleText:"Breaking News",displayType:"reveal",Container:"#spicenewsticker",pBlank:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC41ShoE3z2_tn73o6FDqVFUzkwaQ66I66n2_cv_h6ueiUZQyH_jm1Xx_XnWSYiPVfCeuM0hDu4S2WsJWLofFatBxs-wk8GohrtdP-1_biPjZuIIFTtmG1DaRdiK5bMhArV0jj2b9Qzydy/s1600/BloggerSpice%252Bblank.png",tagName:false,MonthNames:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]};c=b.extend({},c,a);b(c.Container).addClass("loading");b.get((c.blogURL===""?window.location.protocol+"//"+window.location.host:c.blogURL)+"/feeds/posts/summary"+(c.tagName===false?"":"/-/"+c.tagName)+"?max-results="+c.MaxPost+"&orderby=published&alt=json-in-script",function(t){var v,f,l,o,w,q,h,e,s,u,m,g="",d=t.feed.entry;if(d!==undefined){var k=d.length;for(var r=0;r<k;r++){var n=d[r].link.length;for(var p=0;p<n;p++){if(d[r].link[p].rel==="alternate"){v=d[r].link[p].href}}postcontent=("content" in d[r])?d[r].content.$t:("summary" in d[r])?d[r].summary.$t:"";f=d[r].title.$t;postcontent=postcontent.replace(/<\S[^>]*>/g,"").replace(/"/g,""");if(postcontent.length>c.Summarylength){postcontent=postcontent.substring(0,c.Summarylength)+"..."}u=d[r].published.$t.substring(0,10);l=u.substring(0,4);o=u.substring(5,7);w=u.substring(8,10);q=c.MonthNames[parseInt(o,10)-1];h=d[r].published.$t.substring(11,16);e=h.substring(0,2);s=h.substring(2,5);m=(e<12?"AM":"PM");if(e===0){e=12}if(e>12){e=e-12}g+='<li class="news-item"><span title="'+q+" "+w+", "+l+'" class="date">'+e+""+s+" "+m+'</span> <a class="title" href="'+v+'">'+f+"</a></li>"}b(c.Container).html('<ul class="js-hidden" id="newstick">'+g+"</ul>").removeClass("loading");b("#newstick").ticker({speed:c.Speed,direction:b("#outer-wrapper").attr("class"),titleText:c.titleText,displayType:c.displayType})}else{b(c.Container).html("<span>No result!</span>").removeClass("loading")}},"jsonp")})(jQuery)};  
//]]>
</script>

अब Search Box में (CTRL + F) दबाकर आप </head> को सर्च करें ।
उसके बाद कॉपी किए गए कोड को </head> के ठीक ऊपर Paste दे ।

उसके बाद Save Theme पर क्लिक कर परिवर्तनों को सहेजे और अब आपका काम हो गया ।

स्टेप-संख्या-06

अब आप वापस ब्लाग के डेशर्बोड में जाए और Layout पर क्लिक करे।
इसके बाद Add a Gadget पर क्लिक करे।

स्टेप-संख्या-07

इसके बाद अब आप HTML/JavaScript पर क्लिक करे।

स्टेप-संख्या-08
नीचे दिए गए जक्वेरी न्यूज टिकर विजेट के कोड को कॉपी करे

<div id='spicenewsticker'/>
<script type='text/javascript'>
//<![CDATA[
spicenewsticker({MaxPost:10});
//]]>
</script>

Title को खाली छोड़ दे ।
Content के खाली बाक्स में HTML/JavaScript कोड को कापी पेस्ट कर दे ।
जब आपका सब कुछ कम्पलीट हो जाए तो आपको अंत में Save Arrangement सेव SAVE बाटन पर क्लिक करके सुरक्षित सेव SAVE कर ले ।

मित्रो अब हमे उम्मीद है कि आप लोगो ने इस आर्टिकल को पढ कर सफलता पूर्वक अपने ब्लॉगर में जक्वेरी न्यूज टिकर विजेट लगाना अच्छी तरह से समझ गये होगें। अब नई शैली को देखने के लिए अपने टेम्पलेट साइडबार की एक बार जाँच अवश्य करें। मुझे उम्मीद है कि अब आप अपने टेम्पलेट साइडबार के नए रूप को पसंद करेंगे। हां यदि आप लोगो को किसी प्रकार कोई समस्या महसूस होने पर आप हमें कमेन्ट कर पूछ सकते है। यदि आप ब्लॉगर में जक्वेरी न्यूज टिकर विजेट लगाने के लिए दिए गये तकनीकों को सीखते हैं, तो कृपया नीचे टिप्पणी करें, या दूसरों की मदद करने के लिए इस लेख को साझा करें।

blogger me Jquery News Ticker Widget kaise lagaye

ब्लॉगर में जक्वेरी न्यूज टिकर विजेट कैसे लगाये ?

No comments:

Post a Comment

blogger me Jquery News Ticker Widget kaise lagaye

ब्लॉगर में जक्वेरी न्यूज टिकर विजेट कैसे लगाये ?

You may also like:

No comments:

Post a Comment