اضافة ايقونة وسائل الاعلام الاجتماعية مع مربع البحث
الى مدونة بلوجر الخاصة بك .
طريقة الاضافة اذهب الى
1- لوحة التحكم الرئيسية واضغط على القائمة المنسدلة
2- اضغط على التخطيط
3- اضغط اضافة اداة
4- نختار HTML/JavaScript
ضع الكود التالي
<style>
#btrixwidget{width:307px;
padding:0 0 5px 0;
border:1px solid black;}
#btrix-searchbox {
border-radius: 5px;
background: URLundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4fkB0ZI-THPeJJsiZdBYeVDgiTgwe6hmJHJngEN8HgXtQG83ah3KAUH7v7G8d_wTVduUpX7FDBNzT-Vwr-Jd0lzmi6d28cXoKzqo62_YutYdnkMAp9vYEMVMO5FGPua6Mtj3HTTv8oBd5/s1600/blue.png) no-repeat scroll center center transparent;
width: 307px;
height: 50px;
disaply: block;
}
form#btrix-searchform {
display: block;
padding: 9px 16px;
margin: 0;
}
form#btrix-searchform #s {
padding-left: 24px !important;
padding: 7.5px;
margin: 0;
width: 198px;
font-size: 16px;
font-family: georgia;
font-style: italic;
color: #666666;
vertical-align: top;
border: none;
background: transparent;
}
form#btrix-searchform
#sbutton {
margin: 0;
padding: 0;
height: 40px;
width: 74px;
vertical-align: top;
border: none;
background: transparent;
}
</style>
<div id="btrixwidget"><center>
<a href="http://twitter.com/اسمك الخاص" target="_blank" wrc_done="true"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwRWq5ToQ4NSXcDQJS-g62QY8e-7-bR0tDnnflgdpSxBK1Ssu5EpU5pm4mN-wlXbfrQBD5C54T5qOwFMkOQTCuTPZ7rXEXcLTrSqE-A5BIwRc9xTZy0Iyk4TNWlKz0pyAc8nTdo0r4Tt8/s1600/btrix-twitter.png" alt="" title="twitter" width="62" height="78" class="alignnone size-full wp-image-6249" /></a>
<a href="http://www.facebook.com/اسمك الخاص" target="_blank" wrc_done="true"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghMPvJy_dwqOJV8FaOIFfs6cYF49QyRGlZHV2PUxf_Y2O5L4osSnYnOoSkfeIjs5UCLcALwPuWt3d8oCd7yS0CJZvV_gSmMtJzYIJu060BANV5Gj396RMteG1Ae4IWhPWeLNGCSmZpyag/s1600/btrix-facebook.png" alt="" title="facebook" width="62" height="78" class="alignnone size-full wp-image-6248" /></a>
<a href="http://feeds.feedburner.com/اسمك الخاص" target="_blank" wrc_done="true"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3AIKqd_zsriGcjcEH6sZByBW_rLhqYS3LNG9HVafuacTbS2r4CMGg2wfY8Scl5qRIxtgRst1FyFmNkUQo6-oytMgR8pP-X8aAJohEsDhazAafynJnNb4fVoI9mK3uDLzBb5kg366DYDs/s1600/btrix-rss.png" alt="" title="rss" width="62" height="78" class="alignnone size-full wp-image-6251" /></a>
<a href="http://au.linkedin.com/اسمك الخاص" target="_blank" wrc_done="true"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_IroM9KNOx-lMoM3-5sXgNOjh7Yk1hx9H-xzY2a2HcyNGfoMtFlXZ1pf6LpT0pIfnvgG9Ns11jLT-sa6yyyo7_pYEWoLssaGlBI8FoNgv68yngN1rli7bcFN8qJEq1-YpaZ2XKd27xQs/s1600/btrix-linkedin.png" alt="" title="linkedin" width="62" height="78" class="alignnone size-full wp-image-6250" /></a>
<div id="btrix-searchbox">
<form id="btrix-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value="إبحث" onfocus='if undefinedthis.value == "إبحث") {this.value = ""}'
onblur='if undefinedthis.value == "") {this.value = "إبحث";}' />
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
/>
</form>
</div>
</center>
</div>
لا تنسى استبدال ( اسمك الخاص ) بالمعرف الخاص بك
