عدد مشاهدات الموضوع:
السلام عليكم ورحمة الله تعالى وبركاته سوف نتطرق في هذه التدوينة إلى كيفية إضافة الأزرار الجانبية للمواقع الإجتماعية : الفيسبوك ،جوجل بلس ، تويتر ،والبريد RSS ,وهي عبارة عن إضافة واحدة تحتوي على 4 إضافات في آن واحد حيث أنها تتميز في كونها لا تأخذ حيزا كبيرا في تنسيق المدونة .
والآن أترككم مع كيفية تطبيق هذه الإضافة على مدونكم .
قم بالبحث عن الكود التالي :
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ثم إضافة أداة ثم اختر HTML/Javascript
ولآن الصق الكود التالي :
إستبدل ما لون باللون البرتقالي بحسابك علي الفيسبوك
إستبدل ما لون باللون الأزرق بحسابك على التويتر ولا تنسي تغيير هذه الأرقام 294793992640536576 هذه الأرقام هى الرقم التعريفي لحسابك ويمكنك الحصول عليه عن طريق إنشاء أداة على تويتر من هنا وباتباع الشرح بالفيديو التالى
إستبدل ما لون باللون الاحمر بحسابك علي الفيدبيرنر
وإذا أردت عمل الإضافة في جهة اليسار لا تضيف الأكواد السابقة فما عليك سوى الضغط على الزر الأزق أسفله ثم إختر إسم مدونتك وسوف يتم تطبيق الإضافة مباشرة بعد ضغطك على إضافة عنصر واجهة المستخدم,لا تنسى تغيير حساباتك على الفيسبوك ،التويتر،والفيدبرنر كما تم شرحه سابقا
والآن أترككم مع كيفية تطبيق هذه الإضافة على مدونكم .
قم بالبحث عن الكود التالي :
ثم قم بلصق هذا الكود قبله :]]></b:skin>
/* www.abu-iyad.com
----------------------------------------------- */
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}
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ثم إضافة أداة ثم اختر HTML/Javascript
ولآن الصق الكود التالي :
<style>
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-right: -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;
}/* right side style */#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;
}/* left side style */#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;
/*border-radius*/
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
/*box-shadow*/
-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;
/*border-radius*/
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 0px;}
.submitbutton {
background: #F2F2F2;
border: 1px solid #F66303;
/*box-shadow*/
-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;
/*border-radius*/
-webkit-border-radius: 5px;
border-radius: 5px;
cursor: pointer;}
</style><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="http://2.bp.blogspot.com/-AwJK988Hw9U/T_CUbBXoLmI/AAAAAAAABuM/XIwgqyH0zLw/s1600/facebook-icon.png" alt=""/>
<iframe src="//www.facebook.com/plugins/likebox.php?
href=http%3A%2F%2Fwww.facebook.com%2Fabuiyad007&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="http://2.bp.blogspot.com/-ggLNgeprfJo/T_CUf8BMk8I/AAAAAAAABuk/f38udn9GKo4/s1600/twitter-icon.png"/>
<a class="twitter-timeline" href="https://twitter.com/abuiyadBlog" data-widget-id="294793992640536576">Tweets by @abuiyadBlog</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</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="http://1.bp.blogspot.com/-zwfLV74trKg/T_CUcBJIkVI/AAAAAAAABuU/LVVwVCRESpI/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=feedburner/simo', '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="feedburner/simo" name="uri" type="hidden"/><input value="أرسل" class="submitbutton" type="submit"/>
</form>
</center><img id="feedburner_right_img" src="http://1.bp.blogspot.com/-zKZoEMAlSBU/T_1C8cxmMoI/AAAAAAAADXA/p9CIkL4w19E/s1600/rssfeed.png"/>
</div>
</div>
</div>
</div>
إستبدل ما لون باللون البرتقالي بحسابك علي الفيسبوك
إستبدل ما لون باللون الأزرق بحسابك على التويتر ولا تنسي تغيير هذه الأرقام 294793992640536576 هذه الأرقام هى الرقم التعريفي لحسابك ويمكنك الحصول عليه عن طريق إنشاء أداة على تويتر من هنا وباتباع الشرح بالفيديو التالى
إستبدل ما لون باللون الاحمر بحسابك علي الفيدبيرنر
وأخيرا قم بحفظ الإضافة ،أتمنى أن تعجبكم بالتوفيق للجميع
تحدبثهنا شرح جديد يغطى مشكلاتكم ويضيف اليوتيوبإضافة نوافذ المواقع الإجتماعية عائمة على جانب مدونات بلوجر - تحديث
جميل جدا و يالنوفيق دائماً
ردحذفسؤال من فضلك : ينفع أجعل عدد تعليقات الفيسبوك و بلوجر واحد بمعنى يكون عدد التعليقات مجموع الاثنين
ردحذفجزاك الله خيرا ، كم هو درس مفيد و جميل
ردحذفتم التطبيق على مدونة عشر دقائق
http://10minstv.blogspot.com
جزاك الله خيراً
استاذنا القدير جزاك الله خير لكل ماتقوم به
ردحذفوسبق وان اقترحت لك اقتراح بخصوص كود عد المشاهدات او دوك عدد الزيارات الخاصة بكل موضوع
وشكرا لهذه الاداءه الرائعة
سوالي هنا هو كيف استطيع ان اجعلها على يسار الموقع وليست كما هي موضحه هنا , اريدها على الجانب الاخر
الرجاء تحديد الكلمات التي يتم تغييرها لكي اجعلها على يسار الصفحة وليست على اليمين . حاولت بشتى الطرق وللاسف .
وشكرا لكل ماتبذله في مساعدتنا
اخوك / سعد
انتظر تعليقك الكريم
@سعد العامري
ردحذفمرحبا بك أخي أتمنى أن يفيدك هذا الشرح من مدونة الطالب من هنا
حمدالله على سلامتك يا ابو ايااااااااااااااااااااااااد التدوين كان على وشك البوظان بجد والله انا فرحت برجوعك وتدوينك تانى ويا رب متغبش علينا تانى لان بصراحه الكل عامل نفسه بيفهم ومحدش بيفهم غيرك والله يا ابو اياد
ردحذف@Alfrsan-Tv
ردحذفالله يسلم يا أخي الكريم سعدت بطلتك وأتمنى أن أكون دائما في حسن ظن جميع متابعي المدونة
شكراا لك ابو اياد علي الإضافه
ردحذفوأهلا بعودتك مرة أخري
:)
ردحذفغفرالله لك ولوالديك على ماتقدم
ردحذفسؤال يابوأياد كيف الغي الأضافه السابقه لأنه موجوده عندي اضافة الفيسبوك وقوقل بلس
جزاك الله خيرا
ردحذفولو ان الشرح صعباً بعض الشي وطويل ولكن سأحاول جاهدا التطبيق عليه
وكنت اتمنى ان ترد على سؤالي الاخر وهو كيفية تحريك كود نوافذ المفضلات الى يسار الصفحة كما ذكرت لك سابقا
سوالي هنا هو كيف استطيع ان اجعلها على يسار الموقع وليست كما هي موضحه هنا , اريدها على الجانب الاخر
الرجاء تحديد الكلمات التي يتم تغييرها لكي اجعلها على يسار الصفحة وليست على اليمين . حاولت بشتى الطرق وللاسف .
وشكرا لكل ماتبذله في مساعدتنا
اخوك / سعد
انتظر تعليقك الكريم وجزاك الله الف خير
شرا جزيلا هدا ما كنت ابحث عنه
ردحذفلكن انا لا عرف اسم الفيدبيرنر
ردحذفكيف اعرفه
papa.paon.yahoo.com@gmail.com
هنا شرح جديد يغطى مشكلتك
حذفإضافة نوافذ المواقع الإجتماعية عائمة على جانب مدونات بلوجر - تحديث http://www.abu-iyad.com/2014/01/slide-out-social-follower-box-widget-to-blogger.html
@le nouveau voleur
ردحذفجب أن تقوم بإنشاء حساب على الفيدبرنر للحصول على الرابط الخاص بمدونتك ،ويمكنك معرفة كيفية إنشاء الحساب من هنا
@سعد العامري
ردحذفبالنسبة للتغييرات لتحريك النوافد فهي كثيرة لكتابتها ،لهذا إرتأيت أن أضيف في آخر الموضوع طريقة تركيب الإضافة في جهة اليسار كما طلبت وذلك بالضغط علي الزر الأزرق في آخر الموضوع مع إستبدال حساباتك على الفيسبوك ،التويتر،والفيدبرنر كما تم شرحه سابقا وأعتذر لعدم تلبية طلبك سريعا بالتوفيق
يا ابو اياد انا عندى مشكله فى القالب بتاعى لا هما مشكلتين اول مشكله انى عاوز اغير الخلفيه البيضاء فى هاذا القالب http://alfrsan-tv.blogspot.com الخلفيه
ردحذفلكى اضع مكانها صوره لشهر رمضان بس بالله عليك قولى اغيرها ازاى لان رمضان قرب وانا نفسى احط صوره رمضانيه :))
ثانى مشكلخ ساقولها لك بعد حل هذى المشكله ان شاء الله
ردحذفانا عشمى فى ربنا ثم فيك
@Alfrsan-Tv
ردحذفلإضافة خلفية للمدونة ما عليك سوى البحث عن هدا الوسم
body {
ثم ضع تحته هذا الكود مع إدخال رابط صورة الخلفية التي تريد
background: url("ضع هنا رابط الخلفية");
يا رب يا ابو اياد يخليك ليا وللشعب كله بجد انتا احسن ابو اياد فى الدنيا كلها ربنا يخليك يا رب وما يحرمك من اى شئ كان نفسى يكنلى اخ زيك
ردحذفابو اياد انا عاوز بعد ازن حضرتك اتحكم فى عرض وطول الخلفيه الى من ورا الى انتا اديتنى الكود بتاعها
ردحذفالمشكله التانيه بص حضرتك الصوره دى
http://www13.0zz0.com/2012/07/13/23/385275934.jpg
انا عاوز بقى اظبط القالب على الخلفيه
لو الشرح صعب قولى اديك القالب تعدل عليه انتا
ومعلش استحملنى انا والله مش لاقى حد يساعدنى غيرك ربنا يخليك ليا يا رب
@Alfrsan-Tv
ردحذفبالنسبة لقياسات الخلفية ، يجب عليك إختيار خلفيات بقياسات أنت تريدها ببحثك في موقع جوجل للصور مع تحديد القياس الكبيير مثلا وهده الخلفية لمثال للخلفية التي كنت تضعها لكنها بحجم أكبر
http://www.mazikao.a7babk.com/vb/imgcache/87156.png
أما بالنسبة لتنسيق الهيدر إبحث عن الوسم
#head {
ثم ضع تحته
margin: 0px 291px 0 20px;
ثم إبحث عن رابط الهيدر
من هنا
سوف تجد في الكود القياس
width='990'
قم بإستبدال القيمة 990 بالقيمة 1000 ثم إحفظ القالب ،ولا تنسى عمل نسخة للمدونة قبل كل تعديل
بالتوفيق
اضافة حلوه بس ما طلعت حلوه في مدونتي ., مدري فين الخطاء ..,
ردحذفيّ ليت تشوفهـآ ,
هذا رابط مدونتي
http://elham-ahmad.blogspot.com/
جزاك الله خيرا اخي ابو اياد
ردحذفولكني لم اجد عن ما تتحدث عنه , فاين اجد الزر الازرق هذا لم يوجد غير زر كود البلوجر الازرق , ولا يوجد غيره ,
حبذا لو تكتبه في الرد على هذا التعليق . لتميز لون الزر الازرق الذي تتكلم عنه .
فقط للمعلومية انني اريد وضع الكود ليسار الصفحة لانه لا يوجد لي مساحة في الجانب الايمن هذا فقط للتنويه لماذا اريده في الجانب الايسر وشكرا .
وجزاك الله عني وعن المسلمين خير الجزاء
@سعد العامري
ردحذفالزر الأزرق الأذي أقصده هو ذلك الزر الذي وجدته في آخر الموضوع والمكتوب عليه Add to blogger
إضغط عليه ثم إختر إسم مدونتك من القائمة المنسدلة وسوف يتم تطبيق الإضافة مباشرة بعد ضغطك على إضافة عنصر واجهة المستخدم،لا تنسى تغيير حساباتك على الفيسبوك ،التويتر،والفيدبرنر كما تم شرحه سابقا
ابو اياد انا عاوز اكلمك على الاميل فى مشاكل كتير معايه ومحدش غيرك هيعرف يحلها ارجوك متبخلش عليا اميلى لتانى مره hoda_alngm70@yahoo.com
ردحذف@Alfrsan-Tv
ردحذفهذا إميلي أخي
mohamed@abu-iyad.com
طب دا ياهو ولا ايه بالظبط ؟
ردحذف@Alfrsan-Tv
ردحذفهذا حاسابي الخاص على جوجل APPS تحصل عليه عند شرائك لنطاق للمدونة
يلهوووووى انا عاوز اكلمك دلوقتى اكلمك ازاى ؟
ردحذفجزاك الله خيرا , على تفضلك بالشرح وشكرا لك
ردحذفالســلام عليكم
ردحذفهل يمكننى حذف التبويب الخاص بتويتر , انا اريد Facebook ,rss ,GPlus فقط
كلمة شكراً .. قليلة بحقك
ردحذفشكرا الك يا ابو اياد يا غالي
ردحذفبس ظهرت عندي مشكلة عدم فتح النافذه عند وضع الماوس عليها ارجو الحل
رابط مدونتي للمعانية http://fkne-menk.blogspot.com/
جزاك الله كل خير أبو اياد ،، وكل عام وانت بخير والامه الاسلامية بخير بمناسبة شهر رمضان الكريم
ردحذفتمت الإضافة علي مدونة ويلكم ماما بنجاح ...
فى عندى مشكلة فى الأضافة الأضافة لآ تظهر فى الجنب ولكن تظهر مكان وضع الأداه وادى رابط المدونة http://el7lonline.blogspot.com/
ردحذفالسلام عليكم
ردحذفاخي بدال اللون البرتقالي الي هو حساب فيس بوك
هل هو اضافة الايميل مثلا الي مسجل فيس بوك بيه ..مثلا g@yahoo.com
او رابط الصفحة الخاص بحسابي
مع جزيل الشكر والتقدير
@aous love
ردحذفيجب أن تضع رابط الصفحة كما هو مبين في هذا الرابط
http://www.facebook.com/abuiyad007
اردت عمل الإضافة في جهة اليسار وقمت بالضغط على الزر الازرق واخترت المدونة
ردحذفالمراد احدات التغيير فيها . لكن المشكلة ان الاضافة لم يعد بامكاني التحكم فيها
كما ان خدمة التخطيط في المدونة اختفت
السلام عليكم ورحمة الله
ردحذفوضعت اسم حسابي بتويتر في زر المدونة الجانبي لكنه لا يعمل
مدونة كتب arabic-pdf.blogspot.com
هنا شرح جديد يغطى مشكلتك
حذفإضافة نوافذ المواقع الإجتماعية عائمة على جانب مدونات بلوجر - تحديث http://www.abu-iyad.com/2014/01/slide-out-social-follower-box-widget-to-blogger.html
ظهرت عندي مشكلة عدم فتح النافذه عند وضع الماوس عليها ارجو الحل
ردحذفhttp://sport-akhbar.blogspot.com/
بارك الله فيك كنت ابحث عن هذه الاضافة لكن للاسف ظهر عندي خطأ في ايقونة الفيس بوك
ردحذفالرجاء المساعدة بارك الله فيك
رابط للمعاينة
http://alelaj.blogspot.com/
يعطيك الف عافيه أخوي
ردحذفانا طبقت شرحك كامل لكن وقفت عن الفيس بوك تفتح صفحة الفيس بوك لكن توجد هذه العبارة باللون الاحمر Could not retrieve the specified page. Please verify correct href was passed in.
ولا ادري وش المشكله ليتك تساعدني أخوي ..
السلام عليكم ورحمة الله وبركاته
ردحذفأخي محمد أنا معاذ من مدينة فاس بالمغرب، أود بداية أن أشكرك جزيلا على مجهوداتك الطيبة لمساعدة المدونين على تطوير مدوناتهم، وأسأل الله أن يجزيك خيرا ويبارك فيك، وقد استفدت كثيرا من مواضيعك الرائعة؛ لكن عندي مشكلة مع هذه الإضافة في الموضوع أعلاه، حيث أنها لا تظهر عندي في متصفح فايرفوكس، مع أنها تعمل بدون مشاكل في باقي المتصفحات، فأرجو أن تدلني على الحل إن تمكنت من معرفة سبب المشكل.
وأيضا عندي مشكلة أخرى مع المكون الإضافي لفيس بوك المتعلق بالتعليقات، حيث أن أي تعليق على أي موضوع بالمدونة يظهر أسفل كل المواضيع.
وهذا رابط مدونتي لتعاين بنفسك المشكلتين:
http://bassaer.blogspot.com
أرجو أن تحضى رسالتي باهتمامك، كما أرجو ألا أكون قد أثقلت عليك؛ وجزاك الله خيراً
والسلام عليكم ورحمة الله وبركاته
السلام عليكم اخى ابو اياد بالنسبة لصفحة الفيس بوك وضعت الرابط الخاص بها ولم تتفعل أرجو شرح الجزء الخاص بها وشكراً على الاضافة الجميلة مع تمنياتى بالتميز دائما
ردحذفالسلام عليكم و رحمة الله و بركاته
ردحذفشكرا على الاضافة الا ان فيها مشكلة و هي عندما طبقتها كان ند و ضع السهم على
" facebook "
يظهر لي هذا :
Could not retrieve the
specified page. Please verify
correct href was passed in.
مع اني جربت و ضع في الكود مكان البرتقالي :
1-
pages/%D9%85%D8%AF%D9%88
%D9%86%D8%A9-%D8%A8%D8%B1%D9%85%D8%AC%D9%86%D9%8A-%D8%A8%D9%84%D9%88%D9%82/345746422178546?ref=hl
2-
pages/مدونة-برمجني-بلوق/345746422178546?ref=hl
:(
ردحذفالسلام عليكم
ردحذفارجو المساعدة/اردت وضع الاضافه في اليسار وقمت بالضغط على الزر الازرق add to blog ووضعت رابط مدونتي وبعدها جائتني رسالة خطاء وذهبت لتفقد المدونة فوجدت الازرار موجودة على اليسار وعليها روابط مدونة ابو اياد،كيف اقوم بازالة هذة الازرار
ارجو من الاخوة الكرام مساعدتي باسرع ما يمكن.
آآآآسف بشدة على الاالة
@Mogtaba Almotaz
ردحذفأخي الفاضل توجه إلى تخطيط المدونة سوف تجد في الجانب الأيمن الأداة بإسم /Html Javascript إضغط على تحرير ثم قم بعمل التعديلات الضرورية كما تم شرحه في التدوينة
@أبو إيادمشكور يا ابو إياد يعطيك الف عافية،تم حل المشكلة يا معلم
ردحذفx:
ردحذفالف مليووووووووووووووووووووووووووون شكر استاذ محمد ابوزياد اضافه رائعه وجميله جدا وكنت بدور عليها من زماان فتقبل احترامى وشكرى الجزيل وجعله الله بميزان حسانتك
ردحذفوبمناسبة اننا داخلين على العيد احب اقوللك عيد مبارك عليك وعلى كل عزيز لديك شكرا شكرا
للاسف شرح ناقص حاولت مرات ومرات ولم يتم لانك حاط نصف الشرح وضعت عنواين حساباتي حسب ما ذكرت وللاسف الشديد نفس كل مرة نصف الشرح لا ادري من اين اتيت به ونسيت الباقي
ردحذفشكرا على الموضوع الجميل
ردحذفشكرا ابو اياد ع الشرح
ردحذفهي جميله
الاضافه لكن تويتر
لا يظهر عندي كما يظهر لديك
؟؟
http://barcelona4y.blogspot.com/
جرب هذا الشرح يغطى نقطة مشكلة تويتر
حذفإضافة نوافذ المواقع الإجتماعية عائمة على جانب مدونات بلوجر - تحديث http://www.abu-iyad.com/2014/01/slide-out-social-follower-box-widget-to-blogger.html
السلام عليكم أخي أبو اياد
ردحذفلكم كل الشكر الجزيل على ما تقدموه لنا من دروس ذات فائدة وجزاكم الله بها كل خير
لدي سؤال
أنا عملت كل لي فوق
كل شيئ يعمل تمام على الفايرفوكس وعلى IE8
ولكن لا تعمل في chrome
أي أفكار من فضلك ؟
وشكرا مسبقا
اشتغلت فى مدونه ومش راضيه ابدا تشتغل فى التانيه
ردحذفاخوي ابو اياد
ردحذفجزاك الله خير كل شي شغال تمام ولكن اضافة الفيس بوك
بعد ما اعدل الحساب واضيف حسابي يظهر اشارة خطأ
ولما اضيف حسابك تشتغل الاضافه تمام وكأنه لايوجد خطأ
مادري منين المشكله ارجو افادتي وشككراً
أزال المؤلف هذا التعليق.
ردحذفانا عملتها واشتغلت تمام بس
ردحذفالمشكلة انها مش بتظهر غير فى الصفحة الرئيسية بس
http://sportline95.blogspot.com/
وشكراً
اخى ابو اياد باللون البرتقالى الى هوة الفيس بوك اعمل رابط
ردحذفصفحتى على الفيس بوك ولا رابط الرجيست بتاعى
وشكراا ارجو الرد شكراا
تسلم أخي أبو إياد و الله روعة
ردحذفبس عندي مشكلة حيت يظهر الخط ف تويتر أسود جداً وغليض شيئاً ما أرجو المساعدة
تقبل مروري
و ده بلوجر الخاص بي لمعاينة المشكلة
ردحذفhttp://thespaxpro-tutorial.blogspot.com/
سيدي ابو اياد لو تفضلت لدي مشكلة في وضع الاعلانات على مدونتي
ردحذفاريد وضع اعلانات جوجل ادسنس في اقصى يمين واقصى يسار المدونة
وفي التخطيط لا توجد ايقونات لفعل دلك ارجو افادتنا وبارك الله فيك
مدونتي informatique--top.blogspot.com
الايميل abdoutd@gmail.com
وبارك الله فيك
شكرا للاضافة الجميلة, لكن زر تويتر لا يعمل !!
ردحذفحتى بالموقع لديكـ تظهر خلفية زرقاء فقط, أي لا للزوار عمل follow للمدونة..,
@أبو إياد
ردحذفسلام عليكم
نافذه تويتر لا تعملي
ما هو الحل اخي
السلام عليكم
ردحذفكله تمام تم اضافتها ولكنها لا تعمل .. لماذا ؟
استاذ ابو اياد انا محتاج الاضافه دى جدا وركبتها ع مدونتى ولكن الاسلايدر بيتوقف ولما بنقل مكانها فى حته تانى حاجه تانى تتوقف بنقل مكانها على التخطيط يعنى بس عمتا لما بنقلها فى وسط التخطيط الاسلايدر بس اللى بيتوقف والمدونه كلها تمام هل فى حل
ردحذفشكرا لك اخى ابو اياد والله يبارك لك .. موضوع وشرح مميزين
ردحذفوظائف شاغرة فى الاردن 2013
اخي ابو اياد وفقك الله فيما تعمل من صالح وخير لناس،لقد قمت باضافة هاته الاداة وقد اعجبتني كثيرا لكن صادفت مشكل : التويتر يظهر باللون الازرق دون اظهار محتواه,
ردحذفارجوا منك اخي العزيز ان تدلني على حل لهذا المشكل
هنا شرح جديد يغطى مشكلتك
حذفإضافة نوافذ المواقع الإجتماعية عائمة على جانب مدونات بلوجر - تحديث http://www.abu-iyad.com/2014/01/slide-out-social-follower-box-widget-to-blogger.html
ردا على جميع المشاكل التى تواجهكم رجاء هذا تحديث للاضافة
ردحذفهنا شرح جديد يغطى مشكلتك
إضافة نوافذ المواقع الإجتماعية عائمة على جانب مدونات بلوجر - تحديث http://www.abu-iyad.com/2014/01/slide-out-social-follower-box-widget-to-blogger.html
االسلام عليكم انا قمن باضافة الاكواد و ظهرة في المدونة إلا ان تويتر و جوجل بلاس و ار س س لا يعمل بشكل صحيح اتمنى المساعدة في الموضوع وشكرا الجزيل لكم
ردحذف@Rezan Ali
ردحذفبالفعل الكود أصبح يظهر خطأ مع العديد من المستخدمين سنقوم بتحديث الموضوع غدا إن شاء الله بشرح مصور.. تابعنا عزيزى ريزان
@Rezan Ali
ردحذفبالفعل الكود أصبح يظهر خطأ مع العديد من المستخدمين سنقوم بتحديث الموضوع غدا إن شاء الله بشرح مصور.. تابعنا عزيزى ريزان
@Rezan Ali
ردحذفلا تنسي هناك طريقة أخرى مطورة فى هذا الموضوع تضيف اليوتيوب
@إضافة نوافذ المواقع الإجتماعية عائمة على جانب مدونات بلوجر - تحديث
شكرا لك اخي على الموضوع و الاضافة
ردحذفمن فضلك أخي هل ممكن تقديم كود لاضافة الاداة في اليسار
شكرا