टेम्पलेट में बदलाव किये बगैर ब्लॉगर हाल के पोस्ट (ऑटो स्क्रॉल और थंबनेल)विजेट लगायें

मनोज जैसवाल : सभी पाठकों को मेरा प्यार भरा नमस्कार.मेरी पिछली पोस्ट को अत्यधिक पसंद करने के लिए आप सभी का दिल से धन्यबाद.जो कि जुलाई के पहले दिन यानि १ जुलाई २०१२ को प्रकाशित हुई थी.आज ७ जुलाई २०१२ को मैं यह पोस्ट प्रकाशित कर रहा हूँ,जो कि लगभग एक हफ़्ते का अंतराल है.इसे आप मेरी कारोबारी व्यबस्ताओं कि वजह भी मान कर नजर अंदाज भी कर सकते हैं, आज तकनीकी पोस्टों के क्रम में पेश है,टेम्पलेट में बदलाव किये बगैर ब्लॉगर हाल के पोस्ट (ऑटो स्क्रॉल और थंबनेल)विजेट लगायें हांलाकि इसके उन्नत संस्करण को मैं पहले ही प्रकाशित कर चूका हूँ जो कि बेहद सराहा गया है.लेकिन यहाँ बात मेरी पसंद की नहीं आप के पसंद के विजेट की है आप को जो विजेट अच्छा लगे आप उसे ही लगायें.इस विजेट को लगाना बेहद आसान है.आप नीचे दिए आसान चरणों का पालन करें.इसका लाइव डेमों आप यहाँ देख सकते हैं.



क्लिक >>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>

<style type="text/css" media="screen">



<!--



#spylist {

overflow:hidden;

margin-top:5px;

padding:0px 0px;

height:350px;

}

#spylist ul{

width:355px;

overflow:hidden;

list-style-type: none;

padding: 0px 0px;

margin:0px 0px;

}

#spylist li {

width:335px;

padding: 5px 5px;

margin:0px 0px 5px 0px;

list-style-type:none;

float:none;

height:70px;

overflow: hidden;

background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;

border:1px solid #ddd;

}



#spylist li a {

text-decoration:none;

color:#4B545B;

font-size:11px;

height:18px;

overflow:hidden;

margin:0px 0px;

padding:0px 0px 2px 0px;

}

#spylist li img {

float:left;

margin-right:5px;

background:#EFEFEF;

border:0;

}

.spydate{

overflow:hidden;

font-size:10px;

color:#0284C2;

padding:2px 0px;

margin:1px 0px 0px 0px;

height:15px;

font-family:Tahoma,Arial,verdana, sans-serif;

}



.spycomment{

overflow:hidden;

font-family:Tahoma,Arial,verdana, sans-serif;

font-size:10px;

color:#262B2F;

padding:0px 0px;

margin:0px 0px;

}



-->

</style>



    <script language='javascript'>

imgr = new Array();

imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";

showRandomImg = true;

boxwidth = 300;

cellspacing = 6;

borderColor = "#232c35";

bgTD = "#000000";

thumbwidth = 60;

thumbheight = 60;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "Reply(s)";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 10;

home_page = "http://video248.blogspot.com/";

limitspy=5

intervalspy=6000

</script>



<div id="spylist">

    <script type='text/javascript'>

//<![CDATA[

 /*


 * Manojjaiswalpbt.blogspot.com

 */

jQuery(function(){jQuery("ul.spy").simpleSpy(limitspy,intervalspy).bind("mouseenter",function(){jQuery(this).trigger("stop")}).bind("mouseleave",function(){jQuery(this).trigger("start")})});(function(e){e.fn.simpleSpy=function(f,g){f=f||4;g=g||5000;return this.each(function(){var l=e(this),k=true,i=[],m=f,o=0,h=l.find("> li:first").height();l.find("> li").each(function(){i.push("<li>"+e(this).html()+"</li>")});o=i.length;l.wrap('<div class="spyWrapper" />').parent().css({height:h*f});l.find("> li").filter(":gt("+(f-1)+")").remove();l.bind("stop",function(){k=false}).bind("start",function(){k=true});function n(){if(k){var p=e(i[m]).css({height:0,opacity:0,display:"none"}).prependTo(l);l.find("> li:last").animate({opacity:0},1000,function(){p.animate({height:h},1000).animate({opacity:1},1000);e(this).remove()});m++;if(m>=o){m=0}}setTimeout(n,g)}n()})}})(jQuery);function showrecentposts(z){document.write('<ul class="spy">');j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var o=0;o<numposts;o++){var w=z.feed.entry[o];var g=w.title.$t;var f;var p;if(o==z.feed.entry.length){break}for(var l=0;l<w.link.length;l++){if(w.link[l].rel=="alternate"){p=w.link[l].href;break}}for(var l=0;l<w.link.length;l++){if(w.link[l].rel=="replies"&&w.link[l].type=="text/html"){f=w.link[l].title.split(" ")[0];break}}if("content" in w){var r=w.content.$t}else{if("summary" in w){var r=w.summary.$t}else{var r=""}}postdate=w.published.$t;if(j>imgr.length-1){j=0}img[o]=imgr[j];s=r;a=s.indexOf("<img");b=s.indexOf('src="',a);c=s.indexOf('"',b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){img[o]=d}cmtext=(text!="no")?'<i><font color="'+acolor+'">('+f+" "+text+")</font></i>":"";var q=[1,2,3,4,5,6,7,8,9,10,11,12];var x=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var u=postdate.split("-")[2].substring(0,2);var h=postdate.split("-")[1];var t=postdate.split("-")[0];for(var e=0;e<q.length;e++){if(parseInt(h)==q[e]){h=x[e];break}}var n=(showPostDate)?'<i><font color="'+acolor+'"> ('+u+" "+h+" "+t+")</font></i>":"";g=(aBold)?"<b>"+g+"</b>":g;var v='<li><a href="'+p+'"><img src="'+img[o]+'" width="'+thumbwidth+'" height="'+thumbheight+'" class="recent-thumb"/></a><a href="'+p+'" class="recent-link">'+g+'</a><div class="spydate">'+n+'</div><div class="spycomment">'+cmtext+"</div>";document.write(v);j++}document.write("</ul>")}document.write('<script src="'+home_page+"feeds/posts/default?max-results="+numposts+'&orderby=published&alt=json-in-script&callback=showrecentposts"><\/script>');

//]]>

</script>

</div>


2- http://video248.blogspot.com/की जगह अपने ब्लॉग/वेब साईट का url डालें 
3. डैशबोर्ड खोलें> डिजाइन / लेआउट> गैजेट जोड़ें / एक गैजेट जोड़ें.
4. चुनें HTML /. जावास्क्रिप्ट 
5. खुले बॉक्स में सभी HTML / जावास्क्रिप्ट.  कोड पेस्ट करें  
6. सहेजें.


                                   चलते  चलते 
                             


माउस कर्सर के पीछे घूमता  तारा कैसे लगायें ?



सब से पहले ब्लॉगर अकाउंट में लोग इन करें
डैशबोर्ड खोलें> डिजाइन / लेआउट> गैजेट जोड़ें / एक गैजेट जोड़ें.
 चुनें HTML /. जावास्क्रिप्ट 
 खुले बॉक्स में सभी HTML / जावास्क्रिप्ट.  कोड पेस्ट करें  
 सहेजें.






LIVE DEMO

<script type='text/javascript'>
// <![CDATA[
var colour="red";
var sparkles=100;

var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="3px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="3px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";

star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}

}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {


tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>


क्या आपको यह लेख पसंद आया? अगर हां, तो ...इस ब्लॉग के प्रशंसक बनिए !!
इस पोस्ट का शार्ट यूआरएल चाहिए: यहाँ क्लिक करें। Sending request...
Comment With:
OR
The Choice is Yours!

27 कमेंट्स “टेम्पलेट में बदलाव किये बगैर ब्लॉगर हाल के पोस्ट (ऑटो स्क्रॉल और थंबनेल)विजेट लगायें”पर

  1. विजेट के लिए आभार..
    मेरे ब्लॉग पर यह कोड ठीक काम कर रहा है!

    ReplyDelete
  2. मनोज जी आपके दोनों बिजेट शानदार है आपके बिजेट को दिखाने/छुपाने का अंदाज मन को भाया आभार

    ReplyDelete
  3. सबाई सिंह राजपूत जी,दिव्या सक्सेना जी,मोहित सक्सेना जी,पोस्ट पर राय के लिए आप सभी का दिल से धन्यवाद.

    ReplyDelete
  4. [co="red"]दोनो विजेट अच्‍छे है आपने तो भ्रमित कर दिया की किसे लगाये पर आपने बताया वो उन्‍न्‍त है तो उसे ही लगाया है आपका धन्‍यवाद विजेट क्रियेटर जी । आप एक पोसट इस बारे मे भी दे जिसमे कमेन्‍ट की बार्डर मे लेना रगं बदलना तथा मेन पृष्‍ठ पर कलर बार्डर लगाना आदि [/co]

    यूनिक तकनीकी ब्लाग ------ इन नम्‍बरो पर कॉल नही करे

    ReplyDelete
  5. विनोद सैनी जी,राहुल जी.पोस्ट पर राय के लिए आभार.विनोद जी मैने आपको मेल करके बता दिया था,समय मिलने पर इस बाबत पोस्ट जरुर लिखूंगा,आप संयम रखिए.इस छोटे से ब्लॉगर के पास समय की कमी रहती है.ब्लॉग लिखने से पेट नहीं भरता विनोद जी.

    ReplyDelete
  6. सवाई सिंह राजपुरोहित जी,जल्दबाजी में आप के नाम का उच्चारण गलत कर देनें के लिए माफ़ी.

    ReplyDelete
  7. मनोज जी दोनों बिजेट सफलता पूर्वक लगा लिए आपका शुक्रिया.

    क्या वाकई सहवाग बनाम धौनी है

    ReplyDelete
  8. नया स्टाइल कोड को दिखाने का एक बार लगा की आप कोड लगाना भूल गए.आपका धन्यबाद मनोज जी.

    ReplyDelete
  9. आप के लिए एक ही शब्द कहा जा सकता है जीनियस,हमारे ब्लॉग पर भी पधारें.

    फिल्म रिव्यूः बोल बच्चन

    ReplyDelete
  10. दोनों बिजेट सफलता पूर्वक लगा लिए आपका शुक्रिया

    ReplyDelete
  11. विजेट के लिए धन्यबाद.
    मेरे ब्लॉग पर यह कोड ठीक काम कर रहा है!

    ReplyDelete
  12. पोस्ट पर राय के लिए आप सभी का दिल से धन्यवाद.

    ReplyDelete
  13. आपके दोनों विजेट बहुत अच्छे है मनोज जी हम जैसे नए ब्लॉगर के लिए आपका ब्लॉग बेमिसाल है.

    ReplyDelete
  14. सुन्दर बिजेट थैंक्स मनोज जी.

    ReplyDelete
  15. [co"blue"मनोज जी,आपके दोनों बिजेट शानदार है कमाल के बिजेट प्रकाशित करते है.आभार[/co]

    याहू और फेसबुक ने मिलाए हाथ

    ReplyDelete
  16. [co"pink"]दोनों बिजेट अति सुन्दर मनोज जी.
    आभार सहित
    बाबू राम[/co]

    movi masti masti

    ReplyDelete
  17. सभी ब्लॉगर मित्रों को पोस्ट पर राय के लिए दिल से आभार.जो भी ब्लॉगर भाई टिप्पणी में रंग डालना चाहते हैं प्लीज क्लोजिंग टैग सही तरह बंद करें.जैसे[co="red" के बाद] क्लोजिंग टैग[/co इसी टैग ]से बंद करें.

    [co="red"] ब्लॉगर मित्रों[/co]

    ReplyDelete
  18. वैरी नाईस बहुत अच्छी जानकारी है ये.पोस्ट करने के लिए शुक्रिया.मोहब्बत नामा पर आपका स्वागत है आइये और जानिए ''कादर खान '' को.



    मोहब्बत नामा
    मास्टर्स टेक टिप्स

    ReplyDelete
  19. शानदार बिजेट आपका शुक्रिया सर

    ReplyDelete
  20. उपयोगी जानकारी धन्यवाद.

    MID World

    ReplyDelete
  21. शानदार बिजेट आपका शुक्रिया सर थैंक्स.

    ReplyDelete
  22. सभी ब्लॉगर मित्रों को पोस्ट पर राय के लिए आभार.देर से जबाब देनें के लिए मैं आपसे छमा चाहता हूँ मेरे यहाँ नेटवर्क प्राब्लम होने की बजह से मोबाईल भी काम नहीं कर रहा था बाकी अगली पोस्ट में जल्द ही.

    ReplyDelete
  23. आप को दोनों कोड भेज रहा हूँ। आप इसे डाऊनलोड कर लें। किसी भी तकनीकी
    दिक्कत के बारे में आप निसंकोच मुझे मेल कर सकते हैं।

    ReplyDelete

Widget by:Manojjaiswal
Related Posts Plugin for WordPress, Blogger...
  • रफ़्तार
  • Online Marketing
    Praca poznań w Zarabiaj.pl
    Technology-Internet blog
     

    Blog Directories

    क्लिक >>

    About The Author

    Manoj jaiswal

    Man

    Behind

    This Blog

    Manoj jaiswal

    is a 56 years old Blogger.He loves to write about Blogging Tips, Designing & Blogger Tutorials,Templates and SEO.

    Read More.

    ब्लॉगर द्वारा संचालित|Template Style by manojjaiswalpbt | Design by Manoj jaiswal | तकनीक © . All Rights Reserved |