إضافة نوافذ الإجتماية الجانبية لمدونات بلوجر

السلام عليكم ورحمة الله تعالى وبركاته اليوم سوف نتعلم كيف نضيف النوافذ  

الإجتماعية الجانبية لمدونات بلوجر : الفيسبوك و تويتر و جوجل و التابع عبر اميلك 

.والآن أترككم مع كيفية تطبيق هذه الإضافة على مدونكم 

:قم بالبحث عن الكود التالي

]]></b:skin>

:ثم قم بلصق هذا الكود قبله 

انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ثم إضافة أداة ثم اختر HTML/Javascript
:ولآن الصق الكود التالي

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script> <script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script> <script type="text/javascript">jQuery(document).ready(function(){ jQuery("#facebook_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#facebook_right").stop(true,false).animate({right: -200}, 500); });    jQuery("#twitter_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#twitter_right").stop(true,false).animate({right: -250}, 500); });     jQuery("#google_plus_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#google_plus_right").stop(true,false).animate({right: -154}, 500); });    jQuery("#feedburner_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#feedburner_right").stop(true,false).animate({right: -303}, 500); });    });</script><div id="on"><div id="facebook_right" style="top: 18%;"><div id="facebook_div"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGEAmUOYpNDpcyZuihpJocR-zpW4hXLvxvMsgNFwZ1yj7tTWusahNT-pFb0znOflMYCuoQHmPWVYH3CTl08HfTLWM68NI2bNUQpxCLoG1y2cBRHbYAl8oCf2FgQazsTUvoCqbSp4kEYLQC/s1600/facebook-icon.png" alt=""/><iframe src="//www.facebook.com/plugins/likebox.php? href=http%3A%2F%2Fwww.facebook.com%2F---------------------&amp;width=200&amp;height=346&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:346px;" allowtransparency="true"></iframe></div></div></div><div id="on"><div id="twitter_right" style="top: 35%;"><div id="twitter_div"><img id="twitter_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4WfXiVYxQsBpjh_6_EZY2qu_HHMdnlqDD_DxpknwBxvcK0JuoFOpk3lCCWf3_oDTy8P4xGgyTxkUU1vY3FZw61v6dU0tf8s7Q7xfvK504O-jkCSvgxkNdG7A7RnMnjtKOArAPG1rTaf9N/s1600/twitter-icon.png"/> <script src="http://widgets.twimg.com/j/2/widget.js"></script> <script>new TWTR.Widget({version: 2,type: 'profile',rpp: 4,interval: 1000,width: 246,height: 265,theme: {shell: {background: '#63BEFD',color: '#FFFFFF'},tweets: {background: '#FFFFFF',color: '#000000',links: '#47a61e'}},features: { loop: false,live: true,scrollbar: false,hashtags: false,timestamp: true,avatars: true,behavior: 'all' }})

.render().setUser('---------------------').start();</script></div></div></div><div id="on"><div id="google_plus_right" style="top: 52%;"><div id="google_plus_div"><img id="google_plus_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhttF6PgVaIP_k2BY1C9nEzOSi09OepB2x39jg-Evzl-azkHlKfj8cFJrC5mlC1fuQqmHyUcnrwIxzgBpGOHf2Y-AWlMawcsq10eR2CJJ2KsgfZnHKdH0egmbbnDIUF42JJwW0BRLM7t9Cy/s1600/google-plus-icon.png"/><div style="float:left;margin:10px 10px 10px 0;"><g:plusone size="tall" expr:href="data:post.url"></g:plusone></div></div></div><div id="on"><div id="feedburner_right" style=" top: 69%;"><div id="knfeedburner_div"><center><h4 style="color:#F66303;">سجل إميلك وتوصل بمواضيعنا :</h4><form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open ('http://feedburner.google.com/fb/a/mailverify?uri=-----------------', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input gtbfieldid="10" class="enteryouremail" name="email" value="" onblur="if (this.value == &#39;&#39;) {this.value = &#39;أدخل إميلك هنا ...&#39;;}" onfocus="if (this.value == &#39;أدخل إميلك هنا ...&#39;) {this.value = &#39;&#39;;}" type="text"/><input value="------------------" name="uri" type="hidden"/><input value="أرسل" class="submitbutton" type="submit"/></form></center><img id="feedburner_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMF24Bhr8fpQDshtNZgVso730U0GMeWDvfjWPrvGWW6ipdptrLneExIbWd4FEtlM95x4CSGXx9vPo7RKCMYiGXiuXZuxsrZbnsTxe1FpXPWsIja76ShlIf-H3PO-m2yDunWRYZmk-GNBI/s1600/rssfeed.png"/></div></div></div></div>

 إستبدل ما لون باللون  البرتقالي  بحسابك علي الفيسبوك
إستبدل ما لون باللون الأزرق بحسابك على التويتر
إستبدل ما لون باللون الاحمر بحسابك علي الفيدبيرنر

وإذا أردت عمل الإضافة في جهة اليسار لا تضيف الأكواد السابقة فما عليك سوى الضغط على الزر الأزق أسفله  ثم إختر إسم مدونتك وسوف يتم تطبيق الإضافة مباشرة بعد ضغطك على إضافة عنصر واجهة المستخدم,لا تنسى تغيير حساباتك على الفيسبوك ،التويتر،والفيدبرنر كما تم شرحه سابقا 

ادا اردت فقط ايقونة الفيسبوك اضغط هنا

هدا القالب ماخود من مداونة ابو اياد وشكرا للاستفسار المرجوا ترك تعليق