Blog Me Stylish About Admin Page Kaise Banaye?
Hello friends! इस पोस्ट मे आपको बताऊंगा की stylish about Admin page कैसे बनाते हैं और ब्लॉग पर कैसे लगाते है। आपने बहुत से ब्लॉग मे ये पेज देखा होगा, जिसमे ब्लॉग Owner की biography होती है। यह वेबसाइट या ब्लॉग के लिए जरूरी भी है। विजिटर्स को आपका ब्लॉग पसंद आता है, तो वो आपके बारे मे भी जानना चाहेंगे, आप सिम्पल पेज भी बना सकते हैं लेकिन आपको अच्छी डिज़ाइन का पेज बनाना है, तो कोडिंग करके बनाना पडेगा, लेकिन आपको कोडिंग करने की भी जरूरत नही है, मे यहा पर आपको stylish about Admin पेज की कोडिंग बता रहा हूं जिसे आप अपने ब्लॉग में लगा सकते हैं।
Read:BLOG ME UNIQUE EMAIL SUBSCRIBER BOX KAISE ADD KARE
ब्लॉग मे Stylish About Admin पेज कैसे बनाये।
आप इस पेज को ब्लॉग मे sidebar, footer, blog post के नीचे कही भी लगा सकते हैं। हम यहां sidebar में लगायेंगे। सबसे पहले नीचे दिया कोड पूरा कॉपी करले।<b:if cond='data:blog.pageType == "item"'>अब ब्लॉगर Dashboard पर जाइए, ओर लेआउट पर क्लिक करके html/JavaScript का widget add करें और कॉपी किये गये कोड को यहा पर paste करदे।
<div class='articleAdmin'>
<div class='adminContent'>
<div class='adminLeft'>
<div class='adminAvatar'>
<img alt='' class='avatar avatar-120 photo dontshowit showit' height='120' border='4px' style='border-radius:50%; border-color:#ffffff' src='your image url' width='120'/>
</div>
</div>
<div class='AdminDetails'>
<h2>About Admin <a href='your google plus id' rel='Admin' title='Posts by Admin'>your name</a></h2>
</div>
<p>your biography<a href='about us page url'>Read More>></a></p>
</div>
</div>
<div style='clear:both'/>
</div></b:if>
अब आपको इस कोड मे अपनी डिटेल्स भरनी है।
- Your image:- यहा आपको पेज मे जो भी इमेज रखनी है, उसका url डाले।
- Your google plus id:- अपनी Google+ id. इसे ऐसे ही छोड सकते है,
- Your name:- ब्लॉग या वेबसाइट owner(admin) का नाम.
- Your biography:- यहा पर आपके बारे में लिखना है, आप अपने विजिटर्स को जो भी अपने बारे मे बताने चाहते हैं वो लिखे।
- Your about us page:- यहा about us पेज का url दे सकते हैं।
Read: SINIUM SEO TOOLS KI PURI JANKARI
ब्लॉग मे about author पेज कैसे बनाये?
इस पेज को आप ब्लॉग author के लिए भी इस्तेमाल कर सकते हैं इसके लिए आपको कोडिंग मे कुछ बदलाव करना होगा। ब्लॉग author के बारे में तो आप जानते ही होगे. अगर आप किसी के ब्लॉग के लिए आर्टिकल लिखकर उसके ब्लॉग पर पोस्ट करते हैं तो आप ब्लॉग author कहलाते है। जैसे कि बड़े बड़े ब्लोगर्स अपने ब्लॉग के लिए ब्लॉग author को हायर करते हैं और आर्टिकल के बदले मे उसे पेमेंट करते हैं, इसे ही हम ब्लॉग author कहते है।ब्लॉग ऐडमीन का ब्लॉग पर पूरा कंट्रोल रहता है। मतलब वो ब्लॉग पर सबकुछ कर सकता है, लेकिन ब्लॉग author केवल ब्लॉग पर पोस्ट ही कर सकता है, इसके अलावा यह कुछ नही कर सकता। जैसे कि ब्लॉग author ब्लॉग की सेटिंग्स नही कर सकता। अगर आप कोई ब्लॉग author रखते है तो उसकी जानकारी भी अपने विजिटर्स को देनी चाहिये, जो हम about author से दे सकते हैं।
अगर आपने कोई author ब्लॉग के लिए रखा है, तो इसकी डिटेल्स का पेज यानी about author पेज को बना सकते हैं या उपर की कोडिंग मे बदलाव करके कर सकते हैं। अगर आप author और ऐडमीन दोनो का रोल करना चाहते हैं तो भी कर सकते हैं। इसके लिए आपको अपनी दूसरी इमेल आईडी से ब्लॉग पर author बनना होगा, आप चाहे तो अपने दुसरे इमेल से ऐडमीन भी बन सकते हैं।
ब्लॉग author का पेज आप साइडबार, फूटर, या ब्लॉग आर्टिकल के निचे रख सकते हैं। ज्यादातर ब्लॉग मे यह पेज ब्लॉग आर्टिकल के निचे होता है। हर आर्टिकल के निचे यह पेज show होता है। अगर आप भी अपने ब्लॉग के हर आर्टिकल के निचे यह पेज को show करना चाहते हैं तो नीचे के स्टेप्स फोलो करे।
Step 1: अपने ब्लोगर डैशबोर्ड पर जाएं और theme पर क्लिक करके edit html पर क्लिक करें
Step 2: अब नीचे दिए गए कोड मे author की डिटेल्स भरकर कोड को कोपी करना है।
<b:if cond='data:blog.pageType == "item"'>
<div class='articleAuthor'>
<div class='authorContent'>
<div class='authorLeft'>
<div class='authorAvatar'>
<img alt='' class='avatar avatar-120 photo dontshowit showit' height='120' border='4px' style='border-radius:50%; border-color:#ffffff' src='your image url' width='120'/>
</div>
</div>
<div class='AuthorDetails'>
<h2>About author <a href='your google plus id' rel='Author' title='Posts by Admin'>your name</a></h2>
</div>
<p>your biography<a href='about us page url'>Read More>></a></p>
</div>
</div>
<div style='clear:both'/>
</div></b:if>
स्टेप 3: edit html मे <Article> सर्च करे और इसके उपर कोपी किया गया कोड पेस्ट करदे और टेम्पलेट सेव करदे।
अब आपकी हर पोस्ट के नीचे about author पेज दिखाई देगा। इस तरह हम ब्लॉग पर अबाउट ऐडमीन पेज और about author पेज बना सकते हैं। अगर आपको यह जानकारी अच्छी लगी तो सोशल मीडिया पर शेयर करना ना भुले और हमारा ब्लॉग भी सब्सक्राइब करें।
Comments
Post a Comment