29‏/08‏/2016

اضافات بلوجر: اداة لزيادة المتابعين على الشبكات الاجتماعية

نقدم لكم اليوم اضافة جديدة من اضافات بلوجر، والتي ستسمح لكم بزيادة عدد متابعيكم على الشبكات الاجتماعية. اضافة الاداة لا تتطلب الا استعمال كود واحد.

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

اضافة اداة زيادة المتابعين لمدونات بلوجر
من واجهة التحكم في المدونة تختار التخطيط ثم اضافة اداة

بعد ذلك تختار نوع HTML Javascript

وتقوم باضافة الكود التالي مع التغييرات الازمة في الأماكن المحددة بالاحمر:

<div style="background:#E73138;font-weight:bold;font-size:150%;text-align:center;padding:10px 0;">
<a href="http://www.blogger.com/follow-blog.g?blogID=8026699986552975089" target="_blank" title="Follow this blog"><span style="color:#fff">انضم لمتابعينا الآن</span></a></div><div style='background:#fff;margin:0;border:1px solid #ccc;border-bottom:none;border-top:none'><div style='background:#fff;margin:0;'><div class="fb-like-box" data-href="https://www.facebook.com/folfoly" data-colorscheme="light" data-show-faces="false" data-header="true" data-stream="false" data-show-border="false"></div></div><div style="background:#fff; border-top:1px solid #ccc;margin:0; padding:5px 0 5px 40px"><a href="https://twitter.com/folfolycom" class="twitter-follow-button" data-show-count="true" data-show-screen-name='false' data-lang="Ar">متابعة @folfolycom</a>
<!-- Placez cette balise où vous souhaitez faire apparaître le gadget widget. -->
<div class="g-follow" data-annotation="bubble" data-height="24" data-href="//plus.google.com/u/0/106350713229749680139" data-rel="publisher"></div></div></div><div class="g-person" data-href="//plus.google.com/+BrahimZouggagh" data-layout="landscape" data-rel="author"></div>
<div style="font-size: 14px;">
<a href="http://www.folfoly.com" target="_blank" title="اضافات بلوجر">فولفولي</a>
</div>

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

شرح بلوجر للمبتدئين (30): اعداد صفحة للاتصال بنا بتصميم جميل

الدرس رقم 30 من سلسلة دروس بلوجر، سنرى فيه طريقة اعداد صفحة للاتصال بنا لاتاحة الفرصة للزوار للتواصل مع صاحب المدونة عبر البريد الالكتروني دون مغادرة المدونة.

اضافة واعداد صفحة للاتصال بنا على مدونات بلوجر

الاكواد المستعملة يمكن ايجادها في الدرس التالي: التحكم في اخفاء واظهار ادوات بلوجر

كود ال CSS لجعل المدونة تبدو أجمل:
<style>
/* Contact Form Container */
.contact-form-widget {
width: 500px;
max-width: 100%;
margin: 0 auto;
padding: 10px;
background: #F8F8F8;
color: #000;
border: 1px solid #C1C1C1;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
border-radius: 10px;
}

/* Fields and submit button */
.contact-form-name, .contact-form-email, .contact-form-email-message {
width: 100%;
max-width: 100%;
margin-bottom: 10px;
}

/* Submit button style */
.contact-form-button-submit {
border-color: #C1C1C1;
background: #E3E3E3;
color: #585858;
width: 20%;
max-width: 20%;
margin-bottom: 10px;
}

/* Submit button on mouseover */
.contact-form-button-submit:hover{
background: #4C8EF9;
color: #ffffff;
border: 1px solid #FAFAFA;
}

</style>





شرح بلوجر للمبتدئين (29): اظهار اداة في صفحة محددة

في الدرس رقم 29 من سلسلة دروس بلوجر، سنرى طريقة اظهار اداة على صفحة محددة واخفائها على باقي الصفحات.

طريقة اظهار اداة بلوجر في صفحة محددة


الاكواد المستعملة يمكن ايجادها في الدرس التالي: التحكم في اخفاء واظهار ادوات بلوجر

شرح بلوجر للمبتدئين (28): اخفاء اداة على الصفحة الرئيسية

كيف تقوم باخفاء اداة أو اضافة أو مجموعة من الادوات والاضافات على الصفحة الرئيسية للمدونة مع اظهارها في بقية الصفحات. هذا ما يتطرق اليه الدرس رقم 28 من سلسلة دروس بلوجر.

طريقة اخفاء اداة بلوجر على الصفحة الرئيسية للمدونة

الاكواد المستعملة يمكن ايجادها في الدرس التالي: التحكم في اخفاء واظهار ادوات بلوجر

شرح بلوجر للمبتدئين (27): اظهار أداة على المواضيع والمشاركات فقط

الدرس رقم 26 من سلسلة دروس بلوجر يشرح طريقة اظهار اي اداة أو اضافة على المواضيع فقط. وذلك باضافة كود يقوم باخفاء الاداة في بقية الصفحات مثل الارشيف، الصفحة الرئيسية...
الاكواد المستعملة يمكن ايجادها في الدرس التالي: التحكم في اخفاء واظهار ادوات بلوجر

28‏/08‏/2016

شرح بلوجر للمبتدئين (26): تحويل كود HTML واضافته لبلوجر

الدرس رقم 26 من سلسلة دروس بلوجر يشرح طريقة تجويل كود HTML وإضافته على بلوجر

شرح بلوجر للمبتدئين (25): اظهار اعلانات ادسنس في بداية ونهاية المواضيع

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

أنتم بحاجة لمراجعة درس تحويل كود ادسنس باستعمال محول الأكواد.

شرح بلوجر للمبتدئين (24): تحويل كود ادسنس باستعمال محول الاكواد

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

الخطوة الأولى تبدأ بنسخ شفرة الاعلان ثم تحويله باستعمال محول الاكواد.