الأحد، أبريل 10، 2011

اضافة البوم صور احترافي لمدونات بلوقر .

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



  
 طريقة الاضافة :
ابحث عن
]]></b:skin>
فوقه مباشرة اضف الكود التالي الخاص بتنسيق الالبوم (css):
#picasaGallery {
width: 550px;
}
.picasaGalleryItem {
border: 1px solid silver;
margin: 5px;
padding: 2px;
float: right;
}

ثم نعود من جديد نبحث عن :
]]></b:skin>
و تحته نضيف هذا الكود :
<script type='text/javascript'>
        var scriptLoader = {
            _loadScript: function (url, callback) {
                var head = document.getElementsByTagName(&#39;head&#39;)[0];
                var script = document.createElement(&#39;script&#39;);
                script.type = &#39;text/javascript&#39;;
                script.src = url;
                if (callback) {
                    script.onreadystatechange = function () {
                        if (this.readyState == &#39;loaded&#39;) callback();
                    }
                    script.onload = callback;
                }
                head.appendChild(script);
            },

            load: function (items, iteration) {
                if (!iteration) iteration = 0;
                if (items[iteration]) {
                    scriptLoader._loadScript(
                        items[iteration],
                        function () {
                            scriptLoader.load(items, iteration+1);
                        }
                    )
                }
            }
        }
       
</script>
<script src='http://alazawi.googlecode.com/files/picasa.txt' type='text/javascript'>
</script>
و في النهاية بقي هذا الكود الذي سنضيفه على شكل كود HTML في تدوينة جديدة او في صفحة جديدة :
<div id="picasaGallery">
</div>
<script type="text/javascript">
picasa.load({
 containerId: 'picasaGallery',
 userName: 'alazawi.ahmed',
 albumName: 'nature',
 imageSize: 150
 })
</script>
علما ان:

userName: 'alazawi.ahmed',<!--اسم حسابك في بيكاسا و هو نفسه في كوكل-->
 albumName: 'nature',<!--اسم التصنيف المراد عرضه و يجب ان يكون بالغة الانكليزية-->
 imageSize: 150 <!--مساحة الصورة عرضها و ارتفاعها-->

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

  1. عودة حميدة أخي الغالي أحمد ..

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

    إضافة جميلة أعتقد أنها عمليه في عرض مصغرات سريعة للقوالب

    بالتوفيق

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

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

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

    ردحذف
  5. مشكور اخي احمد

    على الدرس الجميل

    ردحذف
  6. جزاك الله خير فعلا جميلة جدا

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

    ردحذف
  8. اتبعت الطريقة حرفيا لكن لم يظهر لدي المعرض؟؟؟

    ردحذف
  9. اتبعت الطريقه وجت 12 صوره بالالبوم اقدر اختصرها الى 6 صور وتكون الصور من تنسيقي بدل الطبيعه

    ردحذف
  10. اضافة رائعة شكرا لك

    ردحذف
  11. شكراً لك استاذ محمد..
    http://el-habibe.blogspot.com

    ردحذف
  12. مشكور فكره رائعة ومفيده

    ردحذف
  13. فين الموضوعات الجديدة .. ؟؟

    ردحذف
  14. شكراً ع التوضيح .. :)

    ردحذف
  15. الله معكم .. اتمنى عرض الجديد بأستمرار

    ردحذف
  16. يعطيك الف عافية وحي الله اهل العراق فوق راسنا والله

    مدونتي
    http://3rbyblog.blogspot.com

    ردحذف
  17. اتمنى عرض المزيد من الموضوعات القيمة :)

    entrümpelung
    entrümpelung wien

    ردحذف
  18. شكراً تفضل بزياره مدونه بوابه البلوجر




    http://gateblogger.blogspot.com/

    ردحذف
  19. مشكور اخي احمد

    على الدرس الجميل

    ردحذف

  20. مشكور لي المجهود
    http://www.theknowledgepedia.com

    ردحذف
  21. مشكور على الطرح الراقي
    وننتظر جديدك اخي العزيز الصراحه مدونة رائعه
    داااااااااام تميزك
    http://nadimlove.blogspot.com/

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

    جزاك الله خيرا اخى على الموضوع الجميل
    نفعنا الله واياك بكل خير ونفع بنا العباد

    تحياتى لجهدك الطيب

    مشبات .ديكورات مشبات . صور مشبات . صورمشبات


    http://12abjdhoaz.blogspot.com/


    او من هنا
    http://alamera.forumarabia.com/
    او من هنا

    http://shomane.blogspot.com/

    ردحذف

  23. موضوع شيق .. جزاكم الله خيرا
    مواهب رياضية مدير موقع

    ردحذف