[الزعيم]

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

مثال :



طريقة الاضافة :
ابحث عن

    ]=]=></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('head')[0];
                    var script = document.createElement('script');
                    script.type = 'text/javascript';
                    script.src = url;
                    if (callback) {
                        script.onreadystatechange = function () {
                            if (this.readyState == 'loaded') 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 <!--مساحة الصورة عرضها و ارتفاعها-->