مرحبا بالجميع ,

اليوم معنا شرح خفيف , و مهم لأصحاب المدونات و الصفحات .

اضافة الاشتراك عبر المواقع الاجتماعية  من أهم الإضافات و أكثرها جاذبية لعين الزائر بفضل ألوانها المشعة و تناسقها مع أي نوع من القوالب .

شرح تركيب الإضافة :

1-توجه نحو لوحة التحكم في بلوجر  .

2-توجه نحو تخطيط 

3-انشئ إضافة جديدة

4-أنسخ الكود أسفله 

<div dir="rtl" style="text-align: right;" trbidi="on"><a href="http://www.twitter.com/*****" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJv-IF0hMy0mhcoCfyUXLa_9YiN4z1DNLscEmmZDcS8SULYcpJ1L6TXDd-lhJ8D9xkNVaIjswmGvzOwiEtNXUZnbTN7pFWGolCBDPBigZNlS7JGkhZ-d52SJakil_-Gl36jHNXcRU74bk/s1600/twitter.png" /></a><span style="text-align: center;">&nbsp;</span><a href="http://www.fb.com/modawin.blogger" style="text-align: center;" rel="nofollow" target="_blank"><img alt="Facebook" original-title="تابعنى على الفيس بوك" src="http://www.shy22.com/upfilpng/xbc54601.png" style="margin: 0px 2px 0px 0px; padding: 0px;" /></a><a href="http://modawin-blogger.blogspot.com">بلوجر</a><a href="https://www.youtube.com/channel/UChh6LOq94wKRcCCg0L704GA" style="text-align: center;" rel="nofollow" target="_blank"><img alt="Youtube" original-title="تابعنى على يوتيوب" src="http://www.shy22.com/upfilpng/spi54630.png" style="margin: 0px 2px 0px 0px; padding: 0px;" /></a><span style="text-align: center;">&nbsp;</span><a href="http://modawin-blogger.blogspot.com/feeds/posts/default" rel="nofollow" target="_blank"><img alt="" original-title="الخلاصة rss" src="http://www.shy22.com/upfilpng/oee54655.png" style="margin: 0px 2px 0px 0px; padding: 0px; text-align: center;" /></a></div>

غير كل ماهو باللون الأحمر بما يخص حساباتك على مواقع التواصل الإجتماعي .

شاهد أيضا إضافات أخرى قد تعجبك : إضافات بلوجر 

إقرأ المزيد..

لا شك أن التعليقات في المدونات من أكثر الطرق فعالية لتقريب المتابع و الزائر لك و لموقعك .

تعليقات الفيسبوك , تعتبر أهم إضافة تعليقات للمدونات بإعتبار أن أغلبية الزوار سيكون لهم حتما حسابات فيسبوك و سينشرون تعليقاتهم بكل سهولة دون مواجهة أي مشكل و في ثواني .

على أساس إضافة تعليقات الفيسبوك إلى مدونتك , كل ماع ليك فعله هو التوجه نحو لوحة التحكم الخاصة بك في بلوجر ,

ثم التوجه نحو تعديل قالبك بالنقر على "قالب" ثم "تحرير html" .

إبحث عن 

<div class='comments' id='comments'>

(للبحث إضغط على CTRL+F)

سيكون مكرر مرتين , توجه نحو الأولى ثم أضف تحتها مباشرة هذا الكود :

<div class='comakauttafb-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Add Comments via Facebook'> <img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnHvU8WsGsPoxN8xSyrXhAT4hOl950i1vWpZDwjZoimd5ZwXsTWnByflB2zQEGt5NYF4dZ13FdHHKv5AbOQ6nrOjrcfgY76TEZ4linvBkjw_ZPRTbvuGz4rAy1tQTgKXOSZU-IKP3uGcc/s1600/FACEBOOK.png'/><fb:comments-count expr:href='data:post.url'/> التعليقات</div> <div class='comakauttafb-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Add Comments via Blogger'> <img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKbzW1X5gV-xuJO9UdZvSfpwJnVNGEJmkkKtThWH-LTmYkOr0G-mwvwzEizlneU_CCntQ16IOLa8dC-ymm4PFQt2lmPLNNHQqbhBp52qqfkVq8QsWWBH2MjCf8F3CJ2JDOB_BRTIxDsDc/s1600/BLOGGER.png'/> <data:post.numComments/> التعليقات</div> <div class='clear'/> </div> <div class='comakauttafb-page' id='fb-comments-page'> <b:if cond='data:blog.pageType == "item"'><div id='fb-root'/> <fb:comments color='dark' expr:href='data:post.url' num_posts='10' width='680'/></b:if></div> <div class='comments comakauttafb-page' id='blogger-comments-page'> <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><script src='http://code.jquery.com/jquery-latest.js'/><meta content='additions.blogger' property='fb:admins'/><script type='text/javascript'>function commentToggle(selectTab) {$(".comakauttafb-tab").addClass("inactive-select-tab");$(selectTab).removeClass("inactive-select-tab");$(".comakauttafb-page").hide();$(selectTab + "-page").show();}</script><style type='text/css'>.comakauttafb-page, .comakauttafb-tab {-moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; border-right:5px solid #ccc; border-top:3px solid #ccc; border-bottom:3px solid #ccc; border-right:5px solid #ccc}.comakauttafb-page {background:transparent;);margin-top:8px;}#blogger-comments-page {padding:0px 5px;display:none;}.comakauttafb-tab {text-shadow:0px 1px 1px #fff;color:#000;float:right;padding:5px;margin-right:5px;cursor:pointer;background:transparent;);-o-transition:.5sease-out;-moz-transition:.5s ease-out;-webkit-transition:.5s ease-out}.comakauttafb-tab-icon {height:16px;width:16px;margin-right:5px;}.comakauttafb-tab:hover {background:rgba(219,219,219,.8);}.inactive-select-tab {background:rgba(255,255,255,.4);}.inactive-select-tab, .comakauttafb-tab:hover {box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 5px #000;-moz-box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 5px #000;-webkit-box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 5px #000}</style>

(إن كنت تريد التعديل على عرض الإضافة لتتناسب مع عرض صفحتك , إبحث عن : width='680' و غير 680 بالعرض الذي تريده )

إضغط على "حفظ" , و شاهد الإضافة أسفل كل موضوع :)
إقرأ أيضا في : إضافات بلوجر

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

إقرأ المزيد..

أهلا بعشاق المجانيات و الهدايا , اليوم سنضرب لقاء مع قالب تقني حصري و مجاني , طبعا هذا ليس أول قالب ينزل في المدونة , يمكنك الحصول عليها :

قالب إحترافي مصمم من قبل موقع مدون بلوجر متاح للتحميل مجانا !

قالب بلوجر حصري إحترافي 2014 مع مدونة "مدون بلوجر" !

القالب يتميز بالخفة و السرعة , كما أنه منظم و مسطح و يضم إضافات مهمة و ظرورية في كل قوالب بلوجر , و يتميز بسلايد شو إحترافي و تلقائي ,

لن أطيل عليكم كثيرا , القالب جميل و متأكد أنه سينال إعجابكم ..

تصميم و تكويد : إيهاب المالكي


إن كنت مصمم مواقع , يمكنك إرسال اعمالك إلى صفحتنا على الفيسبوك و سيتم إختيار أفضل تصاميم و تكويدها :)  .

معاينة  

تحميل

على أساس التعديل على القالب :

التعديل في العنوان : إبحث عن : http://i62.tinypic.com/23hw39t.png  و غيرها بإسم موقعك .

التعديل على الأقسام : 'القسم الأول' غيره بإسمم القسم الخاص بك مغيرا ال # برابط القسم الخاص بك , 

قم بنفس العمل على بقية الأقسام الأخرى ..

على أساس ظهور التدوينات في السلايد شو , عليك أن تقوم بنشرها في label سميه all

كما في الصورة

لو واجهتك أي مشاكل , لا تتردد عن التسائل و طرح اشكالاتك عبر مراسلتنا على صفحتنا على الفيسبوك 

ملاحظة : لو كان القالب يظهر لك هذه الإضافة 

 , يمكنك حذفها عبر التوجه إلى  Mise en page  و من ثم

تم تحديث روابط التحميل بتاريخ : 6-4-2015

لا تبخل علينا بنشر التدوينة عبر الفيسبوك و تويتر كما لم نبخل عن إنشاء القالب ^^

إقرأ المزيد..

على غرار إضافة صندوق اعجابات الفيس بوك الخاص بصفحتك على الفيسبوك .. تتوفر عدة إضافات لتكبير صفحات الفيسبوك إنطلاقا من موقعك أو من مدونتك .

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

الإضافة يمكن إستعمالها في بلوجر .. أو حتى الووردبريس .

توجه نحو لوحة التحكم الخاصة بك في بلوجر , و توجه نحو تخطيط ‘لى أساس إضافة إضافة جديدة .

إختر نوع الإضافة HTML/JAVASCRIPT , ثم أضف الكود أسفله , معدلا بروابط صفحاتك و حساباتك على مواقع التواصل الإجتماعي :

إضافة أزرار صفحات المواقع الإجتماعية منزلقة رائعة 

<style type="text/css">/*<![CDATA[*/@charset "utf-8";/* CSS Document *//* ---------- ENTYPO ---------- *//* ---------- Digital Hub Inc : http://www.modawin-blogger.blogspot.com//---------- */@import url(http://weloveiconfonts.com/api/?family=entypo);[class*="entypo-"]:before { font-family: 'entypo', sans-serif;}/* ---------- GENERAL ---------- */#social-sidebar a { text-decoration: none; }#social-sidebar ul { list-style: none; margin: 0; padding: 0;}/* ---------- Social Sidebar ---------- */#social-sidebar { left: 0; margin-top: -75px; /* (li * a:width) / -2 */ position: fixed; top: 50%;}#social-sidebar ul li:first-child a { border-radius: 0 5px 0 0; }#social-sidebar ul li:last-child a { border-radius: 0 0 5px 0; }#social-sidebar ul li a { background: #121212; color: #fff; display: block; height: 50px; font-size: 18px; line-height: 50px; position: relative; text-align: center; width: 50px;}#social-sidebar ul li a:hover span { left: 130%; opacity: 1;}#social-sidebar ul li a span { border-radius: 3px; line-height: 24px; left: -100%; margin-top: -16px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; padding: 4px 8px; position: absolute; -webkit-transition: opacity .3s, left .4s; -moz-transition: opacity .3s, left .4s; -ms-transition: opacity .3s, left .4s; -o-transition: opacity .3s, left .4s; transition: opacity .3s, left .4s; top: 50%; z-index: -1;}#social-sidebar ul li a span:before { content: ""; display: block; height: 8px; left: -4px; margin-top: -4px; position: absolute; top: 50%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 8px; z-index: -2;}#social-sidebar ul li a[class*="twitter"]:hover,#social-sidebar ul li a[class*="twitter"] span,#social-sidebar ul li a[class*="twitter"] span:before { background: #6CDFEA; }#social-sidebar ul li a[class*="gplus"]:hover,#social-sidebar ul li a[class*="gplus"] span,#social-sidebar ul li a[class*="gplus"] span:before { background: #E34429; }#social-sidebar ul li a[class*="tumblr"]:hover,#social-sidebar ul li a[class*="tumblr"] span,#social-sidebar ul li a[class\*="tumblr"] span:before { background: #1769ff; }#social-sidebar ul li a[class*="facebook"]:hover,#social-sidebar ul li a[class*="facebook"] span,#social-sidebar ul li a[class*="facebook"] span:before { background: #234999; }#social-sidebar ul li a[class*="rss"]:hover,#social-sidebar ul li a[class*="rss"] span,#social-sidebar ul li a[class*="rss"] span:before { background: #f57b05; }/*]]>*/</style><div id="social-sidebar"> <ul><li><a class="entypo-twitter" href="https://twitter.com/**********" rel="nofollow" target="_blank"><span>Twitter</span></a></li><li> <a class="entypo-gplus" href="https://plus.google.com/101926901344362278031" rel="nofollow" target="_blank"><span>google+</span></a></li><li> <a class="entypo-facebook" href="https://www.facebook.com/modawin.blogger" rel="nofollow" target="_blank"><span>facebook</span></a><a href="http://www.modawin-blogger.blogspot.com/" style="display:none">مدون بلوجر</a></li></ul> </div>

لا تنس أن تشارك التدوينة مع أصدقاء قد يحتاجونها :)

إقرأ المزيد..