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

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

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

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

स्टैप 1:-Blogger Dashboard में जाये, Template सेलेक्ट करे और Edit HTML पर क्लिक करे ।स्टैप 2:-अब टेम्पलेट कोड में कही भी क्लिक कर Ctrl + F दवाये अब एक सर्च बॉक्स आ जायेगा इसमे  नीचे दिया गया कोड लिखे और Enter बटन पर क्लिक करे
]]></b: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 ;
font-size:18px ;
margin:2px 0px ;
color:#666 ;
border-bottom:2px solid #666 ;
border-top:0px ; }
.about-author p {
margin:0px;
text-align:justify;
color:#666; }

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

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

अब आपको नीचे दिया गया 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 जोडने में कोई दिक्कत आ रही है तो कमेन्ट करके जरुर बताये ।

This post was last modified on July 16, 2018 1:37 pm

Manjeet Singh: Hello Visiter, Agar Aapka koi bhi sabaal hai to aap Apna Sabaal Jabab Forum me Puch sakte hai agar hamse kisi baare mi discuss karna chahte hai tu Aap hame Email Ya Whatsapp kar sakte hai.
Related Post