विज्ञापन

की सभी वार्ताओं के साथ forking, घोटालों, वेबसाइटें अपने सीपीयू को चोरी करने के लिए मेरा altcoins लेती हैं, और पागल मूल्य अस्थिरता, क्रिप्टोकरेंसी ("क्रिप्टो") निश्चित रूप से अधिक मुख्यधारा बन रहे हैं।

यदि आपने निवेश किया है या किसी क्रिप्टोकरेंसी को खरीदने पर विचार कर रहे हैं, तो आपको वास्तविक समय में उनकी कीमतों पर नजर रखने का एक तरीका चाहिए। सौभाग्य से, आप आसानी से अपने आप को एक क्रिप्टो डैशबोर्ड का निर्माण कर सकते हैं, इससे अधिक कुछ भी नहीं HTML और CSS HTML और CSS को इन स्टेप बाय स्टेप ट्यूटोरियल के साथ जानेंHTML, CSS और JavaScript के बारे में उत्सुक? अगर आपको लगता है कि आपके पास स्क्रैच से वेबसाइट बनाने का तरीका सीखने की आदत है, तो यहां कुछ शानदार स्टेप-बाय-स्टेप ट्यूटोरियल ट्राई करने लायक हैं। अधिक पढ़ें .

ध्यान दें: क्रय क्रिप्टोकरेंसी एक अत्यधिक सट्टा निवेश है। जितना आप खर्च कर सकते हैं उससे अधिक का निवेश कभी न करें, और रात भर इसे खोने के लिए तैयार रहें।

शुरू करना

यह डैशबोर्ड एक निशुल्क विजेट द्वारा संचालित है coinmarketcap.com. यह उत्कृष्ट वेबसाइट हज़ारों क्रिप्टोकरंसी के आंकड़ों और मौजूदा कीमतों को दिखाती है। अपनी पसंद की मुद्रा का चयन करके, या शीर्ष दाईं ओर खोज सुविधा में एक सिक्का दर्ज करके प्रारंभ करें।

instagram viewer

CoinMarketCap पर क्रिप्टो डैशबोर्ड

एक बार चुने जाने के बाद, आपको ले जाया जाएगा सिक्का अवलोकन पृष्ठ, जहाँ आपके चुने हुए सिक्के के बारे में विभिन्न आँकड़े, चार्ट और विश्लेषण दिखाए गए हैं। से अधिक पर सिर उपकरण टैब। यह वह जगह है जहाँ आपको एक तैयार विजेट दिखाई देगा, जो आपके चुने हुए सिक्के के बारे में विशिष्ट डेटा दिखाता है। के साथ प्रयोग करने के लिए स्वतंत्र महसूस करें इस विजेट को कस्टमाइज़ करें सेटिंग्स, लेकिन अभी के लिए, मूल विजेट पर्याप्त है। से कोड कॉपी करें वेबसाइट विजेट बॉक्स या बाद में उपयोग के लिए पृष्ठ खुला रखें।

यहाँ Bitcoin के लिए विजेट कोड कैसा दिखता है:

चाहे आप में हो Bitcoin, Ethereum, लहर, Dogecoin, या 1,000+ के किसी भी अन्य विकल्प (alt) उपलब्ध सिक्के, यह प्रक्रिया बिल्कुल समान है: एक सिक्का ढूंढें, फिर विजेट कोड कॉपी करें.

यदि आप स्वचालन के साथ फैंसी प्राप्त करना चाहते हैं, तो आप इसका उपयोग कर सकते हैं एपीआई टिकर और एक समयबद्धन उपकरण जैसे क्रॉन कैसे क्रोन और Crontab के साथ लिनक्स में कार्य अनुसूची के लिएकार्यों को स्वचालित करने की क्षमता उन भविष्य प्रौद्योगिकियों में से एक है जो पहले से ही यहां है। हर लिनक्स उपयोगकर्ता शेड्यूलिंग सिस्टम और उपयोगकर्ता कार्यों से लाभ उठा सकता है, क्रोन के लिए, एक आसान-से-उपयोग वाली पृष्ठभूमि सेवा। अधिक पढ़ें आप की तरह कुछ भी करने के लिए। यह इस लेख के दायरे से थोड़ा परे है, लेकिन उदाहरण के लिए यदि मूल्य एक निश्चित सीमा से नीचे चला जाता है, तो आप एक ईमेल अलर्ट बना सकते हैं।

वेबपेज का निर्माण

अब जब आपके पास विजेट है, तो आपको इसे प्रदर्शित करने के लिए एक मूल HTML पेज बनाने की आवश्यकता है। अपने पसंदीदा टेक्स्ट एडिटर का उपयोग करके, एक नई HTML फ़ाइल बनाएं dashboard.html.

यहां आपके लिए आवश्यक स्टार्टर कोड है:

क्रिप्टो डैशबोर्ड

के बीच अपना HTML विजेट कोड पेस्ट करें तन टैग। Bitcoin पर वापस जाने पर, पूरा कोड इस तरह दिखता है:

क्रिप्टो डैशबोर्ड
क्रिप्टो डैशबोर्ड विजेट

यही सब है इसके लिए। यह सच में है यह सरल है अपनी स्वयं की क्रिप्टोक्यूरेंसी डैशबोर्ड बनाने के लिए।

यह सुंदर बना रही है

जबकि यह डैशबोर्ड है तकनीकी रूप से समाप्त, यह महान नहीं है। विजेट स्क्रीन को क्षैतिज रूप से भरता है, लेकिन लंबवत बहुत लंबा नहीं है। चलो शैली के साथ यह व्यापक शैली पत्रक 5 सीएसएस सीखने के लिए बेबी स्टेप्स और किक-एसएसएस सीएसएस जादूगर बननापिछले एक दशक में सीएसएस सबसे महत्वपूर्ण बदलाव वेबपेज है, और इसने शैली और सामग्री के पृथक्करण का मार्ग प्रशस्त किया। आधुनिक तरीके से, XHTML शब्दार्थ संरचना को परिभाषित करता है ... अधिक पढ़ें (सीएसएस)।

के नीचे शीर्षक, एक जोड़ें अंदाज टैग:

इन शैली टैग के अंदर वह जगह है जहाँ आप अपना सीएसएस लिखेंगे। यहाँ आपको क्या चाहिए:

.coinmarketcap- मुद्रा-विजेट {चौड़ाई: 33%; मार्जिन: 100px ऑटो; }
सीएसएस के साथ क्रिप्टो डैशबोर्ड विजेट

यह सरल सीएसएस दो चीजें करता है। का उपयोग करते हुए दस्तावेज़ ऑब्जेक्ट मॉडल जावास्क्रिप्ट और वेब विकास: दस्तावेज़ ऑब्जेक्ट मॉडल का उपयोग करनायह आलेख आपको दस्तावेज़ कंकाल से परिचित कराएगा जो जावास्क्रिप्ट के साथ काम करता है। इस अमूर्त दस्तावेज़ ऑब्जेक्ट मॉडल का एक कार्यशील ज्ञान होने के बाद, आप जावास्क्रिप्ट लिख सकते हैं जो किसी भी वेब पेज पर काम करता है। अधिक पढ़ें (DOM), यह लक्ष्य को लक्षित करता है coinmarketcap-मुद्रा-विजेट कक्षा। यह क्लास विजेट के लिए मुख्य कंटेनर है, इसलिए यह कमांड आपके वेब ब्राउज़र को निम्नलिखित शैलियों को उस विशेष तत्व पर लागू करने का निर्देश देता है।

विजेट की चौड़ाई पर सेट है 33%, जो यह सुनिश्चित करता है कि डिफ़ॉल्ट विकल्प (जो इस उदाहरण में 100% है) पर छोड़ दिए जाने पर यह लंबा नहीं दिखता।

अंत में, ऊपर और नीचे में 100-पिक्सेल का मार्जिन जोड़ा जाता है, जिसमें बाएँ और दाएँ को एक मार्जिन मिलता है ऑटो. यह विजेट को आपके ब्राउज़र के शीर्ष से दूर ले जाता है, और इसे क्षैतिज रूप से केंद्र करता है।

इस विजेट की अपनी स्टाइल के साथ आप कितनी दूर जा सकते हैं इसकी कोई सीमा नहीं है। शायद आपको लाल पाठ या नीली पृष्ठभूमि पसंद है? कैसे चमकती पाठ के बारे में? आकाश वास्तव में सीमा है!

अधिक सिक्के जोड़ना

अब जब आपने मूल बातें नहीं ली हैं, तो अधिक सिक्के जोड़ने का समय आ गया है। यहां तक ​​कि अगर आपके पास केवल एक सिक्का है, तो आपके डैशबोर्ड में विविधता लाने के कई फायदे हैं।

के तौर पर ढीला नियम (हालांकि क्रिप्टोकरंसीज के जंगली पश्चिम में कुछ भी हो सकता है), बिटकॉइन के नीचे जाने पर अल्ट सिक्कों को ऊपर जाता है, इसके अलावा जब बिटकॉइन बिल्कुल डूब जाता है, तो यह सब कुछ इसके साथ लेता है।

अन्य मुद्राओं की निगरानी करके, आप अक्सर स्पष्ट रूप से देख सकते हैं कि धन एक से बाहर निकल रहा है, और दूसरे में। यदि आप एक नया सिक्का खरीदना चाहते हैं, तो इसे अपने डैशबोर्ड में शामिल करने का मतलब है कि आप संभावित रूप से एक प्रवृत्ति या दैनिक निम्न स्तर पर सौदेबाजी कर सकते हैं!

उपरोक्त चरणों का उपयोग करते हुए, आगे बढ़ें और उन अन्य मुद्राओं के लिए विजेट कोड प्राप्त करें जिन्हें आप ट्रैक करना चाहते हैं। बस उन्हें बिटकॉइन ट्रैकर के नीचे इस तरह चिपकाएँ:

क्रिप्टो डैशबोर्ड अधिक सिक्के जोड़ते हैं

आपको इसकी आवश्यकता नहीं है currency.js हर विजेट के लिए। आपको प्रति पृष्ठ केवल एक बार इसकी आवश्यकता है।

यदि आप अपना डैशबोर्ड पुनः लोड करते हैं, तो आप देखेंगे कि यह बहुत अच्छा नहीं है। सभी सिक्के लंबवत रूप से स्टैक्ड हैं, और उनके बीच बहुत बड़े अंतराल हैं! इन विजेट को कई सिक्कों के लिए बेहतर बनाने के लिए आपको CSS को संशोधित करना होगा।

प्रत्येक विजेट कंटेनर की चौड़ाई और मार्जिन को समायोजित करके, आप क्षैतिज रूप से कई विजेट्स को इस तरह से पंक्तिबद्ध कर सकते हैं:

चौड़ाई: 23%; मार्जिन: 10 पीएक्स 1%; बाईंओर तैरना;
क्रिप्टो डैशबोर्ड विजेट क्षैतिज

इसी सीएसएस का उपयोग करते हुए, आपको जितने चाहें उतने विजेट्स स्टैक अप करना संभव है, हालाँकि आपको लगभग 12 विजेट्स के बाद इसे थोड़ा संशोधित करना पड़ सकता है।

क्रिप्टो डैशबोर्ड विजेट स्टैक्ड

एक अंतिम परिष्करण स्पर्श डैशबोर्ड को स्वचालित रूप से पुनः लोड करना है, यह सुनिश्चित करना कि आपके पास हमेशा नवीनतम कीमतें हों।

के अंदर सिर अपने दस्तावेज़ के शीर्ष पर टैग, इस मेटा टैग को चिपकाएँ:

यह आपके पृष्ठ को हर X सेकंड में ताज़ा कर देगा, जहाँ X अंदर निर्दिष्ट है सामग्री. ऊपर दिया गया कोड पृष्ठ को हर 60 सेकंड में ताज़ा करेगा। आपको जो भी पसंद है उसे बदल दें, बशर्ते आप सेकंड में नंबर इनपुट करें।

साने रहना

अब जब आपका क्रिप्टोक्यूरेंसी डैशबोर्ड पूरा हो गया है, तो आपको अब जाँच नहीं करनी होगी coinmarketcap.com, या coinbase.com, या जो भी वेबसाइट आप अपनी खरीद की निगरानी के लिए उपयोग करते हैं। हर मिनट कीमतों की जाँच करके स्वयं को पागल न करें।

इसे अपने कंप्यूटर पर चलाना छोड़ दें, या शायद इसे सेट अप भी करें रास्पबेरी पाई और यह आपके दालान में चल रहा है!

यदि आप इस कदम पर कीमतों की जाँच करना चाहते हैं, तो हमारे गाइड पर एक नज़र डालें सबसे अच्छा क्रिप्टोक्यूरेंसी एंड्रॉइड ऐप इन Android ऐप्स के साथ अपने CryptoCurrency पर अप-टू-डेट रहेंआभासी मुद्रा परिवर्तन और दिन के कारोबार पर नज़र रखना दोनों ही मज़ेदार हो सकते हैं, और एक अच्छे दिन के खनन के बाद अपने लाभ को बढ़ाने का एक तरीका है। अधिक पढ़ें , और हमारे गाइड को पढ़ना न भूलें Cryptocurrency खरीदने से पहले आपको जो कुछ भी जानना होगा.

क्या आपने क्रिप्टो डैशबोर्ड बनाया है? आपने अपना स्थान कहाँ रखा था? नीचे टिप्पणी करके हमें बताएं!

जो ब्रिटेन के लिंकन विश्वविद्यालय से कंप्यूटर विज्ञान में स्नातक हैं। वह एक पेशेवर सॉफ़्टवेयर डेवलपर है, और जब वह ड्रोन नहीं उड़ा रहा है या संगीत नहीं लिख रहा है, तो उसे अक्सर तस्वीरें लेने या वीडियो बनाने के लिए पाया जा सकता है।