المشاركات

عرض المشاركات من ديسمبر, 2014

رسالة منبثقة بتقنية Lightbox مع الاعدادات

صورة
طبعا اول شئ لاحظته مع دخولك الموضوع هو ظهور رسالة منبثقه وهذه هي المعاينة الخاصة بموضوعنا هذه الرسالة يمكنك تخصيصها بأى شئ لعرضه ادوات صور كلمات كل ما تريد يمكنك ان تضيفه في الآداة وصندوق المتابعة ما هو الا مثال واحد مما يمكن عمله بتلك الإضافة لكن يجب ان اعرفك بالإضافة وتقنيتها هي إضافة تعمل بتقينة JQuery Lightbox والتي سبق أن شرحناها في هذا الموضوع وهذا هو تطبيق اضافي على الخاصية التي تتعدد مزاياها واستخداماتها انا لن اطيل عليكم وسانقلكم مباشرة للجانب العملي فقط اضف الكود التالي داخل آداة HTML/JavaScript 450 px; height: 350 px; overflow: hidden;'> هنا أكتب  ما  تشاء اعدادات أولية في حالة كان لديك مكتبة جي كويري احذف الكود الاحمر في حالة لديك خاصية Lightbox احذف الكود الأخضر والاكواد السابقه له كلها الإضافة معدة لتظهر للزائر مرة واحده فقط حتى لا تكون مزعجة لكن ان اردتها تظهر له في كل زيارة احذف الأكواد الزهرية الرقم 500 هو العرض الاساسي للرسالة الرقم 400 هو الإرتفاع الأساسي للرسالة الرقم 450 هو العرض الخاص بمحتوى الرسالة الرقم 350 هو الإرتفاع الخاص بمحتوى الرسالة يمكن ان ت...

كارت ادوات المتابعة الاجتماعية

صورة
أقدم لكم إضافة جديدة وحصرية من تصميمي لأزرار وادوات المتابعة الإجتماعية احببت أن جمل أدوات المتابعة في إضافة خفيفة وبسيطة وفي نفس الوقت تجمل غالبية المواقع الإجتماعية المعتمد عليها من قبل المدونين في بلوجر تم استخدام ادوات رسمية لموقعي جوجل بلس Google Plus وفيس بوك Facebook كونهم ازرار خفيفة وسريعة التحميل لتويتر Twitter ويوتيوب Youtube وبلوجر Blogger فضلت ان استخدم ازرار روابط فهي كافية وأخف من الأدوات الاصلية وفي نفس الوقت تؤدي نفس المهمة تماما لان اضافات الإشتراك الخاصة بتلك المواقع تحيل للموقع لتشترك به فالازرار العادية كافية وطبعا تم دمج نموذج اشتراك بالبريد لتكتمل الآداة  وهذه معاينة حية للإضافة نرجوا لمن لم يتابعنا أن يسجل متابعته لنا عبرها تويتر يوتيوب بلوجر وهذا هو الكود أضفه في آداة HTML/JavaScript GPID " data-rel="publisher"> PageID &width=55&layout=box_count&action=like&show_faces=true&share=false&height=65&appId=185398838186125" scrolling="no" frameborder="0" style="border:none; overflow:hidden; wi...

قالب Porto معرب ومطور

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

الجدولة وطريقة عمل موضوع مثبت

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

كيف تكتب تدوينة ناجحة

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

تنسيق التعداد الرقمي في بلوجر

صورة
من أهم تنسيقات صندوق كتابة المواضيع في بلوجر هو خيار التعداد الرقمي فهو يميز النقاط الهامة ويرتبها لكن هذا الخيار بدون تنسيق مميز في بلوجر لكن يمكن اعطائه تنسيق مميز يحسن من مظهره ويزيد من جذبه لإنتباه القارئ سيتم طرح تنسيقين اساسيين وطريقة تلوينهما بحسب رغبتك اكواد التنسيقات تضاف فوق الوسم ]]> نبدأ مع التنسيق الأول .post ol{ counter-reset:li; list-style: none; *list-style: decimal; margin-right:0; padding-right:0 } .post ol li{ position:relative; margin:0 15px 20px 0 !important; padding:4px 10px 4px 5px !important; list-style:none; *list-style: decimal; border-bottom:1px solid #e2e3e2; background:#f2f2f2; text-indent:14px; } .post ol li:before {   background: #0062c4 ;   color: #fff;   content: counter(li, decimal);   counter-increment: li;   font: bold 14px serif;   margin: 0 0 10px;   padding: 5px 3px !important;   position: absolute;   right: -9px;   text-align: right;   text-indent: 6px;   top: -5px;   width: 20px; } .post ol li:after {   border-color: transparent #0062c4 tr...

طريقة عمل محتوى مغلق بالازرار الاجتماعية

صورة
موضوعنا اليوم يهم كثير من المدونين خصوصاً الباحثين عن زيادة التفاعل والمتابعين لكنه في نفس الوقت سلاح ذو حدين ان اسئ استخدامه فالموضوع يتكلم عن اضافة تمكنك من اخفاء او غلق محتوى الموضوع الخاص بك ولا يظهر إلا بعد استخدام احد الشبكات الإجتماعية الثلاث الأشهر  فيس بوك Facebook تويتر Twitter جوجل بلس Google Plus طبعا هذا يوسع انتشار روابط مدونتك لكن ايضاً قد ينفر الزائر لذلك يجب ان تكون ذكي في اماكن استخدامه وسأوضح بشكل اكبر أنت لو وضعت هذا الامر في كل المواضيع يجب ان يشعر الزائر بالإستغلال والمضايقة لذلك أفضل حل هو ان تستخدم الخاصية في  المواضيع الطويلة والتي تحتوي اشياء مهمة حقاً تجعل الزائر لا يتضايق بل يكون مرتاح وهو يدعم موقعك فطبق الإضافة على اهم مواضيعك فقط  أيضاً توضيح آخر وهو امر يتعلق بالسيو Seo لا تستخدم الإخفاء من بداية التدوينات الى آخرها ولكن حدد جزء معين معين فقط حتى يكون هناك جزء من الموضوع واضح بالطريقة العادية لمحركات البحث حتى تحصل على الأرشفه ومسك كلمات جيده للموضوع  الموضوع تطوير خاص وحصري لكن مدون فالسكريبتات والستيالات الأصلية كان ثقيلة وبها عدة ستايلات طبعا هذا يجعل...