आप भी लगायें आपने पेज के नीचे पेजिनेशन लिंक

आप भी लगायें आपने पेज के नीचे पेजिनेशन लिंक
आप सब ने बहुत बार बहुत सी वेबसाईट के पेजों के नीचे

उपरोक्त इमेज अनुसार पेज लिंक लगे देखें होंगे | आप भी चाहते होंगे कि काश आपके ब्लॉग पर भी इसी प्रकार का लिंक लगाने का आप्शन होता, आप भी कम स्पेस में अपने पापुलर पोस्ट का लिंक अपनी नयी पोस्ट पर लगा सकते | बहुत ही आसान है ये सब करना | बस एक छोटा से कोड से ये संभव है | आइये जाने कैसे काम करता है ये कोड | सबसे पहिले अपने ब्लॉग पर लागइन कीजिये, लागइन करने के बाद नीचे दिखाई दे रही इमेज अनुसार आपकी सक्रीन दिखाई देगी |


एडिट HTML पर कलिक करें



CTRL+F, कण्ट्रोल की के साथ ऍफ़ बटन को दबाएँ जैसे कि मैं मोज़िला फायर फाक्स का इस्तेमाल करता हूँ CTRL+F करने पर बाएँ हाथ के नीचे कि तरफ फाइंड का बाक्स दिखाई देगा कुछ इस तरह से
यहाँ पर आप नीचे दिखाए गए कोड को फाइंड बॉक्स में लिख कर इंटर दबाएँ

ये कोड ढूढने के बाद इस कोड के बिलकुल ऊपर नीचे दिया हुआ HTML कोड पेस्ट कर दें व टेम्पलेट को सेव कर लें |

/*=====================================================
pagination code start
=======================================================*/
#listpages {height:23px;margin: 5px 0 5px 0;padding: 0;float: left;}
#listpages li {margin:0 2px 0 0;height:23px;float:left;font-size:11px;
display:inline;background:none;padding:0;}
#listpages li.unclick {margin:0 2px 0 0;height:18px;border:1px solid #224718;
color:#224718;padding:2px 3px 0 8px;}
#listpages li.dotted {height:20px;font-size:11px;padding:3px 5px 0 5px;}
#listpages li a, #listpages li a:link, #listpages li a:visited {padding:2px 6px 2px 6px;
height:15px;display:inline;float:left;border:1px solid #f60;color:#224718;}
#listpages li a.active, #listpages li a.active:link, #listpages li a.active:visited {
background:#224718;border:1px solid #224718;color:#fff;}
#listpages li a:hover {border:1px solid #000;color:#F60;text-decoration:none;}
/*========================================================
pagination code end
=========================================================*/

अगर आपने ये सब आसानी से कर लिए तो समझिये कि आपका 50% काम पूरा हो गया | आइये अब जाने आगे पेजिनेशन को आपनी पोस्ट पर कैसे लगायें |

अब आप सेटिंग पर जायें व फोर्मेटिंग पर कलिक करें


फोर्मेटिंग पर कलिक करने के बाद पेज को स्क्रोल करके नीचे कि तरफ आयें पोस्ट टेम्पलेट के साहमने दिखाई दे रहे बाक्स में नीचे के बाक्स में दिए कोड को पेस्ट कर दें व उसके बाद सेव सेटिंग पर कलिक कर दें |
========================================================
<li><a href="http://cityjalalabad.blogspot.com/index.html/">Home </a></li>
<li class="dotted">....</li>
<li><a class="active" href="http://www.blogger.com/post-edit.g?blogID=9144512616116037111&amp;postID=5379757634285334289#">1</a></li>
<li><a href="http://cityjalalabad.blogspot.com/2011/05/3.html">2</a></li>
<li><a href="http://cityjalalabad.blogspot.com/2011/05/blog-post.html">3</a></li>
<li><a href="http://cityjalalabad.blogspot.com/2011/05/artisteer300.html">4</a></li>
<li><a href="http://cityjalalabad.blogspot.com/p/blog-page_3045.html">5</a></li>
<li><a href="http://cityjalalabad.blogspot.com/p/blog-page_15.html">6</a></li>
<li class="dotted">....</li>
<li><a href="http://cityjalalabad.com/">CityJalalabad.Com</a></li>
</ul>
===========================================================


इस प्रकार करने से आप जब भी न्यू पोस्ट पर कलिक करेंगे तो यही कोड आपको अपनी नए पोस्ट में पहिले से उपलब्ध मिलेगा | इस कोड में आप नीले रंग में दिखाई दे मेरे ब्लॉग की पोस्ट के लिंक की जगह आप अपनी पोस्ट के नए या पुराने पोस्ट के लिंक लगायें व अपनी पोस्ट में अपना मैटर लिखें व इस पोस्ट को सेव कर लें | आपकी पोस्ट के नीचे ये पेजिनेशन लिंक दिखाई देने लगेंगे |

किसी भी तरह की मुश्किल पेश आने पर आप मुझसे संपर्क कर सकते हैं |
Tags

एक टिप्पणी भेजें

1 टिप्पणियाँ
* Please Don't Spam Here. All the Comments are Reviewed by Admin.

आपकी टिप्पणी मेरे लिए मेरे लिए "अमोल" होंगी | आपके नकारत्मक व सकारत्मक विचारों का स्वागत किया जायेगा | अभद्र व बिना नाम वाली टिप्पणी को प्रकाशित नहीं किया जायेगा | इसके साथ ही किसी भी पोस्ट को बहस का विषय न बनाएं | बहस के लिए प्राप्त टिप्पणियाँ हटा दी जाएँगी |