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

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

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

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

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

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

الكود

<style type="text/css">
#search{}#search input[type="text"]{background:url(https://lh4.googleusercontent.com/-PpPPvko93T0/UmoJLyneOqI/AAAAAAAABU4/JheDqGvB7u8/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://lh4.googleusercontent.com/-v3EzThyuVAA/UkuuxHnkv0I/AAAAAAAABDI/gjGVFAmWtJY/h120/twitter.png' width='32'/></a>
    <a class='addthis_button_delicious'><img alt='Delicious' height='32' src='https://lh4.googleusercontent.com/-jy3xQSTL0_E/UkuvCsWqC_I/AAAAAAAABDQ/bgx5us-4lKE/h120/delicious.png' width='32'/></a>
    <a class='addthis_button_facebook'><img alt='Facebook' height='32' src='https://lh3.googleusercontent.com/-oFjIhpLM8yM/UkuvK_Ko8RI/AAAAAAAABDc/x1uPzupfSd4/h120/facebook.png' width='32'/></a>
    <a class='addthis_button_digg'><img alt='Digg' height='32' src='https://lh5.googleusercontent.com/-_a7xgjFKjA0/UkuvTkBbyoI/AAAAAAAABDg/pWJkt31CMoA/h120/digg.png' width='32'/></a>
    <a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='https://lh6.googleusercontent.com/-kUKWnvYUUC4/UkuvcwUzW8I/AAAAAAAABDs/DTKUr1tavas/h120/stumbleupon.png' width='32'/></a>
    <a class='addthis_button_favorites'><img alt='Favorites' height='32' src='https://lh5.googleusercontent.com/-jSvPIg_QTYM/UkuvlU0w0OI/AAAAAAAABDw/SKhdzhZpaX0/h120/favorites.png' width='32'/></a>
    <a class='addthis_button_more'><img alt='More' height='32' src='https://lh6.googleusercontent.com/--X57GdyyXfQ/UkuvsUh1EPI/AAAAAAAABD4/TUv-Gc0b5nc/h120/more.png' width='32'/></a>
</div>
    <script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
</div>
</center>

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