Blogger Blog Me Taop Profeshnal Admin Boks Jode
Blogger Blog Me Taop Profeshnal Admin Boks Jode-
Agar Aap Kisi Blog Ke Lekhk Hain Aur Vibhinn Vishayon Par Lekh Likhate Hain Aur Aap Upni Pratyek Post Me Blog Parichay Me Apna Naam Photo Dikhana Chahate Hain Jo Aapke Blog Me Nahin Dikha Rahi Yaa Nahin Dikhaa Paa Rahe Hain | Aaj Ham Aapko Batayege Ki Ham Blog Post Ke Ant Me Lekhk Boks Kaise Jodate Hai .
Pratyek Blog Post Ke Ant Me Yaa Shuruaat Me Lekhk Kaa Sirf Naam Dikhata Hai Lekin Lagbahg Sabhi Blog Lekhk Chahate Hain Ki Mere Blog Ki Sabhi Post Ke Ant Me Ek Chhotaa Saa Lekhk Admin Boks Ho, Jisme Vah Apna Photo Aur Naam Ke Saath Saath Apne Blog Ke Baare Me Kuch Snkshaipt Vivarn De Saken, To Aaj Ham Sikhenge Pratyek Blogger Post Me Ek Chhotaa Saa Lekhk Yaa Admin Bhaag Kaise Lagate Hain .
Yah Bhi Padhe – Blogger Blog Me Taempaleta Kaa Baikup Kaise Le .
Pepail Par Apna Account Kaise Banaye .
Pratyek Blogger Post Me Admin Boks Jode .
Step 1:- Blogger Dashboard Me Jaaye, Template Selekta Kare Aur Edit HTML Par Click Kare .
Step 2:- Ab Taempaleta Cod Me Kahi Bhi Click Kar Ctrl + F Davaye Ab Ek Sarch Boks Aa Jaayegaa Isame Niche Diyaa Gaya Cod Likhe Aur Enter Btan Par Click Kare .
]]></b:skin>
ab Aapko niche diyaa gaya CSS cod ]]></b:skin> se Pehle pesta Karna hai .
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; }
step 3:- ab dovaaraa se Ctrl + F btan dava kar niche diyaa gaya cod sarch kare .
<div class='post-footer-line post-footer-line-3'>
post author vcard Search karne ke bbad Auther Code Past Kar de
ab Aapko niche diyaa gaya Admin Box Code cod sarch kiye gaye cod se Pehle pesta Karna hai .
Admin Box Code-
<div class='about-author'>
<h3>About Author: Manjeet Singh</h3>
<img align='left' src='yahan par Apne Photo kaa link daale'/><p>Apne baare me aur upni website ke baare me likhe<a href='http://www.kitanaseekha.com/about-us/' target='_blank'><font color='#00aced'>Read More</font></a></p><br/>
<p>Let'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>
upar diye gaye cod me laal rng se haailaaita kiye gaye link aur techsta ko Apne anusaar bdal le .
ummid kartaa hun ki ye post Aapko pasnd aayi hogi, agar Aapko Auther Box jodane me koi dikkat aa rahi hai to kamenta karke jarur bataye .
Comments
Post a Comment