إضافة سحابة ألبوم الصور ثلاتي الأبعاد لمدونات بلوجر

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


  • المرحلة الأولى :
نقوم بالدخول لموقع picasaweb وذلك بحساب جوجل لديك (كما لو أنك تدخل مدونتك),ثم قم بالضغط على Transfererلإنشاء ألبوم جديد كما هو موضح في الصورةثم بعد ذلك قم بإنشاء ألبوم جديد ،أو إختيار أحد الألبومات لديك اذا توفر عندك .



وبعد ذلك تقوم بإدخال إسم الألبوم ووصف له إدا أردت .

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



  • المرحلة الثانية :
نقوم بالدخول لموقع .roytanck وذلك بلصق رابط الخلاصات RSS الذي حصلنا عليه في المستطيل المسمى Feed URL ,ثم نختار طول وعرض الأداة ، ثم قم بالضغط على Generate code snippet للحصول على الكود.

وعند لسق الكود المحصل عليه في التدوينة من رسالة ثم تحريرHtml تكون النتيجة على هذا الشكل .

Roy Tanck's Flickr Widget requires Flash Player 9 or better.

Get this widget at roytanck.com
أتمنى أن تكون قد أعجبتكم في إنتظار اقتراحاتكم ، دمتم بخير
MayIdothat_thumb

هناك 27 تعليقًا:

  1. رائعه هذه التدوينه .. تحياتى

    ردحذف
  2. غير معرف2:51 م

    رائع جدا
    بارك الله فيك
    ونفع بك وجعل هذه المدونة ومجهودك فيها في ميزان حسناتك

    ردحذف
  3. السلام عليكم


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

    ردحذف
  4. @حسـين بــلال
    نعم اخي حسين ،لو كانت كذلك ،لسبقتك إليها ،لكنها تعتبر فقط ألبوم للصور ،شكرا لك على ملاحظتك

    ردحذف
  5. السلام عليكم

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

    -------------
    ملحوظة: أنا اجتهدت ووضعتها بعد نهاية كود الرسالة في المدونة... فظهر مكان فاضي بدل مجموعة الصور وتحته رابط موقع:

    Get this widget at roytanck.com

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

    ردحذف
  7. أزال المؤلف هذا التعليق.

    ردحذف
  8. علم وسيجري التنفيذ.. وربنا يسهل..

    جزيت خيرا أخي الكريم.

    ردحذف
  9. غير معرف5:18 ص

    السلام عليكم

    أردت معرفة كيفية جعل الصورة تهتز عند الوقوف عليها (الحركة الموجودة في بوستك)..

    وأكون شاكرا لك جزيل الشكر..

    ردحذف
  10. معذرة أخي الكريم ولكن الأمر لم يفلح.. بل إنه حتى عند ظهور الكود في موقع roytanck.com تظهر نافذة الـ preview فارغة...


    وبالمناسبة لا أعتقد أن المشكلة في المتصفح فهو نفس المتصفح الذي أرى فيه صورة بوستك (وهي واضحة جدا ومتفاعلة بسلاسة ماشاء الله).. ناهيك أنني بالفعل جربت مع إكسبلورر وكروم وفاير فوكس...!

    آسف على الإطالة لكن محتاج هذه الفكرة للغاية..
    هل من احتمالات أخرى؟!

    ردحذف
  11. بالمناسبة أنا صاحب مدونة مواطن مريخي التجريبية..!

    ردحذف
  12. تذكرت شيئا لا أعرف مدى أهميته.. ولكنك قلت اضغط على زر RSS وعندما فعلتُ تفتح نافذة المتصفح على صفحة كبيرة مليئة بالرموز غير الواضحة.. فهل هذا يدل على شيء معين... وهو ما يظهر لي دائما عند الضغط على رمز RSS في أي مكان!!!!
    أرجو الإفادة.

    ردحذف
  13. @ماجد القاضي
    يبدو أن المشكلة هو رابطRSS ،فهل قمت بنسخ رابط الصفحة عند الضغط علىRSS ؟؟
    عند الضغط على RSS،سوف تظهر لك صفحة تحتوي على جميع الصور التي قمت بتحميلها مسبقا .وهذا الرابط يجب لصقه في المسيطيل Feed URL من موقع roytanck.
    وهذا الرابط يجب أن يكون على هذا الشكل
    http://picasaweb.google.com/data/feed/base/user/simochardo/albumid/5502736751845555921?alt=rss&kind=photo&hl=fr

    ردحذف
  14. السلام عليكم

    أشكرك جزيلا أخي الكريم... بجد سعيد جدا بظهور النتيجة.. بصراحة أنا مبهور بالشكل ثلاثي الأبعاد ده.. ربنا يجزيك كل خير..

    تم الأمر بنجاح.. فعلا كانت المشكلة إني لم آخذ كود الRSS

    ردحذف
  15. @مواطن مريخي
    وعليكم السلام ورحمة الله تعالى وبركاته ،لا شكر على واجب ومبروك عليك الصور الثلاتية الأبعاد ،ومرحبا بك في المدونة

    ردحذف
  16. اشد المعجبين ب دروسك المثيرة

    ردحذف
  17. إضآفة رآئعة جداً ،

    شكراً لك معلميْ .."

    ردحذف
  18. جزاك الله خيرا على ما تقدمه اخي في الله

    عندي سؤال لو ممكن
    كيف احصل على روابط الصورة من بيكاسا
    (الرابط المباشر والكود لو ممكن)

    وسؤال كمان
    ازاي احط رابط الصورة داخل اطار او مربع زي ما حضرتك بتضع اكواد ال(HTML) داخل مربع لما تشرح في تدويناتك؟؟؟
    وشكرا

    ردحذف
  19. شكررررررررررررررررررااااااااااااااا

    ردحذف
  20. موضوع شيق شكرا لك وانتهز الفرصة لطلب المساعدة في مدونتي يوجد مستطيل أبيض اسفل كل تدوينة فوق صندوق التعليقات مباشرة أريد التخلص منه ولكن لا استطيع لأني لا أجد الكود الخاص به ارجو المساعدة

    ردحذف
  21. @قوحايتو
    لحذف المستطيل قم بالبحث عن هذا الكود ثم قم بحذفه
    .postauthor {
    background: none repeat scroll 0 0 #F5F5F5;
    border-bottom: 1px solid #E1E1E0;
    border-top: 1px solid #E1E1E0;
    overflow: hidden;
    padding: 0.7em;
    }

    ردحذف
  22. لم تنجح معي الإضافة رغم أنني اتبعت الخطوات حرفيا
    يظهر لي مربع أبيض فارغ !!

    هذا رابط خلاصة التصاميم التي أود إضافتها

    https://picasaweb.google.com/data/feed/base/user/109791937662333407989/albumid/5620573450197889793?alt=rss&kind=photo&authkey=Gv1sRgCJu21M_LjL2F8AE&hl=en_US

    ردحذف
  23. جزآك الله خير وكثر من أمثآلك =)

    ردحذف
  24. مشكور وجزالك الله خير بس ممكن سؤال !

    انا نزلت الصور واتبعت كل الخطوات بس لما الصق الكود في الموقع واضغط على Generate code snippet مربع المعاينة يطلع فااضي
    نسخت الكود وحطيته ف تدوينة جديدة بصيغة HTML ظهر بوست جديد وفيه مربع فارغ !!

    كيف اسوي ! ماعرفت :|

    ردحذف
  25. :( وين احط كود html ?

    ردحذف
  26. شكرا
    gini-infor.blogspot.com

    ردحذف

مدونة أبو إياد تصميم بلوجرام جميع الحقوق محفوظة 2016

اعلان مخفى فى الرئيسية