الدرس الثامن / إضافات خارجية لبلوجر لاكساب المدونة الشكل الاحترافي

درس اليوم ممتع جدا وسهل
وأكيد مفيد لمدونتك سواء من ناحية الشكل أو من ناحية زيادة عدد الزوار

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

1) أداة مواضيع ذات صلة ( أو مواضيع مشابهة )
2) أداة آخر المواضيع أو مواضيع جديدة بشكل فلاشي متحرك رائع
3) صفحة بفهرس مواضيع المدونة
4) نموذج اتصل بنا للتواصل مع الزوار


أولا : أداة مواضيع ذات صلة ..

وهي إضافة سهلة جدا وبدون أي تعقيد أو جهد
فقط اذهبي للموقع التالي

linkwithin

لتفتح معك صفحة الموقع الرئيسية








قومي فقط بملء البيانات المشار لها بالاسهم في الصورة
بريدك الالكتروني ورابط مدونتك ومنصة بلوجر وعدد المواضيع التي ترغبين في عرضها كمواضيع مشابهة ( 4 رقم مناسب )
بالنسبة للمربع الصغير في نهاية النموذج فقط حسب لون مدونتك لو كانت الكتابة فاتحة اللون وخلفية المدونة داكنة قومي بتحديده اما لو العكس اتركيه كما هو
ثم اضغطي على Get Widget

لتنتقلي للصفحة التالية ..







اضغطي فيها على Install Widget لتفتح صفحة جديدة






اضغطي فيها على إضافة عنصر واجهة المستخدم

لتضاف الأداة في التخطيط الخاص بالمدونة
حركي الاداة وضعيها أسفل رسائل المدونة بهذا الشكل







واضغطي حفظ الترتيب .. ثم قومي بمعاينة الاداة الجديدة على مدونتك






___________________________

ثانيا : إضافة فهرس المدونة ..

ادخلي للوحة تحكم مدونتك واختاري الصفحات






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






امسحي الجزء المشار له في الصور وانسخي هذا الكود والصقيه مكانه

[BACKGROUND="60 #CCFFFF"]

<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
<span style="color: #990000;"><span style="font-size: large;"><b>فهرس المدونة لتصفح ميسر </b></span></span></div>
<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js">
</script><script src="http://myblog3roos.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc">
</script><script type="text/javascript">
var accToc=true;
</script> <script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript">
</script>

<div dir="rtl" style="text-align: right;" trbidi="on">

</div>
</div>

[/BACKGROUND]

غيري عنوان المدونة المكتوب بالاحمر باسم مدونتك ثم اضغطي نشر لتظهر مع الصفحات هكذا






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






_________________________


ثالثا : نموذج اتصل بنا ..

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

foxyform

املئي النموذج الموجود في الصفحة حسب رغبتك واختاري ألوان مناسبة لمدونتك





ثم اضغطي على create formular لتنتقلي للصفحة التي تحتوي على كود النموذج






حددي كامل الكود وانسخيه وأضيفي صفحة جديدة فارغة من تبويب الصفحات وضعي فيها الكود بنفس الطريقة المشروحة في النقطة السابقة ( إضافة الفهرس )
اضغطي نشر واذهبي للمدونة لمشاهدة النموذج والذي يظهر بهذا الشكل





________________________


رابعا : أداة آخر المواضيع متحركة


اذهبي للوحة تحكم مدونتك ثم التخطيط واختاري إضافة أداة
من النافذة اختاري أداة HTML/JavaScript






بعد ما تفتح معك نافذة الأداة أضيفي فيها الكود التالي

[BACKGROUND="60 #CCFFFF"]

<style type="text/css"> #rp_plus_img{height:377px;} #rp_plus_img li {height:60px;padding:5px;list-style:none; background-color:#ffffff; border:solid 1px #000000;} #rp_plus_img a{color:#00000;} #rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px; text-align:justify; -moz-border-radius: 5px;} #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;} </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/recentpost.js"></script> <script type="text/javascript"> var speed = 1500; var pause = 3500; $(document).ready(function(){ rpnewsticker(); interval = setInterval(rpnewsticker, pause); }); </script> <ul id="rp_plus_img"> <script style="text/javascript"> var numposts = 5; var numchars = 0; </script> <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script> </ul>

[/BACKGROUND]

وضعي عنوان مناسب لها حسب ماترين( الرقم 5 المكتوب بالاحمر هو عدد المواضيع التي ستظهر على المدونة يمكنك تغييره أو تركه كما هو حسب رغبتك )






حركيها في التخطيط لمكان مناسب






وتظهر بهذا الشكل






الأداة فلاشية متحركة ويمكنك مشاهدتها في مدونتي هنا

عروس


وهذه نهاية درس اليوم ..

واجب الدرس ,,

إضافة الأدوات المشروحة في الدرس لمدونتك


استفسارات الدرس الثامن