http://www.3roos.com/files/ups/2012/205182/01359415539.png (http://www.3roos.com/files/ups/2012/205182/01359415539.png)
درس اليوم ممتع جدا وسهل
وأكيد مفيد لمدونتك سواء من ناحية الشكل أو من ناحية زيادة عدد الزوار
سنضيف مجموعة جديدة من الأدوات للمدونة وهي أربعة بالتحديد ..
1) أداة مواضيع ذات صلة ( أو مواضيع مشابهة )
2) أداة آخر المواضيع أو مواضيع جديدة بشكل فلاشي متحرك رائع
3) صفحة بفهرس مواضيع المدونة
4) نموذج اتصل بنا للتواصل مع الزوار
أولا : أداة مواضيع ذات صلة ..
وهي إضافة سهلة جدا وبدون أي تعقيد أو جهد
فقط اذهبي للموقع التالي
linkwithin (http://go.3roos.com/rone5vxq5zu)
لتفتح معك صفحة الموقع الرئيسية
http://www.3roos.com/files/ups/2012/205182/01354733145.jpg (http://www.3roos.com/files/ups/2012/205182/01354733145.jpg)
قومي فقط بملء البيانات المشار لها بالاسهم في الصورة
بريدك الالكتروني ورابط مدونتك ومنصة بلوجر وعدد المواضيع التي ترغبين في عرضها كمواضيع مشابهة ( 4 رقم مناسب )
بالنسبة للمربع الصغير في نهاية النموذج فقط حسب لون مدونتك لو كانت الكتابة فاتحة اللون وخلفية المدونة داكنة قومي بتحديده اما لو العكس اتركيه كما هو
ثم اضغطي على Get Widget
لتنتقلي للصفحة التالية ..
http://www.3roos.com/files/ups/2012/205182/11354733145.jpg (http://www.3roos.com/files/ups/2012/205182/11354733145.jpg)
اضغطي فيها على Install Widget لتفتح صفحة جديدة
http://www.3roos.com/files/ups/2012/205182/21354733145.jpg (http://www.3roos.com/files/ups/2012/205182/21354733145.jpg)
اضغطي فيها على إضافة عنصر واجهة المستخدم
لتضاف الأداة في التخطيط الخاص بالمدونة
حركي الاداة وضعيها أسفل رسائل المدونة بهذا الشكل
http://www.3roos.com/files/ups/2012/205182/31354733145.jpg (http://www.3roos.com/files/ups/2012/205182/31354733145.jpg)
واضغطي حفظ الترتيب .. ثم قومي بمعاينة الاداة الجديدة على مدونتك
http://www.3roos.com/files/ups/2012/205182/41354733145.jpg (http://www.3roos.com/files/ups/2012/205182/41354733145.jpg)
___________________________
ثانيا : إضافة فهرس المدونة ..
ادخلي للوحة تحكم مدونتك واختاري الصفحات
http://www.3roos.com/files/ups/2012/205182/01354734267.jpg (http://www.3roos.com/files/ups/2012/205182/01354734267.jpg)
اضغطي على خيار صفحة جديدة واختاري منه صفحة فارغة
ستظهر نافذة مشابهة لصندوق الرسائل .. علي يمين النافذة حددي طريقة العرض بالضغط على HTML
http://www.3roos.com/files/ups/2012/205182/11354734267.jpg (http://www.3roos.com/files/ups/2012/205182/11354734267.jpg)
امسحي الجزء المشار له في الصور وانسخي هذا الكود والصقيه مكانه
<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&alt=json-in-script&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>
غيري عنوان المدونة المكتوب بالاحمر باسم مدونتك ثم اضغطي نشر لتظهر مع الصفحات هكذا
http://www.3roos.com/files/ups/2012/205182/21354734267.jpg (http://www.3roos.com/files/ups/2012/205182/21354734267.jpg)
استعرضي الفهرس على المدونة لتجديه بهذا الشكل
http://www.3roos.com/files/ups/2012/205182/31354734267.jpg (http://www.3roos.com/files/ups/2012/205182/31354734267.jpg)
_________________________
ثالثا : نموذج اتصل بنا ..
توجد العديد من المواقع التي تمنحك هذا النموذج مجانا وبأشكال متعددة
اخترت لكن منهم هذا الموقع لأنه سهل ولا يحتاج لتسجيل ادخلي للموفع من هنا
foxyform (http://go.3roos.com/hpj3rct6mos)
املئي النموذج الموجود في الصفحة حسب رغبتك واختاري ألوان مناسبة لمدونتك
http://www.3roos.com/files/ups/2012/205182/01354736185.jpg (http://www.3roos.com/files/ups/2012/205182/01354736185.jpg)
ثم اضغطي على create formular لتنتقلي للصفحة التي تحتوي على كود النموذج
http://www.3roos.com/files/ups/2012/205182/11354736185.jpg (http://www.3roos.com/files/ups/2012/205182/11354736185.jpg)
حددي كامل الكود وانسخيه وأضيفي صفحة جديدة فارغة من تبويب الصفحات وضعي فيها الكود بنفس الطريقة المشروحة في النقطة السابقة ( إضافة الفهرس )
اضغطي نشر واذهبي للمدونة لمشاهدة النموذج والذي يظهر بهذا الشكل
http://www.3roos.com/files/ups/2012/205182/21354736185.jpg (http://www.3roos.com/files/ups/2012/205182/21354736185.jpg)
________________________
رابعا : أداة آخر المواضيع متحركة
اذهبي للوحة تحكم مدونتك ثم التخطيط واختاري إضافة أداة
من النافذة اختاري أداة HTML/JavaScript
http://www.3roos.com/files/ups/2012/205182/01354738384.jpg (http://www.3roos.com/files/ups/2012/205182/01354738384.jpg)
بعد ما تفتح معك نافذة الأداة أضيفي فيها الكود التالي
<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>
وضعي عنوان مناسب لها حسب ماترين( الرقم 5 المكتوب بالاحمر هو عدد المواضيع التي ستظهر على المدونة يمكنك تغييره أو تركه كما هو حسب رغبتك )
http://www.3roos.com/files/ups/2012/205182/11354738384.jpg (http://www.3roos.com/files/ups/2012/205182/11354738384.jpg)
حركيها في التخطيط لمكان مناسب
http://www.3roos.com/files/ups/2012/205182/21354738384.jpg (http://www.3roos.com/files/ups/2012/205182/21354738384.jpg)
وتظهر بهذا الشكل
http://www.3roos.com/files/ups/2012/205182/31354738384.jpg (http://www.3roos.com/files/ups/2012/205182/31354738384.jpg)
الأداة فلاشية متحركة ويمكنك مشاهدتها في مدونتي هنا
عروس (http://go.3roos.com/yf3gdoa68iy)
وهذه نهاية درس اليوم ..