How To Add Professional Author Box in Blogger

Dosto aaj hum baat karenge Professional Author Box In Blogger ke baare me jaisa ke हम जानते hai ke blogger blog me उतना खास Author Box नही मिलता hai. और तो और काफी blogger Templates me Author box bhi नही hota hai. Toh chaliye जानते blogger blog me Professional Author Box kaise add kar sakte hai.


How To Add Professional Author Box in Blogger

Kya आपके blog Author Box hai? महान blog design  के अलावा, aapke blog पर "About the Author" box होना chahiye। इसमें authorke bare में वर्णनात्मक jankari शामिल hai. यहां tak कि professional bloggers हमेशा अपने blog पर post के अंत में About Author Box के bare me जोड़ना पसंद karte hai, क्योंकि वे जानते hai कि लोग post लिखने वाले author के bare me कुछ जानना चाहते hai.



  • How To Submit Blogger Sitemap
  • Pubg Mobile Night Mode
  • Blogger SEO Settings

  • हर कोई apna blog या website अधिक attractive और professional बनाना चाहता hai. इसलिए, maine blogger platform users के liye professional Author Box share करना सोचा जो अपने blog को देखना चाहते hai.

    निम्नलिखित tutorial me आप सीखने जा rahe hai कि blogger me प्रत्येक blog post के नीचे professional Author Box को kaise जोड़ना hai. आप अपने blogger blog me CSS + HTML code जोड़कर apne blogger blog me post footer me एक author box जोड़ सकते hai.

    Professional Author Box Fetures:



  • Short Code
  • Fully Responsive
  • Simple CSS Design
  • Suitable to Your Blog
  • Professional Author Box
  • Very Easy To Use and Customizable

  • How To Add Professional Author Box in Blogger

    Note: Safe Side पर rahne के liye, main aapko बदलाव karne से पहले apne blogger template का Backup लेने की सलाह देता hoon.

    Step 1. अपने blogger dashboard पर जाएं Template > Edit HTML

    Step 2. Ctrl + F दबाकर निम्न Code खोजें


    ]]> </ b: skin>

    Step 3. अब इस code से पहले / ऊपर CSS code का निम्न टुकड़ा जोड़ें।



    / * Professional Author Box CSS Code * /
    .about-author {
    width: 750px;
    overflow: hidden;
    margin: 10px 0px;
    border: 0px;
        background: # f2f2ef;
        margin: 0 0 30px 0;
        padding: 10px;
        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: 2px 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: 9px 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;
    }
    / * Professional Author Box CSS Code * /

    Step 4.  Next Search for



    <data: post.body />

    Step 5.  अब इस Code के बाद / नीचे HTML code का निम्न टुकड़ा जोड़ें।



    <div class = "about-author">
    <h3> About Author: </ h3>
    <img align = "left" src = "Paste Your Image URL Here" /> <p> Write Something About Yourself </ p> <br/>
    <p> Let's Get Connected: <a href="http://twitter.com/RealTricker" rel="nofollow" target="_blank"> <font color = "# 00aced"> Twitter </ font> </ a > | <a href="http://www.facebook.com/RealTricker" rel="nofollow" target="_blank"> <font color = "# 3b5998"> Facebook </ font> </a> | <a href="http://plus.google.com/" rel="nofollow"> <font color = "# dd4b39"> Google Plus </ font>
    </a> </ p>
    </ div>
    Customization:

    1. Paste Your Image URL Here: Add Your Profile Picture


    2. Write Something About Yourself


    3. http://www.facebook.com/RealTricker : Replace With Your Facebook Page

    4. http://plus.google.com/ : Replace With Your Google Plus


    Step 6. अंत me, अपना Template Save करे और परिणाम देखें


    Toh mere pyaro aasha karta hoon ke aapko kaafi jaankari mile hoge, post achee lage toh share jarur kare.