टेम्पलेट में बदलाब किये बिना स्टायलिश पेज नंबर लगाये

मनोज जैसवाल : सभी पाठकों को मेरा प्यार भरा नमस्कार। आज विजेट पेश करने से पहले आप से कुछ कहना है ब्लॉगगर होने से पहले मैं एक इन्सान हुं इस नाते मेरा फर्ज बनता है कि मैं उन लोगो का शुक्रिया अदा करूँ जिनसे मैने ब्लागिग का a. b. c सीखा। इसे आप उनकी नक़ल करने की कोशिश की करता था करता हुं कह सकते है। इनमे प्रमुख है आदरणीय श्री रवि रतलामी जी व् आदरणीय श्री बी.एस.पाबला जी इनके लेख देख देख कर ही मेरे मन में ब्लॉग लिखने का ख्याल आया। अगर मैं इनका शुक्रगुज़ार नहीं होता तो ताजिंदगी मेरा मन अपराध ग्रस्त रहता यह लोग मेरे प्रेरणासोत्र है। आप मेरे लेखन में इनकी झलक देख सकते है। हो सकता है कि यह लोग मुझे व् मेरे ब्लॉग के बारे में जानते भी ना हो आखिर इतने बड़े ब्लॉग जगत में जहाँ हर रोज़ हजारों ब्लॉग बनते या समाप्त होते है सबकी खबर रखना नामुमकिन नहीं तो बेहद मुश्किल ज़रुर है।टेम्पलेट में बदलाब किये बिना स्टायलिश पेज नंबर लगाये। जी हां! यह विजेट भी बिना टेम्पलेट में बदलाब किये लगाया जा सकता है इसे बहुत ही आसानी से आप लगा सकते है इसके लिए ब्लॉगगर एकाउंट में लाँग इन कीजिये एड विजेट जाबा स्क्रिप्ट्स का चयन कीजिये खुले बॉक्स में नीचे दिया हुआ कोड कॉपी करके पेस्ट कर सेव कर दीजिए लग गया स्टायलिश पेज नंबर आपके ब्लॉग पर। आप इसे मेरे इस ब्लॉग पर लाइव देख सकते है। अगर किसी ब्लॉगगर साथी ने यह कोड पहले ही प्रकाशित कर दिया हो तो माफ़ी चाहता हुं।जो ब्लॉगगर साथी केवल पेज नंबर अपने ब्लॉग में लगाना चाहते है वह केबल हरे रंग वाला भाग ही लगाये। जिनके ब्लॉग में पेज नंबर पहले ही लगा है वह काले रंग वाला भाग ही लगाये।  जिनके ब्लॉग में पेज नंबर नहीं लगा है वह साथी पूरा कोड लगाये।  

<style>
 top no-repeat;float:left;width:590px;margin:0 0 10px;padding:10px;border:1px solid #DDD}.showpageArea{padding:10px;color:#036;text-align:left;width:530px}.showpageArea a{float:left;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIIabu0EpsiQd36kzshUqSVjHzraA_GkWC676ftvcwjJtfwVj4ef8M4gD0QdaOqzjhXWAoLmNWcqzPm6BDF4pD2NT0W6pyeo_AKcUYVy5qYiJeM8ZQOiiOoGUoO4SL6tWDJYCRPez8vrPd/s1600/backbutton.gif) no-repeat 0 0;text-align:center;width:127px;height:42px;text-align:center;display:block;margin:0 5px;color:#333;padding-top:6px}.showpageArea a:hover{color:#333;margin:0 5px;padding-top:6px}.showpageNum a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOnno9SCBx3BVzTX6waReJKfgY9YmFbaYeVvajSf7VKmOSyutxasFI0Kjd-TyDPOnDE6bdEGwKszHIEJ1AjHSWDqUflHFnaSk8xPfRo1IeqxHHMOUVn-8bm_HPhRDoVymDF5rnDHbq01iW/s1600/page_num.gif) no-repeat 0 0;width:37px;height:42px;display:block;text-align:center;float:left;margin:0 5px;padding-top:6px;text-decoration:none;color:#333}.showpageNum a:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOnno9SCBx3BVzTX6waReJKfgY9YmFbaYeVvajSf7VKmOSyutxasFI0Kjd-TyDPOnDE6bdEGwKszHIEJ1AjHSWDqUflHFnaSk8xPfRo1IeqxHHMOUVn-8bm_HPhRDoVymDF5rnDHbq01iW/s1600/page_num.gif) no-repeat 0 100%;color:#fff}.showpagePoint{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOnno9SCBx3BVzTX6waReJKfgY9YmFbaYeVvajSf7VKmOSyutxasFI0Kjd-TyDPOnDE6bdEGwKszHIEJ1AjHSWDqUflHFnaSk8xPfRo1IeqxHHMOUVn-8bm_HPhRDoVymDF5rnDHbq01iW/s1600/page_num.gif) no-repeat 0 100%;width:37px;height:42px;display:block;float:left;text-align:center;margin:0 5px;padding-top:6px;font-weight:bold;color:#fff}.showpageNum a:link,.showpage a:link{text-decoration:none;color:#c00}.share{margin:5px 5px 5px 5px;height:100px;padding-left:40px;clear:both;list-style-type:none;background:#f4f3e8 no-repeat right bottom;border-top:1px solid #eee;border-right:2px solid #ccc;border-bottom:2px solid #ccc;border-left:1px solid #eee}.csharpcode,.csharpcode pre{font-size:small;color:black;font-family:Courier New,"Consolas",Courier,Monospace;//background-color:#fff}.csharpcode pre{margin:0em}.csharpcode .rem{color:#008000}.csharpcode .kwrd{color:#00f}.csharpcode .str{color:#006080}.csharpcode .op{color:#0000c0}.csharpcode .preproc{color:#c63}.csharpcode .asp{background-color:#ff0}.csharpcode .html{color:#800000}.csharpcode .attr{color:#f00}.csharpcode .alt {background-color:#f4f4f4;width:100%;margin:0em}.csharpcode .lnum{color:#606060}.delsquare{font-family:Arial;background:#03C;padding:2px 4px;font-weight:bold;font-size:12px;color:#FFF}.fblike{bottom:95px;position:fixed;right:0;z-index:3}* html .fblike{/*\*/position:absolute;left:auto;bottom:auto;left:expression( ( -1 - dotnetfreak.offsetWidth+( document.documentElement.clientWidth ? document.documentElement.clientWidth:document.body.clientWidth )+( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft:document.body.scrollLeft ) )+'px');top:expression( (-1 - dotnetfreak.offsetHeight+( document.documentElement.clientHeight ? document.documentElement.clientHeight:document.body.clientHeight )+( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop ) )+'px');/**/}.imgfloat{float:left}
#floatingbuttons{background: F4F3E8;
background: -webkit-gradient(linear, left top, left bottom, from(#F4F3E1), to(#F4F3E8));
background: -moz-linear-gradient(top, #F4F3E1, #F4F3E8);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4F3E1', endColorstr='#F4F3E8'); /* for IE */
border: 1px solid #F4F3E8;
color: #F4F3E8;
float: left;
font-weight: normal;
font-size: 13px;
padding:0 0 1px 1px;
position: fixed;
text-decoration: none;
bottom:1px;
left:162px;
z-index:1;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 4px -4px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 4px -4px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: 4px -4px 2px rgba(0,0,0,0.2);
background-color: #F4F3E8;
zoom: 1;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=45, Strength=5);
}
#floatingbuttons .floatbutton {float:left;margin:5px 4px 0 4px;}
.addbuttons{clear:both; color:#fff; font-size:9px;text-align:center; padding-top:5px; font-family:tahoma, verdana, helvetica, arial, sans-serif; font-weight:bold; line-height:1.4;}
.addbuttons a {color:#fff; background:none; }
.addbuttons a:hover { color:#fff; background:none; }
.sharebuttons { font-size:8px; }
</style>
<script type="text/javascript">
var pageCount=1;
var displayPageNum=7;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/pagination1.js" type="text/javascript">
</script>
<script src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/pagination2.js" type="text/javascript">
</script>

क्या आपको यह लेख पसंद आया ? अगर हां, तो ...इस ब्लॉग के प्रशंसक बनिए !!