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

View Image in New Windowमनोज जैसवाल : सभी पाठकों को मेरा प्यार भरा नमस्कार। आज विजेट पेश करने से पहले आप से कुछ कहना है ब्लॉगगर होने से पहले मैं एक इन्सान हुं इस नाते मेरा फर्ज बनता है कि मैं उन लोगो का शुक्रिया अदा करूँ जिनसे मैने ब्लागिग का 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(http://4.bp.blogspot.com/-RM0iPMlrZks/TeP3CVidXHI/AAAAAAAAA48/9Pc6Ij8WJGA/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(http://3.bp.blogspot.com/-2KaQNdWs7h8/TeP3Wi6v4hI/AAAAAAAAA5E/-d243pAhoAw/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(http://3.bp.blogspot.com/-2KaQNdWs7h8/TeP3Wi6v4hI/AAAAAAAAA5E/-d243pAhoAw/s1600/page_num.gif) no-repeat 0 100%;color:#fff}.showpagePoint{background:url(http://3.bp.blogspot.com/-2KaQNdWs7h8/TeP3Wi6v4hI/AAAAAAAAA5E/-d243pAhoAw/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>





इस पोस्ट का शार्ट यूआरएल चाहिए: यहाँ क्लिक करें। Sending request...
Comment With:
OR
The Choice is Yours!

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

  1. बेहद शानदार मनोज जी

    http://movimastimasala.blogspot.com/

    ReplyDelete
  2. आपका धन्यबाद

    ReplyDelete
  3. शानदार बिजेट के लिए आपका आभार मनोज जी

    http://punemsexesena.blogspot.com/

    ReplyDelete
  4. Great post manoj ji

    ReplyDelete
  5. मनोज जी आपका कोड काम तो सही करता है पर यह ज्यादा लम्बा नहीं है ?

    ReplyDelete
  6. जी हां अमित जी। आप पेज नंबर ही लगाना चाहते है तो हरे रंग बाला भाग ही लगा दीजिये।

    ReplyDelete
  7. सुन्दर बिजेट आपका आभार मनोज जी

    ReplyDelete
  8. बेहद शानदार विजेट.साधुबाद

    ReplyDelete
  9. मनोज जी बिजेट के लिए धन्यबाद

    ReplyDelete
  10. बिजेट के लिए आभार मेरे ब्लॉग में पेज नम्बर लगा हुआ था.काला कोड लगाते ही स्टाईल आ गयी.

    ReplyDelete
  11. बिजेट के लिए आभार

    ReplyDelete
  12. बिजेट के लिए आपका आभार मनोज जी

    ReplyDelete
  13. सुन्दर बिजेट आपका आभार मनोज जी thanks.

    ReplyDelete
  14. सभी ब्लॉगगर साथियो सहित सभी पाठको को दिल से आभार। उम्मीद करता हु कि आप लोगो का स्नेह इसी तरह मिलता रहेगा।
    विनीत
    मनोज जैसवाल

    ReplyDelete
  15. मनोज जी हमारी asha valley Blogger Templete आपके Blog पर देख कर बड़ी प्रसन्नता हुई॥ मनोज जी आपके Blog की सामग्री अच्छी और दुर्लभ है । बताना चाहूँगा आपको Templete में कुछ मामूली परिवर्तन की आवश्यकता है ऐसा मुझे लगता है । आपसे निवेदन है की Blog Templete में परिवर्तन के लिए व तकनीकी सहायता के लिए हमारे Blog पर अवश्य आये व हमारा Blog आपको पसंद आये तो Blog के प्रशंशक अवश्य बने । ॥

    http://hindi4tech.blogspot.com

    ReplyDelete
  16. आदरणीय Piush Trivedi जी यह जान कर बेहद प्रसन्ता हुई कि आप ब्लॉग जगत में सक्रीय है। जी हां मूल रूप से यह टेम्पलेट आपकी ही है। इस बावत आवश्यक सुधार कर दिए जायेगे। आपको फालो करने मै हजार काम छोड़ कर जरुर आता हु एंब आपका मार्ग दर्शन मेरे लिए अमूल्य रहेगा।

    ReplyDelete
  17. सुन्दर बिजेट

    ReplyDelete
  18. सुन्दर बिजेट आपका आभार मनोज जी.

    ReplyDelete

Widget by:Manojjaiswal
Related Posts Plugin for WordPress, Blogger...
Online Marketing
Praca poznań w Zarabiaj.pl
 

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 |