دليل المدون

2012-11-30

سلايد شو Piecemaker 2 ثلاثى الابعاد لمدونات بلوجر 3d slide show

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

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

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

دائمًا يحتاج أصحاب المواقع والمدونات إلى إضافة عارض للصور (سلايدر) لعرض الصور الهامة لموضوعات الموقع على الصفحة الرئيسية أو إستخدامه كبانر أو ألبوم للصور.وتوجد طرق عديدة لعرض الصور يمكن متابعتها فى هذا الموضوع
وتوجد العديد من الطرق والأكواد التى تضاف للمواقع والمدونات بطرق عديدة ولكن هذه الإضافة الرائعة هى لعرض الصور بطريقة ثلاثية الأبعاد (Piecemaker 2 slider) وهى إضافة مجانية متاحة لمواقع ووردبريس wordpress  ولكن هذه الطريقة تمكنا من إضافة السلايدر إلى مدونات البلوجر .

3d-slideshow

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

طريقة تركيب  Piecemaker 2 slider  بمدونات بلوجر:

فى البداية تحميل  الملف الملف الخاص بالإضافة Piecemaker 2 
رفع الملف إلى dropbox أو Googledrive

ثم التعديل عليه بما يناسب موقعك كما يلى:

أولا : أضف أداة Html/javascript إلى مدونات بلوجر ثم إنسخ بها الكود التالى

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

<center/> <iframe src="https://dl.dropbox.com/u/80212138/%D9%85%D8%AF%D9%88%D9%86%D8%A9%20%D9%83%D9%86%20%D8%AF%D8%A7%D8%B9%D9%8A%D8%A7%20%D9%84%D9%84%D8%AE%D9%8A%D8%B1/3d%20slideshow/index.html" style="border:0px #FFFFFF none;" name="My iFrame" scrolling="no" frameborder="0" marginheight="0px" marginwidth="0px" height="500px" width="900px"></iframe> <center/></center></center>
<center>
<a href="http://www.condaianllkhir.com/2012/09/blogger-widget.html" rel="nofollow" target="_blank"><span style="font-size: xx-small;"><span style="color: #999999;"><b>Blogger widgets</b></span></span></a>
</center>
</center>

ثانيًا: يوجد ملف يإسم piecemakerXML

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


 <Image Filename="image1.jpg">
    <Text>
      <headline>Description Text</headline>
      <break>Ӂ</break>
      <paragraph>Here you can add a description text for every single image.</paragraph>
      <break>Ӂ</break>
      <inline>This is HTML text loaded from the external XML file and formatted with an external CSS file. So it's pretty simple to set this text. You can also easily add</inline>
      <a href="http://www.modularweb.net/piecemaker" target="_blank">Ӂhyperlinks</a>
      <paragraph>. This one leads you to the official Piecemaker website, by the way.</paragraph>


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

ثم save
يمكن أيضا صنع Slideshow  أون لاين من خلال بعض المواقع التى تقدم هذه الخدمة مجانًا تعرف عليها بالتفصيل تابع هذا الموضوع
المزيد من إضافات بلوجر

تنبيه :المرجو عدم نسخ الموضوع بدون ذكر مصدره مع رابط  للموضوع الأصلى وإسم المدونة وشكرا
تصميم مواقع إلكترونية و تطبيقات بأقل الأسعار

هناك 21 تعليقًا

  1. يعطيك العافية لكن المشكله هي عدم استطاعتي لدخول ع قالب مدونتي لتعديل عليه الأ يوجد عندك دعم فني مدفوع او بشكل اخرى

    ردحذف
  2. برق الشوق
    شكرا لمرورك
    هذه الكود لمدونات بلوجر ويضاف كاتالى
    لإضافة الكود لمدونات بلوجر:
    1.اذهب إلى لوحة التحكم
    2.تخطيط أو تصميم
    3.عناصر الصفحة
    4.أضف أداة
    5.أختار HTML/JAVASCRIPT

    ردحذف
  3. روعة والله مدونة رهيبة

    ردحذف
  4. بارك الله فيك على الموضوع القيم والمميز لك مني أجمل التحيات
    وكل التوفيق لك يا رب

    ردحذف
  5. ممكن تبادل نصي دي مدونتي
    http://www.moso3te.com

    ردحذف
  6. ممكن انسان الو خبرة في مدونات جوجل للمساعدة وشكرا http://arabnetworkpaltalk.blogspot.com/

    ردحذف
  7. الف شكر علي المجهود الرائع

    ردحذف
  8. السلام عليكم ورحمة الله اختى الفاضلة
    صراحة انا فير مهتم بالتصاميم وخلافه لكن ادهشني قالب مدونتك الجميل ، وددت فقط لو امكن تساعديني او تدليني على اية طريقة أضيف بها قائمة روابط رأسية بشكل منسق يتوافق مع قالب مدونتي البسيطة ، وبحيث أتخلص من إضافة الروابط بطريقة جوجل الإعتياديه ( قايمة روابط ، قايمة مواقع ، القائمة ) لأنها كلها لا تتيح الرابط إلا نصا وهو يزيد في طول صفحة المدونة بلا داعي .. والشكر مقدما ..
    http://mohamed-salama.blogspot.com/

    ردحذف
  9. شكرا جزيلا لمتابعتك
    يوجد أكثر من طريقة لعرض المواضيع منها هذه القوائم على هذا الرابط
    http://conda3ianllkhir.blogspot.com/2013/02/animated-star-vertical-menu.html
    أو عرض أحدث المواضيع المتحركة
    http://conda3ianllkhir.blogspot.com/2011/12/animated-last-posts.html

    ردحذف
  10. انا عملت المطلوب بالضبط بس لما بضيف لينك index.html مش بيحصل حاجة بتفضل الصفحة فيها مساحة السلايدشو فاضية ارجوا الحل

    ردحذف
  11. ممكن تحرر ملف index بإستخدام notepade وإضافة روابط الصور وإذا صعب عليك الأمر تابع هذا الموضوع
    http://conda3ianllkhir.blogspot.com/2013/01/3-websites-slideshow.html

    ردحذف
  12. السلام عليكم موضوع جميل شكرا
    لكن لم اعرف طريقة اخد الرابط المباشر لملف index.html من googledrive

    ردحذف
  13. @salah
    فى هذا الموضوع شرح كيفية أخذ الروابط المباشرة لجوجل درايف
    http://www.condaianllkhir.com/2013/08/Google-drive-host.html

    ردحذف
  14. لم يتحمل عندي على الورد بريس
    موقعي
    http://almalki-occasions.com/

    ردحذف
  15. جزاك الله خيرا على هذا الموضوع الرائع الذي افادني
    عندي سوال : انا حصلت على كود من ادسنس و لكن ما عرفت وين اضعه

    ردحذف
  16. ibdaa camera@
    ممكن استخدام خاصية iframe

    @ Khalid Mounim
    اذا كنت تستخدم بلوجر اذهب الى تخطيط الصفحة ثم اضف اداة ثم اختر Html and javascript وانسخ بها الكود

    وشكرا لمتابعتكم

    ردحذف
  17. سلايدر رائع شكرا على طرحه
    http://info-ayoub.blogspot.com/

    ردحذف
  18. كيف اصمم شعار لفريقي

    ردحذف
  19. شكرا علي الشرح
    http://de-ps.blogspot.com

    ردحذف
  20. شكرا علي الشرح
    http://de-ps.blogspot.com

    ردحذف

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

Privacy-Policy | إعلن لدينا
جميع الحقوق محفوظة لــ كن داعيا للخير 2011-2022 ©

تصميم كن مدون