Blogger-Blogspot Me Beautiful Author Box Kaise Add Kare

Hello Blogger ! Aaj hum is post me blogger author widget add karene ke bare me batayenge. Jaisa ki hum is post me batayenge ki beautiful author box me link kaise About us ka kaise lagaya jata hai. Is poste se aap apne website  ko ek acha sa look de sakte hai jo bahut hi important hai. Humne pehle bhi bahut se tips share kiya tho jo visitore ko kaphi pasand aayi hai. Jaise apni post labels ko kaise colorful karte hai. Agar aap new hai to is post ko padhe.
Is Wedget me khas bat ye hai ki jab koi apke photo par mous lekar jayega to ek acha look animate karte huye dikhega.

Read Also

• Happy new year 2016 widget kaise lagate hain
• Blog me recent comment box kaise add kare 

Dosto mai is post me bahut hi simple tips se batayenge ki kaise add karna hai.
Isme  author ka picture rahega ho thora rotate hoga jo koi photo par mous lekar jayega effec type ka show karega. chaliye start karte hai baad me aap apna pic laga sakte hai.

Add Blogger  Author Box Hindi Tutorials

Start karte hai bahut hi simple hai aap follow kare step by step apko puri samajh aa jayega.

 

Jarur Padhe

1. Delete file ko kaise recover karte hai jane 
2. Google Adsense account kyo disabled ho jate hai padhe
3. Adsense account approval karne ka sabse acha tips 

• Sabse Pahle Blogger ke  Dashboard Me jaye >>> Layout
• Add a widget Click kare >>> Add HTML/JavaScript Widget
• Ab ye sari code copy kare le or Paste karde widget me

<h3 class="title">About Me</h3>

<div class="widget-content">

<!--[if !IE]> -->

<style>

}

#bbc:hover

{

border:2px solid #ccc;

cursor:pointer;

}

.opacity

{

opacity: 0.5;

margin-right: 50px;

-moz-transition: all 0.5s ease-out;

-o-transition: all 0.5s ease-out;

-webkit-transition: all 0.5s ease-out;

-ms-transition: all 0.5s ease-out;

transition: all 0.5s ease-out;

-moz-transform: rotate(7deg);

-o-transform: rotate(7deg);

-webkit-transform: rotate(7deg);

-ms-transform: rotate(7deg);

transform: rotate(7deg);

}

.opacity:hover

{

-moz-transform: rotate(0deg);

-o-transform: rotate(0deg);

-webkit-transform: rotate(0deg);

-ms-transform: rotate(0deg);

transform: rotate(0deg);

-moz-box-shadow: 1px 1px 4px #000;

-webkit-box-shadow: 1px 1px 4px #000;

box-shadow: 1px 1px 4px #000;

}

</style>

<!--[endif]---->



<style>

#bbc

{

border:2px solid #888; margin:2px 5px 0px 0px; padding:2px;

}

#profileAditya:hover

{

border:2px solid #ccc;

cursor:pointer;

}

.opacity:hover

{

opacity: 1;

-moz-box-shadow: 1px 1px 4px #000;

-webkit-box-shadow: 1px 1px 4px #000;

box-shadow: 1px 1px 4px #000;

}

</style>

<img class="opacity" id="bbc" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz5jeKsPjdv9Si6_C9dg34QR6ncmLoOLhIFFlHOQdXucFKDnuzlVU4ehSCTAjoRh8iwQLqbG-bGEuSOUWGPlVOQRpVLEOv8HpENQWuLJeV38J4IZt6WWyqpEk9ibOb2qSUsR1dMWaQLzM/s250/AA.jpg" width="100" />

<div style="font-family: Arial Tahoma Verdana; font-size: 13px; text-align: justify; margin-top:-110px; padding-left:120px;">

<b>Founder & Author:</b> Amit Kumar ?????? ????? ???? ??? ???? ????? ??? ?? ???????( website ) ????? ?????? ??? , ?? ??????? ??? ???? ?? ,
??? ( BCA Pass Out ) 2013 ??? ??? ???? </div>????? ???? ??? ???? ?? ???? ..<a style="color:#5634;" href="http://www.allhindimehel.com/p/about-me.html" target="_blank">...????? ???? </a><!--![endif]---->

</div>

Author Box Customize Kaise kare jaane

• Jo red color hai or par apna image URL ka link add kare.
•  Blue color ke jagah par apne about me page ka url add kare.
• Ab Jo maine apne bare me bataya hu oha par. Aap apne bare me kuch likhe.  Description ko change kar de. 

•  Best mobile apps jise install karke paise kama sakte hai 

Phir save widget kare . Finally aapka successfully ho jayega ab dekhne ke liye apne blog ko open kar le.

Mujhe umeed hai ki apko ye Widget acha laga hoga. Agar apse koi problem ho to mujhe bataye mai aapki help kar dunga..