قوائم رأسية أنيقة بها نجوم متحركة animated star vertical menu

بسم الله الرحمن الرحيم

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

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

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

أو إضافة القوائم بالعمود الجانبى للمدونة كهذه القوائم التى سنتحدث عنها .

هذه القوائم تتميز بشكل أنيق ومنسق بتقنية Css سهلة التركيب والتعديل عليها.

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

من مميزات هذه القوائم أيضا أنها تفتح الروابط فى صفحة أخرى.

معاينة الإضافة

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

1. إذهب إلى لوحة تحكم بلوجر

2. تخطيط ثم إضافة أداة Html & javascript

3. ثم إنسخ الكود التالى وألصقه

 إختر الستايل المناسب لألوان مدونتك

Style No. 1

Blue animated bright star menu

برامج أون لاين
 http://www.condaianllkhir.com/2011/06/blog-post_15.html">المصحف المسموع http://www.condaianllkhir.com/2011/09/html.html">أكواد الألوان2011/09/blog-post_24.html">فوتوشوب أون لاينhttp://www.condaianllkhir.com/2011/10/glitter-text-generator.html">الكتابة بالجليترhttp://www.condaianllkhir.com/2012/04/blog-post_20.html">فرونت بيج أون لاينhttp://www.condaianllkhir.com/2012/01/blog-post.html">رفع الملفاتhttp://www.condaianllkhir.com/search/label/%D8%A3%D9%84%D8%B9%D8%A7%D8%A8%20%D8%AA%D8%B9%D9%84%D9%8A%D9%85%D9%8A%D8%A9#.T9HTGFKT-qI">ألعاب تعليمية للأطفالhttp://www.condaianllkhir.com/2012/10/facebook-shapes.html">زخرف كلماتك على الفيس بوكhttp://www.condaianllkhir.com/2012/09/keyboard-online.html"> لوحة المفاتيح عربى /انجليزى

 Blogger widgets

Style No.2

Grey animated bright star menu

برامج أون لاين
 http://www.condaianllkhir.com/2011/06/blog-post_15.html">المصحف المسموع http://www.condaianllkhir.com/2011/09/html.html">أكواد الألوانhttp://www.condaianllkhir.com/2011/09/blog-post_24.html">فوتوشوب أون لاينhttp://www.condaianllkhir.com/2011/10/glitter-text-generator.html">الكتابة بالجليترhttp://www.condaianllkhir.com/2012/04/blog-post_20.html">فرونت بيج أون لاينhttp://www.condaianllkhir.com/2012/01/blog-post.html">رفع الملفاتhttp://www.condaianllkhir.com/search/label/%D8%A3%D9%84%D8%B9%D8%A7%D8%A8%20%D8%AA%D8%B9%D9%84%D9%8A%D9%85%D9%8A%D8%A9#.T9HTGFKT-qI">ألعاب تعليمية للأطفالhttp://www.condaianllkhir.com/2012/10/facebook-shapes.html">زخرف كلماتك على الفيس بوكhttp://www.condaianllkhir.com/2012/09/keyboard-online.html"> لوحة المفاتيح عربى /انجليزى



Blogger widgets

Style No.3

Black animated gold star menu

برامج أون لاين
 http://www.condaianllkhir.com/2011/06/blog-post_15.html">المصحف المسموع http://www.condaianllkhir.com/2011/09/html.html">أكواد الألوانhttp://www.condaianllkhir.com/2011/09/blog-post_24.html">فوتوشوب أون لاينhttp://www.condaianllkhir.com/2011/10/glitter-text-generator.html">الكتابة بالجليترhttp://www.condaianllkhir.com/2012/04/blog-post_20.html">فرونت بيج أون لاينhttp://www.condaianllkhir.com/2012/01/blog-post.html">رفع الملفاتhttp://www.condaianllkhir.com/search/label/%D8%A3%D9%84%D8%B9%D8%A7%D8%A8%20%D8%AA%D8%B9%D9%84%D9%8A%D9%85%D9%8A%D8%A9#.T9HTGFKT-qI">ألعاب تعليمية للأطفالhttp://www.condaianllkhir.com/2012/10/facebook-shapes.html">زخرف كلماتك على الفيس بوكhttp://www.condaianllkhir.com/2012/09/keyboard-online.html"> لوحة المفاتيح عربى /انجليزى



target="_blank"> Blogger widgets 

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