بسم
الله الرحمان الرحيم والصلاة والسلام على رسولنا الكريم ، اخوتي الكرام
زوار
مدونة المهووس للمعلوميات السلام عليكم
ورحمة الله وبركاتة اليوم ان إن شاء الله و تلبية لطلب الاخوة الأعزاء سوف نتطرق الى إضافة مهمة خاصة بمدونات البلوجر ألا وهي ... إضافة نوافذ المفضلات الإجتماية الجانبية أربعة
في واحد.أربع إضافات في في أداة واحدة تتميز في كونها لا تأخذ حيزا
كبيرا في تنسيق المدونة
الأن نمر الى طريقة التركيب
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/AVvXsEi_iEq2rty8lIsJSZBnbit74ZWx4g22pgjLcu__BK6PFFTryK_2XffgwfzXesZoxmbHRJQn9Qa4r3JPFKoE3CgtS1T12yU8wCG12ZasFrIQxNhgJ7C-78Rx46wrsasNylc2_aJhlhxkwkQR/s1600/facebook-icon.png"
alt=""/><iframe
src="//www.facebook.com/plugins/likebox.php?
href=http%3A%2F%2Fwww.facebook.com%2Ftheprogeek&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/AVvXsEhrGF1IUx1l9qSqjX4poQxe_kRGEEDjYoYhVALaBerTAl-LYEQG09418Jt581515hNjhC7JXZ0h08O_hHdjPaubebWxRv5KYa5lRTFe4meuFnenTCgTnhGv6wUGfJJiZ1EZggL44SZ-miaE/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('habib2855').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/AVvXsEhGzuTADcyBNw-XAWnWAExqglrOn29UnreXxYrpBZShgNshHo9b0jx01uVdU1r-cMnOhFOC_6WPE3nkI5Pug1liE1tY-do-WmoCTsp3QIljJl_XhEwwCXZHELRWMbnxlOKwMJcWqnN0Ps-P/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=blogspot/bnFhq', '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/bnFhq" 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/AVvXsEiRZxsTYO7GIUUMGtYmuRb2leLmuoIJHDnjiP9nKeSRHpAzcrkoVldyjCVg_1LxpH3FoDADTvioGAnVdg3p4XYJymuvgt-TNWO59SvZr9SZ9JKsX3RFuvANTQLHbqM4-NJZjTV4B4-7F6w/s1600/rssfeed.png"/></div></div></div></div>
ملاحظة:
غير ما كتب باللون الأحمر بالجزء
الأخير من رابط صفحتك على Facebook
مثال: https://facebook.com/theprogeek
غير ما كتب باللون الأزرق بالجزء
الأخير من رابط الخلاصة FeedBurner
مثال: http://feeds.feedburner.com/blogspot/bnFhq
غير ما كتب باللون الوردي بالجزء
الأخير من رابط صفحتك على Twitter
مثال: https://twitter.com/habib2855
10.قم بحفظ الأداة.
و مبروك عليك.
لا تنسى
الضغط على لايك ان اعجبتك الإضافة و ايضا لاتنسى مشاركتها مع أصدقائك
هل إسـتفدت ؟ كن إيجابيا و شارك المحتوي ليستفيد غيرك.
شاركها !
الأن يمكنك أن تصل الى الموقع بسرعة وسهولة تامة وذلك بكتابة : المهووس للمعلوميات في محرك البحث جوجل. تسعدنا زيارتك.
الموضوع من طرف : الحبيب أعشاري
الحبيب مدون مغربي اطمح من هذه المدونة و التي هي عبارة عن مدونة تضم عدد كبير من المواضيع كــ شروحات المواقع برامج والخدمات بالإضافة الى مقالات تقنية, الأخيرة و التي من خلالها نحاول التقرب من الشاب العربي والأخير الذي يهدف الى تطوير مهاراته وزيادة معلوماته فيما يخص التكنولوجيا و الاعلاميات يمكنك متابعتي على تويتر