‏إظهار الرسائل ذات التسميات خلاصات. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات خلاصات. إظهار كافة الرسائل

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

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

كيفية اضافة شريط احدث الاخبار الى مدوناتكم

1- من  لوحة التحكم -> قالب -> تحرير HTML
2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات 
3- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)


وقبله تماما قم بلصق احد اكواد الالوان التاليه حسب رغبتك



كوداللون الازرق
شريط متحرك يقوم بعرض اخ اخبار المدونه





كوداللون الاحمر





كوداللون الاخضر





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


ونلصق الكود التالي قبله تماما / فوقه



أحدث الأخبار
Loading...






الان قم باستبدل الرابط التالي http://alb33dani.com برابط مدونتك 
ستجد الرابط في السطر التاسع من الكود السابق باللون الازرق

وبالاخير قم بحفظ القالب والف مبروووك عليك الاضافه

اضافة شريط المتابعه عبرالمواقع الاجتماعيه بشكل انيق وجذاب


بسم الله الصلاة والسلام على رسول الله , السلام عليكم اخواني اخواتي متابعي مدونة جلال البعداني , كثير من المدونين يعتقدون أن مدونات بلوجر  تفتقر الى  الاضافات الجيده والمنسقه بشكل انيق , التي يمكن أن تضاف إلى منصات أخرى مثل ووردبريس وجوملا،ولكن هذا الاعتقاد خاطئ.فهناك كثير من الاضافات الاحترافيه التي تمكنك من تخصيص مدونتك وتطويرها لتظهر بشكل جذاب واحترافي ,واليوم باذن الله سوف نكسر هذا المعتقد بهذه الاضافه الاحترافيه والتي هي عباره عن شريط جانبي على شكل قائمه عموديه  تتضمن خمس من اشهر مواقع التواصل الاجتماعي  (twitter ,Facebook ,Google+, feedburner, tumblr  )والتي تتميز بشكلها الرائع والانسيابي والذي بدوره يزيد من جمالية المدونه واحترافيتها
 


مثال حي للاضافه



۞ معاينه

كيفية اضافة هذه القطعه الى مدوناتكم


1- انتقل إلى لوحة تحكم مدونتك
2- إختر "تخطيط" ثم إضافة أداة ثم اخترHTML/Javascript
3- والآن الصق داخل المستطيل الكود التالي 





تخصيص الاضافه

   1- استبدال ماباللونalbaadani باسم حسابك في فيدبرنر
 2- استبدال ماباللونalbaadani1 باسم حسابك في تويتر
 3- استبدال ماباللونalb33dani باسم صفحتك في فيس بوك
 4- استبدال ماباللون115387305017738790650 باسم حسابك جوجل بلس
 5- استبدال ماباللونalbaadani باسم حسابك في تمبلر
وبالاخير قم بحفظ القطعه ومبروك عليك الاضافه ولا تنسى ان تشاركنا ارائك بتعليق

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

بسم الله والصلاة والسلام على رسول الله , السلام عليكم اخواني اخواتي متابعي مدونة جلال البعداني . سنتطرق اليوم في هذه التدوينه الى كيفية اضافة تعريف كاتب الموضوع لمدونات بلوجر بطريقه عصريه جدا واحترافيه , طبعا الطريقه جديده وسهله جدا فهي تعتمد على قطعة مولد الاكوادGenerate code  والذي يسهل عملية تخصيص الاضافه لتتناسب مع اي مدونه , تتميز هذه الاضافه انها جديده من نوعها وحصريه ف بالاضافه الى تعريف الكاتب يوجد في نفس القطعه ادوات المتابعه عبر مواقع التواصل الاجتماعي فيس بوك وتويتر وجوجل بلس و فيدبرنر . اضافة الى الاشتراك بالقائمه البريديه ..لا اطيل عليكم اترككم مع الاضافه

اضافات بلوجر احترافيه

كيفية اضافة هذه الاداه الى مدوناتكم

الخطوه الاولى (تخصيص قطعة مولد الاكواد)

  1.  ادخل رابط صفحتك على فيس بوك
  2.  ثم ادخل اسم حسابك على التويتر
  3. ادخل الايدي الخاص بحسابك في جوجل بلس
  4.  ثم ادخل اسم حسابك على فيدبرنر 
  5. ثم  اكتب وصف قصير عن كاتب التدوينه
  6.  الان رابط صورة الكاتب
  7.  ثم  قم بتخصيص الالوان حسب رغبتك
  8. الان قم بالضغط على زر  Generate code” لتوليد الكود
  9. الان يمكنك استعراض الاداه قبل اضافتها الى مدونتك بالنقر على زرpreview
الخطوه الثانيه(اضافة الاكواد الى المدونه)
   
      1- انتقل الى لوحة التحكم مدونتك -> قالب -> تحرير HTML ->
     2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات 
     4- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)
    5-الان قم بنسخ الكود الذي ظهر في داخل مستطيل ccs والصقه قبل تماما
    6- قم بالبحث عن
  7-قم بنسخ الكود الذي ظهر داخل مستطيل html في قطعة مولد الكود والصقه بعد

الان قم بحفظ القالب ومبروك عليك الاضافه  :)

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

 

الاشتراك بالقائمه البريديه+المشاركه في المواقع الاجتماعيه ( اسفل التدوينه)

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

صورة توضيحيه للاضافه



مثال حي للاضافه 

كيفية اضافة هذه القائمه الى مدوناتكم

     1- من  لوحة التحكم -> قالب -> تحرير HTML -> تابع
     2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات 
     4- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)

والصق الكود التالي بعده تمامآ







اشترك عبر القائمه البريديه ليصلك جديدنا


method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=tntbystc', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true'
style='margin: 0pt;' target='popupwindow'>


onfocus='if (this.value == "Enter your email...") {this.value = ""}'
type='text' value='ادخل ايميلك هنا...' />



Follow us on:
























زوارنا الأعزاء

Flag Counter
 
جميع الحقوق محفوظة © 2013 أساحبى كوميكس