كيفية اضافة ازرار وسائل الاعلام الاجتماعية مع شريط البحث لمدونات بلوجر

طريقة تركيب الإضافة

1- إدخل إلى مدونتك / واختر تخطيط

2- ثم اختر إضافة أداة HTML/JavaScript

3- ضع الكود التالي في صندوق الأداة  

4- احفظ الإضافة 

الكود

<style type="text/css">
#search{}#search input[type="text"]{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-YZ-d8iVGqY17m_7A44xi9UCdlXQlHTqpqbzj4Ywz4vGmbhiIfSksYY80RfAAmjbJwyom4n3W-prU57OUFJAfvd_JsgC-FrJ1MgZx4TVzqwvKVfUkibyiQ1aEcFuB7bvMuNCvzlVstoM/h120/pctoolstips.blogspot.in.png) no-repeat 5px 5px #444; border:0 none; font:bold 12px Arial,Helvetica,Sans-serif; color:#d7d7d7; width:150px; padding:6px 15px 6px 35px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; text-shadow:0 2px 2px rgba(0,0,0,0.3); -webkit-box-shadow:0 1px 0 rgba(255,255,255,0.1),0 1px 3px rgba(0,0,0,0.2) inset; -moz-box-shadow:0 1px 0 rgba(255,255,255,0.1),0 1px 3px rgba(0,0,0,0.2) inset; box-shadow:0 1px 0 rgba(255,255,255,0.1),0 1px 3px rgba(0,0,0,0.2) inset; -webkit-transition:all 0.7s ease 0s; -moz-transition:all 0.7s ease 0s; -o-transition:all 0.7s ease 0s; transition:all 0.7s ease 0s}#search input[type="text"]:focus{ background:#fcfcfc; color:#6a6f75; width:200px; -webkit-box-shadow:0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(0,0,0,0.9) inset; -moz-box-shadow:0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(0,0,0,0.9) inset; box-shadow:0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(0,0,0,0.9) inset; text-shadow:0 2px 3px rgba(0,0,0,0.1)}
</style>
<center><div id="search" title="Type And Hit Enter"><form method="get" action="/search" id="search">
<input name="q" type="text" size="50" placeholder="Search Here..." />
</form>
<br/>
<div class='addthis_toolbox'>
<div class='custom_images'>
    <a class='addthis_button_twitter'><img alt='Twitter' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMQQ2ek7ajM1eQJ8QoTj1ksDabT68_6b0FzeZAiyHksyL2cZy_C1OwG1ZZAcDcUeUhLKHxHeITrrV-F9X6hjytRioEize9V1L1WGPSJiJzAqtrtQ9GB0fE3I_8neITBdAFbtoI3j8ElxQ/h120/twitter.png' width='32'/></a>
    <a class='addthis_button_delicious'><img alt='Delicious' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg99XgY_adBe_hVyheRmWe0pE_K2GotgbirUM0zgbmssBNvyg9DToJ9g5NwXeQATaV0Ty58qebd9-JWzjNG-tLrDd-d5iDWsX6FicyzJkUd4el3zn23h0dP6IssI2aBvmtlvgP_DWPA-k4/h120/delicious.png' width='32'/></a>
    <a class='addthis_button_facebook'><img alt='Facebook' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiennC92e18SCX846GDRoJREr8QiGQabsRgOA47g-Lsil2pd57hmWwPWa3l-aVcs225rppGtxS11eFPzV2_qs8Lgn6h1wO7X77yiDMGtgkpE9lvcx_nGcxrY5maPFWczpcBqlUUs3t9qro/h120/facebook.png' width='32'/></a>
    <a class='addthis_button_digg'><img alt='Digg' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg4SigBBm7EbG5toZikPuNqpOS1JDbVNbuZ4b3RHJi0nP0Ix3UH2DX_QK85zojFT7e3J4AVc7KW42dV6q8k1Uldl70dl-w4pNJ968vskr6jZec0u8oot8s9IhZnr2jQ9YYWyLLOc-Xw5g/h120/digg.png' width='32'/></a>
    <a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuWQXOUYBLKx05VdKoYYoyRWCzp4xxoan0-d3J4kuYyzB4mOp2F1EoAV-kFam3oJvjqdINZ2fc8xRSw9rVnXBo1KMePXo5KQWm-bp7TRrCHrh1Ge6CM8iMf1opbOPcCPS1EdxrMm6aWfU/h120/stumbleupon.png' width='32'/></a>
    <a class='addthis_button_favorites'><img alt='Favorites' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVE1eqFZUIacN7KYTtYhh70fOMA7Fy3wuc92mP504jmt2tV4NyEzcQl_jtIY0h0kSNI1Xc9TAgny8uUkcLWAtpIt0G-MiGKvITdC-8jujxkBMAtAwWTlk76X_XHXuQqFtg3NB5wKFkSLU/h120/favorites.png' width='32'/></a>
    <a class='addthis_button_more'><img alt='More' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpmXZD261a-os3MxtWW3HXVFkkjOXkzgkZsZpv4ufiET2rzbCQjnvAlhsQFwRADv8arRD7fPiCAG_bradMqNBheVWhZIBtljtePsFFBioMpUhnOVuKKJZkCX516GL8nXITvvZ-sf03Ho0/h120/more.png' width='32'/></a>
</div>
    <script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
</div>
</center>

Note:- الرجاء من الأخوة الكرام : زوار المدونة عدم النسخ دون ذكر المصدر