ब्लॉगर ब्लॉग में टॉप प्रोफेशनल एडमिन बॉक्स जोड़े

0
398
अगर आप किसी ब्लॉग के लेखक हैं और विभिन्न विषयों पर लेख लिखते हैं और आप अपनी प्रत्येक पोस्ट में  ब्लॉग परिचय में अपना नाम फोटो दिखाना चाहते हैं जो आपके ब्लॉग में नहीं दिख रही या नहीं दिखा पा रहे हैं | आज हम आपको बतायेगे की हम ब्लॉग पोस्ट के अंत में लेखक बॉक्स कैसे जोडते है ।Top Professional Auther Box in Bloggerप्रत्येक ब्लॉग पोस्ट के अंत में या शुरुआत में लेखक का सिर्फ नाम दिखता है लेकिन लगभग सभी ब्लॉग लेखक चाहते हैं कि मेरे ब्लॉग की सभी पोस्ट के अंत में एक छोटा सा लेखक एडमिन बॉक्स हो, जिसमें वह अपना फोटो और नाम के साथ साथ अपने ब्लॉग के बारे में कुछ संक्षिप्त विवरण दे सकें, तो आज हम सीखेंगे प्रत्येक ब्लॉगर पोस्ट में एक छोटा सा लेखक या एडमिन भाग कैसे लगाते हैं ।

                  पेपैल पर अपना अकाउंट कैसे बनाये ।

प्रत्येक ब्लॉगर पोस्ट में एडमिन बॉक्स जोड़े ।

स्टैप 1:-Blogger Dashboard में जाये, Template सेलेक्ट करे और Edit HTML पर क्लिक करे ।Blogger HTML CODE EDITस्टैप 2:-अब टेम्पलेट कोड में कही भी क्लिक कर Ctrl + F दवाये अब एक सर्च बॉक्स आ जायेगा इसमे  नीचे दिया गया कोड लिखे और Enter बटन पर क्लिक करे
]]></b:skin>

Edit Template Search find skinअब आपको नीचे दिया गया CSS कोड ]]></b:skin>  से पहले पेस्ट करना है

CSS Code –

.about-author {
width : 550px;
overflow : hidden;
margin:10px 0px;
border:0px;
background:
#f2f2ef; margin: 0 0 30p
x 0; padding: 5px;
border: 1px solid
#EAEDEF; overflow: hidden;
color: #333333;
font-size: 14px;
font-family: Georgia, Tahoma, Verdana;
line-height: 24px; }
.about-author img {
display: block;
width: 90px;
height: 90px;
margin: 0 1.2em 0 0;
float: left;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-webkit-border-radius: 999em;
-moz-border-radius: 999em;
border-radius: 999em;
border: 1px solid #ddd;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); }
.about-author h3{
font-family:georgia !important;
font-size:18px !important;
margin:2px 0px !important;
color:#666 !important;
border-bottom:2px solid #666 !important;
border-top:0px !important; }
.about-author p {
margin:0px;
text-align:justify;
color:#666; }

स्टैप 3:- अब दोवारा से Ctrl + F बटन दवा कर नीचे दिया गया कोड सर्च करे ।

<div class='post-footer-line post-footer-line-3'>

post author vcard Search karne ke bbad Auther Code Past Kar deअब आपको नीचे दिया गया Admin Box Code कोड सर्च किये गए कोड से पहले पेस्ट करना है

Auther Box Code-

<div class='about-author'>
<h3>About Author: Manjeet Singh</h3>
<img align='left' src='यहाँ पर अपने फोटो का लिंक डाले'/>
<p>अपने बारे में और अपनी वेबसाइट के बारे में लिखे
<a href='http://www.kitanaseekha.com/about-us/' target='_blank'>
<font color='#00aced'>Read More</font></a></p><br/>
<p>Let&#39;s Get Connected: <a href='http://twitter.com/kitanaseekha' rel='nofollow' target='_blank'>
<font color='#00aced'>Twitter</font></a> | 
<a href='http://www.facebook.com/kitanaseekha' rel='nofollow' target='_blank'>
<font color='#3b5998'>Facebook</font></a> | <a href='http://plus.google.com/100039583996988860645' rel='nofollow'
target='_blank'><font color='#dd4b39'>Google Plus</font></a> | 
<a href='https://www.youtube.com/channel/UCHjlSr5MVW8Wgks5beHu0yA?sub_confirmation=1' rel='nofollow' target='_blank'>
<font color='#c4302b'>YouTube</font></a></p>
</div>
ऊपर बॉक्स में दिए गए लिंक और टेक्स्ट को अपने अनुसार बदल ले ।
उम्मीद करता हूँ की ये पोस्ट आपको पसंद आयी होगी, अगर आपको Auther Box जोडने में कोई दिक्कत आ रही है तो कमेन्ट करके जरुर बताये ।

LEAVE A REPLY

Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.