الدرس 62: اضافة ازرار المتابعة والمشاركة على الصفحات الاجتماعية مع صندوق الاشتراك ومواضيع ذات صلة فى بلوجر

طريقة اضافة ازرار المتابعة والمشاركة على الصفحات الاجتماعية الفيسبوك و التويتر و جوجل بلس مع صندوق الاشتراك فى القائمة البريدية فى مدونة بلوجر و كيفية اضافة مواضيع ذات صلة اسفل مواضيع blogger

السلام اخوتي الكرام فى حلقة جديدة على دورة انشاء مدونة بلوجر عربية فى هذا الدرس ان شاء الله سوف نتعلم كيفية اضافة بعض الاضافات المهمة على مدونة بلوجر و هي :

1- اضافة ازرار المتابعة على الصفحات الاجتماعية للفيسبوك و التويتر و جوجل بلس مع صندوق الاشتراك فى القائمة البريدية فى القائمة الجانبية لمدونة بلوجر

2 - اضافة ازرار المشاركة على الصفحات الاجتماعية للفيسبوك و التويتر و جوجل بلس اسفل مواضيع بلوجر و هو شئ مهم حتى يتم نشر مواضيع و الحصول على زوار من تصفحات التواصل الاجتماعي

3 - اضافة مواضيع ذات صلة اسفل مواضيع بلوجر التى تظهر جميع مواضيعك السابقة لنفسم قسم المواضيع التى تضيفها و هذا مفيد جدا حتى يتمكن زوار مدونتك من زيارة مواضيعك السابقة

ازرار المتابعة والمشاركة على الصفحات الاجتماعية مع صندوق الاشتراك ومواضيع ذات صلة فى بلوجر

تابع الفيديو لشرح كيفية اضافة ازرار مشاركة ومتابعة للصفحات الاجتماعية + صندوق الاشتراك ومواضيع ذات صلة فى بلوجر

1- طريقة اضافة ازرار المشاركة على الصفحات الاجتماعية للفيسبوك و التويتر و جوجل بلس اسفل مواضيع بلوجر

الاكواد

2- طريقة اضافة مواضيع ذات صلة اسفل مواضيع بلوجر

الاكواد

1- كود CSS نضيفها فوق الوسم : /*-----code css related-posts by www.arabes1.com ------*/ #related-posts h4{color:#FFFFFF;font-size:14px;line-height:16px;font-family:DroidKufi-Bold;margin:0 0 10px 0;padding:10px;border-bottom:1px solid #DFDFDF;background:#3F51B5;border-radius:5px 5px 0 0}  2- كود SCRIPT نضيفه اسفل الوسم :   </head>   <script type='text/javascript'>    //<![CDATA[     var relatedTitles = new Array();     var relatedTitlesNum = 0;     var relatedUrls = new Array();     function related_results_labels(json) {       for (var i = 0; i < json.feed.entry.length; i++) {         var entry = json.feed.entry[i];         relatedTitles[relatedTitlesNum] = entry.title.$t;         for (var k = 0; k < entry.link.length; k++) {           if (entry.link[k].rel == 'alternate') {             relatedUrls[relatedTitlesNum] = entry.link[k].href;             relatedTitlesNum++;             break;           }         }       }     }     function removeRelatedDuplicates() {       var tmp = new Array(0);       var tmp2 = new Array(0);       for(var i = 0; i < relatedUrls.length; i++) {         if(!contains(tmp, relatedUrls[i])) {           tmp.length += 1;           tmp[tmp.length - 1] = relatedUrls[i];           tmp2.length += 1;           tmp2[tmp2.length - 1] = relatedTitles[i];         }       }       relatedTitles = tmp2;       relatedUrls = tmp;     }     function contains(a, e) {       for(var j = 0; j < a.length; j++) if (a[j]==e) return true;       return false;     }     function printRelatedLabels() {       var r = Math.floor((relatedTitles.length - 1) * Math.random());       var i = 0;       document.write('<ul>');       while (i < relatedTitles.length && i < 20) {         document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');         if (r < relatedTitles.length - 1) {           r++;         } else {           r = 0;         }         i++;       }       document.write('</ul>');     }     //]]>  </script> 3- كود HTML نضيفه اسفل وسم : <data:post.body/>  تابع الفيديو حتى تعرف ايهما الكود المحدد  <div id='related-posts'><h4>مواضيع ذات صلة قد تهمك : <div style='display:none;'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>, </b:if><b:if cond='data:blog.pageType == "item"'><script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=15"' type='text/javascript'/></b:if></b:loop></div></h4><script type='text/javascript'>removeRelatedDuplicates();printRelatedLabels();</script></div>

3 - طريقة اضافة ازرار المتابعة على الصفحات الاجتماعية للفيسبوك و التويتر و جوجل بلس مع صندوق الاشتراك فى القائمة البريدية

- نذهب الى التخطيط و نقوم بانشاء اضافة HTML/JAVASCRIPT ثم نضيف الكود التالي :

لاتنسى تغيير :

infoarabe بمعرف صفحتك على الفيسبوك

didorahim يمعرف صفحتك على التويتر

rahimmerciful بمعرف الخاص بك على موقع feedburner

- ارجوا ان اكون قد افدتكم و الى حلقة اخرى ان شاء الله

By glok

Similiar tagsبلوجر