Informations :
السلام عليكم ورحمة الله وبركاته.
تلبية لطلب
أحد الأصدقاء المتابعين للموقع ,درس اليوم هو عن طريقة إضافة نوافذ
المفضلات الإجتماية الجانبية لمدونة بلوجر أربعة في واحد.
فايسبوك,تويتر,غوغل بلس و خلاصة الموقع RSS أربع إضافات في في أداة واحدة تتميز في كونها لا تأخذ حيزا كبيرا في تنسيق المدونة .
نمر لتطبيق الاضافة:
1.توجه إلى لوحة التحكم الخاصة بمدونتك.
2.إضغط على قالب.
3. ثم تحريرhtml.
4.إضغط على متابعة.
5.إختار توسيع القالب
6.إبحث بأضغط على CTRL+F عن الكود التالي :
]]></b:skin>
7.ثم ضع قبله الكود التالي مباشرةً :
img,a{border:0}#on{visibility:visible}#off{visibility:hidden}#facebook_div{width:196px;height:340px;overflow:hidden}#twitter_div{width:246px;height:353px;overflow:hidden}#google_plus_div{width:152px;height:97px;overflow:hidden;margin-left:50px;margin-top:10px}#knfeedburner_div{width:300px;height:97px;overflow:hidden;margin-top:5px;margin-left:-4px}#kakinetwork_div{width:300px;height:97px;overflow:hidden}#facebook_right{z-index:10005;border:2px
solid#3c95d9;background-color:#fff;width:196px;height:353px;position:fixed;right:-200px}#facebook_right
img{position:absolute;top:-2px;left:-35px}#facebook_right
iframe{border:0px
solid#3c95d9;overflow:hidden;position:static;height:360px;left:-2px;top:-3px}#twitter_right{z-index:10004;border:2px
solid#6CC5FF;background-color:#6CC5FF;width:246px;height:353px;position:fixed;right:-250px}#twitter_right_img{position:absolute;top:-2px;left:-35px;border:0}#google_plus_right{z-index:10003;background-color:#F2F2F2;border:2px
solid#006ec9;border-top:2px solid#0056a0;border-bottom:2px
solid#0056a0;border-right:2px
solid#0056a0;border-left:hidden;width:152px;height:97px;position:fixed;right:-154px}#google_plus_right_img{position:absolute;top:-2px;left:-33px;border:0}#feedburner_right{z-index:10003;background-color:#fefefe;border:2px
solid#5b5b5b;border-top:2px solid#5b5b5b;border-bottom:2px
solid#5b5b5b;border-right:2px
solid#5b5b5b;border-left:hidden;width:300px;height:97px;position:fixed;right:-303px}#feedburner_right_img{position:absolute;top:-2px;left:-33px;border:0}#kakinetwork_right{z-index:10003;border:2px
solid#303030;background-color:#fff;width:300px;height:97px;position:fixed}#kakinetwork_right
img{position:absolute;top:-2px;left:-101px}#facebook_left{z-index:10005;border:2px
solid#3c95d9;background-color:#fff;width:196px;height:353px;position:fixed;left:-200px}#facebook_left
img{position:absolute;top:-2px;right:-35px}#facebook_left
iframe{border:0px
solid#3c95d9;overflow:hidden;position:static;height:360px;right:-2px;top:-3px}#twitter_left{z-index:10004;border:2px
solid#6CC5FF;background-color:#6CC5FF;width:246px;height:353px;position:fixed;left:-250px}#twitter_left_img{position:absolute;top:-2px;right:-35px;border:0}#google_plus_left{z-index:10003;background-color:#006ec9;border:2px
solid#006ec9;border-top:2px solid#0056a0;border-bottom:2px
solid#0056a0;border-left:2px
solid#0056a0;border-right:hidden;width:152px;height:97px;position:fixed;left:-154px}#google_plus_left_img{position:absolute;top:-2px;right:-33px;border:0}#feedburner_left{z-index:10003;background-color:#fefefe;border:2px
solid#5b5b5b;border-top:2px solid#5b5b5b;border-bottom:2px
solid#5b5b5b;border-left:2px
solid#5b5b5b;border-right:hidden;width:300px;height:97px;position:fixed;left:-303px}#feedburner_left_img{position:absolute;top:-2px;right:-33px;border:0}#kakinetwork_left{z-index:10003;border:2px
solid#303030;background-color:#fff;width:300px;height:97px;position:fixed}#kakinetwork_left
img{position:absolute;top:-2px;right:-101px}.box-title1{border:1px
solid#ddd;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:5px
5px 5px#CCCCCC;-moz-box-shadow:5px 5px 5px#CCCCCC;box-shadow:5px 5px
5px#CCCCCC;padding:10px;margin:10px
0}.enteryouremail{background:#fff!important;border:1px
solid#d2d2d2;padding:0px 8px 0px
8px;color:#a19999;font-size:12px;height:25px;width:165px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin:0px}.submitbutton{background:#F2F2F2;border:1px
solid#F66303;-webkit-box-shadow:3px 3px 3px#666;box-shadow:3px 3px
3px#666;font:bold 12px
Arial,sans-serif;color:#000000;height:25px;padding:0 12px 0
12px;margin:0 0 0
5px;-webkit-border-radius:5px;border-radius:5px;cursor:pointer}
8.الآن إنتقل إلى لوح تحكم مدونتك،إختر "تخطيط" ثم إضافة أداة ثم اختر HTML/Javascript
9.قم بلصق الكود التالي في صندوق الأكواد الخاص بالإضافة:
--------------------------------------------------------------------------
<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/AVvXsEh9VcFsUGog662DeIqEpxS3imJQ-fkzP-eztzIeTZLIPiytWFq_iM77rHm9HhpGEt-gwBH0KcIeXkM9CobPbEc3XdjMF0JlTOURue_0gNhLdbs_Nu82_dqygisR-s4uDeMXvsVy5Se7dos_/s1600/facebook-icon.png" alt=""/><iframe src="//www.facebook.com/plugins/likebox.php? href=https://www.facebook.com/pages/....&width=200&height=346&colorscheme=light&show_faces=true&border_color&stream=false&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/AVvXsEimXu13Qn0kYIfMHbN4juETc-W_YDuNpU_I9Zg0XTHHpfNMVPoTnzhWzaTi-sXECCjMZLlFAw34j8rv91HVrwr-zZ81LTw5nuViv_3JQtp080Gjucu2o27kCWY511nD9Pt4_sZ2R9clpzMC/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('addsat').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/AVvXsEjJkI3elQJ26UUPlzshFTq6cR29BhRy-cCwjUxYQzaLP990Qn2hAYX_OqEazgv-Bgaq_Sf4N15Jqt507e1MWJ8y2Tr-vOAsEA6QNj7gcY3C9Ps2Q80huGzXyHPcnOfdvwUV-5tRrHsMhX4B/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=here, 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input gtbfieldid="10" class="enteryouremail" name="email" value="بريدك الإلكتروني" onblur="if (this.value == '') {this.value = 'أدخل إميلك هنا ...';}" onfocus="if (this.value == 'أدخل إميلك هنا ...') {this.value = '';}" type="text"/><input value="blogspot/ZCvgi" 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/AVvXsEj6cZ8jQYBj-8N-4Z1Dc4iK9iaXRuVyK9EmQW_qsQixTKlVS_Dxpaz_U9FWNykITHYQxqqUV7RnhNr5Hsywl1t-XlZ7yc2ZU7z7xroSahXYrtCjllKFbkA1x9GDR7FNZeSASb5h534wEfY/s1600/rssfeed.png"/></div></div></div></div>
----------------------------------------------------------------------------------
ملاحظة:
غير ما كتب باللون الأحمر بالجزء الأخير من رابط صفحتك على Facebook
مثال: https://www.facebook.com/pages/..
غير ما كتب باللون الأزرق بالجزء الأخير من رابط الخلاصة FeedBurner
مثال: http://feeds.feedburner.com/here
غير ما كتب باللون الوردي بالجزء الأخير من رابط صفحتك على Twitter
مثال: https://twitter.com/here
10.قم بحفظ الأداة.
و مبروك عليك.
%20Et%20Support%20de%20t%C3%A9l%C3%A9phone%2026%20cm%20(1).jpg)
.png)
