Blog में Result Sheet कैसे Upload करे – HTML Table with Search

Hello Bloggers, किसी ने मुझसे सवाल पूछा था Blog में Result Sheet कैसे Upload करे ताकि Roll No. या Name wise search कर सके. Blog में Result Sheet upload करने के बहुत सारे अलग तरीके है लेकिन आपको Coding की Help लेनी ही पड़ेगी. Microsoft Excel Sheet से भी Result Sheet बनाई जा सकती है जिसे Web page में convert करके अपने ब्लॉग में डाल सकते हो.

इसमें सबसे बड़ी समस्या आती है की आप Roll No. या Name Wise Search नहीं कर सकते. इसके लिए आपको दूसरा Method इस्तेमाल करना पड़ेगा, जो मैं आपको इस आर्टिकल में बताने वाला हूँ. Blogger में Result Sheet Upload कैसे करे ताकि Roll No. Wise Search कर सके.

blog-me-result-sheet-upload-kaise-kare

यह ज्यादा मुश्किल काम नहीं है बस आपको नाम मात्र HTML की जानकारी होनी चाहिए और मैं आपको Source Code भी दे दूंगा. Source Code में Result Data add करना है और आपका काम बन जाएगा. इसमें सबसे बड़ी बात है की Search System भी होगा जिसमे आप Roll No. Wise भी सर्च कर पाएंगे.

एक बात का ध्यान रखे आपको एक-एक करके Marks, Roll No. और Name Add करना पड़ेगा क्योंकि यह Coding से Manage होगा इसलिए आपका समय भी लगेगा. ऐसा नहीं है की आपको कहीं से भी Result Copy मिल गई और उठा कर उसे ब्लॉग में डाल दोगे.

Blog में Result Sheet कैसे Upload करे

सबस पहले आपको Source Code Download करना होगा. इससे पहले आप Demo देख सकते है Code कैसे काम करेगा.

Demo

1. अब आप यहाँ से Source Code डाउनलोड कर सकते है.

2. Code Edit करने के लिए एक Code Editor चाहिए होगा. यहाँ से Notepad ++ Download करे और फिर इनस्टॉल करे.

3. Editor इनस्टॉल करने के बाद आपने जो कोड डाउनलोड किया है उस पर Right Click दबाए और Edit With Notepad ++ पर क्लिक करे.

4. सबसे पहले आप Header Code Change करे जरुरत के अनुसार. मैंने जैसा नीचे दिखाया है ऐसा कोड आपको Source Code में मिलेगा. उसमे सिर्फ Orange Colour वाले नाम बदलने है बाकी कुछ Change नहीं करना.  अगर आपको एक नाम डिलीट करना है तो <th >Pun</th> ऐसे पूरा कोड डिलीट करे. नया Add करने के लिए <th >Name</th> यह कोड add करे. इस प्रकार आप Heading Change कर सकते है.

Note: आप Name Wise Search करवाना चाहते है तो पहले Column में Roll No. की जगह Name Set करे. अगर Roll No. Wise Search करवाना चाहते है तो ऐसे ही रहने दे.

<tr class=”header”>
<th >Roll No.</th>
<th >Name</th>
<th >Hin</th>
<th >Eng</th>
<th >Mat</th>
<th >SS</th>
<th >Pun</th>
</tr>

5. Roll No. Name and Marks change करने के लिए मैंने नीचे Example दिखाया है. सिर्फ Orange Colour वाले कोड को बदलना है. एक और जोड़ने के लिए इस  <th >84</th>  कोड को </tr> से पहले add करे. एक बात का ध्यान रखे जैसे आपने Header में Subject Name add किए है उसी हिसाब से Marks add करे.

मैंने कुल 7 ही Result add किए है ज्यादा add करने के लिए <tr> से </ tr> तक का code copy करके </ tr> के नीचे paste करे. इस प्रकार आप जितने चाहे उतने Students की लिस्ट बना सकते हो.

<tr>
<td>002000</td>
<td>Parhlad</td>
<th >80</th>
<th >81</th>
<th >70</th>
<th >74</th>
<th >84</th>
</tr>

6. Code Ready करने के बाद पूरे Code को Copy करे और फिर Blogger Post Editor के HTML section में Paste करे. सबसे लास्ट में Publish Buttion पर क्लिक करे.

  • HTML पर क्लिक करे
  • Code Paste करे
  • Publish पर क्लिक करे

blog-me-result-sheet-upload-kaise-kare-only-learns

Congratulation! अब Result sheet आपके blog पर Publish ओ चुकी है.

Conclusion: अगर आपको कहीं भी किसी प्रकार की दिक्कत आए तो कमेंट करके पूछ सकते हो. अब आप अच्छे से समझ गए होंगे Blog में Result Sheet कैसे Upload करे ताकि Roll No. या Name wise search कर सके. जानकारी अच्छी लगी तो इसे शेयर जरुर करे धन्यवाद

Share kare!
Parhlad Suthar
Parhlad Suthar

I am Parhlad Suthar and founder of onlylearns.com

Leave a Reply

Your email address will not be published. Required fields are marked *