اضافة رائعة لمدونات بلوجر

<style type='text/css'>
#postauthor {
background: #eef7f8;
border: 1px solid #c6d9ed;
padding: 10px;
margin: 15px 0;
width: 100%;
height: 120px;
font-family: Georgia, "Times New Roman", Times, serif;
border: 5px solid #1b9bff;
}
#author-info{float:left; width:700px; padding:0 15px 0 0; border-right:2px solid #ccc;margin-top: 0px; }
#author-info img {background:#fff; border: 1px solid #ddd; float: left; margin-right:10px;padding: 5px; box-shadow: 0 0 3px #CCC; padding:3px;
margin: -6px 6px 6px -6px;
}
#author-info h6 { color: #666; font-size: 18px; font-family:Georgia, "Times New Roman", Times, serif; font:Georgia, "Times New Roman", Times, serif }
#author-info h5 {color: #666;
text-transform: none;
font-size: 15px;
letter-spacing: 2px;
font-family: Georgia;}
#author-info p { color: #515151;
font-size: 15px;
line-height: 20px;
font-family: Georgia; }

.social-connect-widget{width:400px;}
.social-connect-widget a{text-decoration:none;font-weight:bold;font-family:Arial,Helvetica,Sans-serif;color:#4B4D4E}
.social-connect-widget a:hover{text-decoration:underline;color:#F77C04}
.social-connect-widget img{vertical-align:middle;margin-right:5px}

.social-connect-widget img:hover{
opacity:0.4;
filter:alpha(opacity=40);
}

#news-letter{margin-left:-35px;clear:both;padding-top:5px;width:300px;margin-top:-5px;}
.msg-box {
float: left;
width: 50px;
height: 54px;
padding-top: 15px;
margin: 7px 1px 1px 80px;
background: url(http://cdn1.iconfinder.com/data/icons/UII_Icons/48x48/email.png) no-repeat;
}
* { margin:0; padding:0;}#author-connect{width:21%; float:right; margin-right:8%; }
#author-connect {
width: 10%;
float: right;
margin: -16px -7px 0px 5px;}
</style>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.author == &quot;Author Name&quot;'>
<div id="postauthor" style="margin: 2px 0 5px 0px;">
<div id="author-info">
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ2DDf381plu0x1bH31VjSNZxi0eml2rtI9oFfgV7Z8N-2fZ6cMrDLkwgioYzKJ4UywkEb5hI_BEnsXmEZ1UXnYJ8d-m_eVTeeKbtJtyCfH3ekcVNwBQctt22vupHImWGvJ7NrYXFxG-8/s80-no/' height='80' width='80' /><h6 style="font:Georgia">مدونة Reve-ixi<a expr:href='data:post.authorProfileUrl' rel='author'><data:post.author/></data:post.author></a></h6>
<h5>مدونة تقنية تهتم بكل مايخص عالم الحاسوب والجوال والأنترنيت المجانية </h5>
<p>ادا اعجبتك المدونة يمكنك متابعتنا على مواقع التواصل الاجتماعي ك <strong>
<a href="http://twitter.com/reveixi" rel="nofollow" >تويتر </a> </strong>.<strong> أو بواسطة <a href="http://feeds.feedburner.com/Reve-ixi" rel="nofollow" >RSS</a>أو <a href="http://feedburner.google.com/fb/a/mailverify?uri=Reve-ixi&amp;loc=en_US" rel="nofollow" > EMAIL </a> </strong>أو ببساطة اكتب الايميل الخاص بك في الخانة جانبة</p></div>

<div id="author-connect">

<div class='social-connect-widget' style='margin-top:10px;margin-bottom:10px;margin-left:-15px;'>
<a href='http://twitter.com/reveixi'><img alt='Follow Us on Twitter!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWFQzYY1fTBb69g1UHpHSiK1EZFcfGchQDIGyTS4P4rKjd1DCQzyXHKgSLvdcmhWX9N5VFqbSQA2lE9h3HONvcq8nD5KUBRPXQ0gfu4OFvsN8WIjj5eRdT13joyUvXumha-2OGL_adNeY/s1600/twitter.png' title='Follow Us on Twitter!'/></a>
<a href='http://facebook.com/reve.ixi'><img alt='Be Our Fan!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5Gbz2lDzYX_uIY2bWSA-lQ6vGz-_rCYDmHQ0Y9cdext0KT1k1SNH5EN_f96lb4w7mQwovhPpEgbdiO_ohxhinAzhPivZPViFDXlJLaqQUoX9kGsVop_E-WLhkwO5Bz_CeAeV-PZ9XLGw/s1600/facebook.png' title='Be Our Fan'/></a>
<a href='https://plus.google.com/110191483824973571149'><img alt='Be Our Fan!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXZ3zMIsDb1Fp2DAvM7IfdpnMoyvLcqJgx9r6xvALs5Zteq8qf5yyjqsSWUA1mXBT4NjwPV8u4XrrAkvGspm7UxXmj1Rd4OOz0Nk8dtvGNikBzSsDmZvobTGg6Yx87xYdjHW8H0K9fwlQ/s1600/google.png' title='Follow Us'/></a>
<a href='http://feeds.feedburner.com/Reve-ixi'><img alt='RSS Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB9_8fjzLAU8vYH6X6yJHAZq4QSwCu6Tra0Bm-pNvEeUi5XLs8c1lVXjKMlCAHxP_uS8uqn1Cj9SEqTr8tndcenz5OpCeTlZjxkQ0lsX0av3H6A9UzPHqsr4NMhwPRUJJp3VjHU5rberc/s1600/rss.png' title='RSS Feed'/></a>
</div>
<hr style="width:135px;" />
<div id="news-letter">
<span class="msg-box"></span>
<b>اشتــرك معنــا</b>
<br />
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Reve-ixi', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="ebutton3" gtbfieldid="2" maxlength="100" name="email" onfocus="this.value = '';" size="25" style="color: #333333; font-size: 11px; height: 21px; width: 130px;" type="text" valign="middle" value="أكتب الايميل الخاص بك" />
<input name="uri" type="hidden" value="Reve-ixi" />
<input name="loc" type="hidden" value="en_US" />
<input class="ebutton2" id="submit" style="font-size: 11px;" type="submit" value="Send" />
</form>
</div>
</div></div>
</b:if></b:if>