MatrixAdapt | Logiciel de gestion d'Entreprise, Création et référencement des sites web

This tutorial will show you How To Add Beautiful About Author Box Below Every Post In Blogger.It gives a professional look to the blog.
.

1. Login to your blogger profile



2. Go to Template and click on Edit HTML




And proceed.




















3. Select “Expand Widget Template” box and Find ]]></b:skin> ( Press Ctrl+F)

4. Paste the follow piece of code just below the code ]]></b:skin>

.author-box {
background: #F7F7F7;
margin: 20px 0 40px 0;
padding: 10px;
border: 1px solid #E6E6E6;
overflow: auto;
}
.author-box p {
margin: 0;
padding: 0;
}
.author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 4px;
border: 1px solid #E6E6E6;
}

5. Now find the <div class=’post-footer-line post-footer-line-1′/> code , and below this , paste the code

<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<div class=’author-box’>
<p><img alt=” class=’avatar avatar-70 photo’ height=’70′ src=’Your Photo Link’ width=’70′/><b>About the Author</b><br/>
<div style=’text-align: justify; font-family: verdana; color: rgb(0, 0, 0);’>Write Something About yourself<br/>
Follow Me on Twitter <a href=’ Your Twitter Link ‘>Your Twitter link Anchor text</a>
<p style=’margin:-8px 0′><br/><center>
<a href=’ Your Blog link ‘ style=’text-decoration:none;font-size:70%;’>Your Blog Name</a></center>
</p></div></p>
</div>
</b:if>

6. You must change the following things .

• Your photo link
• About the author
• Write something about yourself.
• Your twitter link
• Your twitter link anchor text
• Your blog link
• Your blog Name.

www.75vn.com
www.7live7.com
www.abacin.com
www.ablewise.com
www.adgobble.com
www.adlistpro.com
www.adnabbit.com
www.adsriver.com
www.adworldclassifieds.com
www.alluseek.com
www.american-classifieds.net
www.americanonlineads.com
www.arbiesfreeclassifieds.com
www.arizonaadzone.com
www.azbestclassified.com
www.BestOnlineClassifieds.com
www.boatingswapshop.com
www.bstclassified.com
www.chicago-classifieds.com
www.chicagolandtrader.com
www.classifiednovascotia.com
www.classifieds.abacin.com
www.classifieds.click4choice.com
www.classifieds.enterto.com
www.classifieds.ozfreeonline.com
www.classifiedsalberta.com
www.classifieds-dallas.com
www.classifiedsmanitoba.com
www.classifiedsvalley.com
www.classifiedupdate.com
www.collabotrade.com
www.cycleclassifieds.us
www.dinoads.com
www.expofreeads.com
www.freeads24.us
www.free-classifieds.puagg.info
www.freeified.com
www.gogenie.com
www.goliger.com
www.hindlist.com
www.horsefinder.net
www.hottrailerdeals.com
www.iposte.org
www.itechcluster.com
www.jeremysclassifieds.com
www.jobston.com
www.khclassified.com
www.kifaa.com
www.locanto.com
www.marineclassifiedads.com
www.metromixture.com
www.mrfreeads.com
www.my100ads.com
www.myfreeclassifiedadsonline.com
www.mysellbuy.com
www.nevadaslist.com
www.newbrunswickclassified.com
www.ontario-classifieds.com
www.petclassifieds.us
www.phinditt.com
www.postingking.com
www.rent-index.com
www.salespider.com
www.saskatchewanclassified.com
www.sortedads.com
www.texasusedauto.com
www.the-classified-connection.com
www.theexclaim.com
www.theworldforsale.com
www.trueworldads.com
www.usfreeadverts.com
www.wantedwants.com
www.webclassifieds.us
www.weebers.com
www.whynotad.com
www.wickclassified.com
www.youadlist.com
www.zeoh.com
www.zoozads.com