Web Hosting

الثلاثاء، 16 أكتوبر 2012

طريقة وضع صندوق اعجابات الفيس بوك وتويتر بجانب بعضهم البعض تحت كل تدوينة



 
بسم الله الرحمن الرحيم والصلاة والسلام علي اشرف المرسلين سيدنا محمد خير الخلق اجمعين ثم اما بعد......
واليوم مع اول درس لي في مدونة صديقي وحبيبي حسام وباذن سيكون درس شيق جدا وينال اعجبكم لن اطيل بمقدمات كثير وانتم تعرفون طريقة تدويني وتبداء بمشاهدة حية لاي اضافة اضغط علي الزر بالاسفل

وسنبداء شرح مزايا الاداة
  • اولا تخيل ان كل زائر سايدخل الي موضوع من موضعتك سيضغط اعجبني لصفحتك.
  • ثانيا وهي بها ايضا صندوق تويتر ايضا من محبي تويتر سيضغط تغريد او متابعة لك
  • هذا طبعاً يوفر متابعين كثر وزوار اكثر انها اداة بالفعل جد مميزة 
  • وميزتها انها شكلها جميل مرتب وتحت كل تدونية نبداء الشرح.......
بسم الله اولا بعد ما حذفت لوحة التحكم القديمة سنتكلم عن الجديدة فقط
اذهب الي لوحة تحكم بلوجر
ثم تختار المدونة المراد وضع الاضافة فيها....ومن ثم القالب ... تحريرhtml....ومتابعة ...> وتوسيع عناصر وجهة المستخدم  

وابحث عن
<data:post.body/>
او هذا اذا لم تجد الاخر وهذا الافضل 
<div class='post-footer-line post-footer-line-1'>

وضع بعده هذا الكود

<div style="margin:5px 0px 10px 0px; padding:10px; width:590px;float:none; ">
<div style="float:left; width:272px; border-right:1px solid #ddd;">
<iframe allowtransparency="true" src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fchamelcoolblogger&amp;width=292&amp;colorscheme=light&amp;show_faces=false&amp;border_color&amp;stream=false&amp;header=false&amp;height=62" style="border:none; overflow:hidden; width:292px; height:62px;" frameborder="0" scrolling="no"></iframe>
</div>
<div style="margin:15px 15px 0px 0px; padding:0px; float:right; width:260px;">
<iframe title="Twitter Follow Button" style="width: 266px; height: 32px;" class="twitter-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_&amp;id=twitter-widget-0&amp;lang=en&amp;screen_name=chamelcool&amp;show_count=true&amp;show_screen_name=true&amp;size=l" allowtransparency="true" frameborder="0" scrolling="no"></iframe>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
</div>
</div> 

  • استبدل (chamelcoolblogger) باسم صفحتك علي الفيس بوك
  •  استبدل( chamelcool  ) باسم حسابك علي تويتر
  • استبدل (  true ) بــ ( false) اذا كنت تريد نزع الفقعة         


وبعدها احفظ القالب ومبروك عليكم الاضاافة وارجو ان اكون افدتكم واسف علي الاطالة ولكن انا اشرح باستفاضة لكي يفهم ايضا المبتدائين في التدوين لكي يصلوا الي احتراف والسلام عليكم ورحمة الله وبركاته ومنتظر تقيمكم للموضوع........

وهذه مشاهدة حية اخري





Social Sharing Widget bychamelcool


5 التعليقات:

موضوع رائع وفي القمة أخي

شكــــــــــــــــــــــــراً جــــــداً اخي حسام علي تقيمكم

السلام عليكم
أخى أضافة تويتر تعمل جيدا ولكن أضافة الفيس بوك تظهر خطأ

معاينه
http://www.almesryoon.info/2012/11/Exchange.rates.in.Egypt.html

@mhmoud khlawy

قد يكون فقط خطأ في وضع اسم الصفحة

إرسال تعليق

ملحوظة: يمكن لأعضاء المدونة فقط إرسال تعليق.

Web Hosting
Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Gadgets By chamelcool Blog